html, body {
    height: 100%;
    max-width: 100%;
    /* overflow-x: hidden; */
}

body {
    background: #f7f7f7;
    color: #A4A4A4;
    font: 13px/18px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    overflow-y: scroll;
    margin: 0!important;
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}

@font-face {
    font-family: lft-etica;
    src: url(https://use.typekit.net/af/0327a7/000000000000000000017360/27/l?subset_id=2&fvd=i7&v=3) format(woff2), url(https://use.typekit.net/af/0327a7/000000000000000000017360/27/d?subset_id=2&fvd=i7&v=3) format(woff), url(https://use.typekit.net/af/0327a7/000000000000000000017360/27/a?subset_id=2&fvd=i7&v=3) format(opentype);
    font-weight: 700;
    font-style: italic;
}

img {
    border-style: none;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    cursor: pointer;
}

input, textarea, select {
    font: 100% arial, sans-serif;
    vertical-align: middle;
}

input:active, input:hover {
    outline: none;
}

:focus {
    outline: none;
}

aside, figure {
    display: block;
}

figure {
    margin: 0;
}

form, fieldset {
    border-style: none;
    margin: 0;
    padding: 0;
}

#page {
    min-height: 100%;
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
    /* margin-top: 80px; */
}

div.fix-width {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

h1 {
    font-size: 24px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 20px;
}

h2 {
    color: #fff;
    font: 61px/63px lft-etica-n4, lft-etica, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 7px;
}

h3 {
    font: 26px/28px lft-etica-n7, lft-etica, Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 0 #fff;
    margin: 0;
    padding: 0 0 12px;
}

h4 {
    font-size: 18px;
    line-height: 21px;
    margin: 0;
    padding: 0 0 6px;
}

p {
    margin: 0;
    padding: 0 0 33px;
}

.promo p {
    margin: 0;
    padding: 0;
}

#header {
    left: 0;
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
}

a.join-link {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #00aeef;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: bold 14px/34px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    position: relative;
    text-shadow: 0 1px 0 #008bbf;
    opacity: 1;
    padding: 0 22px;
}

a.join-link:hover {
    opacity: .7;
    text-decoration: none;
}

.menu {
    float: left;
}

.menu ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.menu ul li {
    float: left;
    margin: 0;
}

.menu .dropdown li:hover a {
    position: relative;
    text-decoration: none;
    color: #17191c;
}

.menu ul li a {
    color: #676767;
    display: block;
}

.menu .dropdown > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 18px;
    padding-top: 1px;
    margin-bottom: -18px;
}

.menu .dropdown ul.menu-dropdown li a {
    position: relative;
    color: #6f6f6f;
    font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-shadow: none;
    padding: 10px 10px 7px 0px;
    background-color: transparent;
    border: none;
    text-align: left;
}

.menu .menu-dropdown li:hover a {
    border-bottom: none;
    background: #d6d6d6 none;
    box-shadow: 0 0 0 #b1b1b1;
    text-shadow: 0;
    color: #fff;
}

.fader img {
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

img.swap1, .fader:hover img.swap2 {
    opacity: 1;
}

.fader:hover img.swap1, img.swap2 {
    opacity: 0;
}

img.swap1 {
    position: absolute;
    z-index: 1;
}

.fader {
    position: relative;
}

.block-white {
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    position: relative;
}

#email-signup .support-popup {
    background: #fff;
    width: 425px;
    min-height: 300px;
    text-align: left;
}

.support-popup p {
    text-align: left;
}

.support-popup h4 {
    color: #696969;
    font: bold 22px/22px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    padding: 0 0 20px 0px;
    text-align: left;
}

.support-popup form .btn-row {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: none;
}

.support-popup .row {
    width: 100%;
    padding: 0 0 20px;
}

.support-popup .row .text-holder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    float: left;
    height: 23px;
    position: relative;
    width: 182px;
    margin: 0 0 0 19px;
    padding: 7px 9px;
}

.support-popup .row .text-holder input {
    background: none;
    border: none;
    color: #bcbcbc;
    font: 14px/23px lft-etica-n7, lft-etica, Arial, Helvetica, sans-serif;
    height: 23px;
    width: 100%;
    padding: 0;
}

.support-popup .row span.star {
    background: 0 -1190px no-repeat;
    display: block;
    height: 6px;
    position: absolute;
    right: 13px;
    top: 14px;
    width: 7px;
}

.support-popup .row .email-holder span.star {
    right: 12px;
    top: 9px;
}

.support-popup .btn-row .btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #00aeef 116px -1073px no-repeat;
    border-radius: 4px;
    float: left;
    height: 45px;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.support-popup .btn-row .btn {
    background-image: none;
}

.support-popup .btn-row .btn input {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 16px/45px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    height: 45px;
    padding: 0 57px 0 50px;
}

.support-popup .row .textarea-holder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    height: 108px;
    position: relative;
    width: 403px;
    padding: 9px;
}

.support-popup .row .textarea-holder textarea {
    background: none;
    border: none;
    color: #bcbcbc;
    font: 14px/16px lft-etica-n7, lft-etica, Arial, Helvetica, sans-serif;
    height: 108px!important;
    overflow: auto;
    width: 403px!important;
    margin: 0;
    padding: 0;
}

.support-popup .btn-row a {
    color: #828383;
    float: left;
    font: 12px/14px lft-etica-n4, lft-etica, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    margin: 16px 0 0 16px;
}

a.post-share {
    display: block;
    height: 46px;
    float: left;
    background: #3e599a no-repeat 0 0;
    width: 24%;
    text-indent: 50px;
    font: 15px/46px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #fff;
    min-width: 185px;
    margin: 10px 0 0;
}

a.post-share:hover {
    opacity: .8;
    text-decoration: none;
    cursor: pointer;
}

a.post-share span {
    width: 20px;
    height: 16px;
    display: block;
    float: right;
    background-color: #4665af;
    color: #fff;
    vertical-align: middle;
    font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    text-indent: 0;
    padding: 15px;
}

a.post-share.facebook {
    background: #3e599a no-repeat 0 1px;
    margin-right: 10px;
}

a.post-share.facebook span {
    background-color: rgba(70, 101, 175, .5);
}

a.post-share.twitter {
    background: #4b8cbe no-repeat -0 -111px;
    margin-right: 10px;
}

a.post-share.twitter span {
    background-color: rgba(82, 159, 218, .5);
}

a.post-share.gplus {
    background: #b8382e no-repeat -0 -50px;
    margin-right: 10px;
}

a.post-share.gplus span {
    background-color: rgba(210, 66, 56, .5);
}

a.post-share.stumble {
    background: #e15131 no-repeat -0 -165px;
}

a.post-share.stumble span {
    background-color: rgba(253, 93, 59, 0.50);
}

