@font-face {
    font-family: 'text-security-disc';
    src: url('dist/text-security-disc.eot');
    src: url('dist/text-security-disc.eot?#iefix') format('embedded-opentype'),
        url('dist/text-security-disc.woff') format('woff'),
        url('dist/text-security-disc.ttf') format('truetype'),
        url('dist/text-security-disc.svg#text-security') format('svg');
}

html {height: 100%;}

body {margin: 0 !important; padding: 0 !important;}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.trandiv {
 width: 100%;
 height: 10px;
 opacity: 0;
 transition: opacity 1s ease, height .5s ease;
 -webkit-transition: opacity 1s ease, height .5s ease;
}

.trtrans {opacity: 0; visibility: hidden; -webkit-transition: opacity 600ms, visibility 600ms; transition: opacity 600ms, visibility 600ms;}

.mobw15p {width:15%;}
.mobw85p {width:85%;}
.mobshow {display:none; visibility:hidden;}
.mobfnt-9 {font-size:9px;}
.mobfnt-10 {font-size:10px;}
.mobfnt-11 {font-size:11px;}
.mobfnt-12 {font-size:12px;}
.mobfnt-13 {font-size:13px;}
.mobfnt-14 {font-size:14px;}
.mobfnt-15 {font-size:15px;}
.mobfnt-16 {font-size:16px;}
.inputbox {outline:none; border:0px; padding-left:5px; background-color:#ffffff;}
.inputbox:focus {background-color:#f4fff4; box-shadow: 0 0 2px #719ECE;}
.inputbox:hover {background-color:#f4fff4; box-shadow: 0 0 2px #719ECE;}
.inputboxnone {outline:none; border:0px; padding-left:5px; background-color:#ffffff;}
.inputbox2 {outline:none; border:1px solid #eeeeee; background-color:#ffffff;}
.inputbox2:focus {background-color:#f4fff4;}
.inputbox2:hover {background-color:#f4fff4;}
.inputbox3 {outline:none; border:1px solid #cccccc; padding-left:5px; background-color:#ffffff;}
.inputbox3:focus {background-color:#f4fff4; box-shadow: 0 0 2px #719ECE;}
.inputbox3:hover {background-color:#f4fff4; box-shadow: 0 0 2px #719ECE;}
.w99p {width:99%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w100p {width:100%;}
.mobw90p {width:90%;}
.mobw93p {width:93%;}
.mobh3 {height:3px;}
.mobh6 {height:6px;}
.mobh10 {height:10px;}
.mobh15 {height:15px;}
.mobh20 {height:20px;}
.mobh23 {height:23px;}
.mobh25 {height:25px;}
.mobh30 {height:30px;}
.mobh33 {height:33px;}
.mobh40 {height:40px;}
.mobh50 {height:50px;}
.mobh50-40 {height:50px;}
.mobh60 {height:60px;}
.mobh65 {height:65px;}
.mobh70 {height:70px;}
.mobh150 {height:150px;}
.mobw13 {width:13px;}
.mobw15 {width:15px;}
.mobw20 {width:20px;}
.mobw30 {width:30px;}
.mobw70 {width:70px;}
.mobw80 {width:80px;}
.mobw100 {width:100px;}
.mobw120 {width:120px;}
.mobw140 {width:140px;}
.mobw160 {width:160px;}
.mobw180 {width:180px;}
.mobw200 {width:200px;}
.mobw200-60 {width:200px;}
.mobw220 {width:220px;}
.mobw300 {width:300px;}
.mobw300b {width:300px;}
.mobw350 {width:350px;}
.mobw400 {width:400px;}
.mobw500 {width:500px;}
.mobminwidth {width:650px;}
.mobtbl60p {width:60%;}
.mobtbl70p {width:70%;}
.mobtbl80p {width:80%;}
.mobtbl90p {width:90%;}
.mobh5inv {height:5px;}
.mobpad20 {padding:20px;}
.mobmgb7-1 {margin-bottom:7px;}
.mobmgb20-10 {margin-bottom:20px;}
.mobmg20 {margin:20px;}

.mybtnbox {padding-left:15px; padding-right:15px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mybtnbox:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnbox:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnboxB {padding-left:15px; padding-right:15px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#0086b3; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mybtnboxB:hover {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnboxB:focus {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnboxG {padding-left:15px; padding-right:15px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mybtnboxG:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnboxG:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mybtnbox5 {padding-left:5px; padding-right:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mybtnbox5:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mybtnbox5:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mobmybtnbox {padding-left:10px; padding-right:10px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnbox:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnbox:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mobmybtnboxp5 {display: inline-block; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxp5:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxp5:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxp5G {display: inline-block; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxp5G:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxp5G:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.nohover {background-color:transparent;}
.bckWhite {background-color: #ffffff;}
.bckGreen {background-color: #dfffdf;}
.highlght {background-color: #inherit;}
.highlght:hover .nohover {background-color: #transparent;}
.highlght:hover .bckWhite {background-color: #dfffdf;}
.highlght:hover .bckGreen {background-color: #ffffff;}
.highlght:focus {background-color: #dfffdf;}
.highlght {&:hover > {background-color: #dfffdf; &[rowspan] {background-color: #fff;}}}
.highlghty {background-color: #inherit;}
.highlghty:hover .nohover {background-color: #transparent;}
.highlghty:hover .bckWhite {background-color: #ffffdd;}
.highlghty:hover .bckGreen {background-color: #ffffdd;}
.highlghty:focus {background-color: #ffffdd;}
.highlghty {&:hover > {background-color: #ffffdd; &[rowspan] {background-color: #fff;}}}
.brd0 {border:0px;}

tr[class^="detailtmima"], tr[class*="detailtmima"] {display:none;}

.mobmybtnboxp10 {display: inline-block; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxp10:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxp10:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mobmybtnboxp10green {display: inline-block; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxp10green:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxp10green:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mobmybtnboxn {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn:hover .badgeL {background: #cc2900;}
.mobmybtnboxn:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn .badgeL {position: absolute; top: 20px; left: 5px; padding: 5px 7px; border-radius: 50%; background-color:#b32400;}
.mobmybtnboxnB {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#0086b3; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxnB:hover {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxnB:hover .badgeL {background: #0099cc;}
.mobmybtnboxnB:hover .badgeR {background: #ff6600;}
.mobmybtnboxnB:focus {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxnB .badgeL {position: absolute; top: 20px; left: 5px; padding: 5px 7px; border-radius: 50%; background-color:#0086b3;}
.mobmybtnboxnB .badgeR {position: absolute; top: -10px; right: -10px; padding: 7px 7px; border-radius: 50%; background-color:#ff6600;}
.mobmybtnboxnG {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxnG:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxnG:hover .badgeL {background: #00c864;}
.mobmybtnboxnG:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxnG .badgeL {position: absolute; top: 20px; left: 5px; padding: 5px 7px; border-radius: 50%; background-color:#00ae57;}

.Dmobmybtnboxn {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#cccccc; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.Dmobmybtnboxn .badgeL {position: absolute; top: 20px; left: 5px; padding: 5px 7px; border-radius: 50%; background-color:#cccccc;}

.mobmybtnboxn0 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn0:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn0:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn1 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#4250ac; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn1:hover {background: #5966c0; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn1:focus {background: #5966c0; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn2 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#5ccf91; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn2:hover {background: #75d7a2; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn2:focus {background: #75d7a2; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn3 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#ac451a; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn3:hover {background: #c8511e; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn3:focus {background: #c8511e; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn4 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b76096; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn4:hover {background: #c072a2; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn4:focus {background: #c072a2; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn5 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#8524b9; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn5:hover {background: #992ad5; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn5:focus {background: #992ad5; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn6 {display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#cc9400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
.mobmybtnboxn6:hover {background: #e6a800; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
.mobmybtnboxn6:focus {background: #e6a800; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}

.mobtxtcenterleft {text-align: center;}

input[readonly] {background-color: #f2f2f2;}
select[disabled] {background-color: #f2f2f2;}
textarea[readonly] {background-color: #f2f2f2;}

/* Navigation: */
.navheader {padding: 0px; width: 100%; z-index: 3; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.navnavigation {margin: auto; max-width: 1000px; overflow: hidden; background-color: #9a1f18;}
.navnavigation ul { margin: 0; padding: 0; list-style: none; overflow: hidden; background-color: #9a1f18;}
.navnavigation .navbtn .navmenu {display: none;}
.navnavigation .navbtn:hover .navmenu {display: block;}
.navnavigation .li1 {background-color:#9a1f18;}
.navnavigation .li2 {background-color:#b8241d;}
.navnavigation li a {display: block; padding: 15px 15px; border-right: 1px solid #f4f4f4; text-decoration: none;}
.navnavigation li a:hover {background-color: #f4f4f4;}
.navnavigation .navbtn-link {float: left; padding: 3px 7px;}
.navnavigation .navbtn-linkmob {float: left; padding: 5px 10px;}
.navnavigation .navmenu {clear: both;}
.navcontainer .navrow {overflow: hidden; margin: auto; max-width: 1400px;}
.navcontainer .navrow a {position: relative; float: left; width: 100%;}
.navcontainer .navrow a img {width: 100%; display: block;}
.navcontainer .navrow a span {color: #fff; position: absolute; left: 5%; bottom: 5%; font-size: 2em; text-shadow: 1px 1px 0 #000;}
.navcontainer .navrow-split a span {display: none;}
.navcontainer .navrow-split a:hover span {display: block;}
.navnavigation .navlogo {float: right; padding-top:7px; padding-right:5px; font-size:11px;}

.xdropbtn {background-color:#99ccff; color:#222222; padding:12px; font-size:16px; border:1px solid #80c6ff; cursor:pointer;}
.xdropbtn:hover, .xdropbtn:focus {background-color:#66b3ff; outline:none;}
#xmyInput {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 310px 12px 45px; border:none;}
.xdropdown {position:relative; display:inline-block;}
.xdropdown-content {display:none; position:absolute; background-color:#f6f6f6; min-width:600px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdown-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdown a:hover {background-color: #ddd}
.show {display:block;}

.xdropbtnP1 {background-color:#b32400; color:#ffffff; padding:6px; font-size:14px; border:1px solid #b32400; cursor:pointer;}
.xdropbtnP1:hover, .xdropbtnP1:focus {background-color:#cc2900; outline:none;}
#xmyInputP1 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 210px 12px 45px; border:none;}
.xdropdownP1 {position:relative; display:inline-block;}
.xdropdownP1-content {display:none; position:absolute; background-color:#f6f6f6; min-width:400px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP1-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP1 a:hover {background-color: #ffdacc}
.showP1 {display:block;}

.xdropbtnP2 {background-color:#b32400; color:#ffffff; padding:6px; font-size:14px; border:1px solid #b32400; cursor:pointer;}
.xdropbtnP2:hover, .xdropbtnP2:focus {background-color:#cc2900; outline:none;}
#xmyInputP2 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 210px 12px 45px; border:none;}
.xdropdownP2 {position:relative; display:inline-block;}
.xdropdownP2-content {display:none; position:absolute; background-color:#f6f6f6; min-width:400px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP2-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP2 a:hover {background-color: #ffdacc}
.showP2 {display:block;}

.xdropbtnP3 {background-color:#b32400; color:#ffffff; padding:6px; font-size:14px; border:1px solid #b32400; cursor:pointer;}
.xdropbtnP3:hover, .xdropbtnP3:focus {background-color:#cc2900; outline:none;}
#xmyInputP3 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 210px 12px 45px; border:none;}
.xdropdownP3 {position:relative; display:inline-block;}
.xdropdownP3-content {display:none; position:absolute; background-color:#f6f6f6; min-width:400px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP3-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP3 a:hover {background-color: #ffdacc}
.showP3 {display:block;}

.xdropbtnP4 {background-color:#b32400; color:#ffffff; padding:4px; font-size:14px; border:1px solid #b32400; cursor:pointer;}
.xdropbtnP4:hover, .xdropbtnP4:focus {background-color:#cc2900; outline:none;}
#xmyInputP4 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 210px 12px 45px; border:none;}
.xdropdownP4 {position:relative; display:inline-block;}
.xdropdownP4-content {display:none; position:absolute; background-color:#f6f6f6; min-width:400px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP4-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP4 a:hover {background-color: #ffdacc}
.showP4 {display:block;}

.xdropbtnP5 {background-color:#99ccff; color:#222222; padding:2px; font-size:14px; border:1px solid #80c6ff; cursor:pointer;}
.xdropbtnP5:hover, .xdropbtnP5:focus {background-color:#66b3ff; outline:none;}
#xmyInputP5 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:16px; padding: 14px 210px 12px 45px; border:none;}
.xdropdownP5 {position:relative; display:inline-block;}
.xdropdownP5-content {display:none; position:absolute; background-color:#f6f6f6; min-width:500px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP5-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP5 a:hover {background-color: #ddd}
.showP5 {display:block;}

.xdropbtnP6 {background-color:#99ccff; color:#222222; padding:2px; font-size:14px; border:1px solid #80c6ff; cursor:pointer;}
.xdropbtnP6:hover, .xdropbtnP6:focus {background-color:#66b3ff; outline:none;}
#xmyInputP6 {border-box: box-sizing; background-image: url('images/searchicon2.png'); background-position: 14px 12px; background-repeat:no-repeat; font-size:12px; padding: 14px 300px 12px 45px; border:none;}
.xdropdownP6 {position:relative; display:inline-block;}
.xdropdownP6-content {display:none; position:absolute; background-color:#f6f6f6; min-width:350px; overflow:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll;}
.xdropdownP6-content a {color:black; padding: 4px 16px; text-decoration:none; display:block; text-align:left;}
.xdropdownP6 a:hover {background-color: #ddd}
.showP6 {display:block;}

.txtcenter {text-align: center;}
.txtright {text-align: right;}
.txtleft {text-align: left;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
 .mobw15p {width:25%;}
 .mobw85p {width:75%;}
 .mobhide {display:none; visibility:hidden;}
 .mobshow {display:table-row; visibility:visible;}
 .mobfnt-9 {font-size:7px;}
 .mobfnt-10 {font-size:9px;}
 .mobfnt-11 {font-size:9px;}
 .mobfnt-12 {font-size:10px;}
 .mobfnt-13 {font-size:11px;}
 .mobfnt-14 {font-size:11px;}
 .mobfnt-15 {font-size:12px;}
 .mobfnt-16 {font-size:12px;}
 .mobw90p {width:60%;}
 .mobw93p {width:60%;}
 .mobh3 {height:2px;}
 .mobh6 {height:4px;}
 .mobh10 {height:7px;}
 .mobh15 {height:10px;}
 .mobh20 {height:13px;}
 .mobh23 {height:15px;}
 .mobh25 {height:17px;}
 .mobh30 {height:20px;}
 .mobh33 {height:22px;}
 .mobh40 {height:26px;}
 .mobh50 {height:34px;}
 .mobh50-40 {height:40px;}
 .mobh60 {height:40px;}
 .mobh65 {height:52px;}
 .mobh70 {height:46px;}
 .mobh150 {height:100px;}
 .mobw13 {width:10px;}
 .mobw15 {width:10px;}
 .mobw20 {width:13px;}
 .mobw30 {width:20px;}
 .mobw70 {width:50px;}
 .mobw80 {width:53px;}
 .mobw100 {width:66px;}
 .mobw120 {width:80px;}
 .mobw140 {width:93px;}
 .mobw160 {width:107px;}
 .mobw180 {width:120px;}
 .mobw200 {width:133px;}
 .mobw200-60 {width:120px;}
 .mobw220 {width:147px;}
 .mobw300 {width:200px;}
 .mobw300b {width:250px;}
 .mobw350 {width:233px;}
 .mobw400 {width:266px;}
 .mobw500 {width:300px;}
 .mobminwidth {width:320px;}
 .mobtbl60p {width:100%;}
 .mobtbl70p {width:100%;}
 .mobtbl80p {width:100%;}
 .mobtbl90p {width:100%;}
 .mobh5inv {height:30px;}
 .mobpad20 {padding:10px;}
 .mobmgb7-1 {margin-bottom:1px;}
 .mobmgb20-10 {margin-bottom:10px;}
 .mobmg20 {margin:10px;}
 
 .mobmybtnbox {padding-left:5px; padding-right:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnbox:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnbox:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 
 .mobmybtnboxn {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnboxn:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxn:hover .badgeL {background: #cc2900;}
 .mobmybtnboxn:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxn .badgeL {position: absolute; top: 0px; left: 0px; padding: 2px 2px; border-radius: 50%; background-color:#b32400;}
 .mobmybtnboxnB {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#0086b3; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnboxnB:hover {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxnB:hover .badgeL {background: #0099cc;}
 .mobmybtnboxnB:focus {background: #0099cc; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxnB .badgeL {position: absolute; top: 0px; left: 0px; padding: 2px 2px; border-radius: 50%; background-color:#0086b3;}
 .mobmybtnboxnG {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnboxnG:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxnG:hover .badgeL {background: #00c864;}
 .mobmybtnboxnG:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxnG .badgeL {position: absolute; top: 0px; left: 0px; padding: 2px 2px; border-radius: 50%; background-color:#00ae57;}
 
 .Dmobmybtnboxn {position: relative; display: inline-block; text-decoration: none; font-weight: bold; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#cccccc; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .Dmobmybtnboxn .badgeL {position: absolute; top: 0px; left: 0px; padding: 2px 2px; border-radius: 50%; background-color:#cccccc;}
 
 .mobmybtnboxp10 {display: inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#b32400; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnboxp10:hover {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxp10:focus {background: #cc2900; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 
 .mobmybtnboxp10green {display: inline-block; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; transition: all 0.2s ease 0s; outline:none; white-space: normal; background:#00ae57; border:0px; color:#ffffff; -moz-box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; -o-box-shadow: 3px 3px 5px #999; -ms-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999;}
 .mobmybtnboxp10green:hover {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 .mobmybtnboxp10green:focus {background: #00c864; cursor:pointer; -moz-box-shadow: 3px 3px 7px #999; -webkit-box-shadow: 3px 3px 7px #999; -o-box-shadow: 3px 3px 7px #999; -ms-box-shadow: 3px 3px 7px #999; box-shadow: 3px 3px 7px #999;}
 
 .xdropbtnP1 {background-color:#b32400; color:#ffffff; padding:6px; font-size:11px; border:1px solid #b32400; cursor:pointer;}
 .xdropbtnP2 {background-color:#b32400; color:#ffffff; padding:6px; font-size:11px; border:1px solid #b32400; cursor:pointer;}
 .xdropbtnP3 {background-color:#b32400; color:#ffffff; padding:6px; font-size:11px; border:1px solid #b32400; cursor:pointer;}
 
 .mobtxtcenterleft {text-align: left;}
 
}





.gradLogo {
  background: #df423a; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffe6e6, #df423a); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffe6e6, #df423a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffe6e6, #df423a); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #ffe6e6, #df423a); /* Standard syntax */
}

.ath0d {background:#b32400;}
.ath0l {background:#cc2900}
.ath1d {background:#4250ac;}
.ath1l {background:#5966c0;}
.ath2d {background:#5ccf91;}
.ath2l {background:#75d7a2;}
.ath3d {background:#ac451a;}
.ath3l {background:#c8511e;}
.ath4d {background:#b76096;}
.ath4l {background:#c072a2;}
.ath5d {background:#8524b9;}
.ath5l {background:#992ad5;}
.ath6d {background:#cc9400;}
.ath6l {background:#e6a800;}

table .work {
 display: table;
 width: 100%;
 float: right;
 position: relative;
 overflow: hidden;
 display: table-row;
 height: 100%;
}

.myhrefwhite {text-decoration:none; color:#ffffff;}
.myhrefwhite:visited {text-decoration:none; color:#ffffff;}
.myhrefwhite:hover {text-decoration:none; color:#f9d4d2; !important}

.myhrefwhite2 {text-decoration:none; color:#ffffff;}
.myhrefwhite2:visited {text-decoration:none; color:#ffffff;}
.myhrefwhite2:hover {text-decoration:none; color:#3366cc; !important}

.fnt-v {font-family:Verdana;}
.fnt-t {font-family:Tahoma;}
.fnt-h {font-family:Helvetica;}
.fnt-s {font-family:Sans-Serif;}
.fnt-a {font-family:Arial;}

.fnt-4 {font-size:4px;}
.fnt-6 {font-size:6px;}
.fnt-8 {font-size:8px;}
.fnt-9 {font-size:9px;}
.fnt-10 {font-size:10px;}
.fnt-11 {font-size:11px;}
.fnt-12 {font-size:12px;}
.fnt-13 {font-size:13px;}
.fnt-14 {font-size:14px;}
.fnt-15 {font-size:15px;}
.fnt-16 {font-size:16px;}
.fnt-18 {font-size:18px;}
.fntBold {font-weight:bold;}



.logo-section {background: url(images/flag2-min.png) no-repeat; background-size: cover;}

.footerspace {style:table; height:100px;}
.footer {left:0px; right:0px; bottom:0px; height:200px;}
.footer-widgets .footer-widget {overflow: hidden; width:500px; margin-right: 30px; float: left;}
.footer-widgets {overflow: hidden; padding-top: 5px;}
#footer {background: #111111; overflow: hidden; margin-top: 0px; color: #999999; font-size: 14px;}
.inner-wrap {width: 1100px; margin: 0 auto; overflow: hidden;}
.widget {overflow: hidden; margin-bottom: 10px;}
#footer .widget-title {margin-top:-10px; margin-bottom: 0px; border-bottom: 3px solid #AAAAAA; padding-bottom: 0px;}
.widget_social .info-text {border-bottom: 1px solid #444444; margin: 5px 0 10px; padding-bottom: 5px;}
.footer-info {padding-bottom:35px; font-size:13px;}

.baseclrbck {background-color: #b32400;}
.baseclrbrd {border: 1px solid #b32400;}
.secclrbck {background-color: #ffdacc;}
.secclrbrd {border: 1px solid #ffdacc;}
.thiclrbck {background-color: #00ae57;}
.thiclrbrd {border: 1px solid #00ae57;}
.secbclrbck {background-color: #0086b3;}
.secbclrbrd {border: 1px solid #0086b3;}
.liteclrbck {background-color: #fff7f4;}
.liteclrbrd {border: 1px solid #fff7f4;}
.greyclrbck {background-color: #b3b3b3;}
.greyclrbrd {border: 1px solid #b3b3b3;}
.redclrbck {background-color: #ffcccc;}
.redclrbrd {border: 1px solid #ffcccc;}
.whiteclrbck {background-color: #ffffff;}
.lgreyclrbrd {border:1px solid #eeeeee;}
.lgreyclrbck {background-color:#eeeeee;}
.orangeclrbck {background-color: #ff9933;}
.orangeclrbrd {border:1px solid #ff9933;}
.greenclrbck {background-color: #00ae57;}
.greenclrbrd {border: 1px solid #00ae57;}
.lgreenclrbck {background-color: #00c864;}
.lgreenclrbrd {border: 1px solid #00c864;}

.clrMov1 {color:#533267;}
.clrMov2 {color:#7c4b9b;}
.clrMov3 {color:#a375bd;}
.clrMov4 {color:#c6abd3;}
.clrMov5 {color:#ddcce5;}

.clrTir1 {color:#3d5c5c;}
.clrTir2 {color:#527a7a;}
.clrTir3 {color:#75a3a3;}
.clrTir4 {color:#a3c2c2;}
.clrTir5 {color:#d1e0e0;}

.clrBle1 {color:#204060;}
.clrBle2 {color:#336699;}
.clrBle3 {color:#538cc6;}
.clrBle4 {color:#8cb3d9;}
.clrBle5 {color:#c6d9ec;}

.clrRed1 {color:#661400;}
.clrRed2 {color:#b32400;}
.clrRed3 {color:#ff3300;}
.clrRed4 {color:#ff704d;}
.clrRed5 {color:#ffad99;}

.clrYel1 {color:#ffffe6;}
.clrYel2 {color:#ffff99;}
.clrYel3 {color:#ffcc66;}

.clrRed {color:#ff3300;}
.clrGreen {color:#006600;}
.clrLGreen {color:#dff3d8;}
.clrBlue {color:#002b80;}
.clrBlue2 {color:#003cb3;}
.clrLBlue {color:#99ccff;}
.clrOrange {color:#ff9933;}
.clrOrange2 {color:#e67300;}
.clrWhite {color:#ffffff;}

.clrGrey1 {color:#262626;}
.clrGrey2 {color:#505050;}
.clrGrey3 {color:#737373;}
.clrGrey4 {color:#a6a6a6;}
.clrGrey5 {color:#d9d9d9;}

.h1 {height:1px;}
.h3 {height:3px;}
.h5 {height:5px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h29 {height:29px;}
.h30 {height:30px;}
.h33 {height:33px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h300 {height:300px;}

.w5 {width:5px;}
.w10 {width:10px;}
.w15 {width:15px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w35 {width:35px;}
.w40 {width:40px;}
.w45 {width:45px;}
.w50 {width:50px;}
.w55 {width:55px;}
.w60 {width:60px;}
.w65 {width:65px;}
.w70 {width:70px;}
.w75 {width:75px;}
.w80 {width:80px;}
.w85 {width:85px;}
.w90 {width:90px;}
.w95 {width:95px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w420 {width:420px;}
.w430 {width:430px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w480 {width:480px;}
.w500 {width:500px;}
.w550 {width:550px;}
.w600 {width:600px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w900 {width:900px;}
.w1000 {width:1000px;}
.w1100 {width:1100px;}
.w1200 {width:1200px;}
.w1400 {width:1400px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.pdt5 {padding-top:5px;}
.pdb5 {padding-bottom:5px;}
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.oval5 {border-radius:5px;}
.oval10 {border-radius:10px;}
.shd {-moz-box-shadow: 4px 4px 5px #aaa; -webkit-box-shadow: 4px 4px 5px #aaa; -o-box-shadow: 4px 4px 5px #aaa; -ms-box-shadow: 4px 4px 5px #aaa; box-shadow: 4px 4px 5px #aaa;}
.shd2 {background-color:#efefef; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; -o-box-shadow: 3px 3px 5px #ccc; -ms-box-shadow: 3px 3px 5px #ccc; box-shadow: 3px 3px 5px #ccc;}
.intxtgrey {outline:none; padding-left:5px; background-color:#ececec;}
.intxt {outline:none; padding-left:5px; background-color:#fffff1;}
.intxt:focus {background-color:#e6ffe6; box-shadow: 0 0 10px #719ECE;}
.intxt:hover {background-color:#e6ffe6; box-shadow: 0 0 10px #719ECE;}
.intxtb {outline:none; padding-left:5px; background-color:#dfefff;}
.intxtb:focus {background-color:#cce6ff; box-shadow: 0 0 10px #719ECE;}
.intxtb:hover {background-color:#cce6ff; box-shadow: 0 0 10px #719ECE;}
.tblcenter {margin:0 auto;}
.mg0 {margin-top:0px; margin-bottom:0px;}
.mg0c {margin-top:0px; margin-bottom:0px; text-align:center;}
.sfCopyR {font-size:10px; color:#FFFFFF;}
.sfCopyRGrey {color:#CCCCCC;}

.phov:hover {box-shadow: 0 0 10px #719ECE; color:#538cc6;}
.phov2:hover {box-shadow: 0 0 10px #719ECE; color:#003399;}
.nohref {text-decoration:none; color:inherit;}
.nohref:visited {text-decoration:none; color:inherit;}
.nohref:hover {text-decoration:none; color:inherit;}
.myhref {text-decoration:none;}
.myhref:visited {text-decoration:none;}
.myhref:hover {text-decoration:none; color:#8cb3d9;}
.myhref2 {text-decoration:none; color:#0059b3;}
.myhref2:visited {text-decoration:none; color:#0059b3;}
.myhref2:hover {text-decoration:none; color:#1a8cff; !important}
.myhrefbott {text-decoration:none; color:#ffffff}
.myhrefbott:visited {text-decoration:none; color:#ffffff;}
.myhrefbott:hover {text-decoration:none; color:#0066cc;}
.mylinks {font-size:12px;color:#0000FF;text-decoration:none;}
a.mylinks:visited {color:#0000FF;}
a.mylinks:hover {color:#99caff;}
a.mylinks:active {color:#99caff;}

.EidopoiisiButton:hover {text-decoration:none; color:#8a8a5c !important;}

.mybtn {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 transition: all 0.3s ease 0s;
 background: #fff url(images/btn.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow: 0 3px 5px #ccc;
 -webkit-box-shadow: 0 3px 5px #ccc;
 -o-box-shadow: 0 3px 5px #ccc;
 -ms-box-shadow: 0 3px 5px #ccc;
 box-shadow: 0 3px 5px #ccc;
 outline:none;
 white-space: normal;
}
.mybtn:hover {background: #fff url(images/btnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.mybtn:focus {background: #fff url(images/btnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.mybtn2 {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 transition: all 0.3s ease 0s;
 background: #fff url(images/btnbg.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow: 0 3px 5px #ccc;
 -webkit-box-shadow: 0 3px 5px #ccc;
 -o-box-shadow: 0 3px 5px #ccc;
 -ms-box-shadow: 0 3px 5px #ccc;
 box-shadow: 0 3px 5px #ccc;
 outline:none;
 white-space: normal;
}
.mybtn2:hover {background: #fff url(images/btnrbg.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.mybtn2:focus {background: #fff url(images/btnrbg.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.mybtnsel {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 transition: all 0.3s ease 0s;
 background: #fff url(images/btn_orange.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow: 0 3px 5px #ccc;
 -webkit-box-shadow: 0 3px 5px #ccc;
 -o-box-shadow: 0 3px 5px #ccc;
 -ms-box-shadow: 0 3px 5px #ccc;
 box-shadow: 0 3px 5px #ccc;
 outline:none;
 white-space: normal;
}
.mybtnsel:hover {background: #fff url(images/btnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.mybtnsel:focus {background: #fff url(images/btnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}

.mybtn2d {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 transition: all 0.3s ease 0s;
 background: #fff url(images/btnbg.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow: 0 3px 5px #ccc;
 -webkit-box-shadow: 0 3px 5px #ccc;
 -o-box-shadow: 0 3px 5px #ccc;
 -ms-box-shadow: 0 3px 5px #ccc;
 box-shadow: 0 3px 5px #ccc;
 outline:none;
 white-space: normal;
}

#main-menu:hover {cursor:pointer;}
#main-menu #menu {position: relative;}
#main-menu #menu>li {display: inline-block; position: relative;}
#main-menu #menu li>.submenu {position: absolute; left: -6000px;}
#main-menu #menu li:hover>.submenu {display: block; left:-160px; width:200px; cursor:pointer;}

#main-menu ul {list-style-type: none;}
#main-menu #menu a {display: block; text-decoration: none;}
#main-menu .menu a {padding: 0.8em .8em;}
#main-menu #menu li {vertical-align: middle; white-space: nowrap;}
#main-menu img, #main-menu a {border: none; outline:none;}

#main-menu #menu {padding: 0px; margin: 0;}
#main-menu .menu>a {color: #a6625a; font-size: 12px; font-family: Verdana; text-transform: uppercase; padding: 1.77em .5em;}
#main-menu .menu>a:hover {color: #ecc676; background: #ffffff; cursor:pointer;}
#main-menu .menu>a:active {color: #ecc676; background: #ffffff;}
#main-menu .menu>a:visited {color: #a6625a;}

#main-menu .submenu {padding: 0; border: 0px solid #0099cd; background-color: #ffffff;}
#main-menu .submenu li {border: 1px solid #ffffff; background-color: #0099cd; border-bottom: #0099cd;}
#main-menu .submenu a {color: #fff; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#main-menu .submenu>li>a:hover {color: #330000; background-color: #ecf2f9;}
#main-menu .submenu>li>a:active {color: #330000; background-color: #ecf2f9;}
#main-menu .submenu>li>a:visited {color: #fff;}
#main-menu .submenu>li>a:visited:hover {color: #330000;}

.buttonhref {background:none!important; color:#fff; border:none; padding:0!important; font-family:Tahoma; font-size:11px; cursor:pointer;}

.engrtxtw {text-shadow: 1px 1px 1px rgba(255,255,255,.9);}
.engrtxtg {text-shadow: 2px 2px 2px rgba(170,170,170,.7);}
.engrtxtb {text-shadow: 1px 1px 1px rgba(50,50,50,.6);}
.mpointer:hover {cursor:pointer;}

.gradScroll {
  background: #a2d0dd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#a2d0dd, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#a2d0dd, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#a2d0dd, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#a2d0dd, #ffffff); /* Standard syntax */
}

.gradScrollOld {
  background: #77bbcd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#77bbcd, #f4faff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#77bbcd, #f4faff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#77bbcd, #f4faff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#77bbcd, #f4faff); /* Standard syntax */
}

.gradTitles {
  background: #0099cd; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#b3cce6, #0099cd, #0099cd, #0099cd, #264d73); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#b3cce6, #0099cd, #0099cd, #0099cd, #264d73); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#b3cce6, #0099cd, #0099cd, #0099cd, #264d73); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#b3cce6, #0099cd, #0099cd, #0099cd, #264d73); /* Standard syntax */
}

.gradRed {
  background: #cc0000; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffcccc, #cc0000, #cc0000, #cc0000, #800000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffcccc, #cc0000, #cc0000, #cc0000, #800000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffcccc, #cc0000, #cc0000, #cc0000, #800000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffcccc, #cc0000, #cc0000, #cc0000, #800000); /* Standard syntax */
}

.gradGreen {
  background: #339933; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#c6ecc6, #339933, #339933, #339933, #206020); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#c6ecc6, #339933, #339933, #339933, #206020); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#c6ecc6, #339933, #339933, #339933, #206020); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#c6ecc6, #339933, #339933, #339933, #206020); /* Standard syntax */
}

.gradGrey {
  background: #f2f2f2; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fcfcfc, #f2f2f2, #f2f2f2, #f2f2f2, #bfbfbf); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fcfcfc, #f2f2f2, #f2f2f2, #f2f2f2, #bfbfbf); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fcfcfc, #f2f2f2, #f2f2f2, #f2f2f2, #bfbfbf); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #ffffff, #f2f2f2, #f2f2f2, #f2f2f2, #dfdfdf); /* Standard syntax */
}

.gradGreyRev {
  background: #f2f2f2; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#dfdfdf, #f2f2f2, #f2f2f2, #f2f2f2, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#dfdfdf, #f2f2f2, #f2f2f2, #f2f2f2, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#dfdfdf, #f2f2f2, #f2f2f2, #f2f2f2, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #dfdfdf, #f2f2f2, #f2f2f2, #f2f2f2, #ffffff); /* Standard syntax */
}

.grad2blue {
  background: #eaf7fa; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #97d5e7, #eaf7fa, #97d5e7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #97d5e7, #eaf7fa, #97d5e7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #97d5e7, #eaf7fa, #97d5e7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #97d5e7, #eaf7fa, #97d5e7); /* Standard syntax */
}

.grad2orange {
  background: #faf2eb; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ffb366, #faf2eb, #ffb366); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ffb366, #faf2eb, #ffb366); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ffb366, #faf2eb, #ffb366); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ffb366, #faf2eb, #ffb366); /* Standard syntax */
}

.gradDiaxSyllogoi {
  background: #336499; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #336499); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #336499); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #336499); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #336499); /* Standard syntax */
}
.gradDiaxSyllogoiB {
  background: #8cb1d9; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #8cb1d9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #8cb1d9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #8cb1d9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #8cb1d9); /* Standard syntax */
}
.gradDiaxForeis {
  background: #773b91; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #773b91); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #773b91); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #773b91); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #773b91); /* Standard syntax */
}
.gradDiaxForeisB {
  background: #bf92d3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #bf92d3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #bf92d3); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #bf92d3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #bf92d3); /* Standard syntax */
}
.gradDiaxAthlites {
  background: #26a695; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #26a695); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #26a695); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #26a695); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #26a695); /* Standard syntax */
}
.gradDiaxAthlitesB {
  background: #82e3d6; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #82e3d6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #82e3d6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #82e3d6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #82e3d6); /* Standard syntax */
}
.gradDiaxYpodomes {
  background: #e67300; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #e67300); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #e67300); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #e67300); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #e67300); /* Standard syntax */
}
.gradDiaxYpodomesB {
  background: #ffbf80; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #ffbf80); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #ffbf80); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #ffbf80); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #ffbf80); /* Standard syntax */
}
.gradDiaxMeli {
  background: #ffb366; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #ffb366); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #ffb366); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #ffb366); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #ffb366); /* Standard syntax */
}
.gradDiaxMeliB {
  background: #ffd9b3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#eff7fb, #ffd9b3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eff7fb, #ffd9b3); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eff7fb, #ffd9b3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, #eff7fb, #ffd9b3); /* Standard syntax */
}

input::-webkit-input-placeholder {color:#d9d9d9;}
input::-moz-placeholder {color:#d9d9d9;}
input:-ms-input-placeholder {color:#d9d9d9;}
input:-moz-placeholder {color:#d9d9d9;}

[type="date"] {border:0px; color: transparent; background: transparent url(images/calend.png)  97% 50% no-repeat;}
[type="date"]:focus {outline-width: 0;}
[type="date"]::-webkit-inner-spin-button {display: none;}
[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;}

.brdGrey {border:1px solid #eeeeee;}

.nwrap {white-space:nowrap;}

.bullgreen {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#339933; font-size:16px;}
.bullred {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#cc0000; font-size:16px;}
.bullgrey {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#d9d9d9; font-size:16px;}

.hbullgreen {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#339933; font-size:25px;}
.hbullgreen:hover {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#337733; font-size:25px;}
.hbullred {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#cc0000; font-size:20px;}
.hbullred:hover {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#aa0000; font-size:20px;}
.hbullgrey {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#d9d9d9; font-size:20px;}
.hbullgrey:hover {vertical-align:middle; display:inline-block; margin-bottom:5px; color:#c9c9c9; font-size:20px;}




.addbtn {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/addbtn.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.addbtn:hover {background: #fff url(images/addbtnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.addbtn:focus {background: #fff url(images/addbtnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}

.selbtn {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/selbtn.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn:hover {background: #fff url(images/delbtnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}
.selbtn:focus {background: #fff url(images/delbtnr.png) repeat-x top; cursor:pointer; box-shadow: 0 0 10px #719ECE;}

.selbtno {
 padding-left:15px;
 padding-right:15px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/selbtn.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}

.selbtn2 {
 padding-left:2px;
 padding-right:2px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/addbtnr.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn2:hover {background: #fff url(images/selbtn.png) repeat-x top; cursor:pointer;}
.selbtn2:focus {background: #fff url(images/selbtn.png) repeat-x top; cursor:pointer;}

.selbtn3 {
 padding-left:2px;
 padding-right:2px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/delbtnr.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn3:hover {background: #fff url(images/delbtn.png) repeat-x top; cursor:pointer;}
.selbtn3:focus {background: #fff url(images/delbtn.png) repeat-x top; cursor:pointer;}

.selbtn4 {
 padding-left:2px;
 padding-right:2px;
 padding-top:0px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background: #fff url(images/addbtn.png) repeat-x top;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn4:hover {background: #fff url(images/addbtns.png) repeat-x top; cursor:pointer;}

.selbtn5 {
 padding-left:2px;
 padding-right:2px;
 padding-top:0px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background-color: inherit;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn5:hover {background: #fff url(images/selbtn.png) repeat-x top; cursor:pointer;}

.selbtn5b {
 padding-left:2px;
 padding-right:2px;
 padding-top:0px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background-color:#e3f2d9;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}
.selbtn5b:hover {background: #fff url(images/selbtn.png) repeat-x top; cursor:pointer;}

.selbtn6 {
 padding-left:2px;
 padding-right:2px;
 padding-top:0px;
 border-radius:5px;
 border: 1px solid #aaaaaa;
 transition: all 0.3s ease 0s;
 background-color:#cccccc;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 outline:none;
 white-space: normal;
}

.bg-img1 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_1z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img2 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_2z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img3 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_3z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img4 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_4z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img5 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_5z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img6 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_6z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}
.bg-img7 {
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5)), url(images/athlima_7z.jpg);
 background-repeat:no-repeat;
 background-size:cover;
}

.btnplus {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  font-weight:bold;
  padding: 4px 4px 4px 3px;
  text-decoration: none;
}

.btnplus:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.addmodal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.addmodal-content {
 background-color: #fefefe;
 margin: 15% auto; /* 15% from the top and centered */
 padding: 20px;
 border: 1px solid #888;
 width: 80%; /* Could be more or less, depending on screen size */
}
.addclose {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
}
.addclose:hover,
.addclose:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
}

.hiddenbut {visibility:hidden; display:none;}

.modalP0 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0-state {display: none;}
.modalP0-state:checked + .modalP0 {opacity: 1; visibility: visible;}
.modalP0-state:checked + .modalP0 .modalP0__inner {top: 0;}
.modalP0-state:checked + .modalP0 .hiddenbut {visibility:visible; display:inline-block;}
.modalP0__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto;}
.modalP0__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0__close:after,
.modalP0__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0__close:hover:after,
.modalP0__close:hover:before {background: #aaa;}
.modalP0__close:before {transform: rotate(-45deg);}

.modalP0T {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0T__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0T-state {display: none;}
.modalP0T-state:checked + .modalP0T {opacity: 1; visibility: visible;}
.modalP0T-state:checked + .modalP0T .modalP0T__inner {top: 0;}
.modalP0T-state:checked + .modalP0T .hiddenbut {visibility:visible; display:inline-block;}
.modalP0T__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto;}
.modalP0T__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0T__close:after,
.modalP0T__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0T__close:hover:after,
.modalP0T__close:hover:before {background: #aaa;}
.modalP0T__close:before {transform: rotate(-45deg);}

.modalP0D {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0D__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0D-state {display: none;}
.modalP0D-state:checked + .modalP0D {opacity: 1; visibility: visible;}
.modalP0D-state:checked + .modalP0D .modalP0D__inner {top: 0;}
.modalP0D-state:checked + .modalP0D .hiddenbut {visibility:visible; display:inline-block;}
.modalP0D__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto;}
.modalP0D__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0D__close:after,
.modalP0D__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0D__close:hover:after,
.modalP0D__close:hover:before {background: #aaa;}
.modalP0D__close:before {transform: rotate(-45deg);}

.modalP0K {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0K__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0K-state {display: none;}
.modalP0K-state:checked + .modalP0K {opacity: 1; visibility: visible;}
.modalP0K-state:checked + .modalP0K .modalP0K__inner {top: 0;}
.modalP0K-state:checked + .modalP0K .hiddenbut {visibility:visible; display:inline-block;}
.modalP0K__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding:5px; overflow: auto;}
.modalP0K__close {position: absolute; right: 25px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0K__close:after,
.modalP0K__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0K__close:hover:after,
.modalP0K__close:hover:before {background: #aaa;}
.modalP0K__close:before {transform: rotate(-45deg);}

.modalP0P {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0P__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0P-state {display: none;}
.modalP0P-state:checked + .modalP0P {opacity: 1; visibility: visible;}
.modalP0P-state:checked + .modalP0P .modalP0P__inner {top: 0;}
.modalP0P-state:checked + .modalP0P .hiddenbut {visibility:visible; display:inline-block;}
.modalP0P__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto;}
.modalP0P__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0P__close:after,
.modalP0P__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0P__close:hover:after,
.modalP0P__close:hover:before {background: #aaa;}
.modalP0P__close:before {transform: rotate(-45deg);}

.modalP0X {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0X__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0X-state {display: none;}
.modalP0X-state:checked + .modalP0X {opacity: 1; visibility: visible;}
.modalP0X-state:checked + .modalP0X .modalP0X__inner {top: 0;}
.modalP0X-state:checked + .modalP0X .hiddenbut {visibility:visible; display:inline-block;}
.modalP0X__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; overflow: auto;}
.modalP0X__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0X__close:after,
.modalP0X__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0X__close:hover:after,
.modalP0X__close:hover:before {background: #aaa;}
.modalP0X__close:before {transform: rotate(-45deg);}

.modalP0A {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(199,182,177, .9); transition: opacity .25s ease;}
.modalP0A__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP0A-state {display: none;}
.modalP0A-state:checked + .modalP0A {opacity: 1; visibility: visible;}
.modalP0A-state:checked + .modalP0A .modalP0A__inner {top: 0;}
.modalP0A-state:checked + .modalP0A .hiddenbut {visibility:visible; display:inline-block;}
.modalP0A__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 85%; height: 85%; margin: auto; background: #fff; border-radius: 5px; padding:5px; overflow: auto;}
.modalP0A__close {position: absolute; right: 25px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP0A__close:after,
.modalP0A__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP0A__close:hover:after,
.modalP0A__close:hover:before {background: #aaa;}
.modalP0A__close:before {transform: rotate(-45deg);}

.modalP1 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(66,80,132, .9); transition: opacity .25s ease;}
.modalP1__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP1-state {display: none;}
.modalP1-state:checked + .modalP1 {opacity: 1; visibility: visible;}
.modalP1-state:checked + .modalP1 .modalP1__inner {top: 0;}
.modalP1-state:checked + .modalP1 .hiddenbut {visibility:visible; display:inline-block;}
.modalP1__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP1__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP1__close:after,
.modalP1__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP1__close:hover:after,
.modalP1__close:hover:before {background: #aaa;}
.modalP1__close:before {transform: rotate(-45deg);}

.modalP2 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(62,137,115, .9); transition: opacity .25s ease;}
.modalP2__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP2-state {display: none;}
.modalP2-state:checked + .modalP2 {opacity: 1; visibility: visible;}
.modalP2-state:checked + .modalP2 .modalP2__inner {top: 0;}
.modalP2-state:checked + .modalP2 .hiddenbut {visibility:visible; display:inline-block;}
.modalP2__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP2__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP2__close:after,
.modalP2__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP2__close:hover:after,
.modalP2__close:hover:before {background: #aaa;}
.modalP2__close:before {transform: rotate(-45deg);}

.modalP3 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(132,69,26, .9); transition: opacity .25s ease;}
.modalP3__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP3-state {display: none;}
.modalP3-state:checked + .modalP3 {opacity: 1; visibility: visible;}
.modalP3-state:checked + .modalP3 .modalP3__inner {top: 0;}
.modalP3-state:checked + .modalP3 .hiddenbut {visibility:visible; display:inline-block;}
.modalP3__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP3__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP3__close:after,
.modalP3__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP3__close:hover:after,
.modalP3__close:hover:before {background: #aaa;}
.modalP3__close:before {transform: rotate(-45deg);}

.modalP4 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(143,96,150, .9); transition: opacity .25s ease;}
.modalP4__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP4-state {display: none;}
.modalP4-state:checked + .modalP4 {opacity: 1; visibility: visible;}
.modalP4-state:checked + .modalP4 .modalP4__inner {top: 0;}
.modalP4-state:checked + .modalP4 .hiddenbut {visibility:visible; display:inline-block;}
.modalP4__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP4__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP4__close:after,
.modalP4__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP4__close:hover:after,
.modalP4__close:hover:before {background: #aaa;}
.modalP4__close:before {transform: rotate(-45deg);}

.modalP5 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(133,36,145, .9); transition: opacity .25s ease;}
.modalP5__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP5-state {display: none;}
.modalP5-state:checked + .modalP5 {opacity: 1; visibility: visible;}
.modalP5-state:checked + .modalP5 .modalP5__inner {top: 0;}
.modalP5-state:checked + .modalP5 .hiddenbut {visibility:visible; display:inline-block;}
.modalP5__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP5__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP5__close:after,
.modalP5__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP5__close:hover:after,
.modalP5__close:hover:before {background: #aaa;}
.modalP5__close:before {transform: rotate(-45deg);}

.modalP6 {opacity: 0; visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(164,148,0, .9); transition: opacity .25s ease;}
.modalP6__bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}
.modalP6-state {display: none;}
.modalP6-state:checked + .modalP6 {opacity: 1; visibility: visible;}
.modalP6-state:checked + .modalP6 .modalP6__inner {top: 0;}
.modalP6-state:checked + .modalP6 .hiddenbut {visibility:visible; display:inline-block;}
.modalP6__inner {transition: top .25s ease; position: absolute; top: -50%; right: 0; bottom: 0; left: 0; width: 75%; margin: auto; background: #fff; border-radius: 5px; padding: 1em 2em; height: 70%; overflow: auto;}
.modalP6__close {position: absolute; right: 5px; top: 1em; width: 1.1em; height: 1.1em; cursor: pointer;}
.modalP6__close:after,
.modalP6__close:before {content: ''; position: absolute; width: 2px; height: 1.5em; background: #ccc; display: block; transform: rotate(45deg); left: 50%; margin: -3px 0 0 -1px; top: 0;}
.modalP6__close:hover:after,
.modalP6__close:hover:before {background: #aaa;}
.modalP6__close:before {transform: rotate(-45deg);}