@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);
*{
    margin:0;
    padding:0;
    outline:none;
    border:none;
    box-sizing:border-box
}
h1,h2,h3,h4,h5,h6,p,a{
    line-height:1em
}
a{
    text-decoration:none
}
ul,ol{
    list-style:none
}
header,nav,article,section,aside,footer{
    display:block
}
figure{
    line-height:0
}
figure>img{
    width:100%
}
figure>figcaption{
    display:none
}
body{
    background-color:#f5f5f5
}
a,p,h1,h2,h3,h4,h5,h6{
    font-family:"Titillium Web",sans-serif
}
h1,h5,h6{
    font-weight:700;
    text-transform:uppercase
}
h1{
    color:#fff;
    font-size:3em;
    text-align:center
}
h1 span{
    color:#16ffd8
}
h2{
    color:#fff;
    font-size:2em;
    font-weight:700
}
h3{
    color:#2f1c54;
    font-size:1.5em;
    font-weight:700;
    text-align:center
}
h4{
    color:#2f1c54;
    font-size:1.25em;
    font-weight:700
}
h5{
    color:#fff;
    font-size:1.125em;
    text-align:center
}
h6{
    color:#2f1c54;
    font-size:0.875em
}
p{
    color:#888;
    font-size:0.875em;
    line-height:1.71429em;
    font-weight:600
}
p.primary,p.secondary,p.tertiary{
    font-weight:700
}
p.primary{
    color:#00d7b3
}
p.secondary{
    color:#1396e1
}
p.tertiary{
    color:#e61852
}
p a{
    color:#888
}
p a.primary{
    color:#06b99b
}
p a.secondary{
    color:#1396e1
}
p a.tertiary{
    color:#e61852
}
p span.light{
    color:#b2b2b2
}
p span.bold{
    color:#2f1c54;
    font-weight:700
}
p span.primary{
    color:#00d7b3
}
p span.secondary{
    color:#1396e1
}
p span.tertiary{
    color:#e61852
}
.image-overlay{
    width:100%;
    height:100%;
    background-color:rgba(25,31,32,0.9);
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease-in;
    cursor:pointer
}
.image-overlay .clickable-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-35px;
    margin-top:-35px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition-delay:0.15s;
    transition-delay:0.15s;
    transition:transform .2s ease-in
}
.image-overlay .clickable-icon .svg-plus{
    fill:#fff;
    width:28px;
    height:28px;
    position:absolute;
    top:21px;
    left:21px
}
.image-overlay .clickable-icon.primary{
    background-color:#00d7b3
}
.image-overlay .clickable-icon.secondary{
    background-color:#1396e1
}
.image-overlay .clickable-icon.tertiary{
    background-color:#e61852
}
.shadow-film{
    background-color:#000;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    transition:all .3s ease-in-out;
    z-index:9999
}
.shadow-film.open{
    opacity:0.8
}
.mfp-fade.mfp-bg{
    opacity:0;
    transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:0.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    -webkit-transform:scale(0);
    transform:scale(0);
    transition:all .3s ease-in-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    -webkit-transform:scale(0);
    transform:scale(0)
}
.mfp-removing .mfp-arrow-left,.mfp-removing .mfp-arrow-right{
    opacity:0
}
.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{
    font-family:"Titillium Web",sans-serif
}
.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover,.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active,.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover,.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{
    background-color:#06b99b;
    border-color:#06b99b
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table
}
.clearfix:after{
    clear:both
}
input,textarea{
    color:#888;
    font-family:"Titillium Web",sans-serif;
    font-size:0.8125em;
    border-radius:4px
}
input{
    display:block
}
input[type="text"].invalid,input[type="email"].invalid,input[type="password"].invalid{
    border-color:#ea2e68
}
input[type="text"],input[type="email"],input[type="password"],input[type="number"]{
    width:100%;
    height:40px;
    padding:0 15px;
    border:1px solid #ebebeb;
    line-height:40px;
    border-radius:4px
}
input[type="number"]{
    padding-right:0
}
input.rounded{
    border-radius:200px
}
input.datepicker{
    width:150px;
    height:32px;
    line-height:32px
}
textarea{
    width:100%;
    min-height:90px;
    border:1px solid #ebebeb;
    padding:14px 12px
}
select{
    width:100%;
    height:40px;
    padding:0 40px 0 15px;
    border:1px solid #ebebeb;
    border-radius:4px;
    color:#b2b2b2;
    font-family:"Titillium Web",sans-serif;
    line-height:40px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer
}
select::-ms-expand{
    display:none
}
label{
    display:block;
    margin-bottom:12px;
    color:#888;
    font-size:0.8125em;
    font-family:"Titillium Web",sans-serif;
    font-weight:600;
    cursor:pointer
}
label:last-child{
    margin-bottom:0
}
label.b-label,label.rl-label{
    color:#2f1c54;
    font-weight:700
}
label.rl-label{
    margin-bottom:14px;
    font-size:0.875em;
    line-height:1em;
    cursor:auto
}
label.rl-label.required:after{
    content:'*';
    color:#00d7b3;
    position:relative;
    left:2px
}
label.b-label{
    font-size:0.8125em
}
label.select-block{
    width:100%;
    display:inline-block;
    position:relative
}
label.select-block .svg-arrow{
    fill:#a1a1a1;
    width:6px;
    height:10px;
    position:absolute;
    top:17px;
    right:17px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
label>.radio,label>.checkbox{
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:8px;
    border:1px solid #ebebeb;
    background-color:#f5f5f5;
    position:relative;
    top:5px
}
label>.radio{
    border-radius:50%
}
label>.radio span{
    width:6px;
    height:6px;
    background-color:#00d7b3;
    border-radius:50%;
    position:absolute;
    top:5px;
    left:5px;
    display:none
}
label>.checkbox{
    border-radius:4px
}
label>.checkbox span{
    width:100%;
    height:100%;
    border-radius:4px;
    background:url("../images/check.png") no-repeat center;
    display:none
}
label .quantity{
    float:right;
    margin-top:3px;
    color:#b2b2b2
}
button{
    cursor:pointer
}
input[type="radio"],input[type="checkbox"]{
    display:none
}
input[type="radio"]:checked+label .checkbox.primary,input[type="checkbox"]:checked+label .checkbox.primary{
    border-color:#00d7b3;
    background-color:#00d7b3
}
input[type="radio"]:checked+label .checkbox.secondary,input[type="checkbox"]:checked+label .checkbox.secondary{
    border-color:#1396e1;
    background-color:#1396e1
}
input[type="radio"]:checked+label .checkbox.tertiary,input[type="checkbox"]:checked+label .checkbox.tertiary{
    border-color:#e61852;
    background-color:#e61852
}
input[type="radio"]:checked+label>span>span,input[type="checkbox"]:checked+label>span>span{
    display:block
}
.placeholder,::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder{
    color:#b2b2b2;
    font-family:"Titillium Web",sans-serif;
    font-size:13px;
    font-weight:600
}
.button{
    display:block;
    width:120px;
    height:30px;
    border-radius:4px;
    color:#fff;
    font-family:"Titillium Web",sans-serif;
    font-size:0.75em;
    font-weight:700;
    line-height:30px;
    text-align:center
}
.button.primary{
background: rgb(4,212,190);
background: linear-gradient(90deg, rgba(4,212,190,1) 0%, rgba(0,212,255,1) 100%);
}
.button.primary:hover{
background: rgb(59,241,221);
background: linear-gradient(90deg, rgba(59,241,221,1) 0%, rgba(91,227,255,1) 100%);
}
.button.secondary{
background: rgb(240,100,182);
background: linear-gradient(90deg, rgba(240,100,182,1) 0%, rgba(247,99,86,1) 100%);
}
.button.secondary:hover{
background: rgb(255,138,206);
background: linear-gradient(90deg, rgba(255,138,206,1) 0%, rgba(255,121,109,1) 100%);
}
.button.secondary-dark{
    background-color:#1396e1
}
.button.secondary-dark:hover{
    background-color:#27a4ec
}
.button.tertiary{
    background-color:#e61852
}
.button.tertiary:hover{
    background-color:#f8436e
}
.button.fb{
    background-color:#355599
}
.button.twt{
    background-color:#0fccf4
}
.button.de{
    background-color:#05cc47
}
.button.wfb{
    background:url("../images/fb.png") no-repeat center #355599
}
.button.wfb:hover{
    background:url("../images/fb.png") no-repeat center #4868ae
}
.button.wtwt{
    background:url("../images/twt.png") no-repeat center #0fccf4
}
.button.wtwt:hover{
    background:url("../images/twt.png") no-repeat center #2fd5f9
}
.button.wdb{
    background:url("../images/db.png") no-repeat center #f63f6e
}
.button.wdb:hover{
    background:url("../images/db.png") no-repeat center #fe5e87
}
.button.wde{
    background:url("../images/de.png") no-repeat center #05cc47
}
.button.wde:hover{
    background:url("../images/de.png") no-repeat center #15e159
}
.button.dark{
    background-color:#2f1c54;
    position:relative
}
.button.dark span.primary{
    color:#16ffd8
}
.button.dark span.secondary{
    color:#1396e1
}
.button.dark:hover{
    background-color:#442f6e
}
.button.dark-light{
    background-color:#a1a1a1
}
.button.dark-light:hover{
    background-color:#bcbcbc
}
.button.mid{
    width:160px;
    height:42px;
    line-height:42px;
    font-size:0.875em
}
.button.mid.bid{
    float:right;
    width:120px
}
.button.mid-short{
    width:160px
}
.button.medium{
    width:170px;
    height:50px;
    line-height:50px;
    font-size:1em
}
.button.big{
    width:270px;
    height:60px;
    line-height:60px;
    font-size:1.25em
}
.button.big.purchase{
    padding-left:22px;
    text-align:left
}
.button.big.purchase.bid{
    padding-left:40px
}
.button.big.purchase span{
    float:left
}
.button.big.wcart,.button.big.wfav{
    position:relative;
    text-align:left
}
.button.big.wcart{
    padding-left:78px
}
.button.big.wcart span.icon-present{
    font-size:25px;
    position:absolute;
    top:16px;
    left:35px
}
.button.big.wfav{
    padding-left:72px
}
.button.big.wfav span.fav-count{
    font-size:10px;
    position:absolute;
    top:14px;
    left:40px
}
.button.big.wfav span.icon-heart{
    font-size:20px;
    position:absolute;
    top:15px;
    left:38px
}
.button.big span.currency{
    margin-right:15px;
    font-size:36px;
    position:relative;
    top:-2px
}
.button.big span.currency:before{
    content:'$';
    font-size:18px;
    position:relative;
    top:-4px;
    left:-1px
}
.button.square{
    width:30px;
    height:30px;
    position:relative
}
.button.square img[alt="close-icon"]{
    position:absolute;
    top:10px;
    left:50%;
    margin-left:-5px
}
.button.half{
    float:left
}
.button.half+.half{
    float:right
}
.button.third{
    float:left;
    margin-right:10px
}
.button.third+.third+.third{
    float:right;
    margin-right:0
}
.link-to{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10000
}
.headline{
    height:66px;
    border:1px solid #ebebeb;
    border-left:none;
    padding-left:22px;
    margin-bottom:26px;
    background-color:#fff;
    position:relative
}
.headline:before{
    display:block;
    content:'';
    width:6px;
    height:66px;
    background-color:#a1a1a1;
    position:absolute;
    top:-1px;
    left:0
}
.headline.primary:before,.headline.primary .slide-control{
    background-color:#00d7b3
}
.headline.primary .slide-control:hover{
    background-color:#0ae7c2
}
.headline.secondary:before,.headline.secondary .slide-control{
    background-color:#1396e1
}
.headline.secondary .slide-control:hover{
    background-color:#27a4ec
}
.headline.tertiary:before,.headline.tertiary .slide-control{
    background-color:#e61852
}
.headline.tertiary .slide-control:hover{
    background-color:#f8436e
}
.headline.inbox .button-wrap{
    float:right;
    margin-top:17px;
    overflow:hidden
}
.headline.inbox .button-wrap .button{
    margin-top:0
}
.headline.inbox .button{
    margin-right:7px
}
.headline.inbox .slide-control-wrap{
    float:right;
    margin-right:7px;
    position:static
}
.headline.inbox .slide-control-wrap.main .slide-control{
    background-color:#a1a1a1
}
.headline.inbox .slide-control-wrap.main .slide-control:hover{
    background-color:#bcbcbc
}
.headline.statement form label:last-child{
    margin-right:16px
}
.headline h4{
    float:left;
    line-height:66px
}
.headline .slide-control-wrap{
    width:66px;
    top:16px;
    right:16px
}
.headline .button{
    float:right;
    margin:17px 15px 0 0
}
.headline form{
    float:right;
    margin-top:17px;
    overflow:hidden
}
.headline select{
    color:#888;
    font-size:12px;
    height:32px;
    line-height:32px
}
.headline .select-block{
    float:left;
    width:200px;
    margin-right:10px
}
.headline .select-block .svg-arrow{
    width:5px;
    height:9px;
    top:12px;
    right:13px
}
.headline .view-selectors{
    float:right;
    margin:18px 15px 0 0
}
.headline .search-form{
    float:left;
    width:290px;
    margin-right:14px
}
.headline .search-form input[type="text"]{
    height:32px;
    font-size:0.75em
}
.head-title{
    width:620px;
    margin:20px auto 60px
}
.head-title .text-header{
    margin-bottom:26px
}
.head-title p{
    text-align:center
}
.section-headline-wrap{
    background:url("../images/section_headline_bg.png") no-repeat center,linear-gradient(to right, #f76458, #f063b1);
    background-size:cover
}
.section-headline-wrap.v2{
    background:url("../images/section_headline_bg.png") no-repeat center,linear-gradient(to right, #f76458, #f063b1)
}
.section-headline-wrap.v3{
    background:url("../images/section_headline_bg.png") no-repeat center,linear-gradient(to right, #f76458, #f063b1)
}
.section-headline{
    height:90px;
    padding:0 30px;
    overflow:hidden
}
.section-headline h2{
    float:left;
    line-height:90px
}
.section-headline p{
    float:right;
    color:#fff;
    line-height:90px
}
.section-headline p .separator{
    margin:0 13px
}
.section-headline p .current-section{
    font-weight:700
}
.slide-control-wrap{
    position:absolute
}
.slide-control{
    width:30px;
    height:30px;
    border-radius:4px;
    background-color:#a1a1a1;
    cursor:pointer;
    position:relative
}
.slide-control:hover{
    background-color:#bcbcbc
}
.slide-control.rounded{
    width:45px;
    height:45px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.8)
}
.slide-control.rounded .svg-arrow{
    top:17px
}
.slide-control.rounded.left .svg-arrow{
    left:18px
}
.slide-control.rounded.right .svg-arrow{
    left:20px
}
.slide-control .svg-arrow{
    fill:#fff;
    width:8px;
    height:12px;
    position:absolute;
    top:9px;
    pointer-events:none
}
.slide-control.left{
    float:left
}
.slide-control.left.mfp-arrow-left{
    float:none;
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:12%
}
.slide-control.left .svg-arrow{
    left:11px;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.slide-control.right{
    float:right
}
.slide-control.right.mfp-arrow-right{
    float:none;
    position:absolute;
    top:50%;
    margin-top:-15px;
    right:12%
}
.slide-control.right .svg-arrow{
    left:12px
}
.open{
    opacity:1;
    visibility:visible
}
.closed{
    opacity:0;
    visibility:hidden
}
.svg-plus.primary{
    fill:#00d7b3
}
.svg-plus.secondary{
    fill:#1cbdf9
}
.svg-plus.tertiary{
    fill:#e61852
}
.svg-minus.primary{
    fill:#00d7b3
}
.svg-minus.secondary{
    fill:#1cbdf9
}
.svg-minus.tertiary{
    fill:#e61852
}
.svg-arrow{
    width:4px;
    height:8px;
    cursor:pointer
}
.svg-check{
    width:14px;
    height:11px;
    fill:#a1a1a1
}
.recommendation{
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#e7e7e7;
    position:relative
}
.recommendation.hoverable{
    transition:all .15s ease
}
.recommendation.hoverable.good,.recommendation.hoverable.bad{
    background-color:#e7e7e7
}
.recommendation.hoverable:hover.good{
    background-color:#00d7b3
}
.recommendation.hoverable:hover.bad{
    background-color:#e61852
}
.recommendation.good{
    background-color:#00d7b3
}
.recommendation.bad{
    background-color:#e61852
}
.recommendation .icon-like,.recommendation .icon-dislike{
    color:#fff;
    font-size:18px;
    position:absolute;
    left:50%;
    margin-left:-9px
}
.recommendation .icon-like{
    top:11px
}
.recommendation .icon-dislike{
    top:13px
}
.pin-tag{
    display:inline-block;
    font-family:"Titillium Web",sans-serif;
    font-size:0.75em;
    font-weight:700
}
.pin-tag.primary{
    color:#06b99b
}
.pin-tag.secondary{
    color:#1396e1
}
.pin-tag.tertiary{
    color:#e61852
}
.pin{
    display:inline-block;
    padding:0px 5px;
    border-radius:2px;
    background-color:#a1a1a1;
    color:#fff;
    font-family:"Titillium Web",sans-serif;
    font-size:0.5625em;
    font-weight:700;
    line-height:15px;
    text-transform:uppercase;
    position:absolute
}
.pin.soft-edged{
    line-height:14px;
    border-radius:4px;
    padding:0 6px
}
.pin.big{
    font-size:0.625em
}
.pin.primary{
    background-color:#00d7b3
}
.pin.secondary{
    background-color:#1cbdf9
}
.pin.featured{
    background-color:#ffc000
}
.pin.greyed{
    background-color:#d1d1d1
}
.search-widget{
    width:970px;
    height:122px;
    padding:36px 0 0 52px;
    border-radius:4px;
    position:absolute;
    left:50%;
    margin-left:-485px;
    background:url("../images/searchbar_texture.png") no-repeat center,linear-gradient(to right, #05e6aa, #1cbdf9);
    background-size:cover
}
.search-widget-form{
    overflow:hidden
}
.search-widget-form input,.search-widget-form select{
    float:left;
    height:50px;
    padding:0 40px 0 20px;
    color:#888;
    font-size:0.875em;
    line-height:50px
}
.search-widget-form input{
    width:448px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-color:#e1e1e1
}
.search-widget-form select{
    font-size:1.07692em;
    border-left:none;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.search-widget-form .select-block{
    float:left;
    width:232px;
    margin-right:16px
}
.search-widget-form .select-block .svg-arrow{
    width:4px;
    height:8px;
    top:22px;
    right:16px
}
.search-widget-form .placeholder,.search-widget-form ::-webkit-input-placeholder,.search-widget-form :-moz-placeholder,.search-widget-form ::-moz-placeholder,.search-widget-form :-ms-input-placeholder{
    color:#888
}
.search-widget-form ::-webkit-input-placeholder{
    color:#888
}
.search-widget-form :-moz-placeholder{
    color:#888
}
.search-widget-form ::-moz-placeholder{
    color:#888
}
.search-widget-form :-ms-input-placeholder{
    color:#888
}
.search-widget-form .button{
    float:left
}
header,.menu-bar,.menu-bar-small,.banner,#services,#product-sideshow,#subscribe-banner,#footer-top,#footer-bottom,.category-nav,.section-headline,.section,.sidebar-nav,.author-profile-meta,.dashboard-content{
    max-width:1170px;
    width:95%;
    margin:0 auto
}
.logo{
    width:297px;
    height:56px
}
.logo.small{
    width:178px;
    height:41px
}
.user-quickview{
    width:155px;
    padding:10px 0 0 62px;
    position:relative
}
.user-quickview .outer-ring,.user-quickview .inner-ring,.user-quickview .user-avatar{
    position:absolute
}
.user-quickview .outer-ring{
    width:54px;
    height:54px;
    top:0;
    left:0
}
.user-quickview .inner-ring{
    width:50px;
    height:50px;
    top:2px;
    left:2px
}
.user-quickview .user-avatar{
    top:7px;
    left:7px
}
.user-quickview .user-name{
    cursor:pointer;
    margin-bottom:2px
}
.user-quickview .svg-arrow{
    fill:#fff;
    position:absolute;
    top:12px;
    right:10px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.outer-ring,.inner-ring{
    border-radius:50%
}
.outer-ring{
    background:-webkit-linear-gradient(to right, #10fac0, #1cbdf9);
    background:linear-gradient(to right, #10fac0, #1cbdf9)
}
.inner-ring{
    background-color:#2f1c55
}
.user-avatar-wrap{
    display:block;
    margin:0 auto;
    border-radius:50%
}
.user-avatar-wrap.medium{
    width:70px;
    height:70px
}
.user-avatar{
    width:40px;
    height:40px;
    border-radius:50%
}
.user-avatar img{
    border-radius:50%
}
.user-avatar.small{
    width:26px;
    height:26px
}
.user-avatar.medium{
    width:70px;
    height:70px
}
.user-name,.user-money{
    line-height:1em
}
.user-name{
    color:#fff;
    font-size:0.75em
}
.user-money{
    color:#16ffd8;
    font-size:1em
}
.rating{
    overflow:hidden;
    cursor:pointer
}
.rating .rating-item{
    float:left;
    margin-right:5px
}
.rating .rating-item .svg-star{
    fill:#ffc000;
    width:11px;
    height:10px
}
.rating .rating-item.empty .svg-star{
    fill:#cfcfcf
}
.rating .rating-item:last-child{
    margin-right:0
}
.product-preview-image{
    width:258px;
    height:150px
}
.product-preview-image.large{
    width:836px;
    height:484px
}
.product-preview-image.big{
    width:358px;
    height:208px
}
.product-preview-image.thumbnail{
    width:78px;
    height:78px
}
.product-preview-image.small{
    width:70px;
    height:70px
}
.product-preview-image.tiny{
    width:60px;
    height:60px
}
.product-preview-image.micro{
    width:34px;
    height:34px
}
.text-header,.category,.price{
    color:#2f1c54;
    font-weight:700;
    line-height:1em
}
.text-header{
    font-size:1em
}
.text-header.small{
    font-size:0.875em;
    line-height:1em
}
.text-header.tiny{
    font-size:0.75em;
    line-height:1.16667em
}
.text-header.mid{
    font-size:1.5em
}
.text-header.big{
    font-size:2.25em
}
.text-header a{
    color:#2f1c54
}
.category{
    font-size:0.75em
}
.category.tiny{
    font-size:0.6875em
}
.category.primary{
    color:#06b99b
}
.category.primary>a{
    color:#06b99b
}
.category.secondary{
    color:#1396e1
}
.category.secondary>a{
    color:#1396e1
}
.category.tertiary{
    color:#e61852
}
.category.tertiary>a{
    color:#e61852
}
.price{
    font-size:1.25em;
    position:relative
}
.price span{
    font-size:0.6em;
    position:relative;
    top:-2px
}
.price.tiny{
    font-size:1em
}
.price.tiny span{
    font-size:0.5625em
}
.price.medium{
    font-size:1.625em
}
.price.medium span{
    font-size:0.61538em
}
.price.big{
    font-size:2.375em
}
.price.big span{
    font-size:0.47368em
}
.price.large{
    font-size:3em
}
.price.large span{
    font-size:0.47368em
}
.price.larger{
    font-size:3.375em
}
.price.larger span{
    font-size:0.59259em
}
.text-oneline{
    font-size:0.75em;
    line-height:18px
}
.timestamp{
    color:#b2b2b2;
    font-size:0.75em
}
.line-separator{
    background-color:#ebebeb;
    height:1px;
    border:none
}
.dropdown{
    width:230px;
    position:absolute;
    border:1px solid #ebebeb;
    background-color:#fff;
    transition:all .4s ease-in-out;
    z-index:10000
}
.dropdown .dropdown-triangle{
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    position:absolute;
    top:-8px;
    right:22px
}
.dropdown.hover-effect>.dropdown-item>a{
    transition:all .15s ease;
    border-left:0px solid #00d7b3
}
.dropdown.hover-effect>.dropdown-item>a:hover{
    border-left:6px solid #00d7b3
}
.dropdown.hover-effect.secondary>.dropdown-item>a{
    transition:all .15s ease;
    border-left:0px solid #1396e1
}
.dropdown.hover-effect.secondary>.dropdown-item>a:hover{
    border-left:6px solid #1396e1
}
.dropdown.hover-effect.tertiary>.dropdown-item>a{
    transition:all .15s ease;
    border-left:0px solid #e61852
}
.dropdown.hover-effect.tertiary>.dropdown-item>a:hover{
    border-left:6px solid #e61852
}
.dropdown.small{
    width:170px
}
.dropdown.small.hover-effect .dropdown-item>a:hover{
    border-left:4px solid #00d7b3
}
.dropdown.small .dropdown-item>a{
    padding-left:14px;
    line-height:40px;
    font-size:0.75em
}
.dropdown.notifications{
    width:300px
}
.dropdown.notifications .dropdown-item{
    height:81px;
    padding:20px 55px 0 70px;
    position:relative
}
.dropdown.notifications .dropdown-item .user-avatar{
    position:absolute;
    top:20px;
    left:15px
}
.dropdown.notifications .dropdown-item .title{
    font-size:0.6875em;
    line-height:1.27273em
}
.dropdown.notifications .dropdown-item .title span{
    color:#2f1c55;
    font-weight:700
}
.dropdown.notifications .dropdown-item .subject{
    font-size:0.6875em
}
.dropdown.notifications .dropdown-item .timestamp{
    font-size:0.625em
}
.dropdown.notifications .dropdown-item .notification-type{
    color:#888;
    font-size:19px;
    position:absolute;
    top:30px;
    right:19px
}
.dropdown.notifications .dropdown-item .notification-type.primary-new{
    color:#00d7b3
}
.dropdown.notifications .dropdown-item .notification-type.secondary-new{
    color:#1cbdf9
}
.dropdown.cart{
    width:300px
}
.dropdown.cart .dropdown-item{
    height:92px;
    padding:18px 40px 0 84px;
    position:relative
}
.dropdown.cart .dropdown-item .svg-plus{
    fill:#b2b2b2;
    width:10px;
    height:10px;
    position:absolute;
    top:10px;
    right:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index:10000
}
.dropdown.cart .dropdown-item:last-child{
    padding:0 18px 0 84px;
    height:43px;
    cursor:auto
}
.dropdown.cart .dropdown-item:last-child .text-header{
    float:left;
    line-height:43px
}
.dropdown.cart .dropdown-item:last-child .price{
    float:right;
    font-size:0.875em;
    line-height:43px
}
.dropdown.cart .dropdown-item .product-preview-image{
    position:absolute;
    top:16px;
    left:16px
}
.dropdown.cart .dropdown-item .text-header{
    margin-bottom:3px
}
.dropdown.cart .dropdown-item .category{
    margin-bottom:2px
}
.dropdown.cart .dropdown-item .button{
    bottom:-54px
}
.dropdown.dark{
    background-color:#222b2d;
    border-color:#2f1c54
}
.dropdown.dark .dropdown-item{
    border-color:#2f1c54
}
.dropdown.dark .dropdown-item.active>a{
    color:#fff;
    border-left:6px solid #00d7b3
}
.dropdown.dark .dropdown-item.active>a .svg-arrow{
    fill:#fff
}
.dropdown.dark .dropdown-item.active>a .sl-icon{
    color:#00d7b3
}
.dropdown.dark .dropdown-item:hover{
    background-color:#222b2d
}
.dropdown.dark .dropdown-item:hover>a{
    color:#fff
}
.dropdown.dark .dropdown-item:hover>a .svg-arrow{
    fill:#fff
}
.dropdown.dark .dropdown-item:hover>a .sl-icon{
    color:#00d7b3
}
.dropdown.dark .dropdown-item>a{
    padding-left:30px;
    color:#6a7779;
    transition:all .2s ease-in
}
.dropdown.dark .dropdown-item>a .svg-arrow{
    transition:fill .2s ease-in
}
.dropdown.no-hover .dropdown-item{
    cursor:auto
}
.dropdown.secondary .dropdown-item.active>a{
    border-left:6px solid #1396e1
}
.dropdown.tertiary .dropdown-item.active>a{
    border-left:6px solid #e61852
}
.dropdown .dropdown-item{
    border-bottom:1px solid #ebebeb;
    position:relative
}
.dropdown .dropdown-item.active>a{
    border-left:6px solid #00d7b3
}
.dropdown .dropdown-item>.dropdown{
    position:absolute;
    top:-1px;
    right:-160px
}
.dropdown .dropdown-item .svg-arrow{
    width:5px;
    height:11px;
    fill:#2f1c54;
    pointer-events:none
}
.dropdown .dropdown-item:hover{
    background-color:#f6f6f6
}
.dropdown .dropdown-item:hover>.dropdown{
    right:-230px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.dropdown .dropdown-item>a{
    display:block;
    padding-left:15px;
    line-height:50px;
    color:#2f1c54;
    font-size:0.875em;
    font-weight:700
}
.dropdown .dropdown-item>a .svg-arrow{
    position:relative;
    top:1px;
    left:10px;
    fill:#a1a1a1;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.dropdown .dropdown-item>a .item-count{
    float:right;
    margin-right:18px;
    color:#b2b2b2
}
.dropdown .dropdown-item .button{
    width:300px;
    height:50px;
    line-height:50px;
    padding:0;
    color:#fff;
    font-size:0.75em;
    position:absolute;
    bottom:-51px;
    left:-1px;
    border-radius:0
}
.dropdown .dropdown-item .button.half{
    width:150px
}
.dropdown .dropdown-item .button.half:last-child{
    left:auto;
    right:-1px
}
.dropdown .dropdown-item:last-child{
    border-bottom:none
}
.dropdown .dropdown-item .pin{
    top:18px;
    right:22px;
    pointer-events:none
}
.inner-dropdown{
    padding:0 0 15px 45px;
    background-color:#1e2527;
    border-top:1px solid #2f1c54;
    overflow:hidden;
    display:none
}
.inner-dropdown.light{
    padding:0 0 15px 45px;
    background-color:#ffffff;
    border-top:1px solid #2f1c54;
    overflow:hidden;
    display:none
}
.inner-dropdown.open{
    display:block
}
.inner-dropdown .inner-dropdown-item{
    position:relative
}
.inner-dropdown .inner-dropdown-item>p{
    margin:24px 0 10px;
    color:#fff;
    font-size:0.8125em;
    line-height:1em;
    text-transform:uppercase
}
.inner-dropdown .inner-dropdown-item>a{
    display:block;
    color:#6a7779;
    font-size:0.8125em;
    font-weight:700;
    line-height:34px;
    opacity:0.6;
    transition:opacity .15s ease-in
}
.inner-dropdown .inner-dropdown-item>a:hover{
    opacity:1
}
.inner-dropdown .inner-dropdown-item .pin{
    top:10px;
    right:22px
}
.sidebar-nav-wrap{
    background-color:#fff;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb
}
.sidebar-nav{
    height:60px
}
.sidebar-nav .sidebar-menu{
    float:left
}
.sidebar-nav .sidebar-filters{
    float:right;
    margin-right:30px
}
.sidebar-nav .sidebar-filters form,.sidebar-nav .sidebar-filters .view-selectors,.sidebar-nav .sidebar-filters .button{
    margin-top:14px
}
.sidebar-nav .sidebar-filters form,.sidebar-nav .sidebar-filters .view-selectors{
    float:left
}
.sidebar-nav .sidebar-filters form{
    margin-right:22px
}
.sidebar-nav .sidebar-filters form select{
    color:#888;
    font-size:12px;
    height:32px;
    line-height:32px
}
.sidebar-nav .sidebar-filters form .select-block{
    float:left;
    width:200px;
    margin-right:10px
}
.sidebar-nav .sidebar-filters form .select-block:last-child{
    margin-right:0
}
.sidebar-nav .sidebar-filters form .select-block .svg-arrow{
    width:5px;
    height:9px;
    top:12px;
    right:13px
}
.sidebar-nav .sidebar-filters .view-selectors{
    margin-right:12px
}
.sidebar-nav .sidebar-filters .button{
    float:right;
    width:160px
}
.sidebar-menu .sidebar-menu-item{
    float:left;
    border-right:1px solid #ebebeb;
    position:relative
}
.sidebar-menu .sidebar-menu-item .svg-arrow{
    fill:#a1a1a1;
    width:5px;
    height:9px;
    position:absolute;
    top:26px;
    right:32px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    pointer-events:none
}
.sidebar-menu .sidebar-menu-item a{
    display:block;
    height:60px;
    padding:0 48px 0 30px;
    color:#2f1c55;
    font-size:0.875em;
    line-height:60px;
    font-weight:700
}
.sidebar-menu-dropdown{
    width:270px;
    border:1px solid #ebebeb;
    padding:22px 14px;
    background-color:#fff;
    position:absolute;
    left:0;
    z-index:9999;
    display:none
}
.sidebar-menu-dropdown.big{
    width:300px;
    padding:36px 14px 46px
}
.information-layout .information-layout-item{
    padding:10px 0;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.information-layout .information-layout-item:last-child{
    border-bottom:none
}
.information-layout .information-layout-item p{
    font-size:0.8125em;
    line-height:20px
}
.information-layout .information-layout-item p:nth-child(1){
    float:left
}
.information-layout .information-layout-item p:nth-child(2){
    float:right;
    text-align:right
}
.information-layout.v2 .information-layout-item{
    border-bottom:none
}
.information-layout.v2 p:nth-child(1),.information-layout.v2 p:nth-child(2){
    float:none;
    text-align:left
}
.information-layout.v2 p span{
    color:#2f1c55;
    font-weight:700
}
.item-preview{
    padding:2px 0 0 80px;
    position:relative
}
.item-preview .product-preview-image{
    position:absolute;
    top:0;
    left:0
}
.item-preview .text-header{
    line-height:16px;
    margin-bottom:3px
}
.item-preview .category{
    margin-bottom:4px
}
.item-preview .description{
    font-size:0.75em
}
.bid-countdown{
    position:relative
}
.bid-countdown>div{
    margin-right:14px
}
.bid-countdown>div:last-child{
    margin-right:0
}
.bid-countdown>div>p{
    position:absolute;
    top:8px;
    left:50%;
    color:#2f1c55;
    font-size:1.125em;
    font-weight:700;
    text-align:center;
    line-height:35px
}
.bid-countdown>div>p .tag{
    color:#888;
    font-size:13px;
    font-weight:600
}
.bid-countdown .colon{
    color:#2f1c55;
    font-family:"Titillium Web",sans-serif;
    font-size:1.125em;
    font-weight:700;
    position:absolute;
    top:10px
}
.bid-countdown .colon:nth-child(1){
    left:55px
}
.bid-countdown .colon:nth-child(2){
    left:119px
}
.bid-countdown .colon:nth-child(3){
    left:183px
}
.column5-wrap{
    margin:0 auto
}
.column5-wrap .column{
    float:left
}
.column4-wrap,.column3-wrap,.column3-4-wrap,.column-wrap{
    margin:0 auto
}
.column4-wrap .column,.column3-wrap .column,.column3-4-wrap .column,.column-wrap .column{
    float:left;
    margin-right:30px
}
.column5-wrap .column{
    width:234px
}
.column4-wrap .column{
    width:270px
}
.column4-wrap .column:nth-child(4n+4){
    margin-right:0
}
.column3-4-wrap{
    width:870px
}
.column3-4-wrap .column{
    width:270px
}
.column3-4-wrap .column:nth-child(3n+3){
    margin-right:0
}
.column3-wrap .column{
    width:370px
}
.column3-wrap .column:nth-child(3n+3){
    margin-right:0
}
.column-wrap .column{
    width:270px
}
.column-wrap .column:last-child{
    margin-right:0
}
@media screen and (max-width: 1260px){
    .column5-wrap{
        width:702px
    }
    .column4-wrap{
        width:870px
    }
    .column4-wrap .column:nth-child(4n+4){
        margin-right:30px
    }
    .column4-wrap .column:nth-child(3n+3){
        margin-right:0
    }
    .column4-wrap.service-list{
        width:570px
    }
    .column4-wrap.service-list .column{
        margin-bottom:60px
    }
    .column4-wrap.service-list .column:nth-child(3n+3){
        margin-right:30px
    }
    .column4-wrap.service-list .column:nth-child(2n+2){
        margin-right:0
    }
    .column3-wrap{
        width:770px
    }
    .column3-wrap .column:nth-child(3n+3){
        margin-right:30px
    }
    .column3-wrap .column:nth-child(2n+2){
        margin-right:0
    }
    .sidebar-nav{
        max-width:none;
        width:100%;
        height:auto;
        padding-bottom:30px;
        overflow:hidden
    }
    .sidebar-nav .sidebar-filters{
        width:410px;
        float:none;
        margin:0 auto;
        overflow:hidden
    }
    .sidebar-nav .sidebar-filters form{
        margin-right:0;
        margin-bottom:14px
    }
    .sidebar-nav .sidebar-filters form label{
        margin-bottom:0
    }
    .sidebar-nav .sidebar-filters .view-selectors{
        float:none;
        width:66px;
        margin:0 auto
    }
    .sidebar-nav .sidebar-filters .button{
        float:none;
        margin:18px auto 0
    }
    .sidebar-menu{
        width:100%;
        margin-bottom:20px
    }
    .sidebar-menu .sidebar-menu-item{
        float:none;
        width:100%;
        border-right:none;
        border-bottom:1px solid #ebebeb
    }
    .sidebar-menu-dropdown{
        width:100%;
        padding:22px 30px;
        border:none;
        border-top:1px solid #ebebeb;
        position:static
    }
    .sidebar-menu-dropdown.big{
        width:100%
    }
    .slide-control.left.mfp-arrow-left{
        top:auto;
        margin-top:0;
        bottom:20px;
        left:50%;
        margin-left:-45px
    }
    .slide-control.right.mfp-arrow-right{
        top:auto;
        margin-top:0;
        bottom:20px;
        right:50%;
        margin-right:-45px
    }
}
@media screen and (max-width: 935px){
    .column5-wrap{
        width:468px
    }
    .column4-wrap,.column3-4-wrap{
        width:570px
    }
    .column4-wrap .column,.column3-4-wrap .column{
        margin-bottom:60px
    }
    .column4-wrap .column:nth-child(3n+3),.column3-4-wrap .column:nth-child(3n+3){
        margin-right:30px
    }
    .column4-wrap .column:nth-child(2n+2),.column3-4-wrap .column:nth-child(2n+2){
        margin-right:0
    }
    .column3-wrap{
        width:370px
    }
    .column3-wrap .column{
        margin-right:0
    }
    .column3-wrap .column:nth-child(3n+3){
        margin-right:0
    }
    .head-title{
        width:90%
    }
    .dashboard-content .headline.inbox .button-wrap{
        float:none;
        width:103px;
        margin:0 auto 16px
    }
    .dashboard-content .headline.inbox .button-wrap .button{
        float:right
    }
}
@media screen and (max-width: 630px){
    .column5-wrap{
        width:234px
    }
    .column4-wrap,.column3-4-wrap{
        width:270px
    }
    .column4-wrap .column,.column3-4-wrap .column{
        margin-right:0
    }
    .column4-wrap.service-list,.column3-4-wrap.service-list{
        width:270px
    }
    .column4-wrap.service-list .column,.column3-4-wrap.service-list .column{
        margin-right:0
    }
    .column4-wrap.service-list .column:nth-child(3n+3),.column3-4-wrap.service-list .column:nth-child(3n+3){
        margin-right:0
    }
    .section-headline{
        padding:0
    }
    .section-headline h2{
        float:none;
        text-align:center
    }
    .section-headline p{
        display:none
    }
    .slide-control.left.mfp-arrow-left{
        bottom:50px
    }
    .slide-control.right.mfp-arrow-right{
        bottom:50px
    }
}
@media screen and (max-width: 460px){
    h1{
        font-size:2.5em
    }
    .column3-wrap{
        width:90%
    }
    .column3-wrap .column{
        width:100%
    }
    .column3-wrap.service-list.small .service-item{
        padding:80px 0 0
    }
    .column3-wrap.service-list.small .service-item .outer-ring{
        left:50%;
        margin-left:-25px
    }
    .column3-wrap.service-list.small .service-item h3,.column3-wrap.service-list.small .service-item p{
        text-align:center
    }
    .sidebar-nav .sidebar-filters{
        width:200px
    }
    .sidebar-nav .sidebar-filters form label{
        margin-right:0;
        margin-bottom:12px
    }
    .sidebar-nav .sidebar-filters form label:last-child{
        margin-bottom:0
    }
    .slide-control.left.mfp-arrow-left{
        bottom:120px
    }
    .slide-control.right.mfp-arrow-right{
        bottom:120px
    }
}
.header-wrap{
    background-color:#2f1c55
}
header{
    min-height:100px
}
header .logo{
    float:left;
    margin-top:20px
}
header .logo-mobile{
    display:none;
    width:48px;
    height:56px;
    position:absolute;
    top:20px;
    left:50%;
    margin-left:-24px
}
header .mobile-menu-handler,header .mobile-account-options-handler{
    width:90px;
    height:100px;
    position:absolute;
    top:0;
    display:none;
    cursor:pointer
}
header .mobile-menu-handler.primary,header .mobile-account-options-handler.primary{
    background-color:#00d7b3
}
header .mobile-menu-handler.secondary,header .mobile-account-options-handler.secondary{
    background-color:#1cbdf9
}
header .mobile-menu-handler.left,header .mobile-account-options-handler.left{
    left:0
}
header .mobile-menu-handler.right,header .mobile-account-options-handler.right{
    right:0
}
header .mobile-menu-handler img[alt="pull-icon"],header .mobile-account-options-handler img[alt="pull-icon"]{
    position:absolute;
    top:41px;
    left:50%;
    margin-left:-13px
}
header .mobile-menu-handler .icon-user,header .mobile-account-options-handler .icon-user{
    color:#fff;
    font-size:24px;
    position:absolute;
    top:38px;
    left:50%;
    margin-left:-12px
}
header .user-board{
    float:right
}
header .user-board .user-quickview{
    float:right;
    height:80px;
    margin-top:20px
}
header .user-board .user-quickview .dropdown{
    left:2px
}
header .user-board .user-quickview .dropdown.open{
    top:69px
}
header .user-board .user-quickview .dropdown.closed{
    top:0
}
header .account-information{
    float:right;
    margin:40px 6px 0 0
}
header .account-information .account-wishlist-quickview,header .account-information .account-cart-quickview,header .account-information .account-email-quickview,header .account-information .account-settings-quickview{
    float:left;
    padding-right:34px;
    cursor:pointer;
    position:relative
}
header .account-information .account-wishlist-quickview:first-child,header .account-information .account-wishlist-quickview:last-child,header .account-information .account-cart-quickview:first-child,header .account-information .account-cart-quickview:last-child,header .account-information .account-email-quickview:first-child,header .account-information .account-email-quickview:last-child,header .account-information .account-settings-quickview:first-child,header .account-information .account-settings-quickview:last-child{
    padding-right:26px
}
header .account-information .account-wishlist-quickview>span:first-child,header .account-information .account-cart-quickview>span:first-child,header .account-information .account-email-quickview>span:first-child,header .account-information .account-settings-quickview>span:first-child{
    position:relative;
    color:#717f82;
    transition:all .2s ease-in-out
}
header .account-information .account-wishlist-quickview>span:first-child .svg-arrow,header .account-information .account-cart-quickview>span:first-child .svg-arrow,header .account-information .account-email-quickview>span:first-child .svg-arrow,header .account-information .account-settings-quickview>span:first-child .svg-arrow{
    fill:#717f82;
    position:absolute;
    right:-10px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    transition:all .2s ease-in-out
}
header .account-information .account-wishlist-quickview:hover>span:first-child,header .account-information .account-wishlist-quickview.active>span:first-child,header .account-information .account-cart-quickview:hover>span:first-child,header .account-information .account-cart-quickview.active>span:first-child,header .account-information .account-email-quickview:hover>span:first-child,header .account-information .account-email-quickview.active>span:first-child,header .account-information .account-settings-quickview:hover>span:first-child,header .account-information .account-settings-quickview.active>span:first-child{
    color:#b6c6ca
}
header .account-information .account-wishlist-quickview:hover>span:first-child .svg-arrow,header .account-information .account-wishlist-quickview.active>span:first-child .svg-arrow,header .account-information .account-cart-quickview:hover>span:first-child .svg-arrow,header .account-information .account-cart-quickview.active>span:first-child .svg-arrow,header .account-information .account-email-quickview:hover>span:first-child .svg-arrow,header .account-information .account-email-quickview.active>span:first-child .svg-arrow,header .account-information .account-settings-quickview:hover>span:first-child .svg-arrow,header .account-information .account-settings-quickview.active>span:first-child .svg-arrow{
    fill:#b6c6ca
}
header .account-information .account-wishlist-quickview .dropdown,header .account-information .account-cart-quickview .dropdown,header .account-information .account-email-quickview .dropdown,header .account-information .account-settings-quickview .dropdown{
    right:13px
}
header .account-information .account-wishlist-quickview .dropdown.open,header .account-information .account-cart-quickview .dropdown.open,header .account-information .account-email-quickview .dropdown.open,header .account-information .account-settings-quickview .dropdown.open{
    top:49px
}
header .account-information .account-wishlist-quickview .dropdown.closed,header .account-information .account-cart-quickview .dropdown.closed,header .account-information .account-email-quickview .dropdown.closed,header .account-information .account-settings-quickview .dropdown.closed{
    top:0
}
header .account-information .pin{
    font-size:0.625em;
    top:-5px;
    left:-6px
}
header .account-information .account-settings-quickview .dropdown{
    right:0
}
header .account-information .icon-present,header .account-information .icon-basket,header .account-information .icon-basket-loaded,header .account-information .icon-envelope,header .account-information .icon-settings{
    font-size:22px
}
header .account-information .icon-heart{
    top:1px;
    font-size:21px
}
header .account-information .icon-present{
    top:-2px
}
header .account-information .icon-present .svg-arrow{
    top:9px
}
header .account-information .icon-basket .svg-arrow{
    top:9px
}
header .account-information .icon-basket-loaded .svg-arrow{
    top:9px
}
header .account-information .icon-envelope{
    top:1px
}
header .account-information .icon-envelope .svg-arrow{
    top:6px;
    right:-12px
}
header .account-information .icon-settings .svg-arrow{
    top:7px;
    right:-12px
}
header .account-actions{
    float:right;
    margin:40px 26px 0 0
}
header .account-actions.no-space{
    margin-right:0
}
header .account-actions .interesting-link{
    float:left;
    margin-right:30px;
    margin-top:6px;
    color:#b6c6ca;
    font-size:0.75em;
    font-weight:700
}
header .account-actions .interesting-link:hover{
    color:#fff
}
header .account-actions .button{
    width:auto;
    float:left;
    height:24px;
    line-height:24px;
    padding:0 20px;
    margin-right:12px
}
header .account-actions .button:last-child{
    margin-right:0
}
@media screen and (max-width: 1260px){
    header .logo,header .user-board{
        display:none
    }
    header .logo-mobile,header .mobile-menu-handler,header .mobile-account-options-handler{
        display:block
    }
}
.main-menu-wrap{
    background-color:#fff
}
.main-menu-wrap.dark{
    background-color:#3c2766
}
.main-menu-wrap.dark .main-menu .menu-item{
    border-right-color:#465559
}
.main-menu-wrap.dark .main-menu .menu-item>a{
    color:#fff
}
.main-menu-wrap.dark .main-menu .content-dropdown{
    background-color:#3c2766;
    border-color:#465559
}
.main-menu-wrap.dark .main-menu .content-dropdown .feature-list-title{
    color:#fff
}
.main-menu-wrap.dark .main-menu .content-dropdown .line-separator{
    background-color:#465559
}
.main-menu-wrap.dark .main-menu .content-dropdown .feature-list-item>a:hover{
    color:#fff
}
.menu-bar{
    min-height:71px;
    position:relative
}
.menu-bar-small{
    min-height:41px;
    position:relative
}
.menu-bar .search-form{
    width:320px;
    position:absolute;
    top:14px;
    right:0
}
.main-menu{
    min-height:71px;
    position:relative
}
.main-menu-small{
    min-height:41px;
    position:relative
}
.main-menu.top-highlight .menu-item>a{
    border-top:6px solid transparent;
    line-height:58px;
    padding-bottom:7px
}
.menu-item.activated{
    color:#2f1c55;
    background-color:#fff;
    border-top-color:#00d7b3
}
.main-menu.top-highlight .menu-item:hover>a{
    color:#2f1c55;
    background-color:#fff;
    border-top-color:#00d7b3
}
.main-menu.top-highlight .menu-item:hover>a .svg-arrow{
    fill:#a1a1a1
}
.main-menu .menu-item{
    float:left;
    border-right:1px solid #ebebeb
}
.main-menu .menu-item .svg-arrow{
    fill:#a1a1a1;
    position:relative;
    left:15px;
    transition:fill .15s ease-in-out;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.main-menu .menu-item .dropdown .svg-arrow{
    width:5px;
    height:11px;
    fill:#2f1c55;
    position:static;
    float:right;
    margin-right:14px;
    margin-top:22px;
    margin-left:0;
    pointer-events:none;
    transition:none;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.main-menu .menu-item.sub>a{
    padding-right:40px
}
.main-menu .menu-item>a{
    display:block;
    padding:0 30px;
    color:#2f1c55;
    font-size:0.875em;
    font-weight:700;
    text-transform:uppercase;
    line-height:71px;
    transition:all .15s ease-in-out
}
.main-menu .menu-item:hover>a{
    color:#fff;
    background-color:#00d7b3
}
.main-menu .menu-item:hover>a .svg-arrow{
    fill:#fff
}
.main-menu .menu-item:hover>.content-dropdown,.main-menu .menu-item:hover>.dropdown{
    top:71px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.main-menu .menu-item>.content-dropdown,.main-menu .menu-item>.dropdown{
    top:0
}
.main-menu .menu-item>.content-dropdown{
    left: 0
}
.main-menu-small.top-highlight .menu-item>a{
    border-top:6px solid transparent;
    line-height:58px;
    padding-bottom:7px
}
.main-menu-small.top-highlight .menu-item:hover>a{
    color:#2f1c55;
    background-color:#fff;
    border-top-color:#00d7b3
}
.main-menu-small.top-highlight .menu-item:hover>a .svg-arrow{
    fill:#a1a1a1
}
.main-menu-small .menu-item{
    float:left;
    border-right:1px solid #ebebeb
}
.main-menu-small .menu-item .svg-arrow{
    fill:#a1a1a1;
    position:relative;
    left:15px;
    transition:fill .15s ease-in-out;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.main-menu-small .menu-item .dropdown .svg-arrow{
    width:5px;
    height:11px;
    fill:#2f1c55;
    position:static;
    float:right;
    margin-right:14px;
    margin-top:22px;
    margin-left:0;
    pointer-events:none;
    transition:none;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.main-menu-small .menu-item.sub>a{
    padding-right:40px
}
.main-menu-small .menu-item>a{
    display:block;
    padding:0 30px;
    color:#fff;
    font-size:0.875em;
    font-weight:700;
    text-transform:uppercase;
    line-height:41px;
    transition:all .15s ease-in-out
}
.main-menu-small .menu-item:hover>a{
    color:#000;
    background-color:#fff
}
.main-menu-small .menu-item:hover>a .svg-arrow{
    fill:#fff
}
.main-menu-small .menu-item:hover>.content-dropdown,.main-menu-small .menu-item:hover>.dropdown{
    top:41px;
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
.main-menu-small .menu-item>.content-dropdown,.main-menu-small .menu-item>.dropdown{
    top:0
}
.main-menu-small .menu-item>.content-dropdown{
    left: 0
}
.content-dropdown{
    padding:25px 40px 40px;
    background-color:#fff;
    border:1px solid #ebebeb;
    position:absolute;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease-in-out;
    z-index:10000;
    pointer-events:none
}
.feature-list-block{
    float:left;
    margin-right:30px
}
.feature-list-block:last-child{
    margin-right:0
}
.feature-list-block .line-separator{
    margin-bottom:16px
}
.feature-list-block .product-list.grid .product-item{
    margin-bottom:0
}
.feature-list-title{
    margin-bottom:12px
}
.feature-list{
    float:left;
    width:170px;
    margin-right:30px
}
.feature-list.spaced{
    margin-bottom:20px
}
.feature-list+.feature-list{
    float:right;
    margin-right:0
}
.feature-list-item{
    margin-bottom:12px
}
.feature-list-item>a{
    display:inline-block;
    line-height:1em;
    color:#888;
    font-size:0.8125em;
    font-weight:600;
    cursor:pointer;
    position:relative;
    transition:color .15s ease-in-out
}
.feature-list-item>a:hover{
    color:#2f1c55
}
.feature-list-item>a .pin{
    font-size:0.625em;
    top:0;
    right:-40px
}
.search-form{
    position:relative
}
.search-form input[type="text"]{
    padding:0 60px 0 20px
}
.search-form input[type="image"]{
    position:absolute;
    top:0;
    right:-2px
}
.side-menu{
    width:270px;
    height:100%;
    padding-bottom:100px;
    background-color:#222b2d;
    position:fixed;
    top:0;
    z-index:10000;
    overflow:auto;
    transition:all .3s ease-in-out
}
.side-menu::-webkit-scrollbar{
    -webkit-appearance:none
}
.side-menu::-webkit-scrollbar:vertical{
    width:12px
}
.side-menu::-webkit-scrollbar:horizontal{
    height:12px
}
.side-menu::-webkit-scrollbar-thumb{
    background-color:#a1a1a1;
    border-radius:10px;
    border:2px solid #2f1c54
}
.side-menu::-webkit-scrollbar-track{
    border-radius:10px;
    background-color:#2f1c54
}
.side-menu.open.left{
    left:0
}
.side-menu.open.right{
    right:0
}
.side-menu.closed.left{
    left:-270px
}
.side-menu.closed.right{
    right:-270px
}
.side-menu .svg-plus{
    width:14px;
    height:14px;
    fill:#fff;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    top:16px;
    right:18px;
    cursor:pointer
}
.side-menu.dashboard{
    padding-bottom:0
}
.side-menu.dashboard.closed{
    opacity:1;
    visibility:visible
}
.side-menu.dashboard.closed.left{
    left:0
}
.side-menu.dashboard.closed.right{
    right:0
}
.side-menu.dashboard .svg-plus{
    top:28px;
    display:none
}
.side-menu.dashboard .side-menu-header{
    height:122px
}
.side-menu.dashboard .user-quickview{
    margin:32px 0 0 32px
}
.side-menu.dashboard .inner-dropdown{
    padding-top:15px
}
.side-menu.dashboard .sl-icon{
    margin-right:14px;
    position:relative;
    top:1px;
    transition:all .01s ease
}
.side-menu.dashboard .button:last-child{
    margin:22px auto 100px
}
.side-menu .side-menu-header{
    height:100px;
    background-color:#2f1c54;
    overflow:hidden
}
.side-menu .side-menu-title{
    padding-left:20px;
    background-color:#202729;
    color:#a1a1a1;
    font-size:0.625em;
    font-weight:700;
    line-height:35px;
    text-transform:uppercase
}
.side-menu .logo{
    margin:28px 0 0 20px
}
.side-menu .dropdown{
    width:100%;
    border-left:none;
    border-right:none;
    position:static
}
.side-menu.right{
    right:0
}
.side-menu.left{
    left:0
}
.side-menu .user-quickview{
    margin:21px 0 0 20px
}
.side-menu .user-quickview .user-name{
    cursor:auto
}
.side-menu .button{
    width:226px;
    margin:0 auto
}
.side-menu .button:nth-last-child(2){
    margin:22px auto 18px
}
@media screen and (max-width: 1260px){
    .main-menu{
        display:none
    }
    .menu-bar .search-form{
        width:90%;
        margin:0 auto;
        position:relative
    }
}
.banner-wrap{
    background:url("../images/home_banner.jpg") no-repeat center;
    background-size:cover
}
.banner{
    min-height:500px;
    padding-top:90px;
    position:relative
}
.banner.short{
    min-height:350px
}
.banner.banner-v2{
    min-height:400px;
    padding:110px 0 60px
}
.banner.banner-v2 .search-widget-form{
    width:866px;
    margin:55px auto 0
}
.banner h5{
    margin-bottom:5px
}
.banner h1{
    margin-bottom:20px
}
.banner p{
    width:370px;
    margin:0 auto;
    color:#fff;
    line-height:1.57143em;
    text-align:center
}
.banner img[alt="banner-img"]{
    position:absolute;
    bottom:68px;
    left:50%;
    margin-left:-257px
}
.banner .search-widget{
    bottom:-54px
}
#subscribe-banner-wrap{
    background:url("../images/subscribe_banner_bg.png") no-repeat center,linear-gradient(to right, #05e6aa, #1cbdf9);
    background-size:cover
}
#subscribe-banner{
    min-height:150px
}
#subscribe-banner .subscribe-content{
    width:918px;
    margin:0 auto
}
#subscribe-banner .subscribe-content .subscribe-header{
    float:left;
    width:396px;
    margin-top:36px
}
#subscribe-banner .subscribe-content .subscribe-header figure{
    float:left;
    width:80px;
    height:80px;
    margin-right:17px
}
#subscribe-banner .subscribe-content .subscribe-header .subscribe-title{
    margin:20px 0 6px;
    font-size:1.5em;
    font-weight:700
}
#subscribe-banner .subscribe-content .subscribe-header p{
    color:#fff;
    font-size:0.8125em;
    line-height:1em
}
#subscribe-banner .subscribe-content .subscribe-form{
    float:right;
    width:474px;
    margin-top:56px
}
#subscribe-banner .subscribe-content .subscribe-form input[type="text"]{
    float:left;
    width:334px;
    height:43px;
    line-height:43px;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
#subscribe-banner .subscribe-content .subscribe-form .button{
    float:right;
    width:140px;
    height:43px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    font-size:0.875em;
    line-height:43px
}
.ht-banner-wrap{
    background-color:#f5f5f5;
    overflow:hidden
}
.ht-banner-wrap .ht-banner:nth-child(odd){
    float:left;
    clear:both;
    padding-right:70px
}
.ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content{
    float:right
}
.ht-banner-wrap .ht-banner:nth-child(even){
    float:right;
    padding-left:70px
}
.ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content{
    float:left
}
.ht-banner-wrap .ht-banner:nth-child(3){
    float:right;
    padding-right:0;
    padding-left:70px
}
.ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content{
    float:left
}
.ht-banner-wrap .ht-banner:nth-child(4){
    float:left;
    padding-left:0;
    padding-right:70px
}
.ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content{
    float:right
}
.ht-banner{
    width:50%;
    min-height:500px;
    padding-top:120px;
    background-color:#f5f5f5;
    position:relative
}
.ht-banner.violet{
    background-color:#5c4086
}
.ht-banner.pink{
    background-color:#f8436e
}
.ht-banner.blue{
    background-color:#077be6
}
.ht-banner .ht-banner-img1{
    width:385px;
    height:255px;
    position:absolute;
    top:128px;
    right:202px
}
.ht-banner .ht-banner-img2{
    width:410px;
    height:250px;
    position:absolute;
    top:112px;
    left:175px
}
.ht-banner .ht-banner-img3{
    width:394px;
    height:265px;
    position:absolute;
    top:98px;
    right:180px
}
.ht-banner .ht-banner-content{
    width:516px;
    overflow:hidden
}
.ht-banner .ht-banner-content .text-header{
    font-size:1.75em;
    margin-bottom:26px
}
.ht-banner .ht-banner-content .button{
    width:242px;
    margin-top:42px
}
@media screen and (max-width: 1260px){
    .banner{
        max-width:100%;
        width:100%;
        min-height:544px
    }
    .banner img[alt="banner-img"]{
        width:280px;
        height:83px;
        bottom:170px;
        margin-left:-140px
    }
    .banner .search-widget{
        width:100%;
        height:170px;
        padding:28px 0 0;
        left:0;
        margin-left:0;
        bottom:0;
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
    }
    .banner .search-widget-form{
        max-width:1170px;
        width:95%;
        margin:0 auto
    }
    .banner .search-widget-form input{
        float:none;
        width:100%;
        margin-bottom:14px;
        border-radius:4px
    }
    .banner .search-widget-form .select-block{
        display:none
    }
    .banner .search-widget-form .button{
        float:none;
        width:280px;
        margin:0 auto
    }
    .banner.banner-v2 .search-widget-form{
        width:75%
    }
    #subscribe-banner{
        min-height:240px;
        overflow:hidden
    }
    #subscribe-banner .subscribe-content{
        width:100%
    }
    #subscribe-banner .subscribe-content .subscribe-header{
        float:none;
        margin:36px auto 0;
        overflow:hidden
    }
    #subscribe-banner .subscribe-content .subscribe-form{
        float:none;
        margin:30px auto 0
    }
    .ht-banner-wrap .ht-banner:nth-child(4),.ht-banner-wrap .ht-banner:nth-child(odd){
        float:none;
        padding-right:0
    }
    .ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content,.ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content{
        float:none
    }
    .ht-banner-wrap .ht-banner:nth-child(3),.ht-banner-wrap .ht-banner:nth-child(even){
        float:none;
        padding-left:0
    }
    .ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content,.ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content{
        float:none
    }
    .ht-banner{
        width:100%
    }
    .ht-banner .ht-banner-content{
        margin:0 auto;
        text-align:center
    }
    .ht-banner .ht-banner-content .button{
        margin:42px auto 0
    }
    .ht-banner .ht-banner-img1{
        right:auto;
        left:50%;
        margin-left:-192px
    }
    .ht-banner .ht-banner-img2{
        left:50%;
        margin-left:-205px
    }
    .ht-banner .ht-banner-img3{
        right:auto;
        left:50%;
        margin-left:-197px
    }
}
@media screen and (max-width: 630px){
    #subscribe-banner{
        min-height:280px
    }
    #subscribe-banner .subscribe-content .subscribe-header{
        width:100%;
        text-align:center
    }
    #subscribe-banner .subscribe-content .subscribe-header figure{
        display:none
    }
    #subscribe-banner .subscribe-content .subscribe-header .subscribe-title{
        font-size:1.25em
    }
    #subscribe-banner .subscribe-content .subscribe-form{
        width:100%
    }
    #subscribe-banner .subscribe-content .subscribe-form input[type="text"],#subscribe-banner .subscribe-content .subscribe-form .button{
        float:none;
        border-radius:4px
    }
    #subscribe-banner .subscribe-content .subscribe-form input[type="text"]{
        width:90%;
        margin:0 auto 20px
    }
    #subscribe-banner .subscribe-content .subscribe-form .button{
        margin:0 auto
    }
    .ht-banner .ht-banner-content{
        width:80%
    }
}
@media screen and (max-width: 460px){
    .banner{
        padding-top:55px
    }
    .banner p{
        width:90%
    }
    .banner .search-widget-form{
        width:90%
    }
    .banner .search-widget-form .button{
        width:100%
    }
    .banner.banner-v2{
        padding-top:80px
    }
    .banner.banner-v2 .search-widget-form{
        width:90%
    }
    .ht-banner{
        padding:60px 0 90px
    }
    .ht-banner .text-header{
        line-height:1.3em
    }
    .ht-banner.void{
        min-height:240px
    }
    .ht-banner .ht-banner-img1,.ht-banner .ht-banner-img2,.ht-banner .ht-banner-img3{
        width:260px;
        margin-left:-130px
    }
    .ht-banner .ht-banner-img1{
        top:42px;
        height:172px
    }
    .ht-banner .ht-banner-img2{
        top:36px;
        height:158px
    }
    .ht-banner .ht-banner-img3{
        top:30px;
        height:174px
    }
}
#services-wrap{
    background-color:#fff
}
#services{
    min-height:500px;
    padding-top:134px
}
#services.services-v2{
    min-height:435px;
    padding:60px 0 10px
}
.service-list .service-item{
    padding:145px 5px 0;
    cursor:pointer;
    position:relative
}
.service-list .service-item .circle{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-60px
}
.service-list .service-item .circle span{
    color:#16ffd8;
    font-size:50px;
    position:absolute;
    top:33px;
    left:35px;
    transition:color .3s ease-in-out
}
.service-list .service-item .circle span.icon-diamond{
    top:37px
}
.service-list .service-item .circle.medium{
    top:-10px;
    margin-left:-70px
}
.service-list .service-item h3{
    margin-bottom:20px
}
.service-list .service-item p{
    font-size:0.8125em;
    line-height:20px;
    text-align:center
}
.service-list .service-item:hover .circle span{
    color:#fff
}
.service-list .service-item:hover .circle.dark{
    -webkit-transform:scale(0.92);
    transform:scale(0.92)
}
.service-list .service-item:hover .circle.gradient{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.service-list.small .service-item{
    padding:6px 10px 0 70px;
    margin-bottom:70px;
    cursor:auto;
    position:relative
}
.service-list.small .service-item .outer-ring{
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    left:0
}
.service-list.small .service-item .outer-ring .inner-ring{
    width:42px;
    height:42px;
    position:absolute;
    top:4px;
    left:4px;
    background-color:#fff
}
.service-list.small .service-item .outer-ring span{
    color:#2f1c54;
    font-size:20px;
    position:absolute;
    top:14px;
    left:15px;
    transition:color .3s ease-in-out
}
.service-list.small .service-item .outer-ring span.icon-diamond{
    top:17px
}
.service-list.small .service-item h3{
    font-size:1.375em;
    text-align:left
}
.service-list.small .service-item p{
    text-align:left
}
.circle{
    width:120px;
    height:120px;
    border-radius:50%;
    transition:all .2s ease-in-out
}
.circle.dark{
    background-color:#2f1c54
}
.circle.gradient{
    background:-webkit-linear-gradient(to right, #10fac0, #1cbdf9);
    background:linear-gradient(to right, #10fac0, #1cbdf9);
    -webkit-transform:scale(0);
    transform:scale(0);
    border:none
}
.circle.white-cover{
    background-color:#fff
}
.circle.primary{
    background-color:#00d7b3
}
.circle.primary:hover{
    background-color:#0ae7c2
}
.circle.secondary{
    background-color:#1cbdf9
}
.circle.secondary:hover{
    background-color:#37c9ff
}
.circle.medium{
    width:140px;
    height:140px
}
.circle.tiny{
    width:40px;
    height:40px
}
@media screen and (max-width: 1260px){
    #services{
        padding-top:60px
    }
}
.promo-banner{
    width:50%;
    min-height:360px;
    padding-top:140px;
    background-size:cover;
    position:relative
}
.promo-banner.secondary{
    background:#1cbdf9 url("../images/promo2_texture.png")
}
.promo-banner.dark{
    background:#2f1c54 url("../images/promo1_texture.png")
}
.promo-banner.left{
    float:left
}
.promo-banner.right{
    float:right
}
.promo-banner h5{
    margin-bottom:5px
}
.promo-banner h1{
    margin-bottom:35px
}
.promo-banner .button{
    margin:0 auto
}
.promo-banner .icon-wallet,.promo-banner .icon-tag{
    font-size:58px;
    position:absolute;
    left:50%;
    margin-left:-29px
}
.promo-banner .icon-wallet{
    color:#16ffd8;
    top:53px
}
.promo-banner .icon-tag{
    color:#fff;
    top:57px
}
@media screen and (max-width: 930px){
    .promo-banner{
        width:100%
    }
}
#product-sideshow-wrap{
    background-color:#f5f5f5
}
#product-sideshow{
    padding:60px 0 30px
}
#product-sideshow .product-list:last-child{
    margin-bottom:34px
}
#product-sideshow>.button:last-child{
    margin:34px auto 60px
}
.product-showcase{
    transition:opacity .5s ease-in-out
}
.product-showcase.tabbed{
    overflow:hidden
}
.product-showcase.hidden{
    visibility:hidden;
    opacity:0;
    height:0
}
.product-showcase.visible{
    visibility:visible;
    opacity:1
}
.product-list .product-item{
    border:1px solid #ebebeb;
    background-color:#fff;
    position:relative
}
.product-list .product-item.upload-new{
    height:307px;
    cursor:pointer;
    border:1px dashed #d0d0d0;
    background-color:#f5f5f5
}
.product-list .product-item.upload-new .product-info{
    padding-top:10px;
    text-align:center
}
.product-list .product-item.upload-new .product-info .text-header{
    font-size:1.125em;
    margin-bottom:18px
}
.product-list .product-item.upload-new .product-info .description{
    font-size:0.75em
}
.product-list .product-item .pin{
    position:absolute;
    z-index:9990
}
.product-list .product-item .product-preview-image{
    position:absolute
}
.product-list .product-item .product-info{
    overflow:hidden;
    margin-bottom:8px
}
.product-list .product-item .text-header{
    display:inline-block;
    margin-bottom:4px
}
.product-list .product-item .product-description{
    font-size:0.75em;
    line-height:18px;
    margin-bottom:10px
}
.product-list .product-item .category{
    display:inline-block
}
.product-list .product-item .user-rating{
    overflow:hidden
}
.product-list .product-item .user-rating .user-avatar{
    float:left;
    margin-right:4px
}
.product-list .product-item .user-rating .text-header{
    float:left;
    margin-top:6px
}
.product-list .product-item .circle{
    position:relative
}
.product-list .product-item .circle span{
    font-size:18px;
    color:#fff;
    position:absolute;
    top:12px
}
.product-list .product-item .circle span.icon-tag{
    left:9px
}
.product-list .product-item .circle span.icon-heart{
    font-size:17px;
    left:11px
}
.product-list.list{
    width:870px;
    margin:0 auto
}
.product-list.list.full{
    width:1170px
}
.product-list.list .product-item{
    height:94px;
    padding:10px 0 0 93px;
    margin-bottom:14px
}
.product-list.list .product-item .pin{
    top:16px;
    left:-6px
}
.product-list.list .product-item .product-preview-image{
    top:12px;
    left:12px
}
.product-list.list .product-item .product-info,.product-list.list .product-item .author-data,.product-list.list .product-item .item-metadata,.product-list.list .product-item .author-data-reputation,.product-list.list .product-item .item-actions,.product-list.list .product-item .price-info{
    float:left;
    height:70px;
    border-right:1px solid #ebebeb
}
.product-list.list .product-item .product-info{
    float:left;
    width:276px
}
.product-list.list .product-item .product-info .text-header{
    margin-top:8px
}
.product-list.list .product-item .product-info .product-description{
    margin-bottom:0
}
.product-list.list .product-item .author-data{
    padding:7px 28px 0 24px
}
.product-list.list .product-item .author-data .user-rating{
    margin-bottom:8px
}
.product-list.list .product-item .author-data .metadata{
    width:165px;
    margin-left:3px
}
.product-list.list .product-item .item-metadata{
    width:300px;
    padding:6px 0 0 24px
}
.product-list.list .product-item .item-metadata .text-header{
    margin-bottom:0
}
.product-list.list .product-item .item-metadata .text-header span{
    color:#888;
    font-weight:600
}
.product-list.list .product-item .item-metadata .text-header span a{
    color:#06b99b
}
.product-list.list .product-item .author-data-reputation{
    width:108px;
    padding-top:13px
}
.product-list.list .product-item .author-data-reputation .text-header{
    display:block;
    text-align:center;
    margin-bottom:15px
}
.product-list.list .product-item .author-data-reputation .rating{
    width:75px;
    margin:0 auto
}
.product-list.list .product-item .item-actions{
    padding:15px 18px 0
}
.product-list.list .product-item .item-actions .circle{
    background-color:#e7e7e7
}
.product-list.list .product-item .item-actions .circle:hover{
    background-color:#1cbdf9
}
.product-list.list .product-item .price-info{
    width:84px;
    border-right:none;
    padding-top:22px
}
.product-list.list .product-item .price-info .price{
    text-align:center
}
.product-list.grid .product-item{
    padding:175px 13px 12px;
    margin-bottom:26px
}
.product-list.grid .product-item .pin{
    top:146px;
    left:-7px
}
.product-list.grid .product-item .product-preview-actions{
    position:absolute;
    top:5px;
    left:5px;
    width:258px;
    height:150px
}
.product-list.grid .product-item .product-preview-actions:hover .preview-actions{
    opacity:1;
    visibility:visible
}
.product-list.grid .product-item .product-preview-actions:hover .preview-action .circle{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.product-list.grid .product-item .product-preview-actions:hover .preview-action p{
    opacity:1
}
.product-list.grid .product-item .preview-actions{
    width:100%;
    height:100%;
    background-color:rgba(25,31,32,0.85);
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    transition:all .15s ease-in-out
}
.product-list.grid .product-item .preview-actions .preview-action{
    padding-top:50px;
    position:absolute;
    top:44px;
    left:47px
}
.product-list.grid .product-item .preview-actions .preview-action:nth-child(2){
    left:143px
}
.product-list.grid .product-item .preview-actions .preview-action:nth-child(2) .circle{
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s
}
.product-list.grid .product-item .preview-actions .preview-action:nth-child(2) p{
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s
}
.product-list.grid .product-item .preview-actions .preview-action .circle{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-20px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition-delay:0.15s;
    transition-delay:0.15s;
    transition:transform .2s ease-in
}
.product-list.grid .product-item .preview-actions .preview-action p{
    color:#fff;
    font-size:0.8125em;
    line-height:1em;
    text-align:center;
    opacity:0;
    transition:all .2s ease-in;
    -webkit-transition-delay:0.15s;
    transition-delay:0.15s
}
.product-list.grid .product-item .price{
    float:right
}
.product-list.grid .product-item .line-separator{
    margin-bottom:12px
}
.product-list.grid .product-item .user-rating .rating{
    float:right;
    margin-top:3px
}
.product-list.grid.v2 .product-item{
    padding-top:168px;
    padding-bottom:14px
}
.product-list.grid.v2 .product-item .text-header{
    display:block;
    text-align:center
}
.product-list.grid.v2 .product-item .product-info .text-header{
    margin-bottom:10px
}
.product-list.grid.v2 .product-item .product-info .line-separator{
    margin-bottom:8px
}
.product-list.grid.v2 .product-item .product-info .category{
    display:block;
    text-align:center
}
.product-list.grid.v2 .product-item .product-info .price{
    position:absolute;
    top:240px;
    right:16px
}
.product-list.grid.v2 .product-item .line-separator{
    margin-bottom:14px
}
.product-list.grid.v3 .product-item{
    padding-top:168px;
    padding-bottom:14px
}
.product-list.grid.v3 .product-item .product-info .category{
    position:absolute;
    bottom:14px;
    left:43px
}
.product-list.grid.v3 .product-item .product-info .price{
    position:absolute;
    top:214px;
    right:16px
}
.product-list.grid.v3 .product-item .user-rating .text-header{
    margin-top:0
}
.product-list.grid.v3 .product-item .line-separator{
    margin-bottom:14px
}
.product-list.grid.v4 .product-item{
    padding-top:234px
}
.product-list.grid.v4 .product-item .pin{
    top:204px
}
.product-list.grid.v4 .product-item .product-preview-actions{
    width:358px;
    height:208px
}
.product-list.grid.v4 .product-item .preview-actions .preview-action{
    top:74px;
    left:80px
}
.product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2){
    left:210px
}
.product-list.grid.v4 .product-item .product-info{
    margin-bottom:22px
}
.product-list.grid.v4 .product-item .product-info .text-header{
    float:left;
    font-size:1.125em;
    margin-bottom:6px
}
.product-list.grid.v4 .product-item .product-info .category{
    float:left;
    clear:left
}
.product-list.grid.v4 .product-item .product-info .price{
    position:absolute;
    top:230px;
    right:12px
}
.category-nav-wrap{
    background-color:#fff;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb
}
.category-nav{
    height:60px;
    position:relative
}
.category-nav.primary .slide-control{
    background-color:#00d7b3
}
.category-nav.primary .category-tab.active:after{
    background-color:#00d7b3
}
.category-nav .slide-control-wrap{
    width:100%;
    top:15px;
    z-index:0
}
.category-nav .category-tabs{
    width:570px;
    height:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1
}
.category-nav .category-tab{
    float:left;
    width:190px;
    height:100%;
    cursor:pointer;
    position:relative
}
.category-nav .category-tab.active p{
    color:#2f1c54
}
.category-nav .category-tab.active:after{
    content:'';
    display:block;
    width:60px;
    height:3px;
    background-color:#2f1c54;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-30px
}
.category-nav .category-tab:after{
    display:none
}
.category-nav .category-tab p{
    color:#abaeae;
    font-size:1.125em;
    font-weight:700;
    line-height:1em;
    text-align:center;
    line-height:65px
}
.category-nav .category-tab:last-child{
    margin-right:0
}
@media screen and (max-width: 1260px){
    .product-list.list.full{
        width:870px
    }
    .product-list.list.full .item-metadata{
        display:none
    }
}
@media screen and (max-width: 935px){
    .product-list.list{
        width:590px
    }
    .product-list.list.full{
        width:590px
    }
    .product-list.list .product-item{
        float:left;
        width:280px;
        height:220px;
        margin-right:30px;
        margin-bottom:26px;
        padding-right:10px
    }
    .product-list.list .product-item:nth-child(2n+2){
        margin-right:0
    }
    .product-list.list .product-item .author-data,.product-list.list .product-item .author-data-reputation,.product-list.list .product-item .item-actions,.product-list.list .product-item .price-info{
        float:none;
        width:auto;
        height:auto;
        padding:0;
        border-right:none;
        position:absolute
    }
    .product-list.list .product-item .product-info{
        width:auto;
        border-right:none
    }
    .product-list.list .product-item .product-info .text-header{
        font-size:0.875em
    }
    .product-list.list .product-item .product-info .product-description{
        display:none
    }
    .product-list.list .product-item .author-data{
        width:256px;
        height:42px;
        border-bottom:1px solid #ebebeb;
        top:98px;
        left:12px
    }
    .product-list.list .product-item .author-data-reputation{
        top:188px;
        right:42px
    }
    .product-list.list .product-item .author-data-reputation .text-header{
        float:left;
        margin-right:10px
    }
    .product-list.list .product-item .author-data-reputation .rating{
        float:left;
        position:relative;
        top:-3px
    }
    .product-list.list .product-item .item-actions{
        top:160px;
        left:26px
    }
    .product-list.list .product-item .metadata{
        position:absolute;
        top:60px;
        left:78px
    }
    .product-list.list .product-item .price-info{
        top:100px;
        right:12px
    }
}
@media screen and (max-width: 680px){
    .product-list.list{
        width:280px
    }
    .product-list.list.full{
        width:280px
    }
    .product-list.list .product-item{
        margin-right:0
    }
}
@media screen and (max-width: 630px){
    .category-nav .category-tabs{
        width:390px
    }
    .category-nav .category-tabs .category-tab{
        width:130px
    }
    .category-nav .category-tabs .category-tab p{
        font-size:1em
    }
    .category-nav .slide-control-wrap{
        display:none
    }
}
@media screen and (max-width: 460px){
    #product-sideshow .headline{
        margin-bottom:65px
    }
    #product-sideshow .slide-control-wrap{
        top:auto;
        right:auto;
        bottom:-50px;
        left:50%;
        margin-left:-33px
    }
    .category-nav .category-tabs{
        width:285px
    }
    .category-nav .category-tabs .category-tab{
        width:95px
    }
    .category-nav .category-tabs .category-tab p{
        font-size:0.875em
    }
    .product-list.grid.v4{
        width:270px
    }
    .product-list.grid.v4 .product-item{
        width:270px;
        padding-top:168px
    }
    .product-list.grid.v4 .product-item .pin{
        top:146px
    }
    .product-list.grid.v4 .product-item .product-preview-actions{
        width:258px;
        height:150px
    }
    .product-list.grid.v4 .product-item .product-preview-image.big{
        width:258px;
        height:150px
    }
    .product-list.grid.v4 .product-item .preview-actions .preview-action{
        top:44px;
        left:47px
    }
    .product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2){
        left:143px
    }
    .product-list.grid.v4 .product-item .product-info{
        margin-bottom:12px
    }
    .product-list.grid.v4 .product-item .product-info .text-header{
        font-size:1em;
        margin-bottom:20px
    }
    .product-list.grid.v4 .product-item .product-info .price{
        font-size:1.625em;
        top:194px
    }
}
.section-wrap{
    background-color:#f5f5f5
}
.section{
    padding:60px 0 90px;
    overflow:hidden
}
.section.overflowable{
    overflow:visible
}
.section .sidebar{
    float:left
}
.section .sidebar.author-profile{
    position:relative;
    top:-242px
}
.section .content{
    float:right;
    width:870px
}
.section .content.full{
    width:100%;
    float:none
}
.section .content.full .pager{
    float:none;
    margin-right:auto;
    margin-left:auto
}
.section .content.left{
    float:left
}
.section .content .pager{
    float:right;
    margin-top:34px
}
.section .pager{
    width:174px;
    margin:34px auto 0
}
.section>.product-showcase{
    margin-bottom:34px
}
.section>.product-showcase:last-child{
    margin-bottom:0
}
.sidebar{
    width:270px
}
.sidebar.right{
    float:right
}
.sidebar>*{
    margin-bottom:26px
}
.sidebar>*:last-child{
    margin-bottom:0
}
.sidebar .dropdown{
    width:100%;
    position:static
}
.sidebar .dropdown .dropdown-item:hover{
    background-color:#fff
}
.sidebar-item{
    padding:20px 13px 32px;
    background-color:#fff;
    border:1px solid #ebebeb
}
.sidebar-item input,.sidebar-item .select-block{
    margin-bottom:14px
}
.sidebar-item .search-form input{
    margin-bottom:0
}
.sidebar-item.void{
    padding:0;
    background-color:transparent;
    border:none
}
.sidebar-item.newsletter p{
    font-size:0.8125em;
    line-height:20px
}
.sidebar-item.newsletter p{
    margin-bottom:14px
}
.sidebar-item.author-badges{
    padding-bottom:14px
}
.sidebar-item .badge-list{
    margin:20px 0 25px
}
.sidebar-item.buttons{
    padding-top:16px
}
.sidebar-item.buttons .button{
    margin-bottom:14px
}
.sidebar-item.buttons .button:last-child{
    margin-bottom:0
}
.sidebar-item.buttons #bid-form{
    margin-bottom:14px;
    overflow:hidden
}
.sidebar-item.buttons #bid-form input{
    float:left;
    width:136px
}
.sidebar-item.buttons #bid-form button{
    float:right;
    width:120px;
    height:40px;
    line-height:40px
}
.sidebar-item.author-bio .user-avatar-wrap{
    margin-bottom:10px
}
.sidebar-item.author-bio .text-header,.sidebar-item.author-bio .text-oneline{
    text-align:center;
    margin-bottom:10px
}
.sidebar-item.author-bio.v2 .share-links{
    width:156px
}
.sidebar-item.author-bio .share-links{
    width:114px;
    margin:16px auto 30px
}
.sidebar-item.author-bio .share-links.short{
    width:72px
}
.sidebar-item.author-bio.short .user-avatar-wrap{
    float:left;
    margin-bottom:0;
    margin-right:10px
}
.sidebar-item.author-bio.short .text-header,.sidebar-item.author-bio.short .text-oneline{
    text-align:left
}
.sidebar-item.author-bio.short .text-header{
    position:relative;
    top:5px;
    margin-bottom:14px
}
.sidebar-item.author-bio.short .share-links{
    float:left;
    margin-top:10px;
    margin-bottom:20px
}
.sidebar-item.author-bio.short.author-badges-v1 .text-oneline{
    margin-bottom:28px
}
.sidebar-item.author-bio.short.author-badges-v1 .share-links{
    margin-bottom:30px
}
.sidebar-item.author-bio.author-badges-v2 .share-links{
    margin-bottom:22px
}
.sidebar-item.author-bio.author-badges-v2 .badge-list .badge-list-item:last-child{
    margin-bottom:30px
}
.sidebar-item.product-info .line-separator{
    margin-bottom:5px
}
.sidebar-item.author-items{
    padding:20px 0 0
}
.sidebar-item.author-items h4{
    margin-left:13px;
    margin-bottom:16px
}
.sidebar-item.author-items .column4-wrap .column{
    width:100%
}
.sidebar-item.author-items .product-item{
    border:none;
    border-top:1px solid #ebebeb;
    margin-bottom:0
}
.sidebar-item.author-items-v2 .item-preview{
    margin-bottom:22px
}
.sidebar-item.author-items-v2 .item-preview:last-child{
    margin-bottom:0
}
.sidebar-item.author-reputation .percent{
    font-size:2.25em
}
.sidebar-item.author-reputation .percent span{
    font-size:0.66667em
}
.sidebar-item.author-reputation .percent-info{
    font-size:0.8125em
}
.sidebar-item.author-reputation .rating{
    width:75px
}
.sidebar-item.author-reputation.full .pie-chart{
    width:176px;
    height:176px;
    margin:0 auto 20px;
    padding-top:54px
}
.sidebar-item.author-reputation.full .text-header{
    text-align:center
}
.sidebar-item.author-reputation.full .percent-info{
    margin-bottom:4px
}
.sidebar-item.author-reputation.full .rating{
    margin:0 auto
}
.sidebar-item.author-reputation.short h4{
    font-size:1.375em
}
.sidebar-item.author-reputation.short .pie-chart{
    float:left;
    width:44px;
    height:44px;
    margin-right:14px;
    margin-bottom:22px;
    position:relative
}
.sidebar-item.author-reputation.short .pie-chart .icon-like,.sidebar-item.author-reputation.short .pie-chart .icon-dislike,.sidebar-item.author-reputation.short .pie-chart .icon-star{
    position:absolute;
    left:50%;
    margin-left:-8px
}
.sidebar-item.author-reputation.short .pie-chart .icon-like{
    top:14px;
    color:#00d7b3
}
.sidebar-item.author-reputation.short .pie-chart .icon-dislike{
    top:15px;
    color:#f92552
}
.sidebar-item.author-reputation.short .pie-chart .icon-star{
    top:13px;
    color:#ffc000
}
.sidebar-item.author-reputation.short .percent,.sidebar-item.author-reputation.short .percent-meta{
    float:left
}
.sidebar-item.author-reputation.short .percent{
    margin-right:8px;
    line-height:40px
}
.sidebar-item.author-reputation.short .percent-meta{
    margin-top:8px
}
.sidebar-item.author-reputation.short .percent-meta .rating{
    margin-left:1px
}
.sidebar-item h4{
    margin-bottom:22px
}
.sidebar-item .line-separator{
    margin-bottom:22px
}
.sidebar-item .line-separator.spaced{
    margin-bottom:30px
}
.sidebar-item .linked-check{
    padding-left:4px
}
.sidebar-item .linked-check[for="extended-license"]{
    margin-bottom:22px
}
.sidebar-item .license-text{
    color:#b2b2b2;
    font-size:0.8125em;
    line-height:20px;
    padding-left:34px;
    margin-bottom:14px;
    display:none
}
.sidebar-item .license-text[data-license="extended-license"]{
    margin-bottom:22px;
    margin-top:-10px
}
.sidebar-item label:last-child{
    margin-bottom:0
}
.sidebar-item .button{
    width:100%
}
.sidebar-item .button.spaced{
    margin-bottom:14px
}
.sidebar-item .button.half{
    width:114px
}
.sidebar-item .button.third{
    width:74px
}
.sidebar-item .button.wicon{
    padding-left:28px;
    text-align:left
}
.sidebar-item .button.wicon .icon-heart{
    font-size:18px;
    margin-right:8px;
    position:relative;
    top:3px
}
.sidebar-item #aux_form{
    margin-bottom:26px
}
.sidebar-item .price.large{
    margin-bottom:8px;
    text-align:center
}
.sidebar-item.range-feature .button{
    margin-top:50px
}
.view-selectors{
    overflow:hidden
}
.view-selector{
    float:left;
    width:30px;
    height:30px;
    margin-right:6px;
    border-radius:2px;
    background-color:#d1d1d1;
    cursor:pointer;
    background-position:center;
    background-repeat:no-repeat
}
.view-selector:last-child{
    margin-right:0
}
.view-selector.active{
    background-color:#a1a1a1
}
.view-selector.grid{
    background-image:url("../images/grid-selector-icon.png")
}
.view-selector.list{
    background-image:url("../images/list-selector-icon.png")
}
.pager{
    overflow:hidden
}
.pager .pager-item{
    float:left;
    width:30px;
    height:30px;
    margin-right:6px;
    border-radius:2px;
    background-color:#a1a1a1;
    cursor:pointer
}
.pager .pager-item:hover{
    background-color:#bcbcbc
}
.pager .pager-item p{
    color:#fff;
    font-size:0.75em;
    font-weight:700;
    line-height:30px;
    text-align:center
}
.pager .pager-item:last-child{
    margin-right:0
}
.pager.primary .pager-item.active{
    background-color:#00d7b3
}
.pager.secondary .pager-item.active{
    background-color:#1396e1
}
.pager.tertiary .pager-item.active{
    background-color:#e61852
}
@media screen and (max-width: 1260px){
    .section .content,.section .sidebar{
        float:none;
        width:100%
    }
    .section .content.left,.section .content.right,.section .sidebar.left,.section .sidebar.right{
        float:none
    }
    .section .sidebar{
        margin-bottom:40px
    }
    .section .sidebar .sidebar-item.author-items .column4-wrap .column{
        width:270px
    }
    .section .sidebar .sidebar-item.author-items .product-item{
        border:1px solid #ebebeb;
        margin-bottom:20px
    }
    .section .sidebar .sidebar-item.buttons{
        width:270px;
        margin-left:auto;
        margin-right:auto
    }
    .section .content .pager{
        float:none;
        margin:34px auto 60px
    }
    .dashboard-content .headline.purchases .search-form{
        width:250px
    }
    .dashboard-content .headline.statement{
        height:220px;
        text-align:center
    }
    .dashboard-content .headline.statement:before{
        height:220px
    }
    .dashboard-content .headline.statement h4{
        float:none;
        text-align:center
    }
    .dashboard-content .headline.statement form,.dashboard-content .headline.statement .button{
        float:none
    }
    .dashboard-content .headline.statement form{
        display:inline-block
    }
    .dashboard-content .headline.statement form label:last-child{
        margin-right:0
    }
    .dashboard-content .headline.statement .button{
        margin:17px auto 0
    }
    .dashboard-content .headline.statement .button:nth-child(2){
        margin-top:0
    }
}
@media screen and (max-width: 935px){
    .section .content .headline,.dashboard-content .headline{
        height:175px;
        padding:0
    }
    .section .content .headline:before,.dashboard-content .headline:before{
        height:175px
    }
    .section .content .headline.filter,.dashboard-content .headline.filter{
        height:130px
    }
    .section .content .headline.filter:before,.dashboard-content .headline.filter:before{
        height:130px
    }
    .section .content .headline.filter form,.dashboard-content .headline.filter form{
        width:200px;
        margin-top:0
    }
    .section .content .headline.purchases form,.dashboard-content .headline.purchases form{
        margin-top:0
    }
    .section .content .headline.purchases .select-block:nth-child(2),.dashboard-content .headline.purchases .select-block:nth-child(2){
        margin-right:0
    }
    .section .content .headline.purchases .search-form,.dashboard-content .headline.purchases .search-form{
        margin-left:60px
    }
    .section .content .headline.statement,.dashboard-content .headline.statement{
        height:260px
    }
    .section .content .headline.statement:before,.dashboard-content .headline.statement:before{
        height:260px
    }
    .section .content .headline.statement form .datepicker-wrap:first-child,.dashboard-content .headline.statement form .datepicker-wrap:first-child{
        margin-left:42px
    }
    .section .content .headline.statement form .select-block,.dashboard-content .headline.statement form .select-block{
        float:none;
        margin-top:12px
    }
    .section .content .headline h4,.dashboard-content .headline h4{
        float:none;
        text-align:center
    }
    .section .content .headline form,.dashboard-content .headline form{
        float:none;
        width:410px;
        margin:20px auto 0
    }
    .section .content .headline .select-block:last-child,.dashboard-content .headline .select-block:last-child{
        margin-right:0
    }
    .section .content .headline .view-selectors,.dashboard-content .headline .view-selectors{
        float:none;
        width:66px;
        margin:0 auto
    }
    .section .content .headline.simple,.dashboard-content .headline.simple{
        height:66px
    }
    .section .content .headline.simple:before,.dashboard-content .headline.simple:before{
        height:66px
    }
    .section .content .headline.buttons,.dashboard-content .headline.buttons{
        height:120px
    }
    .section .content .headline.buttons.two,.dashboard-content .headline.buttons.two{
        height:175px
    }
    .section .content .headline.buttons.two:before,.dashboard-content .headline.buttons.two:before{
        height:175px
    }
    .section .content .headline.buttons.two .button+.button,.dashboard-content .headline.buttons.two .button+.button{
        margin-top:14px
    }
    .section .content .headline.buttons:before,.dashboard-content .headline.buttons:before{
        height:120px
    }
    .section .content .headline.buttons .button,.dashboard-content .headline.buttons .button{
        float:none;
        margin:0 auto
    }
}
@media screen and (max-width: 630px){
    .section .content .headline,.dashboard-content .headline{
        height:220px
    }
    .section .content .headline:before,.dashboard-content .headline:before{
        height:220px
    }
    .section .content .headline form,.dashboard-content .headline form{
        width:200px
    }
    .section .content .headline .select-block,.dashboard-content .headline .select-block{
        float:none;
        margin-right:0
    }
    .section .content .headline.purchases .search-form,.dashboard-content .headline.purchases .search-form{
        width:198px;
        margin-left:0;
        margin-right:0
    }
    .section .content .headline.statement,.dashboard-content .headline.statement{
        height:340px
    }
    .section .content .headline.statement:before,.dashboard-content .headline.statement:before{
        height:340px
    }
    .section .content .headline.statement form,.dashboard-content .headline.statement form{
        width:220px
    }
    .section .content .headline.statement form label:nth-child(2),.dashboard-content .headline.statement form label:nth-child(2){
        float:none;
        clear:both;
        margin:12px 0;
        line-height:1em
    }
    .section .content .headline.statement form .datepicker-wrap,.dashboard-content .headline.statement form .datepicker-wrap{
        margin-left:36px
    }
    .section .content .headline.statement form .datepicker-wrap:first-child,.dashboard-content .headline.statement form .datepicker-wrap:first-child{
        margin:0 0 12px 36px
    }
}
.blog-post-preview{
    overflow:hidden
}
.blog-post-preview .blog-post-preview-item{
    border:1px solid #ebebeb;
    background-color:#fff;
    margin-bottom:26px
}
.blog-post-preview .blog-post-preview-item .blog-post-preview-item-info{
    overflow:hidden
}
.blog-post-preview .blog-post-preview-item .text-header{
    margin-bottom:12px
}
.blog-post-preview.v1 .blog-post-preview-item{
    padding:5px 5px 20px
}
.blog-post-preview.v1 .blog-post-preview-item .blog-post-preview-item-info{
    padding:16px 8px 0
}
.blog-post-preview.v1 .blog-post-preview-item .text-header{
    line-height:28px;
    margin:6px 0 24px
}
.blog-post-preview.v1 .blog-post-preview-item .meta-line{
    margin-bottom:14px
}
.blog-post-preview.v1 .blog-post-preview-item .meta-line p{
    line-height:27px
}
.blog-post-preview.v1 .blog-post-preview-item .description-preview{
    font-size:0.8125em;
    line-height:20px;
    margin:18px 0 24px
}
.blog-post-preview.v1 .blog-post-preview-item .metadata{
    float:left
}
.blog-post-preview.v1 .blog-post-preview-item .more-button{
    float:right;
    margin-top:5px
}
.blog-post-preview.v1 .blog-post-preview-item .more-button.primary{
    color:#06b99b;
    font-size:0.75em;
    font-weight:700
}
.blog-post-preview.v2 .blog-post-preview-item{
    padding:15px 15px 36px
}
.blog-post-preview.v2 .blog-post-preview-item .blog-post-preview-item-info{
    padding:20px 16px 0
}
.blog-post-preview.v2 .blog-post-preview-item .text-header{
    line-height:40px;
    margin-bottom:16px
}
.blog-post-preview.v2 .blog-post-preview-item .meta-line{
    margin-bottom:26px
}
.blog-post-preview.v2 .blog-post-preview-item .description-preview{
    margin-bottom:28px
}
.meta-line{
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.meta-line p{
    font-size:0.75em;
    line-height:39px
}
.meta-line .metadata{
    float:left;
    margin-left:24px
}
.meta-line>*:first-child{
    float:left
}
.meta-line>*:last-child{
    float:right
}
.tag-list{
    overflow:hidden
}
.tag-list .tag-list-item{
    display:block;
    float:left;
    margin:0 6px 6px 0;
    padding:6px 10px;
    border:1px solid #ebebeb;
    border-radius:4px;
    color:#888;
    font-size:0.75em;
    font-weight:600;
    background-color:#fff;
    transition:all .15s ease-in
}
.tag-list .tag-list-item:last-child{
    margin-right:0
}
.tag-list.primary .tag-list-item:hover{
    color:#fff;
    background-color:#00d7b3;
    border-color:#00d7b3
}
.metadata{
    overflow:hidden
}
.metadata .meta-item{
    float:left;
    margin-right:20px
}
.metadata .meta-item:last-child{
    margin-right:0
}
.metadata .meta-item span{
    color:#b2b2b2;
    position:relative;
    top:3px
}
.metadata .meta-item p{
    display:inline-block;
    margin-left:5px;
    color:#b2b2b2;
    font-size:0.6875em
}
.post{
    padding:15px 15px 25px;
    border:1px solid #ebebeb;
    background-color:#fff;
    margin-bottom:26px
}
 .post-item-list{
    overflow:hidden
}
 .post-item-list li{
    margin-bottom:16px;
    padding-left:26px;
    position:relative
}
 .post-item-list li .bullet-icon{
    color:#2f1c54;
    font-weight:700;
    position:absolute;
    left:2px
}
 .post-item-list li .bullet-icon.svg-check{
    top:2px;
    left:0
}
 .post-item-list li p{
    line-height:1em
}
 .post-item-list li:last-child{
    margin-bottom:0
}
 .post .post-image{
    width:838px;
    height:486px;
    border:1px solid #ebebeb;
    margin:0 auto;
    position:relative
}
.post .post-image:hover .image-overlay{
    opacity:1;
    visibility:visible
}
.post .post-image:hover .image-overlay .clickable-icon{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.post .post-image .slide-control-wrap{
    width:806px;
    position:absolute;
    top:226px;
    left:16px;
    z-index:9000
}
.post .post-image .button{
    position:absolute;
    top:28px;
    right:20px
}
.post .post-image-slides{
    width:806px;
    margin:30px auto;
    position:relative
}
.post .post-image-slides .slide-control-wrap{
    width:100%;
    top:26px;
    left:0
}
.post .post-image-slides .image-slides-wrap{
    width:610px;
    height:80px;
    margin:0 auto;
    overflow:hidden;
    position:relative
}
.post .post-image-slides .image-slides-wrap.full{
    width:822px
}
.post .post-image-slides .image-slides{
    position:absolute;
    top:0;
    left:0;
    transition:all .3s ease-in-out
}
.post .post-image-slides .image-slides .image-slide{
    width:80px;
    height:80px;
    border:1px solid #ebebeb;
    cursor:pointer;
    position:absolute;
    top:0
}
.post .post-image-slides .image-slides .image-slide .overlay{
    width:100%;
    height:100%;
    border:8px solid #2f1c54;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    transition:all .2s ease-in
}
.post .post-image-slides .image-slides .image-slide.selected .overlay{
    opacity:1;
    visibility:visible
}
.post .post-content{
    padding:50px 16px 66px;
    overflow:hidden
}
.post .post-content.with-title{
    padding-top:26px
}
.post .post-content>*:first-child{
    margin-top:0
}
.post .post-content .video{
    width:100%;
    height:346px;
    margin-top:32px
}
.post .post-content .post-banner{
    width:806px;
    height:127px;
    margin-top:50px
}
.post .post-content .meta-line{
    margin:20px 0 28px
}
.post .post-content .meta-line+.post-paragraph{
    margin-top:0
}
.post .post-paragraph{
    margin-top:48px
}
.post .post-paragraph.half{
    float:left;
    width:50%
}
.post .post-paragraph .post-title{
    font-size:1.75em;
    text-align:left;
    margin-bottom:28px
}
.post .post-paragraph .post-title.small{
    font-size:1.375em
}
.post .post-paragraph>p{
    margin-bottom:30px
}
.post .post-paragraph .post-item-list{
    overflow:hidden
}
.post .post-paragraph .post-item-list li{
    margin-bottom:16px;
    padding-left:26px;
    position:relative
}
.post .post-paragraph .post-item-list li .bullet-icon{
    color:#2f1c54;
    font-weight:700;
    position:absolute;
    left:2px
}
.post .post-paragraph .post-item-list li .bullet-icon.svg-check{
    top:2px;
    left:0
}
.post .post-paragraph .post-item-list li p{
    line-height:1em
}
.post .post-paragraph .post-item-list li:last-child{
    margin-bottom:0
}
.post .post-paragraph>*:last-child{
    margin-bottom:0
}
.post-tab{
    position:relative
}
.post-tab .tab-header{
    border:1px solid #ebebeb;
    background-color:#fff;
    overflow:hidden
}
.post-tab .tab-header.primary .tab-item.selected>p{
    border-top-color:#00d7b3
}
.post-tab .tab-header.secondary .tab-item.selected>p{
    border-top-color:#1396e1
}
.post-tab .tab-header.tertiary .tab-item.selected>p{
    border-top-color:#e61852
}
.post-tab .tab-header .tab-item{
    float:left;
    width:289px;
    height:60px;
    border-right:1px solid #ebebeb;
    cursor:pointer
}
.post-tab .tab-header .tab-item:last-child{
    border-right:none
}
.post-tab .tab-header .tab-item.selected>p{
    color:#2f1c54;
    border-top:6px solid #2f1c54;
    line-height:52px
}
.post-tab .tab-header .tab-item>p{
    color:#b2b2b2;
    line-height:60px;
    text-align:center
}
.post-tab .tab-content{
    width:100%;
    border:1px solid #ebebeb;
    border-top:none;
    background-color:#fff;
    display:none;
    overflow:hidden
}
.post-tab .tab-content.void{
    border:none;
    background-color:transparent
}
.post-tab .tab-content.open{
    display:block
}
.post-tab .tab-content .comment-list{
    border-top:none
}
.blog-author{
    background-color:#fff;
    border:1px solid #ebebeb;
    padding:45px 32px 50px 118px;
    margin-bottom:25px;
    position:relative
}
.blog-author .user-avatar{
    position:absolute;
    top:37px;
    left:32px
}
.blog-author .text-header{
    margin-bottom:4px
}
.blog-author .timestamp{
    margin-bottom:10px
}
.blog-author .share-links{
    position:absolute;
    top:35px;
    right:32px
}
.blog-comments{
    background-color:#fff;
    border:1px solid #ebebeb;
    padding:20px 24px 0
}
.blog-comments h4{
    font-size:1.375em;
    margin-bottom:16px
}
.blog-comments .line-separator{
    margin-bottom:5px
}
.blog-comments .comment-list{
    border:none;
    padding-left:0;
    padding-right:0
}
.blog-comments .comment-list .comment-wrap{
    padding-left:94px;
    padding-right:8px
}
.blog-comments .comment-list .comment-wrap.comment-reply{
    padding-left:94px;
    padding-right:8px
}
.blog-comments .comment-list .comment-wrap .user-avatar{
    left:8px
}
.blog-comments .comment-list .pager{
    margin-right:8px
}
.blog-comments .comment-list h3{
    margin-left:8px
}
.accordion{
    border:1px solid #ebebeb
}
.accordion.item-faq{
    width:806px;
    margin:36px auto 46px
}
.accordion.primary .accordion-item.selected .accordion-item-header,.accordion.primary .accordion-item:hover .accordion-item-header{
    border-left-color:#00d7b3
}
.accordion.secondary .accordion-item.selected .accordion-item-header,.accordion.secondary .accordion-item:hover .accordion-item-header{
    border-left-color:#1396e1
}
.accordion.tertiary .accordion-item.selected .accordion-item-header,.accordion.tertiary .accordion-item:hover .accordion-item-header{
    border-left-color:#e61852
}
.accordion .accordion-item{
    border-bottom:1px solid #ebebeb;
    position:relative
}
.accordion .accordion-item:last-child{
    border-bottom:none
}
.accordion .accordion-item.selected .accordion-item-header,.accordion .accordion-item:hover .accordion-item-header{
    border-left-width:6px
}
.accordion .accordion-item.selected .svg-arrow{
    fill:#a1a1a1;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.accordion .accordion-item .svg-arrow{
    width:7px;
    height:12px;
    fill:#b2b2b2;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    position:absolute;
    top:20px;
    right:22px;
    transition:all .3s ease-in
}
.accordion .accordion-item .accordion-item-header{
    padding-left:16px;
    line-height:50px;
    text-transform:none;
    cursor:pointer;
    border-left:0 solid transparent;
    transition:all .15s ease-in
}
.accordion .accordion-item .accordion-item-content{
    padding:34px 24px 54px 22px;
    border-top:1px solid #ebebeb;
    display:none
}
.accordion .accordion-item .accordion-item-content h4{
    font-size:1.125em;
    margin-bottom:26px
}
.accordion .accordion-item .accordion-item-content p{
    margin-bottom:46px
}
.accordion .accordion-item .accordion-item-content>*:last-child{
    margin-bottom:0
}
.comment-list{
    border:1px solid #ebebeb;
    padding:0 16px 36px;
    background-color:#fff;
    overflow:hidden
}
.comment-list .comment-wrap{
    padding:36px 16px 0 104px;
    position:relative
}
.comment-list .comment-wrap .comment-wrap{
    padding:0 0 0 88px
}
.comment-list .comment-wrap .comment-wrap.comment-reply{
    padding:0 0 0 88px;
    margin-top:28px
}
.comment-list .comment-wrap .comment-wrap .user-avatar{
    top:0;
    left:0
}
.comment-list .comment-wrap.comment-reply{
    padding:0 16px 0 104px;
    margin-bottom:15px
}
.comment-list .comment-wrap.comment-reply .user-avatar{
    top:10px
}
.comment-list .comment-wrap.comment-reply:last-child{
    margin-bottom:0
}
.comment-list .comment-wrap .user-avatar{
    position:absolute;
    top:36px;
    left:16px
}
.comment-list .comment-wrap .comment{
    margin-bottom:28px;
    position:relative
}
.comment-list .comment-wrap .comment .text-header{
    display:inline-block;
    margin:6px 4px 4px 0
}
.comment-list .comment-wrap .comment .pin{
    position:relative;
    top:-1px
}
.comment-list .comment-wrap .comment .quote{
    border-left:6px solid transparent;
    padding:24px 36px 26px 22px;
    margin:20px 0
}
.comment-list .comment-wrap .comment .quote .text-header{
    margin-bottom:16px
}
.comment-list .comment-wrap .comment .quote.primary{
    border-left-color:#00d7b3
}
.comment-list .comment-wrap .comment .quote.secondary{
    border-left-color:#1cbdf9
}
.comment-list .comment-wrap .comment .quote.tertiary{
    border-left-color:#e61852
}
.comment-list .comment-wrap .comment .timestamp{
    margin-bottom:14px
}
.comment-list .comment-wrap .comment .reply{
    color:#06b99b;
    font-size:0.75em;
    font-weight:700;
    position:absolute;
    top:6px;
    right:52px
}
.comment-list .comment-wrap .comment .report{
    color:#b2b2b2;
    font-size:0.75em;
    position:absolute;
    top:6px;
    right:0
}
.comment-list .comment-wrap .comment.review .recommendation{
    position:absolute;
    top:-8px;
    right:0
}
.comment-list .comment-wrap .comment.review .report{
    right:52px
}
.comment-list .comment-reply-form{
    overflow:hidden
}
.comment-list .comment-reply-form textarea{
    margin-bottom:14px
}
.comment-list .comment-reply-form label{
    float:left;
    color:#b2b2b2
}
.comment-list .comment-reply-form .button{
    float:right
}
.comment-list .line-separator{
    margin-top:34px
}
.comment-list h3{
    margin:36px 0 36px 16px;
    font-size:1.375em;
    text-align:left
}
.comment-list .pager{
    margin-right:16px
}
.share-links-wrap{
    margin-top:25px;
    padding:0 16px;
    overflow:hidden
}
.share-links-wrap .text-header{
    float:left;
    margin-right:16px;
    line-height:30px
}
.share-links{
    overflow:hidden
}
.share-links.hoverable li a{
    transition:all .15s ease-in
}
.share-links.hoverable li a.fb,.share-links.hoverable li a.twt,.share-links.hoverable li a.db,.share-links.hoverable li a.rss,.share-links.hoverable li a.gplus,.share-links.hoverable li a.de,.share-links.hoverable li a.be{
    background-color:#d1d1d1
}
.share-links.hoverable li a:hover.fb{
    background-color:#355599
}
.share-links.hoverable li a:hover.twt{
    background-color:#0fccf4
}
.share-links.hoverable li a:hover.db{
    background-color:#f63f6e
}
.share-links.hoverable li a:hover.rss{
    background-color:#ffa312
}
.share-links.hoverable li a:hover.gplus{
    background-color:#e0133a
}
.share-links.hoverable li a:hover.be{
    background-color:#0d79ab
}
.share-links.hoverable li a:hover.de{
    background-color:#05cc47
}
.share-links li{
    float:left;
    margin-right:12px
}
.share-links li a{
    display:block;
    width:30px;
    height:30px;
    border-radius:50%
}
.share-links li a.fb,.share-links li a.twt,.share-links li a.db,.share-links li a.rss,.share-links li a.gplus,.share-links li a.de,.share-links li a.be{
    background-repeat:no-repeat;
    background-position:center
}
.share-links li a:hover.fb{
    background-color:#4868ae
}
.share-links li a:hover.twt{
    background-color:#2fd5f9
}
.share-links li a:hover.db{
    background-color:#fe5e87
}
.share-links li a:hover.rss{
    background-color:#ffb72d
}
.share-links li a:hover.gplus{
    background-color:#f42a50
}
.share-links li a:hover.be{
    background-color:#1b8ec3
}
.share-links li a:hover.de{
    background-color:#15e159
}
.share-links li a.fb{
    background-image:url("../images/social/fb.png");
    background-color:#355599
}
.share-links li a.twt{
    background-image:url("../images/social/twt.png");
    background-color:#0fccf4
}
.share-links li a.db{
    background-image:url("../images/social/db.png");
    background-color:#f63f6e
}
.share-links li a.rss{
    background-image:url("../images/social/rss.png");
    background-position:50% 45%;
    background-color:#ffa312
}
.share-links li a.gplus{
    background-image:url("../images/social/gplus.png");
    background-color:#e0133a
}
.share-links li a.be{
    background-image:url("../images/social/be.png");
    background-color:#0d79ab
}
.share-links li a.de{
    background-image:url("../images/social/de.png");
    background-color:#05cc47
}
.share-links li:last-child{
    margin-right:0
}
.tags a:hover{
    text-decoration:underline
}
.tags.primary a{
    color:#06b99b
}
.tags.secondary a{
    color:#1396e1
}
.tags.tertiary a{
    color:#e61852
}
@media screen and (max-width: 1260px){
    .post-tab .tab-header .tab-item{
        width:33%
    }
    .post-tab .tab-header .tab-item:nth-child(2){
        width:34%
    }
    .post.blog-post .post-image{
        width:100%;
        height:auto;
        margin-bottom:0
    }
    .post.blog-post .post-image .product-preview-image{
        width:100%;
        height:auto
    }
    .blog-post-preview.v2 .blog-post-preview-item .product-preview-image{
        width:100%;
        height:auto
    }
    .blog-comments{
        margin-bottom:26px
    }
}
@media screen and (max-width: 935px){
    .post .post-image{
        width:360px;
        height:210px
    }
    .post .post-image .product-preview-image{
        width:358px;
        height:208px
    }
    .post .post-image .slide-control-wrap{
        width:328px;
        top:254px;
        left:15px
    }
    .post .post-image .button{
        width:120px;
        height:30px;
        line-height:30px;
        font-size:0.75em
    }
    .post .post-image-slides{
        width:328px
    }
    .post .post-image-slides .image-slides-wrap,.post .post-image-slides .image-slides-wrap.full{
        width:186px;
        margin:0 auto
    }
    .post .post-content .post-banner{
        width:100%
    }
    .post-tab .accordion.item-faq{
        width:95%
    }
}
@media screen and (max-width: 630px){
    .post .post-paragraph.half{
        float:none;
        width:100%
    }
    .post-tab .tab-header .tab-item{
        float:none;
        width:100%;
        border-right:none;
        border-bottom:1px solid #ebebeb
    }
    .post-tab .tab-header .tab-item:nth-child(2){
        width:100%
    }
    .post-tab .tab-header .tab-item:last-child{
        border-bottom:none
    }
    .comment-list .comment-wrap{
        padding-left:60px
    }
    .comment-list .comment-wrap .comment.review .timestamp{
        margin-bottom:0
    }
    .comment-list .comment-wrap .comment.review .recommendation{
        display:block;
        position:relative;
        top:0;
        margin:6px 0
    }
    .comment-list .comment-wrap .comment.review .report{
        position:static;
        margin-top:4px
    }
    .comment-list .comment-wrap.comment-reply{
        padding-left:60px
    }
    .comment-list .comment-wrap .user-avatar{
        width:40px;
        height:40px;
        left:6px
    }
    .comment-list .comment-wrap .comment-wrap{
        padding-left:56px
    }
    .comment-list .comment-wrap .comment-wrap.comment-reply{
        padding-left:56px
    }
    .blog-comments .comment-list .comment-wrap{
        padding-left:64px
    }
    .blog-comments .comment-list .comment-wrap.comment-reply{
        padding-left:64px
    }
}
@media screen and (max-width: 460px){
    .post .post-image{
        width:260px;
        height:152px;
        margin-bottom:90px
    }
    .post .post-image .product-preview-image{
        width:258px;
        height:150px
    }
    .post .post-image .slide-control-wrap{
        width:242px;
        top:168px;
        left:8px
    }
    .post .post-image .button{
        top:176px;
        left:50%;
        margin-left:-60px
    }
    .post .post-image-slides{
        width:100px
    }
    .post .post-image-slides .slide-control-wrap{
        top:-70px
    }
    .post .image-slides-wrap{
        display:none
    }
    .post .post-content .meta-line>*:last-child{
        clear:left;
        float:left
    }
    .post .post-content .video{
        height:200px
    }
    .share-links-wrap .text-header{
        float:none
    }
    .comment-list .comment-wrap .comment .timestamp{
        margin-bottom:0
    }
    .comment-list .comment-wrap .comment .report,.comment-list .comment-wrap .comment .reply{
        position:static;
        display:inline-block;
        margin-bottom:4px
    }
    .blog-post-preview .blog-post-preview-item .product-preview-image{
        width:100%;
        height:auto
    }
    .blog-post-preview.v2 .blog-post-preview-item .meta-line>*:last-child{
        clear:left;
        float:left
    }
    .blog-author{
        padding:145px 26px 32px
    }
    .blog-author .user-avatar{
        position:absolute;
        top:28px;
        left:50%;
        margin-left:-35px
    }
    .blog-author p{
        text-align:center
    }
    .blog-author .share-links{
        top:105px;
        right:auto;
        left:50%;
        margin-left:-36px
    }
}
.author-profile-banner{
    background:url("../images/profile_banner.jpg") no-repeat center;
    background-size:cover;
    min-height:300px
}
.author-profile-meta-wrap{
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    background-color:#fff
}
.author-profile-meta{
    min-height:100px;
    padding-top:15px
}
.author-profile-info{
    overflow:hidden;
    padding-left:300px
}
.author-profile-info .author-profile-info-item{
    float:left;
    height:70px;
    border-right:1px solid #ebebeb;
    padding:16px 70px 0 32px
}
.author-profile-info .author-profile-info-item:last-child{
    border-right:none;
    padding-right:0
}
.author-profile-info .author-profile-info-item p{
    font-size:0.8125em;
    line-height:20px
}
.author-profile-info .author-profile-info-item p a:hover{
    text-decoration:underline
}
.author-profile-info .author-profile-info-item p .primary{
    color:#06b99b
}
.author-profile-info .author-profile-info-item p .secondary{
    color:#1cbdf9
}
.author-profile-info .author-profile-info-item p .tertiary{
    color:#e61852
}
.follow-list{
    width:870px;
    margin:0 auto
}
.follow-list .follow-list-item{
    height:94px;
    padding:11px 17px 11px 92px;
    border:1px solid #ebebeb;
    margin-bottom:14px;
    background-color:#fff;
    position:relative
}
.follow-list .follow-list-item:last-child{
    margin-bottom:0
}
.follow-list .follow-list-item .user-avatar{
    position:absolute;
    top:11px;
    left:11px
}
.follow-list .follow-list-item .fl-item-info{
    float:left;
    height:70px;
    border-right:1px solid #ebebeb;
    padding:0 16px
}
.follow-list .follow-list-item .fl-item-info:last-child{
    border-right:none;
    padding-right:0
}
.follow-list .follow-list-item .fl-item-info.fl-description{
    width:203px;
    padding:6px 10px 0 0
}
.follow-list .follow-list-item .fl-item-info.fl-description .text-header{
    font-size:1em;
    margin-bottom:5px
}
.follow-list .follow-list-item .fl-item-info.fl-description p{
    font-size:0.75em;
    line-height:18px
}
.follow-list .follow-list-item .fl-item-info.fl-reputation{
    width:108px;
    padding-top:15px
}
.follow-list .follow-list-item .fl-item-info.fl-reputation .text-header{
    font-size:0.75em;
    text-align:center
}
.follow-list .follow-list-item .fl-item-info.fl-reputation .rating{
    width:75px;
    margin:14px auto 0
}
.follow-list .follow-list-item .fl-item-info.fl-product-items{
    overflow:hidden
}
.follow-list .follow-list-item .fl-item-info.fl-product-items .product-preview-image{
    float:left;
    margin-right:14px
}
.follow-list .follow-list-item .fl-item-info.fl-product-items a:last-child .product-preview-image{
    margin-right:0
}
.follow-list .follow-list-item .fl-item-info.fl-button{
    padding-top:20px
}
@media screen and (max-width: 1260px){
    .author-profile-info{
        padding-left:0;
        padding-top:15px;
        width:270px;
        margin:0 auto
    }
    .author-profile-info .author-profile-info-item{
        float:none;
        border-right:none;
        padding:0;
        padding-left:32px
    }
    .author-profile-info .author-profile-info-item p{
        font-size:0.8125em;
        line-height:20px
    }
    .author-profile-info .author-profile-info-item p a:hover{
        text-decoration:underline
    }
    .author-profile-info .author-profile-info-item p .primary{
        color:#06b99b
    }
    .author-profile-info .author-profile-info-item p .secondary{
        color:#1cbdf9
    }
    .author-profile-info .author-profile-info-item p .tertiary{
        color:#e61852
    }
    .section .sidebar.author-profile{
        position:static
    }
}
@media screen and (max-width: 935px){
    .follow-list{
        width:598px
    }
    .follow-list .follow-list-item .fl-item-info.fl-product-items{
        display:none
    }
}
@media screen and (max-width: 630px){
    .follow-list{
        width:270px
    }
    .follow-list .follow-list-item{
        height:auto;
        padding:90px 11px 20px
    }
    .follow-list .follow-list-item .user-avatar{
        left:50%;
        margin-left:-35px
    }
    .follow-list .follow-list-item .fl-item-info{
        float:none;
        height:auto;
        border-right:none;
        padding:0
    }
    .follow-list .follow-list-item .fl-item-info.fl-description{
        padding:0;
        margin:0 auto 14px
    }
    .follow-list .follow-list-item .fl-item-info.fl-description p{
        text-align:center
    }
    .follow-list .follow-list-item .fl-item-info.fl-reputation{
        display:none
    }
    .follow-list .follow-list-item .fl-item-info.fl-button{
        padding:0
    }
    .follow-list .follow-list-item .fl-item-info.fl-button .button{
        margin:0 auto
    }
}
.section.demo{
    overflow:visible
}
.section.demo .form-popup{
    margin-bottom:60px
}
.section.demo .form-popup:nth-child(odd){
    float:left;
    clear:both
}
.section.demo .form-popup:nth-child(even){
    float:right
}
.form-popup{
    width:430px;
    margin:0 auto;
    border:1px solid #ebebeb;
    background-color:#fff;
    position:relative
}
.form-popup.new-message{
    width:570px
}
.form-popup.promo{
    width:770px;
    height:420px;
    border:none
}
.form-popup.promo .promo-bg{
    float:left;
    width:370px;
    height:100%;
    background:url("../images/dashboard/promo-ad.jpg") no-repeat center
}
.form-popup.promo .form-popup-content{
    float:right;
    width:400px;
    height:100%;
    padding:56px 32px 38px
}
.form-popup.promo .form-popup-content .popup-title{
    margin-bottom:30px
}
.form-popup.promo .form-popup-content .info{
    font-size:0.875em;
    line-height:24px;
    margin-bottom:24px
}
.form-popup.promo .form-popup-content .form-popup-content-links{
    margin-top:40px;
    overflow:hidden
}
.form-popup.promo .form-popup-content .form-popup-content-links>.button{
    float:left;
    width:232px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social{
    float:right;
    width:94px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button{
    float:left;
    width:42px
}
.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button:last-child{
    float:right
}
.form-popup .close-btn{
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#101314;
    cursor:pointer;
    position:absolute;
    top:-19px;
    right:-19px
}
.form-popup .close-btn:hover{
    background-color:#00d7b3
}
.form-popup .close-btn .svg-plus{
    fill:#fff;
    width:10px;
    height:10px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    top:14px;
    left:14px;
    pointer-events:none
}
.form-popup .close-btn.mfp-close{
    opacity:1
}
.form-popup .form-popup-headline{
    padding:36px 22px 30px
}
.form-popup .form-popup-headline p{
    margin-top:10px;
    color:#fff;
    line-height:20px
}
.form-popup .form-popup-headline.primary{
    background:url("../images/section_headline_bg.png") no-repeat center #00d7b3;
    background-size:cover
}
.form-popup .form-popup-headline.secondary{
    background:url("../images/section_headline_bg.png") no-repeat center #1cbdf9;
    background-size:cover
}
.form-popup .form-popup-content{
    padding:22px 22px 26px;
    overflow:hidden
}
.form-popup .popup-title{
    font-size:1.375em;
    margin-bottom:15px
}
.form-popup .line-separator{
    margin-bottom:22px
}
.form-popup .line-separator.double{
    margin-top:22px
}
.form-popup .line-separator.short{
    margin-bottom:16px
}
.form-popup input[type="text"],.form-popup input[type="email"],.form-popup input[type="password"]{
    margin-bottom:24px
}
.form-popup .label-check{
    display:inline-block;
    margin-bottom:22px
}
.form-popup p{
    font-size:0.8125em;
    line-height:1em
}
.form-popup p.highlighted{
    line-height:20px
}
.form-popup p.highlighted span{
    color:#2f1c54;
    font-weight:700
}
.form-popup p.spaced{
    line-height:20px;
    margin-bottom:16px
}
.form-popup p a{
    font-weight:700
}
.form-popup p a:hover{
    text-decoration:underline
}
.form-popup button{
    margin-top:32px
}
.form-popup button.no-space{
    margin:0
}
.form-popup .button{
    width:100%
}
.form-popup .button.half{
    width:185px;
    float:left
}
.form-popup .button.half+.button.half{
    float:right
}
.form-popup .input-container{
    margin-bottom:22px;
    position:relative
}
.form-popup .input-container.field-add{
    padding-right:36px
}
.form-popup .input-container textarea{
    height:200px
}
.form-popup .input-container .select-block{
    margin-bottom:0
}
.form-popup .add-field{
    width:30px;
    height:30px;
    position:absolute;
    bottom:5px;
    right:0;
    cursor:pointer
}
.form-popup .add-field .svg-plus{
    width:11px;
    height:11px;
    fill:#fff;
    position:relative;
    top:2px
}
@media screen and (max-width: 1260px){
    .section.demo .form-popup{
        margin:0 auto 60px
    }
    .section.demo .form-popup:nth-child(odd){
        float:none
    }
    .section.demo .form-popup:nth-child(even){
        float:none
    }
}
@media screen and (max-width: 935px){
    .form-popup.promo{
        width:400px
    }
    .form-popup.promo .promo-bg{
        display:none
    }
}
@media screen and (max-width: 630px){
    .form-popup{
        width:90%
    }
    .form-popup.promo{
        width:90%;
        height:auto
    }
    .form-popup.promo .form-popup-content{
        width:100%;
        height:auto;
        background-color:#fff
    }
    .form-popup.promo .form-popup-content .form-popup-content-links{
        text-align:center
    }
    .form-popup.promo .form-popup-content .form-popup-content-links>.button{
        float:none;
        width:100%
    }
    .form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social{
        float:none;
        display:inline-block;
        margin-top:20px
    }
    .form-popup .button.half{
        width:100%;
        float:none
    }
    .form-popup .button.half+.button.half{
        margin-top:22px
    }
}
.badges-showcase{
    margin:0 auto
}
.badges-showcase.short{
    width:702px
}
.badges-showcase .badges-showcase-item{
    padding-top:192px;
    position:relative;
    margin-bottom:70px
}
.badges-showcase .badges-showcase-item .badge{
    position:absolute;
    z-index:1;
    transition:all .3s ease-in-out
}
.badges-showcase .badges-showcase-item .badge.big{
    top:0;
    left:50%;
    margin-left:-80px
}
.badges-showcase .badges-showcase-item .badge.big.pinned{
    top:-10px
}
.badges-showcase .badges-showcase-item .badge.small{
    top:136px;
    right:29px
}
.badges-showcase .badges-showcase-item .badge.locked{
    opacity:0;
    z-index:0
}
.badges-showcase .badges-showcase-item .badge.active{
    opacity:1;
    z-index:2
}
.badges-showcase .badges-showcase-item .badge.active+.badge{
    opacity:0
}
.badges-showcase .badges-showcase-item .badge.active:hover{
    opacity:0
}
.badges-showcase .badges-showcase-item .badge.active:hover+.badge{
    opacity:1
}
.badges-showcase .badges-showcase-item .text-header,.badges-showcase .badges-showcase-item .badge-description{
    text-align:center
}
.badges-showcase .badges-showcase-item .text-header{
    font-size:1.125em;
    margin-bottom:16px
}
.badges-showcase .badges-showcase-item .badge-description{
    font-size:0.75em;
    line-height:18px
}
.badges-showcase .badges-showcase-item .badge-progress-title{
    font-size:0.8125em;
    margin:34px 0 6px
}
.badges-showcase .badges-showcase-item .badge-progress{
    margin:0 auto
}
.badge.big{
    width:160px;
    height:167px
}
.badge.small{
    width:36px;
    height:37px
}
.badge-boxes{
    overflow:hidden
}
.badge-boxes .sidebar-item{
    margin-bottom:26px
}
.badge-list{
    width:228px;
    margin:0 auto
}
.badge-list .badge-list-item{
    float:left;
    margin:0 12px 18px 0
}
.badge-list .badge-list-item .badge.pinned{
    position:relative;
    top:-5px
}
.badge-list .badge-list-item:nth-child(5n+5){
    margin-right:0
}
.badge-list.short{
    width:180px;
    margin-left:auto;
    margin-right:auto
}
.badge-list.short .badge-list-item:nth-child(5n+5){
    margin-right:12px
}
.badge-list.short .badge-list-item:nth-child(4n+4){
    margin-right:0
}
@media screen and (max-width: 935px){
    .badges-showcase.short{
        width:468px
    }
}
@media screen and (max-width: 630px){
    .badges-showcase.short{
        width:234px
    }
}
.cart{
    width:870px;
    background-color:#fff;
    border:1px solid #ebebeb;
    margin:0 auto
}
.cart .cart-header{
    height:52px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.cart .cart-header p{
    line-height:52px
}
.cart .cart-header>*{
    float:left;
    text-align:center
}
.cart .cart-header .cart-header-product{
    text-align:left
}
.cart .cart-header-product,.cart .cart-item-product{
    width:416px;
    padding-left:23px
}
.cart .cart-header-category,.cart .cart-item-category{
    width:142px
}
.cart .cart-header-price,.cart .cart-item-price{
    width:174px
}
.cart .cart-header-actions,.cart .cart-item-actions{
    width:136px
}
.cart .cart-item{
    padding:24px 0;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.cart .cart-item>*{
    float:left;
    text-align:center
}
.cart .cart-item .cart-item-product{
    text-align:left
}
.cart .cart-item .cart-item-product .item-preview{
    padding-left:82px;
    padding-top:4px;
    min-height:70px
}
.cart .cart-item .cart-item-product .item-preview .description{
    width:155px
}
.cart .cart-item .cart-item-category{
    padding-top:26px
}
.cart .cart-item .cart-item-price{
    padding-top:23px
}
.cart .cart-item .cart-item-actions{
    padding-top:16px
}
.cart .cart-item .cart-item-actions .button.rmv{
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative
}
.cart .cart-item .cart-item-actions .button.rmv .svg-plus{
    fill:#fff;
    width:12px;
    height:12px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    top:9px;
    left:50%;
    margin-left:-6px
}
.cart .cart-actions{
    padding:26px 53px 26px 0;
    overflow:hidden
}
.cart .cart-actions .button{
    float:right;
    width:200px
}
.cart .cart-actions .button.spaced{
    margin-right:14px
}
.cart-total{
    height:70px;
    padding:0 53px 0 556px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.cart-total.small{
    height:50px;
    padding:0 0 0 346px
}
.cart-total.small p{
    line-height:50px
}
.cart-total.small .subtotal,.cart-total.small .total{
    font-size:0.875em
}
.cart-total p{
    line-height:70px
}
.cart-total .subtotal,.cart-total .total{
    float:left
}
.cart-total .price{
    float:right
}
.cart-total .subtotal{
    font-size:0.8125em
}
.cart-overview-item{
    height:35px;
    overflow:hidden;
    position:relative
}
.cart-overview-item.bordered{
    border-bottom:1px solid #ebebeb
}
.cart-overview-item .text-header{
    float:left
}
.cart-overview-item .price,.cart-overview-item .category{
    float:right
}
.cart-overview-item .price{
    position:relative;
    top:-3px
}
.cart-overview-item .category{
    position:absolute;
    left:346px
}
.form-box-items{
    overflow:hidden
}
.form-box-items.right{
    float:right
}
.form-box-items.left{
    float:left
}
.form-box-items.wrap-3-1{
    width:74.3%
}
.form-box-items.wrap-1-3{
    width:23%
}
.form-box-items .form-box-items.wrap-3-1{
    width:65.5%
}
.form-box-items .form-box-items.wrap-1-3{
    width:31%
}
.form-box-items .form-box-item{
    width:570px
}
.form-box-items .form-box-item:nth-child(odd){
    float:left;
    clear:both
}
.form-box-items .form-box-item:nth-child(even){
    float:right
}
.form-box-item{
    padding:22px 24px 26px;
    background-color:#fff;
    border:1px solid #ebebeb;
    position:relative;
    margin-bottom:26px
}
.form-box-item.padded{
    padding-bottom:71px
}
.form-box-item.not-padded{
    padding-bottom:0
}
.form-box-item.not-spaced .line-separator{
    margin-bottom:0
}
.form-box-item.spaced{
    padding-bottom:62px
}
.form-box-item.spaced .line-separator,.form-box-item.spaced .input-container{
    margin-bottom:40px
}
.form-box-item.spaced .input-container{
    padding-left:42px;
    position:relative
}
.form-box-item.spaced .input-container .share-links{
    position:absolute;
    top:6px;
    left:0
}
.form-box-item.has-chart-legend{
    text-align:center
}
.form-box-item.has-chart-legend h4{
    text-align:left
}
.form-box-item.has-chart-legend .chart-legend{
    margin-top:28px
}
.form-box-item.graph-bg{
    background:url("../images/dashboard/graph-bg.png") no-repeat center bottom #fff;
    padding-bottom:54px
}
.form-box-item h4{
    margin-bottom:22px
}
.form-box-item .line-separator{
    margin-bottom:22px
}
.form-box-item .line-separator.top{
    margin-top:22px
}
.form-box-item .button{
    width:100%
}
.form-box-item .input-container{
    clear:both;
    margin-bottom:22px
}
.form-box-item .input-container:last-child{
    margin-bottom:0
}
.form-box-item .input-container.top-right{
    position:absolute;
    top:20px;
    right:24px
}
.form-box-item .input-container.half{
    float:left;
    width:48.85%;
    clear:none
}
.form-box-item .input-container.half+.half{
    float:right
}
.form-box-item .input-container textarea{
    height:120px
}
.form-box-item .cart-total:last-child{
    border-bottom:none
}
.form-box-item .pm-text{
    padding-left:29px;
    color:#b2b2b2;
    font-size:0.8125em;
    position:relative;
    top:-8px;
    display:none
}
@media screen and (max-width: 1260px){
    .form-box-items.right,.form-box-items.left{
        width:100%;
        float:none
    }
    .form-box-items>.form-box-items.right,.form-box-items>.form-box-items.left{
        width:100%;
        float:none
    }
    .form-box-items .form-box-item{
        float:none;
        width:100%
    }
}
@media screen and (max-width: 935px){
    .cart{
        width:554px
    }
    .cart .cart-header-category,.cart .cart-header-price,.cart .cart-item-category,.cart .cart-item-price{
        display:none
    }
    .cart .cart-total{
        padding-left:200px
    }
}
@media screen and (max-width: 630px){
    .cart{
        width:270px
    }
    .cart .cart-header-actions{
        display:none
    }
    .cart .cart-header-product{
        width:100%;
        padding-left:0
    }
    .cart .cart-header-product p{
        text-align:center
    }
    .cart .cart-item>*{
        float:none;
        margin:0 auto
    }
    .cart .cart-item .cart-item-product{
        width:100%;
        padding-left:0
    }
    .cart .cart-item .cart-item-product .item-preview{
        padding-top:86px;
        padding-left:0
    }
    .cart .cart-item .cart-item-product .item-preview .product-preview-image{
        top:0;
        left:50%;
        margin-left:-35px
    }
    .cart .cart-item .cart-item-product .item-preview p{
        text-align:center
    }
    .cart .cart-item .cart-item-product .item-preview .description{
        margin:0 auto
    }
    .cart .cart-total{
        padding-right:30px;
        padding-left:30px
    }
    .cart .cart-actions{
        padding-right:0
    }
    .cart .cart-actions .button{
        float:none;
        margin:14px auto 0
    }
    .cart .cart-actions .button.spaced{
        margin:14px auto 0
    }
    .form-box-item .input-container.half{
        float:none;
        width:100%
    }
    .form-box-item .cart-total.small{
        padding-left:0
    }
    .cart-overview-item .category{
        display:none
    }
}
@media screen and (max-width: 460px){
    .form-box-item .input-container.top-right{
        position:static
    }
    .cart-overview-item{
        height:auto;
        margin-bottom:22px
    }
    .cart-overview-item.bordered{
        padding-bottom:12px;
        margin-bottom:0
    }
    .cart-overview-item .text-header{
        width:180px;
        line-height:1.3em
    }
    .cart-overview-item .price{
        top:0
    }
}
.forum{
    width:870px;
    border:1px solid #ebebeb;
    background-color:#fff;
    margin:0 auto 26px;
    padding-bottom:6px
}
.forum>*:last-child{
    border-bottom:none
}
.forum>*:last-child>*:last-child{
    border-bottom:none
}
.forum-header{
    overflow:hidden;
    border-bottom:1px solid #ebebeb
}
.forum-title,.forum-replies,.forum-lastpost{
    float:left;
    height:50px
}
.forum-title .text-header,.forum-replies .text-header,.forum-lastpost .text-header{
    line-height:50px
}
.forum-title{
    width:470px;
    padding-left:24px
}
.forum-replies{
    width:100px;
    text-align:center
}
.forum-lastpost{
    width:298px;
    padding-left:150px
}
.forum-subsection{
    padding:16px 24px;
    border-bottom:1px solid #ebebeb
}
.forum-subsection .text-header{
    margin-bottom:8px
}
.forum-subsection .description{
    font-size:0.8125em;
    line-height:18px
}
.thread-list .thread-list-item{
    height:50px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden;
    position:relative
}
.thread-list .thread-list-item.pinned .pin{
    top:17px;
    left:24px;
    pointer-events:none
}
.thread-list .thread-list-item.pinned .user-avatar{
    left:78px
}
.thread-list .thread-list-item.pinned .forum-title{
    padding-left:78px
}
.thread-list .thread-list-item .user-avatar{
    position:absolute;
    top:12px;
    left:23px
}
.thread-list .thread-list-item .forum-lastpost{
    padding-left:0
}
.thread-list .thread-list-item .title,.thread-list .thread-list-item .replies,.thread-list .thread-list-item .lastpost{
    font-size:0.8125em;
    line-height:50px
}
.thread-list .thread-list-item .title{
    padding-left:35px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.thread-list .thread-list-item .replies{
    color:#b2b2b2
}
.thread-list .thread-list-item .lastpost{
    float:right;
    padding-right:24px
}
.thread-list .thread-list-item .lastpost span{
    color:#2f1c54;
    font-weight:700
}
.topic-preview .topic-preview-item{
    padding-bottom:14px;
    margin-bottom:16px;
    border-bottom:1px solid #ebebeb
}
.topic-preview .topic-preview-item:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
}
.topic-preview .topic-preview-item .category,.topic-preview .topic-preview-item .lastpost{
    font-size:0.6875em
}
.topic-preview .topic-preview-item .lastpost{
    margin-top:4px
}
.topic-preview .topic-preview-item .lastpost span{
    color:#2f1c54;
    font-weight:700
}
.thread{
    border:1px solid #ebebeb;
    background-color:#fff
}
.thread .thread-title{
    min-height:64px;
    padding:19px 32px;
    border-bottom:1px solid #ebebeb
}
.thread .thread-title.pinned{
    padding-left:78px;
    position:relative
}
.thread .thread-title.pinned .pin{
    top:26px;
    left:24px
}
.thread .thread-title .text-header{
    font-size:1.375em;
    line-height:1.3em
}
.thread .comment-list{
    padding-left:0;
    padding-right:0;
    border:none
}
.thread .comment-list .comment-wrap{
    padding-left:118px;
    padding-right:32px
}
.thread .comment-list .comment-wrap .user-avatar{
    left:32px
}
.thread .comment-list h3{
    margin-left:32px
}
@media screen and (max-width: 935px){
    .forum{
        width:572px
    }
    .forum-lastpost{
        display:none
    }
}
@media screen and (max-width: 630px){
    .forum,.forum-title{
        width:100%
    }
    .forum-title{
        padding-right:24px
    }
    .forum-replies{
        display:none
    }
    .thread .comment-list .comment-wrap{
        padding-left:76px
    }
    .thread .comment-list .comment-wrap .user-avatar{
        left:16px
    }
    .thread .comment-list h3{
        margin-left:16px
    }
}
#footer-top-wrap{
    background-color:#2f1c54
}
#footer-top{
    min-height:345px;
    padding-bottom:58px;
    overflow:hidden
}
#footer-top .company-info{
    float:left;
    width:270px;
    padding-top:58px;
    margin-right:30px
}
#footer-top .company-info .logo{
    margin-bottom:20px
}
#footer-top .company-info p{
    color:#b2b2b2;
    font-size:0.8125em;
    line-height:1.53846em
}
#footer-top .company-info .company-info-list{
    margin-top:15px
}
#footer-top .company-info .company-info-list .company-info-item{
    margin-bottom:10px
}
#footer-top .company-info .company-info-list .company-info-item .icon-present,#footer-top .company-info .company-info-list .company-info-item .icon-energy,#footer-top .company-info .company-info-list .company-info-item .icon-user{
    margin-right:5px;
    color:#fff;
    font-size:17px;
    position:relative;
    top:2px
}
#footer-top .company-info .company-info-list .company-info-item p{
    display:inline-block;
    color:#fff
}
#footer-top .company-info .company-info-list .company-info-item p span{
    color:#16ffd8
}
#footer-top .footer-title{
    color:#fff;
    font-size:1.25em;
    font-weight:700;
    line-height:1em;
    margin-bottom:32px
}
#footer-top .link-info,#footer-top .twitter-feed{
    float:left;
    padding-top:68px
}
#footer-top .link-info{
    width:170px;
    margin-right:30px
}
#footer-top .twitter-feed{
    width:270px
}
#footer-top .twitter-feed .tweets li{
    padding-left:34px;
    margin-bottom:20px;
    position:relative
}
#footer-top .twitter-feed .tweets li:last-child{
    margin-bottom:0
}
#footer-top .twitter-feed .tweets li:before{
    content:url("../images/twt.png");
    position:absolute;
    top:3px;
    left:0
}
#footer-top .twitter-feed .tweets li .feed-text{
    color:#fff;
    font-size:0.8125em;
    line-height:1.53846em;
    margin-bottom:6px
}
#footer-top .twitter-feed .tweets li .feed-text a{
    color:#16ffd8
}
#footer-top .twitter-feed .tweets li .feed-timestamp a{
    color:#b2b2b2;
    font-size:0.85714em
}
#footer-bottom-wrap{
    background-color:#21282a
}
#footer-bottom{
    min-height:54px
}
#footer-bottom p{
    color:#b2b2b2;
    font-size:0.8125em;
    line-height:54px;
    padding-left:12px;
    position:relative
}
#footer-bottom p span{
    position:absolute;
    top:0;
    left:0
}
#footer-bottom p a{
    color:#16ffd8
}
.social-links{
    margin:25px 0 0 5px;
    overflow:hidden
}
.social-links .social-link{
    float:left
}
.social-links .social-link a{
    display:block;
    position:relative
}
.social-links .social-link.fb{
    margin-right:30px
}
.social-links .social-link.fb a{
    width:7px;
    height:14px;
    background:url("../images/fb.png") no-repeat center
}
.social-links .social-link.twt{
    margin-right:26px
}
.social-links .social-link.twt a{
    width:18px;
    height:13px;
    background:url("../images/twt.png") no-repeat center;
    top:1px
}
.social-links .social-link.db{
    margin-right:32px
}
.social-links .social-link.db a{
    width:16px;
    height:17px;
    background:url("../images/db.png") no-repeat center;
    top:-1px
}
.social-links .social-link.rss a{
    width:12px;
    height:13px;
    background:url("../images/rss.png") no-repeat center;
    top:1px
}
.link-list .link-item{
    position:relative;
    margin-bottom:12px
}
.link-list .link-item:last-child{
    margin-bottom:0
}
.link-list .link-item .bullet{
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:#16ffd8;
    position:absolute;
    top:7px;
    left:0
}
.link-list .link-item a{
    padding-left:15px;
    color:#b2b2b2;
    font-size:0.8125em;
    font-weight:600;
    line-height:1em;
    transition:all .15s ease-in
}
.link-list .link-item a:hover{
    color:#fff;
    padding-left:19px
}
@media screen and (max-width: 1260px){
    #footer-top{
        width:570px;
        position:relative
    }
    #footer-top .link-info:nth-child(2){
        clear:left
    }
    #footer-top .link-info:nth-child(4){
        margin-right:0
    }
    #footer-top .twitter-feed{
        position:absolute;
        top:0;
        right:0
    }
}
@media screen and (max-width: 630px){
    #footer-top{
        width:270px
    }
    #footer-top .company-info{
        float:none
    }
    #footer-top .link-info{
        float:none;
        margin-right:0
    }
    #footer-top .twitter-feed{
        float:none;
        position:static
    }
    #footer-bottom p{
        font-size:0.75em
    }
}
.coming-soon-box{
    width:630px;
    margin:20px auto 0
}
.coming-soon-box p{
    text-align:center
}
.coming-soon-box p br{
    display:none
}
.coming-soon-box .text-header{
    margin-bottom:22px
}
.coming-soon-box .button{
    width:240px;
    margin:40px auto 0
}
@media screen and (max-width: 935px){
    .coming-soon-box{
        width:90%
    }
    .coming-soon-box p br{
        display:block
    }
}
.dashboard-body{
    padding:70px 0 0 270px;
    position:relative
}
.dashboard-header{
    width:100%;
    padding-left:270px;
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    z-index:9000;
    transition:all .5s ease
}
.dashboard-header .dashboard-header-item{
    float:left;
    width:16.25%;
    height:70px;
    padding:22px 0 0 14px;
    border-bottom:1px solid #ebebeb;
    border-right:1px solid #ebebeb;
    background-color:#fff
}
.dashboard-header .dashboard-header-item.title{
    padding:0 0 0 30px
}
.dashboard-header .dashboard-header-item.title h6{
    line-height:70px
}
.dashboard-header .dashboard-header-item.form{
    float:right;
    width:35%;
    padding-top:14px;
    border-right:none
}
.dashboard-header .dashboard-header-item .dashboard-search{
    position:relative
}
.dashboard-header .dashboard-header-item .dashboard-search input[type="text"]{
    width:60%;
    border:none
}
.dashboard-header .dashboard-header-item .dashboard-search input[type="image"]{
    position:absolute;
    top:-14px;
    right:70px;
    border-radius:0
}
.dashboard-header .dashboard-header-item.back-button{
    width:100%;
    border:none;
    padding:0;
    display:none
}
.dashboard-header .dashboard-header-item.back-button .button{
    width:100%;
    height:100%;
    border-radius:0;
    line-height:70px
}
.dashboard-header .dashboard-header-item.back-button .button:before{
    content:url("../images/dashboard/back-icon.png");
    position:relative;
    top:1px;
    right:12px
}
.db-options-button,.db-close-button{
    width:70px;
    height:69px;
    position:absolute;
    top:0;
    right:0;
    z-index:9000
}
.db-options-button{
    background-color:#1cbdf9;
    cursor:pointer;
    display:none
}
.db-options-button img[alt="db-list-right"],.db-options-button img[alt="close-icon"]{
    position:absolute;
    left:50%
}
.db-options-button img[alt="db-list-right"]{
    top:27px;
    margin-left:-9px
}
.db-options-button img[alt="close-icon"]{
    top:28px;
    margin-left:-6px;
    display:none
}
.db-close-button{
    background-color:#a1a1a1
}
.db-close-button img[alt="back-icon"]{
    position:absolute;
    top:28px;
    left:50%;
    margin-left:-9px
}
.db-side-menu-handler{
    width:70px;
    height:69px;
    background-color:#2f1c54;
    position:absolute;
    top:0;
    left:0;
    z-index:9000;
    cursor:pointer;
    display:none
}
.db-side-menu-handler img[alt="db-list-left"]{
    position:absolute;
    top:27px;
    left:50%;
    margin-left:-9px
}
.stats-meta .pie-chart{
    float:left;
    margin-right:8px
}
.stats-meta .pie-chart .svg-plus,.stats-meta .pie-chart .svg-minus{
    width:6px;
    height:6px;
    position:absolute;
    top:7px;
    left:50%;
    margin-left:-3px
}
.stats-meta p{
    color:#b2b2b2;
    font-size:0.625em
}
.dashboard-content{
    padding:30px 0 90px
}
.dashboard-content .form-box-items .form-box-item{
    width:48.7%
}
.dashboard-content .form-box-items .form-box-item.full{
    width:100%
}
@media screen and (max-width: 1350px){
    .dashboard-body{
        padding-left:0
    }
    .side-menu.dashboard.closed{
        opacity:0;
        visibility:hidden
    }
    .side-menu.dashboard.closed.left{
        left:-270px
    }
    .side-menu.dashboard.closed.right{
        right:-270px
    }
    .side-menu.dashboard .svg-plus{
        display:block
    }
    .db-side-menu-handler{
        display:block
    }
    .dashboard-header{
        max-height:70px;
        padding-left:0
    }
    .dashboard-header .dashboard-header-item.title,.dashboard-header .dashboard-header-item.form{
        width:100%;
        float:none
    }
    .dashboard-header .dashboard-header-item.stats{
        width:33.333333%
    }
    .dashboard-header .dashboard-header-item.title{
        padding-left:100px
    }
    .dashboard-header .dashboard-header-item:nth-last-child(2){
        border-right:none
    }
    .dashboard-header .dashboard-header-item .dashboard-search input[type="text"]{
        width:85%
    }
    .dashboard-header .dashboard-header-item .dashboard-search input[type="image"]{
        right:0
    }
    .dashboard-header .dashboard-header-item.back-button{
        display:block
    }
    .db-options-button{
        display:block
    }
    .db-close-button{
        display:none
    }
}
@media screen and (max-width: 630px){
    .dashboard-header .dashboard-header-item.stats{
        float:none;
        width:100%;
        border-right:none
    }
    .dashboard-header .dashboard-header-item .dashboard-search input[type="text"]{
        width:75%
    }
}
.profile-image{
    margin-bottom:22px;
    min-height:70px
}
.profile-image .profile-image-data{
    float:left;
    padding-left:80px;
    position:relative
}
.profile-image .profile-image-data .user-avatar{
    position:absolute;
    top:0;
    left:0
}
.profile-image .profile-image-data .text-header{
    margin-top:14px
}
.profile-image .profile-image-data .upload-details{
    font-size:0.75em
}
.profile-image .button{
    float:left;
    width:120px;
    margin:18px 0 0 80px
}
@media screen and (max-width: 1350px){
    .dashboard-content .form-box-items .form-box-item{
        float:none;
        width:100%
    }
}
@media screen and (max-width: 630px){
    .profile-image .profile-image-data{
        float:none
    }
    .profile-image .button{
        margin-top:6px
    }
}
.profile-notifications{
    margin:0 auto 60px
}
.profile-notifications .profile-notification{
    margin-bottom:14px
}
.profile-notifications .profile-notification:last-child{
    margin-bottom:0
}
.profile-notifications+.pager-wrap{
    text-align:right
}
.profile-notifications+.pager-wrap .pager{
    display:inline-block
}
.profile-notification{
    height:76px;
    padding:0 36px 0 16px;
    background-color:#fff;
    border:1px solid #ebebeb;
    overflow:hidden;
    position:relative
}
.profile-notification .notification-close{
    width:7px;
    height:7px;
    position:absolute;
    top:10px;
    right:12px;
    background:url("../images/dashboard/notif-close-icon.png") no-repeat center;
    opacity:.5;
    cursor:pointer
}
.profile-notification .notification-close:hover{
    opacity:1
}
.profile-notification p{
    font-size:0.8125em
}
.profile-notification .profile-notification-date,.profile-notification .profile-notification-body{
    float:left
}
.profile-notification .profile-notification-date{
    width:106px
}
.profile-notification .profile-notification-date p{
    color:#b2b2b2;
    line-height:74px
}
.profile-notification .profile-notification-body{
    padding-left:54px;
    position:relative
}
.profile-notification .profile-notification-body .user-avatar{
    position:absolute;
    top:17px;
    left:0
}
.profile-notification .profile-notification-body p{
    line-height:74px
}
.profile-notification .profile-notification-body p span{
    color:#2f1c54;
    font-weight:700
}
.profile-notification .profile-notification-type{
    float:right
}
.profile-notification .profile-notification-type .type-icon{
    color:#888;
    font-size:18px;
    position:relative;
    top:28px
}
.profile-notification .profile-notification-type .type-icon.primary{
    color:#00d7b3
}
.profile-notification .profile-notification-type .type-icon.secondary{
    color:#1396e1
}
.profile-notification .profile-notification-type .type-icon.tertiary{
    color:#e61852
}
@media screen and (max-width: 935px){
    .profile-notifications{
        width:570px;
        overflow:hidden
    }
    .profile-notifications .profile-notification:nth-child(2n+2){
        margin-right:0
    }
    .profile-notifications+.pager-wrap{
        text-align:center
    }
    .profile-notification{
        float:left;
        width:270px;
        height:170px;
        margin-right:30px
    }
    .profile-notification .profile-notification-date{
        margin-right:80px
    }
    .profile-notification .profile-notification-body .user-avatar{
        top:0
    }
    .profile-notification .profile-notification-body p{
        line-height:1.5em
    }
    .profile-notification .profile-notification-type{
        float:none
    }
}
@media screen and (max-width: 630px){
    .profile-notifications{
        width:270px
    }
    .profile-notifications .profile-notification{
        margin-right:0
    }
}
.inbox-messages{
    border:1px solid #ebebeb;
    padding-bottom:36px;
    background-color:#fff
}
.inbox-messages .inbox-message{
    border:none;
    border-bottom:1px solid #ebebeb
}
.inbox-messages .pager-wrap{
    text-align:right
}
.inbox-messages .pager-wrap .pager{
    display:inline-block;
    margin:36px 30px 0 0
}
.inbox-messages-preview{
    border:1px solid #ebebeb;
    overflow:hidden
}
.inbox-messages-preview.full .inbox-message-preview{
    float:none;
    width:100%;
    height:auto
}
.inbox-messages-preview.full .inbox-message-preview-body{
    height:auto;
    overflow:hidden;
    border-bottom:none;
    padding-bottom:26px
}
.inbox-messages-preview.full .comment-list{
    padding:0;
    border:0
}
.inbox-messages-preview.full .comment-list .comment-wrap{
    padding:36px 30px 0 116px
}
.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply{
    padding-top:56px
}
.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .user-avatar{
    top:66px
}
.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .comment-reply-form textarea{
    height:140px
}
.inbox-messages-preview.full .comment-list .user-avatar{
    left:28px
}
.inbox-messages-preview .inbox-messages,.inbox-messages-preview .inbox-message-preview{
    float:left;
    height:730px
}
.inbox-messages-preview .inbox-messages{
    width:41%;
    border:none;
    border-right:1px solid #ebebeb;
    padding-bottom:0;
    overflow-y:auto;
    overflow-x:hidden
}
.inbox-messages-preview .inbox-messages::-webkit-scrollbar{
    -webkit-appearance:none
}
.inbox-messages-preview .inbox-messages::-webkit-scrollbar:vertical{
    width:12px
}
.inbox-messages-preview .inbox-messages::-webkit-scrollbar-thumb{
    background-color:#ebebeb;
    border-radius:200px;
    border:4px solid #fff
}
.inbox-messages-preview .inbox-messages::-webkit-scrollbar-track{
    background-color:#fff
}
.inbox-messages-preview .inbox-message-preview{
    width:59%
}
.inbox-message-preview{
    background-color:#fff
}
.inbox-message-preview .inbox-message-preview-header{
    height:65px;
    border-bottom:1px solid #ebebeb;
    padding:0 24px
}
.inbox-message-preview .inbox-message-preview-header .text-header,.inbox-message-preview .inbox-message-preview-header .report{
    line-height:65px
}
.inbox-message-preview .inbox-message-preview-header .text-header{
    float:left;
    font-size:1.375em
}
.inbox-message-preview .inbox-message-preview-header .text-header img{
    position:relative;
    top:-1px;
    left:6px
}
.inbox-message-preview .inbox-message-preview-header .report{
    float:right;
    color:#b2b2b2;
    font-size:0.75em
}
.inbox-message-preview .inbox-message-preview-body{
    height:605px;
    padding-bottom:60px;
    border-bottom:1px solid #ebebeb;
    overflow-y:auto;
    overflow-x:hidden
}
.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar{
    -webkit-appearance:none
}
.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar:vertical{
    width:12px
}
.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-thumb{
    background-color:#ebebeb;
    border-radius:200px;
    border:4px solid #fff
}
.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-track{
    background-color:#fff
}
.inbox-message-preview .inbox-message-preview-body .message-preview{
    float:left;
    clear:both
}
.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even){
    float:right;
    padding:42px 80px 0 40px
}
.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) .user-avatar{
    left:auto;
    right:24px
}
.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) p{
    text-align:right
}
.inbox-message-preview .inbox-reply-form{
    height:58px;
    padding:0 145px 0 10px;
    position:relative
}
.inbox-message-preview .inbox-reply-form input[type="text"]{
    height:100%;
    border:none
}
.inbox-message-preview .inbox-reply-form .button{
    position:absolute;
    top:15px;
    right:12px
}
.message-preview{
    max-width:540px;
    padding:42px 40px 0 80px;
    position:relative
}
.message-preview .user-avatar{
    position:absolute;
    top:40px;
    left:24px
}
.message-preview .text-header{
    margin-bottom:4px
}
.message-preview .timestamp{
    margin-bottom:10px
}
.inbox-message{
    height:65px;
    background-color:#fff;
    border:1px solid #ebebeb
}
.inbox-message.v2{
    height:112px;
    padding:0 54px 0 102px;
    position:relative
}
.inbox-message.v2 p{
    line-height:1em
}
.inbox-message.v2 .inbox-message-actions label{
    position:absolute;
    top:28px;
    left:14px;
    margin:0
}
.inbox-message.v2 .inbox-message-actions .starred{
    float:none;
    margin:0;
    position:absolute;
    top:68px;
    left:57px
}
.inbox-message.v2 .inbox-message-author{
    position:static;
    padding-left:0
}
.inbox-message.v2 .inbox-message-author .text-header{
    margin-top:20px
}
.inbox-message.v2 .inbox-message-author .text-header .message-icon{
    display:inline;
    position:relative;
    top:2px;
    left:10px
}
.inbox-message.v2 .inbox-message-author .user-avatar{
    top:22px;
    left:45px
}
.inbox-message.v2 .inbox-message-content{
    width:100%;
    max-height:40px;
    margin-top:12px
}
.inbox-message.v2 .inbox-message-content p{
    font-size:0.75em
}
.inbox-message.v2 .inbox-message-content .text-header,.inbox-message.v2 .inbox-message-content .description{
    max-width:100%;
    line-height:18px
}
.inbox-message.v2 .inbox-message-content .text-header{
    margin-right:8px
}
.inbox-message.v2 .inbox-message-date{
    margin:0;
    position:absolute;
    top:27px;
    right:28px
}
.inbox-message.v2 .inbox-message-date p{
    font-size:0.75em
}
.inbox-message.v2 .inbox-message-type{
    display:none
}
.inbox-message .inbox-message-actions,.inbox-message .inbox-message-author,.inbox-message .inbox-message-content,.inbox-message .inbox-message-date,.inbox-message .inbox-message-type{
    float:left
}
.inbox-message p{
    font-size:0.8125em;
    line-height:65px
}
.inbox-message .inbox-message-actions{
    padding-left:15px
}
.inbox-message .inbox-message-actions label{
    float:left;
    margin-top:19px
}
.inbox-message .inbox-message-actions .starred{
    float:left;
    width:16px;
    height:15px;
    margin:25px 25px 0 12px;
    position:relative;
    cursor:pointer
}
.inbox-message .inbox-message-actions .starred img[alt^="star"]{
    position:absolute;
    top:0;
    left:0
}
.inbox-message .inbox-message-actions .starred img[alt^="star"].visible{
    display:block
}
.inbox-message .inbox-message-actions .starred img[alt^="star"].hidden{
    display:none
}
.inbox-message .inbox-message-author{
    width:240px;
    padding-left:56px;
    position:relative
}
.inbox-message .inbox-message-author .text-header .message-icon{
    display:none
}
.inbox-message .inbox-message-author .user-avatar{
    position:absolute;
    top:12px;
    left:0
}
.inbox-message .inbox-message-content{
    width:45%
}
.inbox-message .inbox-message-content p{
    float:left
}
.inbox-message .inbox-message-content .text-header,.inbox-message .inbox-message-content .description{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.inbox-message .inbox-message-content .text-header{
    max-width:22%;
    margin-right:22px
}
.inbox-message .inbox-message-content .text-header.normal{
    color:#888;
    font-weight:600
}
.inbox-message .inbox-message-content .description{
    max-width:72%;
    color:#b2b2b2
}
.inbox-message .inbox-message-date,.inbox-message .inbox-message-type{
    float:right
}
.inbox-message .inbox-message-date{
    margin-right:42px
}
.inbox-message .inbox-message-type{
    width:58px;
    height:65px;
    position:relative
}
.inbox-message .message-icon{
    color:#888;
    font-size:18px;
    position:absolute;
    top:23px;
    left:0
}
.inbox-message .message-icon.primary{
    color:#00d7b3
}
.inbox-message .message-icon.secondary{
    color:#1cbdf9
}
.inbox-message .message-icon.tertiary{
    color:#e61852
}
.style-tool-bar{
    height:53px;
    padding:0 14px;
    border:1px solid #ebebeb;
    border-bottom:none;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    overflow:hidden;
    position:relative;
    top:2px
}
.style-tool-bar .text-header{
    float:left;
    margin-right:20px;
    font-size:0.8125em;
    line-height:53px
}
.style-tool-bar .style-tool-bar-options{
    float:left;
    margin-top:9px;
    overflow:hidden
}
.style-tool-bar .style-tool-bar-options li{
    float:left;
    border-right:1px solid #ebebeb
}
.style-tool-bar .style-tool-bar-options li:first-child{
    border-left:1px solid #ebebeb
}
.style-tool-bar .style-tool-bar-options li p{
    padding:0 14px;
    color:#b2b2b2;
    font-size:0.8125em;
    font-weight:700;
    line-height:32px;
    cursor:pointer;
    transition:all .3s ease
}
.style-tool-bar .style-tool-bar-options li p:hover{
    color:#2f1c54
}
@media screen and (max-width: 1260px){
    .inbox-messages-preview .inbox-messages,.inbox-messages-preview .inbox-message-preview{
        float:none;
        width:100%
    }
    .inbox-messages-preview .inbox-messages{
        height:223px;
        border-right:none
    }
    .inbox-messages-preview .inbox-messages .inbox-message:last-child{
        border-bottom:none
    }
    .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-header{
        border-top:none
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header{
        border-top:1px solid #ebebeb
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body{
        width:100%
    }
    .style-tool-bar{
        display:none
    }
}
@media screen and (max-width: 935px){
    .form-popup.new-message{
        width:80%
    }
}
@media screen and (max-width: 630px){
    .inbox-messages-preview.full .comment-list .comment-wrap{
        padding-left:66px
    }
    .inbox-messages-preview.full .comment-list .user-avatar{
        left:14px
    }
}
@media screen and (max-width: 460px){
    .form-popup.new-message{
        width:95%
    }
    .inbox-message.v2{
        padding-left:50px
    }
    .inbox-message.v2 .inbox-message-actions label{
        top:40px
    }
    .inbox-message.v2 .inbox-message-actions .starred{
        top:76px;
        left:15px
    }
    .inbox-message.v2 .inbox-message-author .text-header .message-icon{
        position:absolute;
        top:16px;
        left:14px
    }
    .inbox-message.v2 .inbox-message-author .user-avatar{
        display:none
    }
    .inbox-message.v2 .inbox-message-date{
        top:21px;
        right:14px
    }
    .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-body{
        height:auto
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header{
        height:auto;
        padding-top:20px;
        padding-bottom:20px
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .text-header,.inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report{
        float:none;
        line-height:1.5em
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report{
        margin-top:10px
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body{
        height:566px
    }
    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even){
        padding-right:24px
    }
    .message-preview{
        padding-left:24px
    }
    .message-preview .user-avatar{
        display:none
    }
}
.purchases-list{
    border:1px solid #ebebeb;
    background-color:#fff;
    padding-bottom:36px;
    overflow:hidden
}
.purchases-list .pager-wrap{
    float:right;
    margin:36px 30px 0 0
}
.purchases-list-header{
    height:50px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.purchases-list-header>*{
    float:left
}
.purchases-list-header .text-header{
    line-height:50px
}
.purchases-list-header .purchases-list-header-price .text-header,.purchases-list-header .purchases-list-header-download .text-header,.purchases-list-header .purchases-list-header-recommend .text-header{
    text-align:center
}
.purchases-list-header-date,.purchase-item-date{
    width:11.9%;
    padding-left:24px
}
.purchases-list-header-details,.purchase-item-details{
    width:33.6%
}
.purchases-list-header-info,.purchase-item-info{
    width:14.5%
}
.purchases-list-header-price,.purchase-item-price{
    width:11%
}
.purchases-list-header-download,.purchase-item-download{
    width:14.1%
}
.purchases-list-header-recommend,.purchase-item-recommend{
    width:14.9%
}
.purchase-item{
    height:120px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.purchase-item>*{
    float:left
}
.purchase-item-date p{
    font-size:0.75em;
    line-height:120px
}
.purchase-item-details{
    padding-top:24px
}
.purchase-item-details .item-preview .description{
    width:180px
}
.purchase-item-info{
    padding-top:24px
}
.purchase-item-info p{
    font-size:0.75em;
    line-height:1em;
    margin-bottom:6px
}
.purchase-item-price{
    padding-top:44px
}
.purchase-item-price .price{
    text-align:center
}
.purchase-item-download{
    padding-top:40px
}
.purchase-item-download .button{
    margin:0 auto
}
.purchase-item-recommend{
    padding-top:34px;
    text-align:center
}
.purchase-item-recommend .recommendation-wrap{
    display:inline-block;
    margin-bottom:12px
}
.purchase-item-recommend .recommendation-wrap .recommendation:first-child{
    margin-right:16px
}
.purchase-item-recommend .text-header{
    font-size:0.6875em
}
.recommendation-wrap{
    text-align:center
}
.recommendation-wrap .recommendation-item{
    display:inline-block;
    margin:0 100px 34px 0
}
.recommendation-wrap .recommendation-item:last-child{
    margin-right:0
}
@media screen and (max-width: 1260px){
    .purchases-list-header-date,.purchase-item-date{
        width:14.9%
    }
    .purchases-list-header-details,.purchase-item-details{
        width:35.1%
    }
    .purchases-list-header-info,.purchase-item-info{
        display:none
    }
    .purchases-list-header-price,.purchase-item-price{
        width:11%
    }
    .purchases-list-header-download,.purchase-item-download{
        width:19.1%
    }
    .purchases-list-header-recommend,.purchase-item-recommend{
        width:19.9%
    }
}
@media screen and (max-width: 935px){
    .purchase-item-details .item-preview{
        padding-left:0
    }
    .purchase-item-details .item-preview .product-preview-image{
        display:none
    }
    .purchases-list-header-date,.purchase-item-date{
        width:22%
    }
    .purchases-list-header-details,.purchase-item-details{
        width:30%
    }
    .purchases-list-header-price,.purchase-item-price{
        display:none
    }
    .purchases-list-header-download,.purchase-item-download{
        width:24%
    }
    .purchases-list-header-recommend,.purchase-item-recommend{
        width:24%
    }
}
@media screen and (max-width: 630px){
    .purchases-list .pager-wrap{
        float:none;
        margin-right:0;
        text-align:center
    }
    .purchases-list .pager-wrap .pager{
        display:inline-block
    }
    .purchases-list-header-date,.purchases-list-header-download,.purchases-list-header-recommend{
        display:none
    }
    .purchases-list-header-details{
        width:100%;
        text-align:center
    }
    .purchase-item{
        height:auto;
        padding:24px 0
    }
    .purchase-item>*{
        float:none;
        width:100%
    }
    .purchase-item .purchase-item-date{
        padding:0 0 10px
    }
    .purchase-item .purchase-item-date p{
        text-align:center;
        line-height:1em
    }
    .purchase-item .purchase-item-details{
        padding-top:0
    }
    .purchase-item .purchase-item-details .item-preview{
        text-align:center
    }
    .purchase-item .purchase-item-details .item-preview .description{
        margin:0 auto
    }
    .purchase-item .purchase-item-download{
        padding-top:16px
    }
    .purchase-item .purchase-item-recommend{
        padding-top:18px
    }
    .recommendation-wrap .recommendation-item{
        margin-right:20px
    }
    .recommendation-wrap .recommendation-item:last-child{
        margin-right:0
    }
}
.pack-boxes{
    overflow:hidden;
    margin:0 auto 26px
}
.pack-boxes .pack-box{
    float:left;
    margin-right:20px
}
.pack-boxes .pack-box:nth-child(5n+5){
    margin-right:0
}
.pack-box{
    width:185px;
    height:218px;
    padding-top:24px;
    border:1px solid #ebebeb;
    background-color:#fff;
    position:relative
}
.pack-box p{
    text-align:center
}
.pack-box .pin{
    top:12px;
    left:-6px
}
.pack-box .text-header{
    margin-bottom:32px
}
.pack-box .price{
    line-height:24px;
    margin-bottom:18px;
    right:10px
}
.pack-box .price span{
    top:-5px;
    left:-7px
}
.pack-box .credit{
    font-size:0.8125em
}
.pack-box .button{
    margin:28px auto 0
}
@media screen and (max-width: 1510px){
    .pack-boxes{
        width:944px;
        padding-left:6px;
        margin-bottom:6px
    }
    .pack-boxes .pack-box{
        margin-bottom:20px
    }
    .pack-boxes .pack-box:nth-child(5n+5){
        margin-right:20px
    }
    .pack-boxes .pack-box:nth-child(4n+4){
        margin-right:0
    }
}
@media screen and (max-width: 1260px){
    .pack-boxes{
        width:706px
    }
    .pack-boxes .pack-box:nth-child(4n+4){
        margin-right:20px
    }
    .pack-boxes .pack-box:nth-child(3n+3){
        margin-right:0
    }
}
@media screen and (max-width: 935px){
    .pack-boxes{
        width:468px
    }
    .pack-boxes .pack-box:nth-child(3n+3){
        margin-right:20px
    }
    .pack-boxes .pack-box:nth-child(2n+2){
        margin-right:0
    }
}
@media screen and (max-width: 630px){
    .pack-boxes{
        width:230px
    }
    .pack-boxes .pack-box{
        margin-right:0
    }
    .pack-boxes .pack-box:nth-child(3n+3){
        margin-right:0
    }
}
.statement-form>label{
    float:left;
    margin:0 6px;
    line-height:32px
}
.datepicker-wrap{
    float:left;
    position:relative
}
.datepicker-wrap .icon-calendar{
    color:#b2b2b2;
    position:absolute;
    top:8px;
    right:8px;
    pointer-events:none
}
.sale-data{
    border:1px solid #ebebeb;
    overflow:hidden;
    margin-bottom:26px
}
.sale-data .sale-data-item{
    float:left;
    width:25%;
    border-right:1px solid #ebebeb
}
.sale-data .sale-data-item:last-child{
    border-right:none
}
.sale-data-item{
    height:130px;
    padding:65px 0 0 25px;
    background-color:#fff;
    position:relative
}
.sale-data-item p{
    font-size:0.8125em;
    line-height:1em
}
.sale-data-item .sl-icon{
    color:#00d7b3;
    font-size:30px;
    position:absolute;
    top:20px;
    left:23px
}
.sale-data-item .text-header.big,.sale-data-item .price.big{
    float:left;
    margin-right:12px
}
.sale-data-item .price span{
    font-size:0.61111em;
    top:-5px;
    left:-4px
}
.sale-data-item .sale-data-item-info{
    margin-top:5px
}
.sale-data-item .sale-data-item-info .text-header{
    margin-bottom:2px
}
.transaction-list{
    padding-bottom:36px;
    border:1px solid #ebebeb;
    background-color:#fff;
    overflow:hidden
}
.transaction-list .transaction-list-item{
    border-bottom:1px solid #ebebeb
}
.transaction-list .pager-wrap{
    float:right;
    margin:36px 32px 0 0
}
.transaction-list-header{
    height:50px;
    border-bottom:1px solid #ebebeb;
    overflow:hidden
}
.transaction-list-header>*{
    float:left
}
.transaction-list-header .text-header{
    line-height:50px
}
.transaction-list-header-date,.transaction-list-item-date{
    width:14.5%;
    padding-left:24px
}
.transaction-list-header-author,.transaction-list-item-author{
    width:17.25%
}
.transaction-list-header-item,.transaction-list-item-item{
    width:22.55%
}
.transaction-list-header-detail,.transaction-list-item-detail{
    width:10.75%
}
.transaction-list-header-code,.transaction-list-item-code{
    width:7.7%
}
.transaction-list-header-price,.transaction-list-item-price{
    width:7.5%
}
.transaction-list-header-cut,.transaction-list-item-cut{
    width:8.55%
}
.transaction-list-header-earnings,.transaction-list-item-earnings{
    width:8.2%
}
.transaction-list-header-icon,.transaction-list-item-icon{
    width:3%
}
.transaction-list-header-price p,.transaction-list-header-price .text-header,.transaction-list-item-price p,.transaction-list-item-price .text-header,.transaction-list-header-cut p,.transaction-list-header-cut .text-header,.transaction-list-item-cut p,.transaction-list-item-cut .text-header,.transaction-list-header-earnings p,.transaction-list-header-earnings .text-header,.transaction-list-item-earnings p,.transaction-list-item-earnings .text-header{
    text-align:center
}
.transaction-list-item{
    height:50px
}
.transaction-list-item>*{
    float:left
}
.transaction-list-item p{
    font-size:0.8125em;
    line-height:50px
}
.transaction-list-item .transaction-list-item-icon{
    padding-top:18px
}
.transaction-icon{
    width:13px;
    height:13px;
    border-radius:50%;
    background-color:#b2b2b2;
    position:relative
}
.transaction-icon.primary{
    background-color:#00d7b3
}
.transaction-icon.secondary{
    background-color:#1cbdf9
}
.transaction-icon.tertiary{
    background-color:#e61852
}
.transaction-icon .svg-plus,.transaction-icon .svg-minus{
    fill:#fff;
    width:5px;
    height:5px;
    position:absolute;
    top:4px;
    left:4px
}
@media screen and (max-width: 1260px){
    .sale-data{
        width:100%;
        margin:0 auto 26px;
        border-right:none
    }
    .sale-data .sale-data-item{
        width:50%
    }
    .sale-data .sale-data-item:nth-child(3n+3){
        clear:left
    }
    .sale-data .sale-data-item:last-child{
        border-right:1px solid #ebebeb
    }
    .transaction-list-header-item,.transaction-list-item-item{
        width:31.1%
    }
    .transaction-list-header-cut,.transaction-list-item-cut{
        display:none
    }
}
@media screen and (max-width: 935px){
    .transaction-list-header-date,.transaction-list-item-date{
        width:23%
    }
    .transaction-list-header-author,.transaction-list-item-author{
        width:25%
    }
    .transaction-list-header-item,.transaction-list-item-item{
        width:36%
    }
    .transaction-list-header-detail,.transaction-list-item-detail{
        display:none
    }
    .transaction-list-header-code,.transaction-list-item-code{
        display:none
    }
    .transaction-list-header-price,.transaction-list-item-price{
        display:none
    }
    .transaction-list-header-earnings,.transaction-list-item-earnings{
        width:12%
    }
    .transaction-list-header-icon,.transaction-list-item-icon{
        width:4%
    }
}
@media screen and (max-width: 630px){
    .sale-data{
        border-bottom:none
    }
    .sale-data .sale-data-item{
        width:100%;
        border-bottom:1px solid #ebebeb
    }
    .transaction-list{
        padding:0 24px 36px
    }
    .transaction-list-item{
        height:auto;
        padding:20px 24px
    }
    .transaction-list-item>*{
        float:none;
        width:100%
    }
    .transaction-list-item p,.transaction-list-item .text-header{
        line-height:1em;
        text-align:left;
        margin-bottom:6px
    }
    .transaction-list-item .transaction-list-item-date,.transaction-list-item .transaction-list-item-icon{
        padding:0
    }
    .transaction-list-header-date,.transaction-list-header-author,.transaction-list-header-earnings,.transaction-list-header-icon{
        display:none
    }
    .transaction-list-header-item{
        width:100%
    }
    .transaction-list-header-item .text-header{
        text-align:center
    }
    .transaction-list-item-detail,.transaction-list-item-code,.transaction-list-item-price{
        display:block
    }
}
.graph-stats-list{
    margin:0 auto 26px;
    overflow:hidden
}
.graph-stats-list .graph-stats-list-item{
    float:left
}
.graph-stats-list .graph-stats-list-item:last-child{
    margin-right:0
}
.graph-stats-list-item{
    width:23%;
    height:170px;
    margin-right:2.66666666%;
    padding:18px 22px 0;
    border:1px solid #ebebeb;
    background-position:center
}
.graph-stats-list-item p,.graph-stats-list-item .text-header{
    color:#fff
}
.graph-stats-list-item h2{
    font-size:2.625em;
    margin-bottom:2px
}
.graph-stats-list-item p{
    font-size:0.8125em
}
.graph-stats-list-item .text-header{
    font-size:1em
}
.graph-stats-list-item.green{
    background-color:#00d7b3
}
.graph-stats-list-item.blue{
    background-color:#108fe9
}
.graph-stats-list-item.violet{
    background-color:#7c5ac2
}
.graph-stats-list-item.red{
    background-color:#ea2e68
}
.graph-stats-list-item.bars{
    background-image:url("../images/dashboard/graphs/bars.png")
}
.graph-stats-list-item.line{
    background-image:url("../images/dashboard/graphs/line.png")
}
.graph-stats-list-item.step{
    background-image:url("../images/dashboard/graphs/step.png")
}
.graph-stats-list-item.curve{
    background-image:url("../images/dashboard/graphs/curve.png")
}
.form-box-item .chart-filters{
    position:absolute;
    top:26px;
    right:24px
}
.chart-filters{
    overflow:hidden
}
.chart-filters .chart-filter{
    float:left;
    margin-right:30px;
    cursor:pointer
}
.chart-filters .chart-filter:last-child{
    margin-right:0
}
.chart-filter p{
    float:left;
    margin-top:4px;
    font-size:0.6875em;
    line-height:1em
}
.chart-filter .sl-icon{
    float:left;
    margin-right:8px;
    color:#b2b2b2
}
.chart-filter .sl-icon.primary{
    color:#00d7b3
}
.chart-filter .sl-icon.secondary{
    color:#1cbdf9
}
.chart-filter .sl-icon.tertiary{
    color:#e61852
}
.chart-filter form{
    position:relative;
    top:-4px
}
.chart-filter form .select-block select{
    height:26px;
    border:none;
    padding:0 26px 0 12px;
    color:#2f1c54;
    font-size:12px;
    font-weight:700;
    line-height:26px
}
.chart-filter form .select-block .svg-arrow{
    top:8px;
    right:5px
}
.chart-filter .chart-legend{
    margin-top:2px
}
.chart-filter .chart-legend-item p{
    font-size:0.6875em;
    margin-top:0
}
.form-box-addon{
    border:1px solid #ebebeb;
    border-top:none;
    padding:32px 0 32px 48px;
    background-color:#fff;
    position:relative;
    top:-26px;
    overflow:hidden
}
.form-box-addon .chart-wrap{
    float:left;
    margin-right:6.8%;
    overflow:hidden
}
.form-box-addon .chart-legend{
    margin-top:26px
}
.form-box-addon .chart-meta{
    margin-top:4px
}
.main-activity-pie-chart-wrap{
    float:left;
    width:100px;
    height:100px;
    margin-right:20px
}
.colors-pie-chart-wrap{
    width:176px;
    height:176px;
    margin:0 auto 30px;
    position:relative
}
.colors-pie-chart-wrap .chart-description{
    width:100%;
    text-align:center;
    position:absolute;
    top:68px
}
.colors-pie-chart-wrap .chart-description .text-header:first-child{
    font-size:1.75em;
    margin-bottom:6px
}
.colors-pie-chart-wrap .chart-description .text-header:last-child{
    font-size:0.8125em
}
.bounce-pie-chart{
    width:200px;
    height:200px;
    padding-top:56px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-100px
}
.bounce-pie-chart p{
    font-size:0.6875em;
    text-align:center
}
.bounce-pie-chart .text-header.big{
    font-size:3em;
    margin-bottom:10px
}
.bounce-pie-chart .text-header.small{
    font-size:0.8125em;
    margin-bottom:2px
}
.chart-legend{
    float:left
}
.chart-legend.full{
    float:none;
    width:100%
}
.chart-legend.full .chart-legend-item{
    margin-bottom:16px
}
.chart-legend.inline{
    float:none;
    display:inline-block;
    overflow:hidden
}
.chart-legend.inline .chart-legend-item{
    float:left;
    margin:0 20px 0 0
}
.chart-legend.inline .chart-legend-item:last-child{
    margin-right:0
}
.chart-legend .chart-legend-item{
    margin-bottom:22px
}
.chart-legend .chart-legend-item:last-child{
    margin-bottom:0
}
.chart-legend-item{
    padding-left:22px;
    position:relative;
    overflow:hidden
}
.chart-legend-item .chart-legend-item-color{
    width:14px;
    height:14px;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0
}
.chart-legend-item .chart-legend-item-color.lightgreen{
    background-color:#03f1b6
}
.chart-legend-item .chart-legend-item-color.blue{
    background-color:#108fe9
}
.chart-legend-item .chart-legend-item-color.violet{
    background-color:#7c5ac2
}
.chart-legend-item .chart-legend-item-color.red{
    background-color:#ea2e68
}
.chart-legend-item .chart-legend-item-color.yellow{
    background-color:#ffdc1b
}
.chart-legend-item p{
    float:left;
    font-size:0.75em;
    line-height:15px
}
.chart-legend-item .text-header{
    float:right
}
.chart-meta{
    overflow:hidden
}
.chart-meta .chart-meta-item{
    float:left;
    margin-right:8%
}
.chart-meta .chart-meta-item:last-child{
    margin-right:0
}
.chart-meta-item .price:first-child,.chart-meta-item .text-header:first-child{
    font-size:2.625em
}
.chart-meta-item .price:first-child>span,.chart-meta-item .text-header:first-child>span{
    font-size:0.57143em;
    margin-right:5px;
    top:-6px
}
.chart-meta-item .price:first-child{
    margin-bottom:10px
}
.chart-meta-item .text-header:first-child{
    margin-bottom:18px
}
.chart-meta-item .text-header,.chart-meta-item p{
    text-align:center
}
.chart-meta-item .text-header:last-child,.chart-meta-item p:last-child{
    margin-top:2px;
    font-size:0.75em
}
.plain-text-box .plain-text-box-item{
    margin-bottom:20px
}
.plain-text-box .plain-text-box-item:last-child{
    margin-bottom:0
}
.plain-text-box .plain-text-box-item p{
    margin-bottom:20px;
    font-size:0.8125em;
    line-height:20px
}
.plain-text-box .plain-text-box-item p:last-child{
    margin-bottom:0
}
.plain-text-box .plain-text-box-item .text-header{
    margin-bottom:0
}
.pg-bar-list .pg-bar-list-item{
    margin-bottom:12px
}
.pg-bar-list .pg-bar-list-item:last-child{
    margin-bottom:0
}
.pg-bar-list-item .pg-bar-list-item-info{
    overflow:hidden
}
.pg-bar-list-item .pg-bar-list-item-info p{
    font-size:0.8125em
}
.pg-bar-list-item .pg-bar-list-item-info .text-header:first-child{
    float:left
}
.pg-bar-list-item .pg-bar-list-item-info .text-header:nth-child(2){
    float:right
}
.pg-bar-list-item .pg-bar-list-item-info .timestamp{
    clear:both;
    color:#888
}
.recent-activity .recent-activity-item{
    border-bottom:1px solid #ebebeb
}
.recent-activity .recent-activity-item:last-child{
    border-bottom:0
}
.recent-activity-item{
    height:60px;
    padding-left:54px;
    position:relative;
    overflow:hidden
}
.recent-activity-item p{
    font-size:0.8125em;
    line-height:60px
}
.recent-activity-item .sl-icon{
    color:#888;
    font-size:18px;
    position:absolute;
    top:20px;
    left:6px
}
.recent-activity-item img[alt="close-icon"]{
    cursor:pointer;
    position:absolute;
    top:26px;
    right:7px
}
.recent-activity-item-timestamp,.recent-activity-item-info{
    float:left
}
.recent-activity-item-timestamp{
    width:15%
}
.recent-activity-item-timestamp p{
    color:#b2b2b2
}
.recent-activity-item-info{
    width:85%;
    padding-left:32px;
    position:relative
}
.recent-activity-item-info .user-avatar{
    position:absolute;
    top:18px;
    left:0
}
.popular-items .popular-item{
    border-bottom:1px solid #ebebeb
}
.popular-items .popular-item:last-child{
    border-bottom:none
}
.popular-item{
    height:70px;
    padding:20px 20px 0 46px;
    overflow:hidden;
    position:relative
}
.popular-item .popular-item-info{
    float:left
}
.popular-item .popular-item-info .product-preview-image{
    position:absolute;
    top:18px;
    left:0
}
.popular-item .popular-item-info .text-header{
    margin-bottom:4px
}
.popular-item .popular-item-meta{
    float:right
}
.popular-item .popular-item-meta .metadata{
    margin-top:4px
}
.pie-chart-list{
    width:520px;
    margin:0 auto;
    overflow:hidden
}
.pie-chart-list .pie-chart-item{
    float:left;
    margin:0 40px 16px 0
}
.pie-chart-list .pie-chart-item:nth-child(4n+4){
    margin-right:0
}
.pie-chart-item{
    width:100px;
    position:relative
}
.pie-chart-item .country-chart{
    width:100px;
    height:100px;
    margin:0 auto 8px
}
.pie-chart-item p{
    text-align:center
}
.pie-chart-item p:last-child{
    font-size:0.625em
}
.pie-chart-item img[alt="country-image"]{
    position:absolute;
    top:20px;
    left:50%;
    margin-left:-30px
}
.text-icons{
    overflow:hidden
}
.text-icons .text-icon{
    float:left;
    width:146px;
    margin:0 30px 40px 0;
    padding-top:0
}
.text-icons .text-icon:nth-child(3n+3){
    margin-right:0
}
.text-icons .text-icon .text-header{
    margin-bottom:2px
}
.text-icons .text-icon p:last-child{
    font-size:0.75em
}
.text-icon{
    padding:4px 0 0 56px;
    position:relative
}
.text-icon.light p:last-child{
    opacity:.5
}
.text-icon .ticon{
    width:42px;
    height:42px;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0
}
.text-icon .ticon .sl-icon{
    color:#fff;
    font-size:18px;
    position:absolute;
    top:12px;
    left:12px
}
.text-icon .ticon .sl-icon.icon-cup{
    left:14px
}
.text-icon .ticon.green{
    background-color:#00d7b3
}
.text-icon .ticon.blue{
    background-color:#38a9ff
}
.text-icon .ticon.red{
    background-color:#ea2e68
}
.text-icon .ticon.violet{
    background-color:#7c5ac2
}
.text-icon .text-header{
    margin-bottom:10px
}
.text-icon p:last-child{
    font-size:0.8125em;
    line-height:20px
}
.slider-wrap{
    text-align:center
}
.numbers-slider .numbers-slider-item p{
    line-height:1em;
    text-align:center
}
.numbers-slider .numbers-slider-item p:last-child{
    font-size:0.8125em;
    margin-top:6px
}
.numbers-slider .numbers-slider-item .text-header.big{
    font-size:4.5em;
    margin-bottom:34px
}
.slider-pager{
    display:inline-block;
    margin-top:40px;
    overflow:hidden
}
.slider-pager>a{
    float:left;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#eff0f4;
    margin-right:8px
}
.slider-pager>a:last-child{
    margin-right:0
}
.slider-pager>a.active{
    background-color:#00d7b3
}
@media screen and (max-width: 1500px){
    .form-box-item.has-chart-filter-simple .chart-filters{
        right:auto;
        top:60px;
        left:24px
    }
    .form-box-item.has-chart-filter-simple h4{
        margin-bottom:54px
    }
    .popular-item{
        padding-right:0
    }
    .pie-chart-list{
        width:380px
    }
    .pie-chart-list .pie-chart-item:nth-child(4n+4){
        margin-right:40px
    }
    .pie-chart-list .pie-chart-item:nth-child(3n+3){
        margin-right:0
    }
    .text-icons{
        width:322px
    }
    .text-icons .text-icon:nth-child(3n+3){
        margin-right:30px
    }
    .text-icons .text-icon:nth-child(2n+2){
        margin-right:0
    }
}
@media screen and (max-width: 1350px){
    .form-box-item.has-chart-filter-simple .chart-filters{
        top:26px;
        right:24px;
        left:auto
    }
    .form-box-item.has-chart-filter-simple h4{
        margin-bottom:22px
    }
    .pie-chart-list{
        width:520px
    }
    .pie-chart-list .pie-chart-item:nth-child(3n+3){
        margin-right:40px
    }
    .pie-chart-list .pie-chart-item:nth-child(4n+4){
        margin-right:0
    }
    .text-icons{
        width:520px
    }
    .text-icons .text-icon:nth-child(2n+2){
        margin-right:30px
    }
    .text-icons .text-icon:nth-child(3n+3){
        margin-right:0
    }
}
@media screen and (max-width: 1260px){
    .form-box-addon{
        padding-left:0;
        text-align:center
    }
    .form-box-addon .chart-wrap{
        float:none;
        display:inline-block;
        margin:0 0 30px 0
    }
    .form-box-addon .chart-meta-wrap{
        text-align:center
    }
    .form-box-addon .chart-meta-wrap .chart-meta{
        display:inline-block
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item{
        margin-right:50px
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child{
        margin-right:0
    }
    .chart-legend.full{
        width:222px;
        margin-left:auto;
        margin-right:auto
    }
}
@media screen and (max-width: 935px){
    .graph-stats-list{
        width:570px;
        margin-bottom:0
    }
    .graph-stats-list .graph-stats-list-item{
        margin-bottom:26px
    }
    .graph-stats-list .graph-stats-list-item:nth-child(2n+2){
        margin-right:0
    }
    .graph-stats-list-item{
        width:270px;
        margin-right:30px
    }
    .form-box-item.has-chart-filter h4{
        margin-bottom:54px
    }
    .form-box-item.has-chart-filter .chart-filters{
        right:auto;
        top:60px;
        left:24px
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item{
        margin-bottom:30px
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(2n+2){
        margin-right:0
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(3n+3){
        clear:left
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child{
        clear:left;
        margin-left:40px
    }
    .recent-activity{
        width:510px;
        margin:30px auto;
        overflow:hidden
    }
    .recent-activity .recent-activity-item{
        float:left;
        width:240px;
        height:auto;
        border:1px solid #ebebeb;
        margin:0 30px 30px 0;
        padding:44px 24px 30px
    }
    .recent-activity .recent-activity-item:nth-child(2n+2){
        margin-right:0
    }
    .recent-activity .recent-activity-item:last-child{
        border-bottom:1px solid #ebebeb
    }
    .recent-activity .recent-activity-item p{
        line-height:1em
    }
    .recent-activity .recent-activity-item .sl-icon{
        top:12px;
        left:12px
    }
    .recent-activity .recent-activity-item .recent-activity-item-timestamp,.recent-activity .recent-activity-item .recent-activity-item-info{
        width:100%
    }
    .recent-activity .recent-activity-item .recent-activity-item-timestamp p{
        position:absolute;
        top:16px;
        left:36px
    }
    .recent-activity .recent-activity-item .recent-activity-item-info p{
        line-height:20px
    }
    .recent-activity .recent-activity-item .recent-activity-item-info .user-avatar{
        top:6px;
        left:-10px
    }
    .recent-activity .recent-activity-item img[alt="close-icon"]{
        top:14px;
        right:10px
    }
}
@media screen and (max-width: 630px){
    .graph-stats-list{
        width:270px
    }
    .graph-stats-list .graph-stats-list-item{
        margin-right:0
    }
    .form-box-item.has-chart-filter .chart-filters .chart-filter{
        margin-right:5px
    }
    .form-box-item.has-chart-filter .chart-filters .chart-filter p,.form-box-item.has-chart-filter .chart-filters .chart-filter .text-header{
        display:none
    }
    .form-box-item.has-chart-filter .chart-filters .chart-filter .chart-legend-item p{
        display:block
    }
    .recent-activity{
        width:240px
    }
    .recent-activity .recent-activity-item{
        float:none;
        margin-right:0
    }
    .popular-item{
        height:auto;
        padding-bottom:20px
    }
    .popular-item .popular-item-info,.popular-item .popular-item-meta{
        float:none
    }
    .pie-chart-list{
        width:240px
    }
    .pie-chart-list .pie-chart-item:nth-child(2n+2){
        margin-right:0
    }
    .text-icons{
        width:322px
    }
    .text-icons .text-icon:nth-child(3n+3){
        margin-right:30px
    }
    .text-icons .text-icon:nth-child(2n+2){
        margin-right:0
    }
}
@media screen and (max-width: 460px){
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item{
        float:none;
        margin-right:0
    }
    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child{
        margin-left:0
    }
    .form-box-item.has-chart-filter-full .chart-filters{
        right:auto;
        top:60px;
        left:24px
    }
    .form-box-item.has-chart-filter-full h4{
        margin-bottom:54px
    }
    .pie-chart-list{
        width:100px
    }
    .pie-chart-list .pie-chart-item{
        margin-right:0
    }
    .text-icons{
        width:146px
    }
    .text-icons .text-icon{
        margin-right:0
    }
    .text-icons .text-icon:nth-child(3n+3){
        margin-right:0
    }
}
.upload-file{
    overflow:hidden;
    margin-bottom:34px
}
.upload-file.multiupload .upload-file-actions .button{
    visibility:hidden
}
.upload-file p{
    font-size:0.8125em
}
.upload-file .upload-file-actions{
    float:left;
    width:50%
}
.upload-file .upload-file-actions .button{
    float:left;
    width:120px;
    margin-right:25px
}
.upload-file .upload-file-actions p{
    float:left;
    line-height:30px
}
.upload-file .upload-file-progress{
    float:right;
    width:342px
}
.upload-file .upload-file-progress .upload-bar,.upload-file .upload-file-progress .text-header{
    float:left
}
.upload-file .upload-file-progress .upload-bar{
    width:240px;
    top:1px
}
.upload-file .upload-file-progress .text-header{
    margin-left:16px;
    line-height:30px
}
.upload-file .upload-file-progress .button{
    float:right;
    width:30px
}
@media screen and (max-width: 935px){
    .upload-file .upload-file-actions,.upload-file .upload-file-progress{
        float:none;
        width:100%;
        overflow:hidden
    }
    .upload-file .upload-file-progress{
        margin-top:20px
    }
    .upload-file .upload-file-progress .button{
        float:none;
        clear:left
    }
}
@media screen and (max-width: 460px){
    .upload-file .upload-file-progress .upload-bar{
        width:100%
    }
    .upload-file .upload-file-progress .text-header{
        float:none;
        line-height:1em;
        margin:0;
        text-align:center
    }
}
.product-settings{
    width:30px;
    height:30px;
    border-radius:2px;
    background-color:#2f1c54;
    position:absolute;
    top:9px;
    right:7px;
    z-index:9000;
    cursor:pointer;
    transition:all .3s ease
}
.product-settings.primary:hover,.product-settings.primary.active{
    background-color:#00d7b3
}
.product-settings.secondary:hover,.product-settings.secondary.active{
    background-color:#1cbdf9
}
.product-settings.tertiary:hover,.product-settings.tertiary.active{
    background-color:#e61852
}
.product-settings .sl-icon{
    color:#fff;
    font-size:17px;
    position:relative;
    top:6px;
    left:6px
}
.product-settings+.dropdown{
    box-shadow:0px 0px 16px 0px rgba(1,2,0,0.2);
    top:54px;
    right:-8px
}
.product-settings+.dropdown .dp-triangle{
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    position:absolute;
    top:-8px;
    right:22px
}
@media screen and (max-width: 1505px){
    .dashboard-content .column4-wrap{
        width:870px
    }
    .dashboard-content .column4-wrap .column:nth-child(4n+4){
        margin-right:30px
    }
    .dashboard-content .column4-wrap .column:nth-child(3n+3){
        margin-right:0
    }
}
@media screen and (max-width: 935px){
    .dashboard-content .column4-wrap{
        width:570px
    }
    .dashboard-content .column4-wrap .column{
        margin-bottom:60px
    }
    .dashboard-content .column4-wrap .column:nth-child(3n+3){
        margin-right:30px
    }
    .dashboard-content .column4-wrap .column:nth-child(2n+2){
        margin-right:0
    }
}
@media screen and (max-width: 630px){
    .dashboard-content .column4-wrap{
        width:270px
    }
    .dashboard-content .column4-wrap .column{
        margin-right:0
    }
}
.withdraw-history .transaction-history{
    position:relative;
    top:-22px
}
.transaction-history .transaction-history-item{
    border-bottom:1px solid #ebebeb
}
.transaction-history .transaction-history-item:last-child{
    border-bottom:none
}
.transaction-history-item{
    height:50px;
    background-color:#fff;
    overflow:hidden
}
.transaction-history-item p,.transaction-history-item .text-header{
    font-size:0.8125em;
    line-height:50px
}
.transaction-history-item>*{
    float:left
}
.transaction-history-item-date{
    width:23.3%
}
.transaction-history-item-mail{
    width:48%
}
.transaction-history-item-amount{
    width:17.2%
}
.transaction-history-item-status{
    width:11.5%
}
.transaction-history-item-status p{
    text-align:right
}
@media screen and (max-width: 630px){
    .transaction-history-item{
        height:auto;
        padding:20px 24px 14px
    }
    .transaction-history-item p,.transaction-history-item .text-header{
        line-height:1em;
        margin-bottom:6px
    }
    .transaction-history-item>*{
        float:none;
        width:100%
    }
    .transaction-history-item-status p{
        text-align:left
    }
}
.alert-boxes-preview{
    overflow:hidden
}
.alert-boxes-preview .alert-boxes-preview-description{
    float:left;
    width:38%
}
.alert-boxes-preview .alert-boxes-preview-description p{
    font-size:0.8125em;
    line-height:20px;
    margin-bottom:20px
}
.alert-boxes-preview .alert-boxes-preview-description p:last-child{
    margin-bottom:0
}
.alert-boxes-preview .alert-boxes-preview-description .text-header{
    font-size:0.875em;
    line-height:1em
}
.alert-boxes-preview .alert-boxes-preview-links{
    float:right;
    width:55%
}
.alert-boxes-preview .alert-boxes-preview-links .button{
    float:left;
    width:48%;
    margin-bottom:20px
}
.alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2){
    float:right
}
.alert-box{
    width:300px;
    padding:34px 24px 26px;
    border:1px solid #ebebeb;
    background-color:#fff;
    box-shadow:0px 0px 16px 0px rgba(1,2,0,0.2);
    position:relative
}
.alert-box p{
    font-size:0.8125em;
    line-height:20px
}
.alert-box .text-header{
    font-size:1em;
    line-height:1em
}
.alert-box img[alt="close-icon"]{
    position:absolute;
    top:10px;
    right:12px;
    opacity:.5;
    cursor:pointer
}
.alert-box img[alt="close-icon"]:hover{
    opacity:1
}
.alert-box.survey{
    padding-top:60px
}
.alert-box.survey p{
    text-align:center
}
.alert-box.survey .survey-img{
    width:66px;
    height:66px;
    position:absolute;
    top:-33px;
    left:50%;
    margin-left:-33px
}
.alert-box.survey .survey-img img{
    border-radius:50%
}
.alert-box.survey .text-header{
    margin-bottom:20px
}
.alert-box.survey .timestamp{
    margin:10px 0 30px
}
.alert-box.survey .button{
    width:100%
}
.alert-box.review .text-header{
    margin-bottom:20px
}
.alert-box.review .timestamp{
    margin:10px 0 30px
}
.alert-box.review .review-buttons{
    overflow:hidden
}
.alert-box.review .review-buttons .button{
    float:left;
    width:120px
}
.alert-box.review .review-buttons .button:last-child{
    float:right
}
.alert-box.review .review-buttons .sl-icon{
    font-size:18px;
    position:relative;
    top:3px
}
.alert-box.review .review-buttons .sl-icon.icon-dislike{
    top:4px
}
.alert-box.item{
    min-height:80px;
    padding:20px 80px 12px 70px
}
.alert-box.item .user-avatar{
    position:absolute;
    top:20px;
    left:16px
}
.alert-box.item p.info{
    font-size:0.6875em;
    line-height:14px
}
.alert-box.item p.timestamp{
    font-size:0.625em
}
.alert-box.item .sl-icon{
    color:#00d7b3;
    font-size:18px;
    position:absolute;
    top:30px;
    right:20px
}
.alert-box.message{
    width:400px;
    height:140px;
    padding:34px 40px 0 124px
}
.alert-box.message.info .message-type{
    background:url("../images/dashboard/alert-info.png") no-repeat 24px 40px #1cbdf9
}
.alert-box.message.success .message-type{
    background:url("../images/dashboard/alert-success.png") no-repeat 24px 40px #00d7b3
}
.alert-box.message.error .message-type{
    background:url("../images/dashboard/alert-error.png") no-repeat 24px 40px #ea2e68
}
.alert-box.message .message-type{
    width:100px;
    height:138px;
    position:absolute;
    top:0;
    left:0
}
.alert-box.message .text-header{
    margin-bottom:20px
}
.alert-box.message .info{
    overflow:hidden
}
pre{
    padding:24px 20px;
    background-color:#f5f5f5;
    border:1px solid #ebebeb
}
@media screen and (max-width: 935px){
    .alert-boxes-preview .alert-boxes-preview-description,.alert-boxes-preview .alert-boxes-preview-links{
        float:none;
        width:100%
    }
    .alert-boxes-preview .alert-boxes-preview-links{
        margin-top:30px
    }
}
@media screen and (max-width: 630px){
    .alert-boxes-preview .alert-boxes-preview-links .button{
        float:none;
        width:100%
    }
    .alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2){
        float:none
    }
}
#footer-top-wrap {
    background-color: #2f1c54;
}
 #footer-bottom-wrap {
    background-color: #251543;
}
/*# sourceMappingURL=style.css.map */