#footer {
    background: #e2e2e2;
    position: relative;
    width: 100%;
    z-index: 121;
    margin: 0;
    padding: 0px;
    box-sizing: initial;
}

#footer .social-block {
    -moz-box-shadow: 0 2px 2px #cdcdcd;
    -webkit-box-shadow: 0 2px 2px #cdcdcd;
    zoom: 1; box-shadow: 0 2px 2px #cdcdcd;
    position: relative;
    width: 100%;
    background-color: #F5F5F5;
    border-top: 1px solid #dedede;
}

#footer .social-holder {
    float: left;
    margin: 1px 0 0;
    padding: 0 0 0 23px;
}

#footer .social {
    list-style: none;
    width: 100%;
    margin: 0;
}

#footer .social li {
    float: left;
    margin: 0 25px 0 0;
    border-right: 1px solid #eaeaea;
    padding: 15px 20px 13px 0px;
}

#footer .social li:first-child {
    border-left: 1px solid #eaeaea;
    padding-left: 20px;
}

#footer .social a {
    display: block;
    overflow: hidden;
    width: 21px;
    height: 21px;
}

#footer a.facebook {
    color: #3e599a;
    height: 22px;
}

#footer a.gplus {
    color: #b8382e;
    height: 20px;
    margin-top: 2px;
}

#footer a.twitter {
    color: #4b8cbe;
}

#footer a.dribble {
    color: #ea4c89;
    width: 26px;
    height: 26px;
    margin-top: -2px;
}

#footer a.email {
    color: rgba(0, 0, 0, .4);
    height: 22px;
    width: 24px;
    margin-top: 1px;
}

#footer a.rss {
    color: #e15131;
    height: 19px;
    width: 20px;
    margin-top: 2px;
}

.pop-ups {
    float: right;
    margin: 1px 0 0;
    padding: 0;
}

.pop-ups ul {
    float: left;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}

.pop-ups ul a {
    color: #6d6e71;
    font: 17px/26px lft-etica-n4, lft-etica, Arial, Helvetica, sans-serif;
}

.pop-ups ul li a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 12px 20px 9px 22px;
}

.pop-ups ul li:hover {
    cursor: pointer;
}

form .text-holder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    height: 22px;
    position: relative;
    width: 210px;
    padding: 3px 7px;
}

form .text-holder:after {
    clear: both;
    content: "";
    display: block;
}

form .text-holder input {
    background: none;
    border: none;
    color: #bcbcbc;
    font: 12px/22px lft-etica-n7, lft-etica, Arial, Helvetica, sans-serif;
    height: 22px;
    width: 210px;
    padding: 0;
}

form .textarea-holder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    height: 75px;
    position: relative;
    width: 210px;
    padding: 5px 7px;
}

form .textarea-holder textarea {
    background: none;
    border: none;
    color: #bcbcbc;
    font: 12px/14px lft-etica-n7, lft-etica, Arial, Helvetica, sans-serif;
    height: 75px!important;
    overflow: auto;
    resize: none;
    width: 210px!important;
    margin: 0;
    padding: 0;
}

form .btn-row {
    -moz-border-radius: 4px;
    -moz-box-shadow: #e6e6e6 0 2px 3px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: #e6e6e6 0 2px 3px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: #e6e6e6 0 2px 3px;
    float: left;
    height: 28px;
    position: relative;
}

form .btn-row input {
    background: none;
    border: none;
    color: #676767;
    cursor: pointer;
    font: 13px/28px lft-etica-n4, lft-etica, Arial, Helvetica, sans-serif;
    height: 28px;
    padding: 0 28px;
}

.pop-ups .join {
    float: left;
    overflow: hidden;
    width: 95px;
    margin: 0;
    padding: 8px 24px 6px 23px;
}

.footer-bottom {
    overflow: hidden;
    width: 100%;
    padding: 0 0 20px;
}

.footer-bottom .logo {
    background: no-repeat;
    float: left;
    height: 27px;
    overflow: hidden;
    text-indent: -9999px;
    width: 160px;
    margin: 19px 0 0 23px;
}

.footer-bottom .logo a {
    display: block;
    height: 100%;
}

.footer-bottom p {
    color: #a6a6a6;
    float: right;
    font: bold 13px/26px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    margin: 21px 8px 0 0;
    padding: 0;
}

.footer-bottom p a {
    color: #a6a6a6;
    font: bold 13px/26px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
}

div.clear {
    clear: both;
}

.support-popup .row .text-holder {
    width: 280px;
}

#header.ml-header {
    background: #fff;
    border-top: 2px solid #31b5eb;
    border-bottom: 1px solid #eaeaea;
    max-width: 100%;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
}

.ml-header div.bottom {
    /* height: 40px; */
    padding: 15px 0;
}

.ml-header .menu {
    /* background-image: none; */
    /* margin-top: 3px; */
    /* height: 39px; */
}

.ml-header .menu ul li {
    display: block;
    float: left;
    background-image: none;
    padding-bottom: 17px;
    box-sizing: border-box;
}

.ml-header .menu ul li a {
    display: block;
    /* float: left; */
    color: #747475;
    font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    background-image: none;
    padding: 10px 13px;
}

.ml-header .menu ul li a:hover {
    color: #1e1e1e;
}

#header.ml-header .logo {
    background: none no-repeat;
    float: left;
    height: 36px;
    /* overflow: hidden; */
    text-indent: 0;
    width: 36px;
    margin: 3px 5px 0 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.61);
}
#header.ml-header .logo .mcil{
    transition:transform .8s ease;
}
#header.ml-header .logo:hover .mcil{
    transform: rotate(360deg);
}

.ml-header .menu ul li:hover a {
    border-bottom: none;
    box-shadow: none;
    /* padding-bottom: 10px; */
}

.menu ul li.dropdown span.dropdown-arrow {
    display: inline-block;
    float: right;
    width: 13px;
    height: 20px;
    margin: 0 -5px 0 8px;
}

.ml-header .menu .dropdown:hover ul.menu-dropdown {
    display: block;
    /*margin-top: 35px;*/
}

.ml-header .menu ul li ul.menu-dropdown li:hover a, .menu ul li ul.menu-dropdown li:hover a {
    color: #fff;
}

.comment-block {
    background-color: #fff;
    font-size: 150%;
    padding: 40px;
}

.redditbg {
    fill: #f40;
}

.redditbrand {
    fill: #fff;
    fill-rule: evenodd;
}

a.button.login-register {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #474949;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: normal 16px/34px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    position: relative;
    opacity: 1;
    margin: 0 7px;
    padding: 5px 22px;
}

