[nospaces][googlefont=Montserrat:400,700|Roboto:400,700][googlefont="Material+Icons"]

[newclass=.quavContain]--quavAccent:#86C6BC;[/newclass]
[newclass=.quavContain]--quavIMG:url(https://image.ibb.co/eNShMe/image.png);[/newclass]







[newclass=.quavContain]--quavAccent:#86C6BC; --quavIMG:url(https://i.imgur.com/3z60pZk.png);[/newclass]





[newclass=.quavContain] width:602px; border:5px solid #e7e7e7; outline:1px solid #dadada; margin:1px; [/newclass]
[newclass=.quavContain2] width:600px; background-color:#eaeaea; border:1px solid #dadada; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.quavHeader] height:75px; padding:10px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:flex-start; font:400 12px montserrat; color:#8a8a8a; background-color:#f2f2f2; text-align:left; [/newclass]
[newclass=.quavHeader img] width:75px; height:75px; margin-right:25px; border-radius:5px; [/newclass]
[newclass=.quavHeader div] height:75px; display:flex; align-items:center; padding:0px 25px; border-right:1px solid #dadada; [/newclass]
[newclass=.quavHeader div:hover] color:var(--quavAccent); cursor:pointer; [/newclass]
[newclass=.quavHeader div:first-child] padding-left:0px; padding-right:0px; [/newclass]
[newclass=.quavHeader div:first-child b:after] content:'\e999'; font-family:'Honeybee'; color:var(--quavAccent); margin-left:10px; position:relative; top:1px; [/newclass]
[newclass=.quavHeader div:last-child] border:0px; [/newclass]
[newclass=.quavHeader div b] font:700 12px montserrat; margin-right:25px; [/newclass]
[newclass=.quavContent] padding:5px; display:flex; flex-flow:row nowrap; [/newclass]
[newclass=.quavContent div:nth-child(1)] width:400px; height:300px; background-image:var(--quavIMG); display:flex; align-items:center; justify-content:center; position:relative; [/newclass]
[newclass=.quavContent div:nth-child(1):before] content:''; position:absolute; top:0px; width:400px; height:100px; background: linear-gradient(to bottom, rgba(0,0,0,.25), transparent); opacity:0; transition:.25s; [/newclass]
[newclass=.quavContent div:nth-child(1):after] content:''; position:absolute; bottom:0px; width:400px; height:100px; background: linear-gradient(to top, rgba(0,0,0,.25), transparent); opacity:0; transition:.25s; [/newclass]
[newclass=.quavContent div:nth-child(1) span] color:#f5f5f5; font: 150px Material Icons; width:150px; height:150px; position:absolute; white-space: nowrap; cursor:pointer; opacity:0; transition:.25s; text-shadow:0px 1px 1px #444; [/newclass]
[newclass=.quavContent div:nth-child(1):hover::before] opacity:1; [/newclass]
[newclass=.quavContent div:nth-child(1):hover::after] opacity:1; [/newclass]
[newclass=.quavContent div:nth-child(1):hover span] opacity:1; [/newclass]
[newclass=.quavContent div:nth-child(2)] width:166px; height:280px; padding:10px; margin-left:5px; font:400 10px/15px roboto; color:#7a7a7a; background-color:#f1f1f1; text-align:justify; overflow:auto; [/newclass]
[newclass=.quavContent div:nth-child(2)::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.quavContent div:nth-child(2)::-webkit-scrollbar-thumb] background-color:var(--quavAccent); border:0px; [/newclass]
[newclass=.quavContent div:nth-child(2)::-webkit-scrollbar-track] background-color:#dadada; border:0px; [/newclass]
[newclass=.quavContent div:nth-child(2) b] color:var(--quavAccent); font:600 10px roboto; [/newclass]
[newclass=.quavContent div:nth-child(2) i] font:600 10px roboto; color:var(--quavAccent); [/newclass]
[newclass=.quavContent div:nth-child(2) i:before] content:':'; content:'\e999'; font-family:'Honeybee'; margin-right:5px; position:relative; top:1px; [/newclass]
[newclass=.quavContent div:nth-child(2) img] height:13px; [/newclass]
[newclass=.quavFooter] border-top:1px solid #dadada; padding:10px 25px; height:50px; display:flex; align-items:center; justify-content:space-between; background-color:#f2f2f2; font:400 15px montserrat; color:#7a7a7a; [/newclass]
[newclass=.quavFooter div:last-child] font:400 13px roboto; [/newclass]
[newclass=.quavFooter span i] font-size:15px; position:relative; top:2px; margin-right:5px; font-style:normal; [/newclass]
[newclass=.quavFooter span:first-child] color:#ff0000; margin-right:25px; [/newclass]
[newclass=.quavFooter span:last-child] color:#9a9a9a; [/newclass]
[newclass=.quavCredit] font:bold 7px roboto; margin-left:550px; [/newclass]
[newclass=.quavCredit a] font:bold 7px roboto!important; [/newclass]

[newclass=.quavContain .sf]font-family:"saturnicons"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face { font-family:"saturnicons";src:url(//dl.dropbox.com/s/c81sfo74jq9g3kg/saturnicons.eot);src:url(//dl.dropbox.com/s/c81sfo74jq9g3kg/saturnicons.eot?#iefix) format("embedded-opentype"),url(//dl.dropbox.com/s/x8trqmytgani1sg/saturnicons.woff) format("woff"),url(//dl.dropbox.com/s/9q3puzxagzaj7pc/saturnicons.ttf) format("truetype"),url(//dl.dropbox.com/s/h9kqhix0ubm7rsf/saturnicons.svg#saturnicons) format("svg");font-weight:400;font-style:normal;[/newclass]
[newclass=.quavContain .th]font-family: "honeybee" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot");src:url("//dl.dropbox.com/s/7v31tyaf53kmcv7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/awr1gt01c87aaxi/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/hru9ka6dgfcgjg1/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/xylorgamsf6fthx/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]

[newclass=.quavContain .sf-eye:before]content:'\e0f4';font-family:"saturnicons";[/newclass]
[newclass=.quavContain .sf-user:before]content:'\e275';font-family:"saturnicons";[/newclass]