.glyph {
    fill: currentColor;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.glyph-svg {
    width: 100%;
    height: 100%;
}

.glyph-svg .fill {
    fill: inherit;
}

.pop-ups ul li {
    float: left;
    min-width: 75px;
    margin: -1px 0 0;
    padding: 0 2px 2px 0;
}

.down-arrow {
    display: inline-block;
    height: 10px;
    width: 15px;
    font-size: 11.5px;
    position: relative;
}

.down-arrow:after {
    content: '\25BC';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 5px;
    color: #747474;
    transform: scaleY(.75);
}

.social-login .facebook {
    background: #3e599a url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='glyph-svg' viewBox='0 0 12 24'%3E%3Cpath fill='%23ffffff' d='M12 0v5H9S8 5 8 6v2h4l-1 5H8v11H3V13H0V8h3V4.7S2.8 0 7.6 0H12z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 12px;
}

.social-login .google {
    background: #b8382e url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' viewBox='0 0 19 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' fill='%23ffffff' d='M8.68,4.7C8.42,2.61,7.01,0.929,5.53,0.88C4.05,0.83,3.06,2.43,3.31,4.53c0.26,2.09,1.67,3.83,3.15,3.88C7.94,8.46,8.93,6.8,8.68,4.7z M6.26,12.48c-2.21-0.03-4.18,1.449-4.18,3.22c0,1.81,1.59,3.309,3.8,3.309c3.1,0,4.18-1.41,4.18-3.22c0-0.22-0.02-0.43-0.07-0.64c-0.24-1.02-1.1-1.53-2.3-2.431C7.26,12.57,6.78,12.48,6.26,12.48z M8.89,1c1.21,0.5,1.85,2.02,1.85,3.58c0,1.309-0.67,2.43-1.62,3.229c-0.93,0.79-1.1,1.11-1.1,1.78c0,0.561,0.99,1.53,1.51,1.92c1.52,1.16,2.01,2.231,2.01,4.03c0,2.24-2.01,4.46-5.65,4.46C2.69,20,0,18.599,0,16.36c0-2.271,2.46-4.46,5.65-4.46l1-0.011c-0.44-0.46-0.78-1.019-0.78-1.71c0-0.41,0.12-0.81,0.29-1.16C5.98,9.04,5.81,9.04,5.62,9.04c-2.62,0-4.38-2.01-4.38-4.5C1.24,2.099,3.67,0,6.25,0H12l-1.29,1H8.89zM19,5h-2v2h-2V5h-2V3h2V1h2v2h2V5z'/%3E%3C/svg%3E") 13px center no-repeat;
    background-size: 26px;
}

.social-login .twitter {
    background: #4b8cbe url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20'%3E%3Cpath class='fill' fill='%23ffffff' d='M23 2.37c-.85.4-1.76.67-2.71.79.97-.62 1.72-1.61 2.07-2.79-.91.58-1.92 1-2.99 1.23C18.51.61 17.28 0 15.92 0c-2.6 0-4.71 2.26-4.71 5.05 0 .4.04.78.12 1.15C7.41 5.99 3.93 3.98 1.6.93c-.4.74-.64 1.61-.64 2.53 0 1.76.84 3.3 2.1 4.21-.77-.03-1.5-.26-2.14-.64v.07c0 2.44 1.63 4.48 3.79 4.95-.4.11-.81.18-1.24.18-.31 0-.6-.04-.89-.1.6 2.01 2.34 3.47 4.41 3.51-1.62 1.35-3.65 2.16-5.86 2.16-.39 0-.76-.02-1.13-.07C2.09 19.16 4.57 20 7.23 20c8.68 0 13.43-7.69 13.43-14.36l-.01-.66c.92-.71 1.72-1.6 2.35-2.61z'/%3E%3C/svg%3E") center center no-repeat;
    background-size: 24px;
}

.social-login {
    width: 100%;
    margin-top: 10px;
}

.social-login a {
    height: 50px;
    width: 50px;
    text-indent: -9999px;
    color: rgba(255, 255, 255, 0);
    border-radius: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    background-size: 16px;
    margin: 10px 15px;
}

.close-btn {
    top: 32px;
    right: 25px;
    color: #FFF;
    opacity: 1;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 2000;
    background: url(https://s3.medialoot.com/images/top-close.png) center center no-repeat;
}

.modal-bg {
    visibility: hidden;
    position: fixed;
    height: 0;
    width: 0;
}

.modal-bg.modal-open {
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 2100;
    text-align: center;
    overflow-y: scroll;
}

.modal-open.modal-bg.dark-bg {
    background-color: rgba(0, 0, 0, .5);
}

.modal {
    position: relative;
    top: 50%;
    transform: translateY(-50%) scale(.1);
    max-width: 1000px;
    min-height: 540px;
    background: #1e1e1e url(https://medialoot.com/assets/img/site/homepage-banner.jpg) repeat center;
    box-sizing: border-box;
    box-shadow: 1px 1px 30px 0 rgba(0, 0, 0, .3);
    text-align: center;
    transition: transform .3s ease;
    margin: 0 auto;
    padding: 130px 50px 50px;
}

.modal.narrow {
    max-width: 500px;
}

.modal.no-image {
    background-image: none;
    background-color: #fff;
}

.modal-bg.dark-bg h2 {
    color: #777;
    font-size: 38px;
}

.modal-open .modal {
    transform: translateY(-50%) scale(1);
}

.narrow .status-bar {
    margin-left: 0;
}

.narrow .status-bar li {
    width: 30%;
}

.status-bar {
    counter-reset: step;
    margin-left: 17%;
    height: 40px;
    position: relative;
    z-index: 3;
}

.status-bar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.status-bar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    border-radius: 50%;
    background-color: #FFF;
    margin: 0 auto 10px;
}

.status-bar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.status-bar li:first-child:after {
    content: none;
}

.status-bar li.active {
    color: green;
}

.status-bar li.active:before {
    border-color: #55b776;
}

.status-bar li.active + li:after {
    background-color: #55b776;
}

.status-container {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
    background-color: #f9f9f9;
    padding-top: 5px;
    box-sizing: border-box;
    position: relative;
    margin: -50px -50px 20px;
}

.freebie-modal .modal {
    padding-top: 50px;
    min-height: 560px;
    position: relative;
}

.modal form input {
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: none;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    box-sizing: border-box;
    padding: 10px;
}

.modal form.register {
    width: 95%;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 0 5% 0 10%;
}

.errors {
    text-align: left;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #940505;
    opacity: .7;
    font-size: 12px;
    padding: 0;
}

input#subscribe-check {
    width: auto;
    margin: 0px 10px 30px 0px;
}

.modal form input.big-register {
    background-color: #3f9fe8;
    color: #FFF;
    border: none;
    cursor: pointer;
    padding: 15px;
}

.modal .or {
    border-bottom: 1px solid #ddd;
    width: 80%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
    height: 20px;
}

.modal .or span {
    height: 40px;
    background: #fff;
    width: 50px;
    display: inline-block;
    margin-bottom: -20px;
    line-height: 40px;
}

a.or-login {
    display: block;
    color: #7d7d7d;
    text-decoration: underline;
    font-size: 15px;
    margin: -10px 0 27px;
    padding: 0;
}

input:active, textarea:active, input:hover, :focus {
    outline: none;
}

figure, footer, header, nav, .menu ul li:hover ul.menu-dropdown {
    display: block;
}

figure, .support-popup .row .text-holder:first-child {
    margin: 0;
}

div.fix-width:after, #header:after, .support-popup .row:after, #footer:after, #footer .social-block:after, #footer .social:after, .pop-ups:after, .pop-ups ul li .popup-holder:after {
    clear: both;
    content: '';
    display: block;
}

.menu .menu-dropdown {
    -moz-box-shadow: 0 1px 1px #b1b1b1;
    -webkit-box-shadow: 0 1px 1px #b1b1b1;
    display: none;
    position: absolute;
    z-index: 400;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 9px;
}

.menu .menu-dropdown li {
    clear: both;
    position: relative;
    width: 100%;
    background: none;
    margin: 0;
    padding: 1px 9px;
}

.menu ul.menu-dropdown li:hover {
    background-color: #f6f6f6;
}

.menu ul li:hover ul.menu-dropdown li a, .ml-header .menu ul li:hover ul.menu-dropdown li a {
    -moz-box-shadow: 0 0 0 #b1b1b1;
    -webkit-box-shadow: 0 0 0 #b1b1b1;
    border-bottom: none;
    background: none;
    box-shadow: 0 0 0 #b1b1b1;
    color: #5c5c5e;
    padding-left: 12px;
}

.pop-ups ul a:hover, .or-login:hover {
    text-decoration: none;
}

.support-popup .btn-row .btn input:hover, form .btn-row .btn:hover {
    opacity: .7;
}

@media screen and (max-width: 1140px) {
    body {
        min-width: auto;
        max-width: 100%;
    }

    div.fix-width {
        width: 100%;
        margin: 0 1%;
    }

    .ml-header .menu ul li a {
        padding: 10px;
    }
}

@media screen and (max-width: 850px) {
    .ml-header .menu {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .ml-header .menu {
        display: none;
    }
}

.related-bar {
    background-color: #f3f3f3;
    margin: 30px 0px 40px;
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 60px 2vw 70px 7vw;
    /* text-align: center; */
    box-sizing: border-box;
    overflow-hidden; font-size: 16px;
    line-height: 1.4em;
}

.related-bar * {
    box-sizing: border-box;
}

.nav-button {
    background: #31b5eb;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: 16px/34px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    padding: 1px 22px;
    text-shadow: none;
    line-height: 38px;
    text-align: center;
    min-width:195px;
    margin: 1px 0px 1px 10px;
}
.user-bar {
  /* min-width: 160px;*/
}

.nav-button:hover {
    text-decoration: none;
    opacity: .8;
}

.nav-button.green {
    background-color: #51c351;
}

.nav-button.right {
    float: right;
}

.subscriber .hide-subscriber, .logged-in .hide-member {
    display: none !important;
    opacity: 0;
}

.loaded .show-subscriber, .loaded .show-member {
    display: none;
    opacity: 0;
}

.loaded.subscriber .show-subscriber, .loaded.logged-in .show-member {
    display: inherit;
    opacity: 1;
}

.ais-search-box {
    width: 100%;
    text-align: center;
}

.ais-search-box--input {
    width: 65%;
    background-color: rgba(0, 0, 0, 0.55);
    border: none;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
}

.result-count {
    position: absolute;
    top: 36px;
    right: 20px;
    font-size: 16px;
}

.search-bar {
    /* margin-top: 63px; */
    background-color: #222326;
    padding: 19px 20px 18px 20px;
    /* margin-bottom: -63px; */
    position: relative;
}

.search-bar input {
    width: 100%;
    border-radius: 0;
    background-color: #2d2f33;
    color: white;
    left: 0;
    padding: 13px;
    padding-left: 55px;
    box-sizing: border-box;
    right: 0;
    box-sizing: border-box;
    border-radius: 5px;
}

.search-bar .ais-stats {
    position: absolute;
    top: 91px;
    color: #969696;
    right: 20px;
    width: 200px;
}

.search-bar::-webkit-input-placeholder {
    color: #dadada;
}

.search-bar:-moz-placeholder {
    color: #dadada;
}

.search-bar::-moz-placeholder {
    color: #dadada;
}

.search-bar:-ms-input-placeholder {
    color: #dadada;
}

.search-bar input, .use-magnifier {
    background-image: url(data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.997%2022%22%3E%0D%0A%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23ccc%3B%22%20d%3D%22M8.92%2C0C3.99%2C0%2C0%2C3.95%2C0%2C8.83c0%2C4.88%2C3.99%2C8.83%2C8.92%2C8.83%0D%0A%09c2.13%2C0%2C4.07-0.74%2C5.61-1.97c0.07%2C0.12%2C0.13%2C0.25%2C0.24%2C0.35l5.55%2C5.51c0.31%2C0.3%2C0.71%2C0.45%2C1.11%2C0.45c0.4%2C0%2C0.8-0.15%2C1.11-0.46%0D%0A%09c0.61-0.6%2C0.61-1.59%2C0-2.19l-5.55-5.51c-0.16-0.15-0.33-0.26-0.52-0.34c0.86-1.35%2C1.36-2.95%2C1.36-4.67C17.83%2C3.95%2C13.84%2C0%2C8.92%2C0z%0D%0A%09%20M8.92%2C2.72c3.4%2C0%2C6.17%2C2.74%2C6.17%2C6.11c0%2C1.14-0.33%2C2.25-0.94%2C3.23l-0.56%2C0.89l-0.79%2C0.63c-1.11%2C0.89-2.45%2C1.36-3.88%2C1.36%0D%0A%09c-3.41%2C0-6.17-2.74-6.17-6.11C2.75%2C5.46%2C5.51%2C2.72%2C8.92%2C2.72z%22%2F%3E%0D%0A%3C%2Fsvg%3E);
    background-position: left 20px top 16px;
    background-repeat: no-repeat;
    background-size: 18px;
}

.search-container {
    position: absolute;
    top: 149px;
    background-color: rgba(0, 0, 0, .8);
    height: 300%;
    width: 100%;
    left: 0;
    z-index: 10;
    /* box-sizing: border-box; */
}

.search-popup {
    margin: 30px auto;
    width: 85vw;
    max-width: 1600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.search-item {
    margin: 0px 10px 20px;
    padding: 15px 15px 10px;
    background-color: rgba(0, 0, 0, .1);
    /* border-radius: 5px; */
}

.search-item p {
    color: #fff;
    padding-bottom: 0px;
}

.search-container .search-item {
    color: #fff;
}

.search-container .close {
    position: absolute;
    color: white;
    top: 30px;
    right: 35px;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    height: 35px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
    opacity: .6;
}

.all-results {
    display: block;
    padding: 10px;
    background-color: #646564;
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.79);
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.all-results.top {
    width: 150px;
    position: absolute;
    right: 26px;
    top: -62px;
}

.all-results.full {
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background-color: #31b5eb;
    font-size: 14px;
}

.related-bar .post {
    width: 20vw;
    float: left;
    margin-right: 2vw;
    background-color: #fff;
    padding: 0px 30px 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
    overflow: visible;
}

.related-bar .post img {
    margin: 0;
    width: 20vw;
}

.related-bar p {
    height: 110px;
    overflow: hidden;
    position: relative;
}

.related-bar .metadata p {
    height: auto;
    margin: 0;
    padding: 0;
}

.related-bar .metadata .comments, .related-bar .metadata .author {
    display: none;
}

.related-bar .metadata {
    margin: 0;
}

.related-bar .related-content a.read-more {
    width: auto;
    z-index: 2;
    right: 0px;
    bottom: 0px;
    width: 100%;
    font-size: 16px;
    padding: 8px;
    color: #666;
    font-weight: bold;
}

.related-bar .related-content {
    position: relative;
}

.related-bar .related-content:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .25) 10%, rgba(255, 255, 255, .8) 65%);
}

.loading .show-subscriber, .loading .hide-subscriber, .loading .show-member, .loading .hide-member {
    opacity: 0;
    display: none !important;
    transition: opacity .2s ease;
}

.subscriber .hide-subscriber, .logged-in .hide-member {
    display: none !important;
    opacity: 0;
}

.loaded .show-subscriber, .loaded .show-member {
    display: none;
    opacity: 0;
}

.loaded.subscriber .show-subscriber, .loaded.logged-in .show-member {
    display: inherit;
    opacity: 1;
}

.show-admin {
    display: none !important;
}

body.admin .show-admin {
    display: inherit !important;
}

.basic-green-check li {
    list-style-type: none;
    background: url('https://medialoot.com/assets/img/site/teal-checkmark.svg') left center no-repeat;
    padding: 3px 0px 3px 17px;
}

header .flex-width {
    display: flex;
    justify-content: space-between;
    padding: 0 12px 0 31px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.flex-width .menu {
    align-self: flex-start;
    /* flex-grow: 1; */
}

#member-drop-options {
    display: none;
    position: absolute;
    overflow: visible;
    top: 48px;
    right: 0px;
    background-color: #ffffff;
    padding: 10px;
    /* z-index: 1000; */
    min-width: 170px;
    border-top: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
}

#member-drop-options ul {
    margin: 0px 0px;
    list-style-type: none;
    padding: 0px;
    text-align: left;
    /* border-radius: 4px; */
    overflow: hidden;
}

#member-drop-options ul li {
    margin: 0px 0px;
    padding: 0px 0px;
    list-style-image: none;
}

#member-drop-options ul li:hover a {
    color: #ffffff;
    text-decoration: none;
}

#member-drop-options ul li:hover {
    background-color: #31b5eb;
}

#member-drop-options ul li a {
    padding: 8px 14px;
    width: 100%;
    margin: 0;
}

.nav-search {
    /* height:100%; */
    /* border: 1px solid #e5e5e5; */
    /* width:200px; */
    flex-grow: 1;
    position: relative;
    /* width: 100%; */
    border-radius: 3px;
    margin: 6px 20px 4px 15px;
    box-sizing: border-box;
}

.nav-search input {
    border: none;
    height: 100%;
    padding: 7.5px 20px 7.5px 35px;
    color: #737373;
    width: 100%;
    box-sizing: border-box;
}

.nav-search .use-magnifier {
    background-position: 10px 7px;
}

.nav-search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #aaa;
}

.nav-search input::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
}

.nav-search input:-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
}

.nav-search input:-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
}

.ml-header .search-container {
    top: 30px;
    left: 0;
    border: 1px solid #e5e5e5;
    border-top: none;
    background-color: white;
    height: auto;
    padding-bottom: 30px;
    /* width: calc(100% - 270px); */
    box-sizing: border-box;
}

.ml-header .search-popup {
    width: 100%;
}

.searching .menu {
    display: none;
}

.searching .nav-button.right {
    /* display:none; */
}

.searching .nav-search {
    margin-right: 0;
}

.searching .search-container .close {
    color: #666;
    border: 1px solid #666;
    top: -15px;
    right: 20px;
    opacity: .2;
}

.ml-header .search-item {
    background-color: transparent;
    color: #666;
    display: block;
    /* width: 100%; */
    /* margin-left: 0; */
    /* border-bottom: 1px solid #fafafa; */
    clear: both;
    height: 130px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.ml-header .search-item img {
    width: 150px;
    height: auto;
    display: block;
    float: left;
}

.ml-header .search-popup {
    display: block;
}

.search-popup .item-details {
    display: block;
    height: 97px;
    /* width: 80%; */
    /* float:left; */
    margin-left: 170px;
}

.ml-header .search-item p.title {
    color: #444;
    display: inline-block;
    font-size: 1.4em;
    margin-top: 20px;
    /* margin-left: 10px; */
    width: 100%;
}

.ml-header .search-item p.desc {
    font-size: 1em;
    color: #888;
    max-width: 500px;
}

.searching .search-item:hover {
    background-color: #f6f6f6;
}

.searching .search-item:hover {
    text-decoration: none;
}

.search-bg {
    display: none;
}

.searching .search-bg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
}

.search-box {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.ml-header .menu .menu-dropdown {
    padding: 7px 0px 10px;
    margin-left: -65px;
    margin-top: 16px;
    overflow: visible;
    border-top: 1px solid #e6e6e6;
    border-radius: 7px;
}

.ml-header .menu .browse .menu-dropdown {
    margin-left: 0px;
}

.ml-header .menu .free .menu-dropdown {
    margin-left: 0;
}

.ml-header .menu .free .menu-dropdown li {
    padding: 2px 10px 5px 15px;
}

.ml-header .menu .blog .menu-dropdown {
    margin-left: 0;
}

.ml-header .menu .blog .menu-dropdown li {
    padding: 2px 18px 5px 15px;
}

#browse-menu .menu-dropdown li {
    position: relative;
    padding: 3px 22px 10px 28px;
    overflow: hidden;
    box-sizing: border-box;
}

#browse-menu .menu-dropdown li a {
    padding-left: 38px;
    /* padding-bottom:13px; */
    color: #444;
    padding-top: 12px;
}

#browse-menu .menu-dropdown li img {
    position: absolute;
    left: 0px;
    top: 6px;
    border-radius: 23px;
}

ul.menu-dropdown::before,
.cart:hover .basket::before,
.account .dropdiv::before{
    content: '';
    position: absolute;
    background-color: white;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    width: 15px;
    height: 15px;
    top: -9px;
    left: 5px;
    right: 0;
    margin: 0 auto 0 53px;
    transform: rotate(45deg);
}

.user-bar .account .dropdiv::before{
    right:-100px;
}

.ml-header .cart:hover .basket::before{
    left:auto;
    right:27px;
}

.blog .menu-dropdown::before {
    margin-left: 43px;
}

.free .menu-dropdown::before {
    margin-left: 61px;
}

.cart:hover .basket::before,
.account .dropdiv::before{
    margin: 0 auto;
}

/*
.menu .dropdown::after,
.user-bar .dropdown::after{
    content: '';
    position: absolute;
    width: 200vw;
    height: 100vw;
    background-color: #000;
    opacity: 0;
    top: 116px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    transition: opacity .15s ease;
    pointer-events: none;
}

body .user-bar .dropdown::after{
    top: 52px;
    left: -100vw;
}*/

html body .cart.dropdown::after{
    top: 55px;
}

.menu .dropdown:hover::after,
.user-bar .dropdown:hover::after {
    opacity: .2;
    z-index: -1;
}

.toast {
    position: fixed;
    top: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(49, 49, 49, 0.88);
    color: #dedede;
    border-radius: 100px;
    padding: 0px 45px 0px 35px;
    z-index: 3500;
    width: 200px;
    font-weight: bold;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform:scale(0);
}

.toast.success {
    background-color: rgba(77, 162, 54, 0.89);
    color: rgba(255,255,255,1);
}

.toast.error {
    background-color: rgba(202, 79, 45, 0.93);
    color: rgba(255,255,255,.9);
}

.toast.notice {
    background-color: rgba(236, 191, 93, 0.9);
    color: rgba(0, 0, 0, 0.84);
}

.toast .close {
    position: absolute;
    right: 15px;
    top: 18px;
    font-weight: bold;
    border: 1px solid currentColor;
    border-radius: 50px;
    width: 19px;
    height: 18px;
    text-align: center;
    padding-top: 1px;
    display: block;
    font-size: 10px;
    cursor: pointer;
}

.toast.show {
    opacity: 1;
    transform: scale(1);
    top: 20px;
}

.toast p {
    padding: 20px 0px;
}

@media screen and (max-width: 900px) {
    header .flex-width {
        width:100%;
        padding: 0px 20px;
        box-sizing: border-box;
    }

    .ml-header .search-container {
        /* width:calc(100% - 96px); */
        /* left:76px; */
    }

    .searching .nav-button.right {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    header .nav-button.right {
        display:none;
    }

    .ml-header .search-item p.desc {
        display: none;
    }

    .favorites {
        display: none !important;
    }
}

/* really wide screens */
@media screen and (min-width: 1650px) {
    .ml-header .search-container {
        width: 100%;
        /* left:46px; */
    }

    .searching .menu {
        display: block;
    }
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.pin-it-btn {
    background-color: #BD081C;
    color: #fff;
    width: 110px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 7px;
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.pin-it-btn svg {
    color: white;
    fill: white;
    max-width: 100%;
    max-height: 100%;
}

.pin-it-btn a {
    height: 100%;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

/* header */
.basket .basket-item {
    width: 100%;
}

.basket .basket-item:after {
    clear: both;
    content: '';
    display: block;
}

.basket ul.items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.basket ul.items li {
    border-bottom: 1px solid #ededed;
    margin: 14px 0 0;
    overflow: hidden;
    padding: 0 0 17px;
    position: relative;
    width: 100%;
}

.basket ul.items figure {
    border: 1px solid #cdcdcd;
    float: left;
    height: 68px;
    margin: 0 8px 0 0;
    width: 95px;
}

.basket ul.items figure a {
    display: block;
}

.basket ul.items figure a,.basket ul.items figure img {
    height: 68px;
    width: 95px;
}

.basket ul.items .info {
    float: left;
    font: 13px/15px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    padding: 4px 0 0;
    width: 95px;
}

.basket ul.items .info .title {
    color: #3c3c3c;
    font: bold 13px/15px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 6px;
}

.basket ul.items .info .price {
    color: #9d9d9d;
    font: bold 13px/15px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    margin: 0;
}

.basket ul.items a.close {
    background: url(//medialoot.com/assets/img/site/sprite_site.png) 0 -50px no-repeat;
    display: block;
    height: 18px;
    position: absolute;
    right: 3px;
    top: 25px;
    width: 18px;
}

.basket .total-info {
    padding: 6px 0 0;
    width: 100%;
}

.basket .total-info:after {
    clear: both;
    content: '';
    display: block;
}

.basket .total-info .total {
    color: #9d9d9d;
    float: left;
    font: bold 13px/15px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    padding: 0 0 0 3px;
    width: 100px;
}

.basket .total-info .total span {
    color: #3c3c3c;
    display: block;
    font: bold 24px/26px 'Helvetica Neue', Helvetica, Arial, Helvetica, sans-serif;
    margin: 0;
}

.basket .total-info .btn {
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 2px 3px #d7d7d7;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 2px 3px #d7d7d7;
    background: url(//medialoot.com/assets/img/site/bg_btn.gif) repeat-x;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    box-shadow: 0 2px 3px #d7d7d7;
    float: right;
    height: 31px;
    margin: 8px 3px 0 0;
    text-align: center;
    behavior: url(https://medialoot.com/assets/css/assets/css/PIE.htc);
}

.basket .total-info .btn a {
    background: url(//medialoot.com/assets/img/site/sprite_site.png) 82px -79px no-repeat;
    color: #676767;
    display: block;
    font: 14px/31px "lft-etica-n7", "lft-etica", Arial, Helvetica, sans-serif;
    padding: 0 31px 0 16px;
}

.basket .total-info .btn a:hover {
    opacity: 0.7;
    text-decoration: none;
}

div.clear {
    clear: both;
}

.ml-header div.top a {
    display: inline-block;
    font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #6f6f6f;
    padding: 3px;
    margin: 3px 4px;
}

.ml-header div.top a.dropdown {
    padding-right: 20px;
    background: url(//medialoot.com/assets/img/site/header-sprite.png) no-repeat right 5px;
}

.ml-header div.top div.basket {
    display: none;
    position: absolute;
    right: 0px;
    top: 26px;
    margin: 0px;
    width: 300px;
    background-color: #ffffff;
    z-index: 4500;
    text-align: left;
    border-radius: 5px;
    padding: 8px;
}

.ml-header #login-header:hover {
    display: block;
    color: #ff65f4;
}

.ml-header #login-header {
    position: absolute;
    background-color: #ffffff;
    top: 27px;
    right: 0px;
    padding: 15px;
    z-index: 1000;
    border-top: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    width: 260px;
}

.ml-header #login-header input {
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #dddddd;
    font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    padding: 7px 10px;
    margin: 6px 0px;
    color: #6f6f6f;
    float: left;
    width: 238px;
    clear: both;
}

.ml-header #login-header input[type="submit"] {
    background-color: #31b5eb;
    color: #feffff;
    width: auto;
    float: right;
    padding: 7px 30px;
    cursor: pointer;
    clear: none;
    border: 1px solid #31b5eb;
    margin-bottom: 20px;
}

.ml-header #login-header input[type="submit"]:hover {
    background-color: #29a6d9;
}

.ml-header #login-header label {
    color: #6f6f6f;
    font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    float: left;
    padding: 5px 0px;
}

.ml-header #login-header a.forgot_password {
    font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    padding: 6px 0px;
    color: #6f6f6f;
    display: block;
    width: 130px;
    float: right;
    clear: both;
    text-align: right;
    margin: 0px auto;
}

.ml-header #login-header div.checkbox {
    float: left;
    width: 150px;
    margin: 6px 0px;
    padding: 2px 0px;
}

.ml-header #login-header div.checkbox input {
    width: 23px;
}

.ml-header .user-bar .basket-holder {
    display: inline-block;
    position: relative;
    padding-top:0px;
    margin-top:0;
    top: 2px;
}

#ml-basket div.basket {
    display: block;
    position: absolute;
    top: 55px;
    right: -15px;
    padding: 15px;
    /* z-index: 1200; */
    border-top: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    width: 260px;
    background-color:#fff;
    text-align: left;
}

#ml-basket div.basket ul.items li figure a {
    padding: 0px;
    margin: 0px;
}

#ml-basket div.basket ul.items a {
    padding: 0px;
    margin: 0px;
    color: #444444;
    font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    display: inline-block;
}

#ml-basket div.basket ul.items .info {
    width: 127px;
    padding: 0px;
    z-index: 100;
    box-sizing: initial;
}

#ml-basket div.basket ul.items .info span.price {
    color: #6f6f6f;
    font: normal normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    display: inline-block;
    margin-top: 5px;
}

#ml-basket .basket ul.items a.close {
    background: url(//medialoot.com/assets/img/site/sprite_site.png) 0 -50px no-repeat;
    z-index: 5000;
}

#ml-basket .basket .total-info .total {
    font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #444444;
}

#ml-basket .basket .total-info .total span {
    color: #444444;
    font: 200 23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#ml-basket .basket .total-info .btn {
    background-image: none;
    drop-shadow: none;
    border: none;
    background-color: #31b5eb;
    box-shadow: none;
    height: auto;
    width: auto;
}

#ml-basket .basket .total-info .btn:hover {
    background-color: #29a6d9;
}

#ml-basket .basket .total-info .btn a {
    font: normal 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    padding: 5px 20px;
    background-image: none;
    color: #ffffff;
}

#ml-basket .basket .total-info .btn a:hover {
    color: #ffffff;
    opacity: 1.0;
}

.social-login .facebook {
    background: #3e599a url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' class='glyph-svg' viewBox='0 0 12 24'%3E%3Cpath fill='%23ffffff' d='M12 0v5H9S8 5 8 6v2h4l-1 5H8v11H3V13H0V8h3V4.7S2.8 0 7.6 0H12z'/%3E%3C/svg%3E) center center no-repeat;
    background-size: 12px;
}

.social-login .google {
    background: #b8382e url(data:image/svg+xml;charset=utf8,%3Csvg version='1.1' viewBox='0 0 19 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' fill='%23ffffff' d='M8.68,4.7C8.42,2.61,7.01,0.929,5.53,0.88C4.05,0.83,3.06,2.43,3.31,4.53c0.26,2.09,1.67,3.83,3.15,3.88C7.94,8.46,8.93,6.8,8.68,4.7z M6.26,12.48c-2.21-0.03-4.18,1.449-4.18,3.22c0,1.81,1.59,3.309,3.8,3.309c3.1,0,4.18-1.41,4.18-3.22c0-0.22-0.02-0.43-0.07-0.64c-0.24-1.02-1.1-1.53-2.3-2.431C7.26,12.57,6.78,12.48,6.26,12.48z M8.89,1c1.21,0.5,1.85,2.02,1.85,3.58c0,1.309-0.67,2.43-1.62,3.229c-0.93,0.79-1.1,1.11-1.1,1.78c0,0.561,0.99,1.53,1.51,1.92c1.52,1.16,2.01,2.231,2.01,4.03c0,2.24-2.01,4.46-5.65,4.46C2.69,20,0,18.599,0,16.36c0-2.271,2.46-4.46,5.65-4.46l1-0.011c-0.44-0.46-0.78-1.019-0.78-1.71c0-0.41,0.12-0.81,0.29-1.16C5.98,9.04,5.81,9.04,5.62,9.04c-2.62,0-4.38-2.01-4.38-4.5C1.24,2.099,3.67,0,6.25,0H12l-1.29,1H8.89zM19,5h-2v2h-2V5h-2V3h2V1h2v2h2V5z'/%3E%3C/svg%3E) 13px center no-repeat;
    background-size: 26px;
}

.social-login .twitter {
    background: #4b8cbe url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 20'%3E%3Cpath class='fill' fill='%23ffffff' d='M23 2.37c-.85.4-1.76.67-2.71.79.97-.62 1.72-1.61 2.07-2.79-.91.58-1.92 1-2.99 1.23C18.51.61 17.28 0 15.92 0c-2.6 0-4.71 2.26-4.71 5.05 0 .4.04.78.12 1.15C7.41 5.99 3.93 3.98 1.6.93c-.4.74-.64 1.61-.64 2.53 0 1.76.84 3.3 2.1 4.21-.77-.03-1.5-.26-2.14-.64v.07c0 2.44 1.63 4.48 3.79 4.95-.4.11-.81.18-1.24.18-.31 0-.6-.04-.89-.1.6 2.01 2.34 3.47 4.41 3.51-1.62 1.35-3.65 2.16-5.86 2.16-.39 0-.76-.02-1.13-.07C2.09 19.16 4.57 20 7.23 20c8.68 0 13.43-7.69 13.43-14.36l-.01-.66c.92-.71 1.72-1.6 2.35-2.61z'/%3E%3C/svg%3E) center center no-repeat;
    background-size: 24px;
}

.social-login {
    width: 100%;
    margin-top: 10px;
}

.ml-header .social-login {
    text-align: center;
    margin: 10px 0 0;
}

.ml-header .social-login a {
    width: 40px;
    height: 40px;
}

.ml-header .social-login .twitter {
    background-size: 20px;
}

.ml-header .social-login .facebook {
    background-size: 10px;
}

.ml-header .social-login .google {
    background-size: 20px;
}

.ml-header .social-login .or {
    margin-bottom: 20px;
    margin-top: 0px;
}

.social-login a {
    height: 50px;
    width: 50px;
    display: block;
    text-indent: -9999px;
    color: rgba(255, 255, 255, 0);
    border-radius: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin: 10px 15px;
    background-size: 16px;
}

.ml-header div.top .social-login a {
    margin: 0px 10px;
    padding: 0px;
}

.ml-header #login-header:hover .social-login .or {
    color: #A4A4A4;
}

.social-login .or {
    border-bottom: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
    line-height: 20px;
    text-align: center;
    height: 20px;
    margin: 10px auto;
}

.social-login .or span {
    height: 40px;
    background: #ffffff;
    padding: 0px 10px;
    display: inline-block;
    margin-bottom: -20px;
    line-height: 40px;
}

.ml-header .top {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

.ml-header div.top .dropdown {
    display: inline-block;
    font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    color: #6f6f6f;
    padding: 6px 4px;
    /* margin: 3px 4px; */
    position: relative;
}

.ml-header .login {
    text-align: right;
    display: block;
}

.top .dropdown span {
    /* padding-right:15px; */
    cursor: pointer;
}

.dropdown .dropdiv {
    display: none;
}

.dropdown:hover #member-drop-options, .dropdown:hover .dropdiv, .dropdiv:hover {
    display: block;
}

#member-drop-options ul li a {
    padding: 8px 14px;
    width: 130px;
    margin: 0;
}

.top .down-arrow {
    font-size: 70%;
    width: 10px;
}

/* end header */
#header.scrolled {
    position: fixed;
    top: -80px;
}

#header.scrolled.scroll-anim {
    top: 0px;
    transition: top .3s ease;
}

#header.scrolled .top,
#header.scrolled .menu,
#header.scrolled .promo-btn,
#header.scrolled .nav-search,
#header.scrolled .show-subscriber.buy-btn{
    display: none
}

#header.scrolled .buy-btn,
.subscriber #header.scrolled .show-subscriber.buy-btn{
    display:block;
    opacity: 1;
}

#header.scrolled .scroll-title {
    display: block !important;
}

.scroll-title {
    float: left;
    margin-right: auto;
    margin-left: 10px;
}

.scroll-title h2 {
    margin: 3px 0 -1px 0;
    padding: 0;
    color: #666;
    font: 23px/23px lft-etica-n4, lft-etica, Arial, Helvetica, sans-serif;
}

.scroll-title p {
    margin: 0 0 -6px 2px;
    padding: 0;
    display: block;
}

.links .dropdown {
    display: inline;
    flex-grow: 1;
    text-align: center;
}

.menu .dropdown .glyph {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    background-color: rgb(223, 232, 234);
    /* border:1px solid #eee; */
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
}

.user-bar > div {
    display: inline-block;
    margin: 5px 0 0;
    padding: 0px 15px 0px 15px;
    line-height: 32px;
    position: relative;
    z-index: 1010;
}

.user-bar .dropdown{
    margin-bottom:-20px;
    padding-bottom:20px;
}

.user-bar .login-btn{
    border-right: 1px solid #eee;
    cursor:pointer;
    /* border-radius:3px; */
    padding: 0 25px;
    margin-right: 5px;
    margin-left: 0px;
    /* font-weight: bold; */
    color: #888;
}

.user-bar .login-btn:hover{
    background-color:#f5f5f5;
    border-radius:5px;
    border-right:1px solid #eee;
}

.cart.dropdown{
    margin-bottom:-20px;
    padding-bottom:20px;
}
.cart .glyph {
    height: 37px;
    width: 37px;
    opacity: .6;
    /* color: #abd8ea; */
    margin-top: -1px;
}

.basket-holder {
    text-align: center;
    z-index:1000;
}

#cart-total {
    position: absolute;
    top: 9.5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #777979;
    transform: scaleY(.8);
    font-weight: bold;
}


#member-drop svg{
    width:32px;
    height:32px;
    opacity:.6;
    /*border:1px solid #ccc;*/
    box-sizing:border-box;
    padding:0px;/*
    background-color:#fdfdfd;
    border-radius:35px;*/
}

@media screen and (max-width: 1200px){
  .over-1200{
    display:none !important;
  }
}

@media screen and (max-width: 1000px){
  .over-1000{
    display:none !important;
  }
}
@media screen and (max-width: 1024px){
  .over-1024{
    display:none !important;
  }
}

@media screen and (max-width: 900px){
  .over-900{
    display:none !important;
  }
}

@media screen and (max-width: 800px){
  .over-800{
    display:none !important;
  }
}

.checkout-btn,
.cart-full .promo-btn{
  display:none
}

.cart-full .checkout-btn{
  display:block;
}

.category-bar{
  background-color: #fafafa;
  /* border-bottom: 1px solid #ddd; */
  border-top: 1px solid #ddd;
  /* position: absolute; */
  /* top: 74px; */
  /* margin-bottom: 0px; */
  width: 100%;
  /* font-size: 12px; */
  /* padding-bottom: 0px; */
}
.category-bar .links{
  max-width: calc(60% + 320px);
  margin: 0 auto 0 auto;
  display:flex;
  justify-content:space-between;
  padding:0px 0;
  border: none;
}

.category-bar .links > a, .category-bar .links > div{
  display: inline;
  height:100%;
  line-height: 36px;
  font-size: 14px;
  color:#666;
  background-color: #fafafa;
  border-right: 1px solid #eee;
  text-align: center;
  margin: auto;
  flex-grow: 1;
  padding: 2px 0px;
  border-bottom: none;
  margin: 0 0 0px;
}

.category-bar .links > *:hover{
  background-color: #fff;
}

.category-bar .links >  *:first-child{
  border-left:1px solid #eee;
}

.category-bar img{
  /* float:left; */
  border-radius:5px;
  margin-right:10px;
  margin-top: 7px;
  margin-left: auto;
  display: inline-block;
  margin-bottom: -6px;
  margin-left:-2px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.nav-button.buy-btn{
  display:none;
}

.logo .ml-text{
    width: 157px;
    /* height:50px; */
    /* float:right; */
    left: 41px;
    /* opacity: .9; */
    position: absolute;
    z-index: 10;
}