*{margin:0;padding:0;font-size:100%;background:0 0;box-sizing:border-box} html{position:relative;min-height:100%} body{position:static;height:auto;font:normal 16px/1.5 Arial,Helvetica,sans-serif;color:rgba(0,0,0,.8);background-color:#fff} #footer.sticky-footer,.sticky-footer #footer{position:absolute;left:0;bottom:0;width:100%} .wrapper{position:relative;clear:both;min-height:100%;margin:0 auto;text-align:left} img,object,video,iframe{max-width:100%;} img,object,video{height:auto;} img{font-size:0;vertical-align:middle;border:none} figure{margin:0} #site .nav-x,#site .nav-x>.nav,#site .nav-y,#site .nav-y>.nav,.nav-x,.nav-x>.nav,.nav-y,.nav-y>.nav{list-style:none;margin:.8em 0;padding:0;line-height:1em} .nav-x>.nav>li,.nav-x>li{float:left} .nav-x.nav-sep>.nav>li,.nav-x.nav-sep>li{float:none;display:inline-block;margin:0 0 .3em;margin-right:.8em;padding-right:.8em;border-right:1px solid rgba(0,0,0,.2)} .nav-x.size-xxs>.nav>li,.nav-x.size-xxs>li{margin-right:.1em;padding-right:.1em} .nav-x.size-xs>.nav>li,.nav-x.size-xs>li{margin-right:.2em;padding-right:.2em} .nav-x.size-s>.nav>li,.nav-x.size-s>li{margin-right:.4em;padding-right:.4em} .nav-x.size-l>.nav>li,.nav-x.size-l>li{margin-right:1.2em;padding-right:1.2em} .nav-x.size-xl>.nav>li,.nav-x.size-xl>li{margin-right:2em;padding-right:2em} .nav-x.size-xxl>.nav>li,.nav-x.size-xxl>li{margin-right:3em;padding-right:3em} .nav-x.nav-sep>.nav>li:last-child,.nav-x.nav-sep>li:last-child{margin-right:0;padding-right:0;border-right-width:0} .nav-x a{position:relative;display:inline-block;padding:.4em .5em} .nav-x.nav-sep>li>a{padding:.2em} .nav-x.size-xxs>li>a{padding:.1em} .nav-x.size-xl>li>a{padding:.3em} .nav-x.size-xxl>li>a{padding:.4em} .nav-x.current-strong li.current>a{font-weight:700} .nav-x.center .nav>li,.nav-x.center>li{float:none;display:inline-block} .nav-y li{float:none;margin:0;padding:0 0 0 .1em;line-height:1.5} .nav-y a{display:inline-block;position:relative} .sub-menu{position:relative} .sub-menu>a{display:inline-block} .nav-x ul{position:absolute} .nav-x ul,.nav-x.sub-menu-click .sub-menu:hover>.sub-menu-wrapper,.sub-menu-click .nav-x .sub-menu:hover>.sub-menu-wrapper{visibility:hidden;opacity:0} .nav-x .sub-menu-wrapper{position:absolute;top:100%;left:0;z-index:900;visibility:hidden;opacity:0;width:192px;margin:0;padding:0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.2)} .nav-x .sub-menu-wrapper.size-xxs{width:48px} .nav-x .sub-menu-wrapper.size-xs{width:72px} .nav-x .sub-menu-wrapper.size-s{width:120px} .nav-x .sub-menu-wrapper.size-m{width:192px} .nav-x .sub-menu-wrapper.size-l{width:264px} .nav-x .sub-menu-wrapper.size-xl{width:336px} .nav-x .sub-menu-wrapper.size-xxl{width:432px} .nav-x .sub-menu-wrapper li ul{top:0;left:100%;margin:0} .nav-x .sub-menu li{float:none;margin:0;padding:0;text-align:left} .nav-x .sub-menu:hover>.sub-menu-wrapper,.nav-x.sub-menu-click .sub-menu.on>.sub-menu-wrapper,.sub-menu-click .nav-x .sub-menu.on>.sub-menu-wrapper{visibility:visible;opacity:1} .nav-x .sub-menu li a{display:block;float:none;padding:.3em .7em;font-size:1em;line-height:1.286em;background:0 0;border-style:solid;border-width:1px 0 0;border-color:transparent;cursor:pointer} .nav-x .sub-menu li:first-child a{border-top-width:0} .nav-x .sub-menu li a:hover{background-color:#f2f2f2} #site .main-nav.nav-x,#site .main-nav.nav-y{margin:0} .main-nav.nav-x .nav{position:static;visibility:visible;opacity:1} #site .tabs .nav-x,.tabs .nav-x{position:relative;margin-bottom:0;padding-bottom:0} #site .tabs .nav-x>li,.tabs .nav-x>li{position:relative;margin:0 1px -1px 0;padding:3px 0 0} .tabs .nav-x>li>a,.tabs .nav-x>li>a .inner{display:block;padding:0;line-height:1em;background-color:transparent} .tabs .nav-x>li>a .inner{padding:.75em 1.2em;border:1px solid transparent} .tabs .nav-x>li>a:hover .inner{background-color:rgba(0,0,0,.1)} #site .tabs .nav-x>li.current>a,.tabs .nav-x>li.current>a,.tabs .nav-x>li.current>a:hover .inner{background-color:#fff;color:#333} #site .tabs .nav-x>li.current>a .inner,.tabs .nav-x>li.current>a .inner{margin-top:-1px;line-height:1.1em;border:1px solid rgba(0,0,0,.15);border-bottom-color:transparent} #site .color-tabs.danger-bgr,#site .color-tabs.faded-bgr,#site .color-tabs.primary-bgr,#site .color-tabs.purple-bgr,#site .color-tabs.success-bgr,#site .color-tabs.warning-bgr,#site .color-tabs.white-bgr,.color-tabs.danger-bgr,.color-tabs.faded-bgr,.color-tabs.primary-bgr,.color-tabs.purple-bgr,.color-tabs.success-bgr,.color-tabs.warning-bgr,.color-tabs.white-bgr{background-color:transparent} .tabs .nav-x.danger-bgr>li>a,.tabs .nav-x.primary-bgr>li>a,.tabs .nav-x.purple-bgr>li>a,.tabs .nav-x.success-bgr>li>a{color:#fff} .tabs .nav-x.danger-bgr>li>a .inner,.tabs .nav-x.faded-bgr>li>a .inner,.tabs .nav-x.primary-bgr>li>a .inner,.tabs .nav-x.purple-bgr>li>a .inner,.tabs .nav-x.success-bgr>li>a .inner,.tabs .nav-x.warning-bgr>li>a .inner{border:1px solid rgba(0,0,0,.15)} .tabs .nav-x.faded-bgr>li>a{background-color:#f2f2f2} .tabs .nav-x.primary-bgr>li>a{background-color:#428bca} .tabs .nav-x.success-bgr>li>a{background-color:#84c485} .tabs .nav-x.warning-bgr>li>a{background-color:#ffcb5b;color:#260e00} .tabs .nav-x.danger-bgr>li>a{background-color:#d24444} .tabs .nav-x.purple-bgr>li>a{background-color:#793aa2} .tabs .nav-x.size-xxs>li>a .inner{padding:.4em .6em .35em;font-size:.8em} .tabs .nav-x.size-xxs.condensed>li>a .inner{padding:.4em .3em .35em} .tabs .nav-x.size-xs>li>a .inner{padding:.5em .7em;font-size:.85em} .tabs .nav-x.size-xs.condensed>li>a .inner{padding:.5em .4em} .tabs .nav-x.size-s>li>a .inner{padding:.65em .8em .6em;font-size:.9em} .tabs .nav-x.size-s.condensed>li>a .inner{padding:.65em .5em .6em} .tabs .nav-x.condensed>li>a .inner{padding:.75em .6em} .tabs .nav-x.size-l>li>a .inner{padding:.9em 1.3em .8em;font-size:1.1em} .tabs .nav-x.size-l.condensed>li>a .inner{padding:.9em .7em .8em} .tabs .nav-x.size-xl>li>a .inner{padding:.8em 1.35em;font-size:1.3em} .tabs .nav-x.size-xl.condensed>li>a .inner{padding:.8em .8em} .tabs .nav-x.size-xxl>li>a .inner{padding:.8em 1.35em;font-size:1.7em} .tabs .nav-x.size-xxl.condensed>li>a .inner{padding:.8em .7em} .tabs .nav-x.round-corners-xxs>li>a,.tabs .nav-x.round-corners-xxs>li>a .inner{border-radius:2px 2px 0 0} .tabs .nav-x.round-corners-xs>li>a,.tabs .nav-x.round-corners-xs>li>a .inner{border-radius:3px 3px 0 0} .tabs .nav-x.round-corners-s>li>a,.tabs .nav-x.round-corners-s>li>a .inner{border-radius:4px 4px 0 0} .tabs .nav-x.round-corners>li>a,.tabs .nav-x.round-corners>li>a .inner{border-radius:6px 6px 0 0} .tabs .nav-x.round-corners-l>li>a,.tabs .nav-x.round-corners-l>li>a .inner{border-radius:10px 10px 0 0} .tabs .nav-x.round-corners-xl>li>a,.tabs .nav-x.round-corners-xl>li>a .inner{border-radius:15px 15px 0 0} .tabs .nav-x .round-corners-xxl>li>a .inner,.tabs .nav-x.round-corners-xxl>li>a{border-radius:20px 20px 0 0} .tabs .tab-content{clear:both;background-color:#fff;border:1px solid rgba(0,0,0,.15)} article,aside,footer,header,hgroup,nav,section{display:block} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:400;line-height:1.2;color:inherit} .h1,h1{font-size:3em;margin:.65em 0 .5em;line-height:1.1} .h2,h2{font-size:2.25em;margin:.65em 0;line-height:1.1} .h3,h3{font-size:1.75em;margin:.5em 0 .4em} .h4,h4{font-size:1.5em;margin:1em 0 .55em} .h5,h5{font-size:1.25em;font-weight:700} .h6,h6{font-size:1em;font-weight:700} h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:.75em;font-weight:400;line-height:1;color:#999} p{margin:0 0 1.5em} .lead{font-size:1.3em;margin-bottom:0} .left,.text-left,.txt-left{text-align:left!important} .center,.text-center,.txt-center{text-align:center!important} .right,.text-right,.txt-right{text-align:right!important} .text-justify{text-align:justify!important} .text-lowercase{text-transform:lowercase!important} .text-uppercase{text-transform:uppercase!important} .text-capitalize{text-transform:capitalize!important} .no-wrap,.nowrap,.text-nowrap{white-space:nowrap} #site .left-all *,.left-all *{text-align:left;margin-left:auto;margin-right:auto} #site .center-all *,.center-all *{text-align:center;margin-left:auto;margin-right:auto} #site .right-all *,.right-all *{text-align:right;margin-left:auto;margin-right:auto} #site .text-white,#site .txt-white,.text-white{color:#fff} #site .text-faded,#site .txt-faded,.text-faded{color:#999} #site .text-primary,#site .txt-primary,.text-primary{color:#428bca} #site .text-success,#site .txt-success,.text-success{color:#63ab64} #site .text-warning,#site .txt-warning,.text-warning{color:#f2bb44} #site .text-danger,#site .txt-danger,.text-danger{color:#a91c1c} #site .text-purple,#site .txt-purple,.text-purple{color:#793aa2} #site .white-bgr,html .white-bgr{background-color:#fff} #site .faded-bgr,html .faded-bgr{background-color:#eee} #site .primary-bgr,html .primary-bgr{background-color:#428bca} #site .success-bgr,html .success-bgr{background-color:#84c485} #site .warning-bgr,html .warning-bgr{background-color:#ffcb5b;color:#260e00} #site .danger-bgr,html .danger-bgr{background-color:#d24444} #site .purple-bgr,html .purple-bgr{background-color:#793aa2} #site .danger-bgr,#site .primary-bgr,#site .purple-bgr,#site .success-bgr,.danger-bgr,.primary-bgr,.purple-bgr,.success-bgr{color:#fff} a.danger-bgr,a.faded-bgr,a.primary-bgr,a.purple-bgr,a.success-bgr,a.warning-bgr,a.white-bgr,dd.danger-bgr,dd.faded-bgr,dd.primary-bgr,dd.purple-bgr,dd.success-bgr,dd.warning-bgr,dd.white-bgr,dl.danger-bgr,dl.faded-bgr,dl.primary-bgr,dl.purple-bgr,dl.success-bgr,dl.warning-bgr,dl.white-bgr,dt.danger-bgr,dt.faded-bgr,dt.primary-bgr,dt.purple-bgr,dt.success-bgr,dt.warning-bgr,dt.white-bgr,em.danger-bgr,em.faded-bgr,em.primary-bgr,em.purple-bgr,em.success-bgr,em.warning-bgr,em.white-bgr,h1.danger-bgr,h1.faded-bgr,h1.primary-bgr,h1.purple-bgr,h1.success-bgr,h1.warning-bgr,h1.white-bgr,h2.danger-bgr,h2.faded-bgr,h2.primary-bgr,h2.purple-bgr,h2.success-bgr,h2.warning-bgr,h2.white-bgr,h3.danger-bgr,h3.faded-bgr,h3.primary-bgr,h3.purple-bgr,h3.success-bgr,h3.warning-bgr,h3.white-bgr,h4.danger-bgr,h4.faded-bgr,h4.primary-bgr,h4.purple-bgr,h4.success-bgr,h4.warning-bgr,h4.white-bgr,h5.danger-bgr,h5.faded-bgr,h5.primary-bgr,h5.purple-bgr,h5.success-bgr,h5.warning-bgr,h5.white-bgr,h6.danger-bgr,h6.faded-bgr,h6.primary-bgr,h6.purple-bgr,h6.success-bgr,h6.warning-bgr,h6.white-bgr,li.danger-bgr,li.faded-bgr,li.primary-bgr,li.purple-bgr,li.success-bgr,li.warning-bgr,li.white-bgr,p.danger-bgr,p.faded-bgr,p.primary-bgr,p.purple-bgr,p.success-bgr,p.warning-bgr,p.white-bgr,small.danger-bgr,small.faded-bgr,small.primary-bgr,small.purple-bgr,small.success-bgr,small.warning-bgr,small.white-bgr,span.danger-bgr,span.faded-bgr,span.primary-bgr,span.purple-bgr,span.success-bgr,span.warning-bgr,span.white-bgr,strong.danger-bgr,strong.faded-bgr,strong.primary-bgr,strong.purple-bgr,strong.success-bgr,strong.warning-bgr,strong.white-bgr,ul.danger-bgr,ul.faded-bgr,ul.primary-bgr,ul.purple-bgr,ul.success-bgr,ul.warning-bgr,ul.white-bgr{padding:.25em .35em} address{font-style:normal;margin-bottom:1.5em} a{text-decoration:none;color:inherit;background:0 0;cursor:pointer} a:visited{color:inherit} #site .underline-true a,#site a.underline-true,.underline-true a,a.underline-true,main a{text-decoration:underline} #site .underline-false a,#site .underline-hover a,#site .underline-true a:hover,#site a.underline-false,#site a.underline-hover,#site a.underline-true:hover,.underline-false a,.underline-hover a,.underline-true a:hover,a.underline-false,a.underline-hover,a.underline-true:hover,main a:hover{text-decoration:none} #site .underline-hover a:hover,#site a.underline-hover:hover,.underline-hover a:hover,a.underline-hover:hover,a:active,a:hover{text-decoration:underline} .btn:focus{outline:thin dotted rgba(0,0,0,.5);outline-offset:0} .strong,b,dt,strong{font-weight:700} hr{clear:both;position:relative;top:24px;height:1px;margin:0 0 47px;border-style:solid;border-color:rgba(0,0,0,.2);border-width:1px 0 0} hr.size-xxs{top:3px;margin-bottom:5px} hr.size-xs{top:6px;margin-bottom:11px} hr.size-s{top:12px;margin-bottom:23px} hr.size-l{top:36px;margin-bottom:71px} hr.size-xl{top:48px;margin-bottom:95px} hr.size-xxl{top:72px;margin-bottom:143px} .small,small,sub,sup{font-size:.85em} sub,sup{line-height:0;position:relative;vertical-align:baseline;display:inline} sub{bottom:-.3em;margin-left:.2em} sup{top:-.5em;margin-left:.2em} blockquote{margin:1.5em;padding-left:1.5em;font-size:1.1em;border-left:3px solid rgba(0,0,0,.2)} blockquote small{display:block;font-style:italic;color:#999} blockquote small:before{content:"— "} abbr[title]{text-decoration:none;border-bottom:1px dotted;cursor:help} code,kbd,pre{font-size:1em;font-family:monospace,monospace} .line-through{text-decoration:line-through!important} .uppercase{text-transform:uppercase!important} .breadcrumb{margin:24px 0;padding:0;font-size:.95em} .breadcrumb a,.breadcrumb strong{display:inline-block;margin:0 .4em;word-wrap:break-word;word-break:break-word} .breadcrumb *{position:relative} span.sep-line{display:inline-block;width:1px;margin:0 .8em;text-indent:100%;white-space:nowrap;overflow:hidden;vertical-align:middle;border-left:1px solid rgba(0,0,0,.2)} span.sep-text{display:inline-block;margin:0 .8em} span.sep-line.size-xxs,span.sep-text.size-xxs{margin:0 .1em;line-height:.8em} span.sep-line.size-xs,span.sep-text.size-xs{margin:0 .2em;line-height:.8em} span.sep-line.size-s,span.sep-text.size-s{margin:0 .4em;line-height:1.1em} span.sep-line.size-l,span.sep-text.size-l{margin:0 1.6em;line-height:2.4em} span.sep-line.size-xl,span.sep-text.size-xl{margin:0 3.2em;line-height:3.42em} .v-line-right{border-right:1px solid rgba(0,0,0,.2)} .v-line-left{border-left:1px solid rgba(0,0,0,.2)} #site .list-unstyled,.list-unstyled,ul{list-style:none;margin-left:0} #site .list-unstyled li,.list-unstyled li,ul li{padding-left:0} .text-editor ul,main ul,ul.list-styled,ul.list-styled ul{margin:0 0 1.5em 1.3em;padding-left:0;list-style:disc;list-style-position:outside} .text-editor ul li,main ul li,ul.list-styled li{padding:0;margin:0 0 .3em} .text-editor ul ul,main ul ul,ul.list-styled ul{margin-bottom:0;list-style:circle} .list-inline>li{display:inline-block;margin:0 .4em} .list-inline>li:first-child{margin-left:0} ol{margin:0 0 1.5em 2em;padding-left:0;list-style-position:outside} ol ol{margin-bottom:0} .steps{clear:both;list-style:none;margin:24px 0;padding:0} .steps li{float:left;position:relative;margin:0;padding:0;text-align:center;cursor:default} .steps a{display:inline-block;text-decoration:none} .steps.type-dots .progress,.steps.type-dots .progress-bar{position:relative;height:8px;margin:24px 0;background-color:#ddd} .steps.type-dots .progress .dot{position:absolute;top:50%;left:50%;z-index:500;width:30px;height:30px;margin:-15px 0 0 -15px;background-color:#fff;border:8px solid #ddd;border-radius:50%} .steps.type-dots .current .progress-bar,.steps.type-dots>li:first-child .progress,.steps.type-dots>li:last-child .progress{width:50%} .steps.type-dots .complete .progress-bar,.steps.type-dots>li:last-child .progress-bar{width:100%} .steps.type-dots>li:first-child .progress{margin-left:50%} .steps.type-dots>li:first-child .progress .dot{left:0} .steps.type-dots>li:last-child .progress .dot{left:100%} .steps.type-dots .complete .progress-bar,.steps.type-dots .current .progress-bar{background-color:#428bca} .steps.type-dots .complete .dot,.steps.type-dots .current .dot{background-color:#fff;border-color:#428bca} .steps.type-dots.success-bgr .complete .progress-bar,.steps.type-dots.success-bgr .current .progress-bar{background-color:#84c485} .steps.type-dots.success-bgr .complete .dot,.steps.type-dots.success-bgr .current .dot{border-color:#84c485} .steps.type-dots.warning-bgr .complete .progress-bar,.steps.type-dots.warning-bgr .current .progress-bar{background-color:#ffcb5b} .steps.type-dots.warning-bgr .complete .dot,.steps.type-dots.warning-bgr .current .dot{border-color:#ffcb5b} .steps.type-dots.danger-bgr .complete .progress-bar,.steps.type-dots.danger-bgr .current .progress-bar{background-color:#d24444} .steps.type-dots.danger-bgr .complete .dot,.steps.type-dots.danger-bgr .current .dot{border-color:#d24444} .steps.type-dots.purple-bgr .complete .progress-bar,.steps.type-dots.purple-bgr .current .progress-bar{background-color:#793aa2} .steps.type-dots.purple-bgr .complete .dot,.steps.type-dots.purple-bgr .current .dot{border-color:#793aa2} #site .steps.type-dots li:first-child.current .progress-bar,#site .steps.type-dots.danger-bgr,#site .steps.type-dots.purple-bgr,#site .steps.type-dots.success-bgr,#site .steps.type-dots.warning-bgr,.steps.type-dots li:first-child.current .progress-bar,.steps.type-dots.danger-bgr,.steps.type-dots.purple-bgr,.steps.type-dots.success-bgr,.steps.type-dots.warning-bgr{color:inherit;background-color:transparent} .progress.type-progress-x.size-xxs .progress-bar{height:3px} .progress.type-progress-x.size-xs .progress-bar{height:8px} .progress.type-progress-x.size-s .progress-bar{height:16px;line-height:16px;font-size:.8em} .progress.type-progress-x.size-l .progress-bar{height:32px;line-height:32px} .progress.type-progress-x.size-xl .progress-bar{height:40px;line-height:40px;font-size:1.1em} .progress.type-progress-x.size-xxl .progress-bar{height:48px;line-height:48px;font-size:1.2em} .tint-bgr-100{background-color:#000} .tint-bgr-95{background-color:#0d0d0d} .tint-bgr-90{background-color:#191919} .tint-bgr-85{background-color:#262626} .tint-bgr-80{background-color:#333} .tint-bgr-75{background-color:#404040} .tint-bgr-70{background-color:#4c4c4c} .tint-bgr-65{background-color:#595959} .tint-bgr-60{background-color:#666} .tint-bgr-55{background-color:#737373} .tint-bgr-50{background-color:#7f7f7f} .tint-bgr-45{background-color:#8c8c8c} .tint-bgr-40{background-color:#999} .tint-bgr-35{background-color:#a6a6a6} .tint-bgr-30{background-color:#b2b2b2} .tint-bgr-25{background-color:#bbb} .tint-bgr-20{background-color:#ccc} .tint-bgr-15{background-color:#ddd} .tint-bgr-10{background-color:#eee} .tint-bgr-5{background-color:#f5f5f5} .tint-border-100{border-color:#000} .tint-border-95{border-color:#0d0d0d} .tint-border-90{border-color:#191919} .tint-border-85{border-color:#262626} .tint-border-80{border-color:#333} .tint-border-75{border-color:#404040} .tint-border-70{border-color:#4c4c4c} .tint-border-65{border-color:#595959} .tint-border-60{border-color:#666} .tint-border-55{border-color:#737373} .tint-border-50{border-color:#7f7f7f} .tint-border-45{border-color:#8c8c8c} .tint-border-40{border-color:#999} .tint-border-35{border-color:#a6a6a6} .tint-border-30{border-color:#b2b2b2} .tint-border-25{border-color:#bbb} .tint-border-20{border-color:#ccc} .tint-border-15{border-color:#ddd} .tint-border-10{border-color:#eee} .tint-border-5{border-color:#f5f5f5} .tint-color-100{color:#000} .tint-color-95{color:#0d0d0d} .tint-color-90{color:#191919} .tint-color-85{color:#262626} .tint-color-80{color:#333} .tint-color-75{color:#404040} .tint-color-70{color:#4c4c4c} .tint-color-65{color:#595959} .tint-color-60{color:#666} .tint-color-55{color:#737373} .tint-color-50{color:#7f7f7f} .tint-color-45{color:#8c8c8c} .tint-color-40{color:#999} .tint-color-35{color:#a6a6a6} .tint-color-30{color:#b2b2b2} .tint-color-25{color:#bbb} .tint-color-20{color:#ccc} .tint-color-15{color:#ddd} .tint-color-10{color:#eee} .tint-color-5{color:#f5f5f5} .alpha-bgr-95{background-color:rgba(0,0,0,.95)} .alpha-bgr-90{background-color:rgba(0,0,0,.9)} .alpha-bgr-85{background-color:rgba(0,0,0,.85)} .alpha-bgr-80{background-color:rgba(0,0,0,.8)} .alpha-bgr-75{background-color:rgba(0,0,0,.75)} .alpha-bgr-70{background-color:rgba(0,0,0,.7)} .alpha-bgr-65{background-color:rgba(0,0,0,.65)} .alpha-bgr-60{background-color:rgba(0,0,0,.6)} .alpha-bgr-55{background-color:rgba(0,0,0,.55)} .alpha-bgr-50{background-color:rgba(0,0,0,.5)} .alpha-bgr-45{background-color:rgba(0,0,0,.45)} .alpha-bgr-40{background-color:rgba(0,0,0,.4)} .alpha-bgr-35{background-color:rgba(0,0,0,.35)} .alpha-bgr-30{background-color:rgba(0,0,0,.3)} .alpha-bgr-25{background-color:rgba(0,0,0,.25)} .alpha-bgr-20{background-color:rgba(0,0,0,.2)} .alpha-bgr-15{background-color:rgba(0,0,0,.15)} .alpha-bgr-10{background-color:rgba(0,0,0,.1)} .alpha-bgr-5{background-color:rgba(0,0,0,.05)} .alpha-border-95{border-color:rgba(0,0,0,.95)} .alpha-border-90{border-color:rgba(0,0,0,.9)} .alpha-border-85{border-color:rgba(0,0,0,.85)} .alpha-border-80{border-color:rgba(0,0,0,.8)} .alpha-border-75{border-color:rgba(0,0,0,.75)} .alpha-border-70{border-color:rgba(0,0,0,.7)} .alpha-border-65{border-color:rgba(0,0,0,.65)} .alpha-border-60{border-color:rgba(0,0,0,.6)} .alpha-border-55{border-color:rgba(0,0,0,.55)} .alpha-border-50{border-color:rgba(0,0,0,.5)} .alpha-border-45{border-color:rgba(0,0,0,.45)} .alpha-border-40{border-color:rgba(0,0,0,.4)} .alpha-border-35{border-color:rgba(0,0,0,.35)} .alpha-border-30{border-color:rgba(0,0,0,.3)} .alpha-border-25{border-color:rgba(0,0,0,.25)} .alpha-border-20{border-color:rgba(0,0,0,.2)} .alpha-border-15{border-color:rgba(0,0,0,.15)} .alpha-border-10{border-color:rgba(0,0,0,.1)} .alpha-border-5{border-color:rgba(0,0,0,.05)} .alpha-color-95{color:rgba(0,0,0,.95)} .alpha-color-90{color:rgba(0,0,0,.9)} .alpha-color-85{color:rgba(0,0,0,.85)} .alpha-color-80{color:rgba(0,0,0,.8)} .alpha-color-75{color:rgba(0,0,0,.75)} .alpha-color-70{color:rgba(0,0,0,.7)} .alpha-color-65{color:rgba(0,0,0,.65)} .alpha-color-60{color:rgba(0,0,0,.6)} .alpha-color-55{color:rgba(0,0,0,.55)} .alpha-color-50{color:rgba(0,0,0,.5)} .alpha-color-45{color:rgba(0,0,0,.45)} .alpha-color-40{color:rgba(0,0,0,.4)} .alpha-color-35{color:rgba(0,0,0,.35)} .alpha-color-30{color:rgba(0,0,0,.3)} .alpha-color-25{color:rgba(0,0,0,.25)} .alpha-color-20{color:rgba(0,0,0,.2)} .alpha-color-15{color:rgba(0,0,0,.15)} .alpha-color-10{color:rgba(0,0,0,.1)} .alpha-color-5{color:rgba(0,0,0,.05)} .alpha-bgr-w-95{background-color:rgba(255,255,255,.95)} .alpha-bgr-w-90{background-color:rgba(255,255,255,.9)} .alpha-bgr-w-85{background-color:rgba(255,255,255,.85)} .alpha-bgr-w-80{background-color:rgba(255,255,255,.8)} .alpha-bgr-w-75{background-color:rgba(255,255,255,.75)} .alpha-bgr-w-70{background-color:rgba(255,255,255,.7)} .alpha-bgr-w-65{background-color:rgba(255,255,255,.65)} .alpha-bgr-w-60{background-color:rgba(255,255,255,.6)} .alpha-bgr-w-55{background-color:rgba(255,255,255,.55)} .alpha-bgr-w-50{background-color:rgba(255,255,255,.5)} .alpha-bgr-w-45{background-color:rgba(255,255,255,.45)} .alpha-bgr-w-40{background-color:rgba(255,255,255,.4)} .alpha-bgr-w-35{background-color:rgba(255,255,255,.35)} .alpha-bgr-w-30{background-color:rgba(255,255,255,.3)} .alpha-bgr-w-25{background-color:rgba(255,255,255,.25)} .alpha-bgr-w-20{background-color:rgba(255,255,255,.2)} .alpha-bgr-w-15{background-color:rgba(255,255,255,.15)} .alpha-bgr-w-10{background-color:rgba(255,255,255,.1)} .alpha-bgr-w-5{background-color:rgba(255,255,255,.05)} .alpha-border-w-95{border-color:rgba(255,255,255,.95)} .alpha-border-w-90{border-color:rgba(255,255,255,.9)} .alpha-border-w-85{border-color:rgba(255,255,255,.85)} .alpha-border-w-80{border-color:rgba(255,255,255,.8)} .alpha-border-w-75{border-color:rgba(255,255,255,.75)} .alpha-border-w-70{border-color:rgba(255,255,255,.7)} .alpha-border-w-65{border-color:rgba(255,255,255,.65)} .alpha-border-w-60{border-color:rgba(255,255,255,.6)} .alpha-border-w-55{border-color:rgba(255,255,255,.55)} .alpha-border-w-50{border-color:rgba(255,255,255,.5)} .alpha-border-w-45{border-color:rgba(255,255,255,.45)} .alpha-border-w-40{border-color:rgba(255,255,255,.4)} .alpha-border-w-35{border-color:rgba(255,255,255,.35)} .alpha-border-w-30{border-color:rgba(255,255,255,.3)} .alpha-border-w-25{border-color:rgba(255,255,255,.25)} .alpha-border-w-20{border-color:rgba(255,255,255,.2)} .alpha-border-w-15{border-color:rgba(255,255,255,.15)} .alpha-border-w-10{border-color:rgba(255,255,255,.1)} .alpha-border-w-5{border-color:rgba(255,255,255,.05)} .alpha-color-w-95{color:rgba(255,255,255,.95)} .alpha-color-w-90{color:rgba(255,255,255,.9)} .alpha-color-w-85{color:rgba(255,255,255,.85)} .alpha-color-w-80{color:rgba(255,255,255,.8)} .alpha-color-w-75{color:rgba(255,255,255,.75)} .alpha-color-w-70{color:rgba(255,255,255,.7)} .alpha-color-w-65{color:rgba(255,255,255,.65)} .alpha-color-w-60{color:rgba(255,255,255,.6)} .alpha-color-w-55{color:rgba(255,255,255,.55)} .alpha-color-w-50{color:rgba(255,255,255,.5)} .alpha-color-w-45{color:rgba(255,255,255,.45)} .alpha-color-w-40{color:rgba(255,255,255,.4)} .alpha-color-w-35{color:rgba(255,255,255,.35)} .alpha-color-w-30{color:rgba(255,255,255,.3)} .alpha-color-w-25{color:rgba(255,255,255,.25)} .alpha-color-w-20{color:rgba(255,255,255,.2)} .alpha-color-w-15{color:rgba(255,255,255,.15)} .alpha-color-w-10{color:rgba(255,255,255,.1)} .alpha-color-w-5{color:rgba(255,255,255,.05)} .label{display:inline-block;padding:.25em .35em;font-size:.85em;font-weight:400;line-height:1em;text-align:center;background-color:#eee;white-space:nowrap;vertical-align:baseline;border-radius:.25em} sub .label,sup .label{font-size:1em} .mp-table caption{padding:.5em;font-weight:700} table.mp-table{font-size:.95em;line-height:1.4;border:none;border-spacing:0} table.mp-table-condensed{font-size:.85em} .mp-table th{font-weight:700;vertical-align:middle} .mp-table td,.mp-table th{padding:4px;text-align:left} .mp-table td{vertical-align:top} .mp-table-condensed td{padding:2px 3px} .mp-table tr td,.mp-table tr th{border-style:solid;border-width:1px 0 0 1px} .mp-table-h-borders tr td,.mp-table-h-borders tr th{border-width:1px 0 0} .mp-table tr th{border-bottom-width:1px} .mp-table tr td:last-child,.mp-table tr th:last-child{border-right:1px solid} .mp-table tr:last-child td{border-bottom:1px solid} .mp-table-h-borders tr td:last-child,.mp-table-h-borders tr th:last-child{border-right:none} .mp-table p:last-child{margin-bottom:0} .mp-table{background-color:transparent} .mp-table th{background-color:#efefef} .mp-table-hover tr:hover td{background-color:rgba(0,0,0,.05)} .mp-table-alt tr:nth-child(even){background-color:#f0f3f7;background-image:linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)} .mp-table table,.mp-table tr td,.mp-table tr td:last-child,.mp-table tr th:last-child,.mp-table tr:last-child td,table tr th{border-color:rgba(0,0,0,.2)} body .mp-table .success{background-color:#d4ecd5;background-image:none} body .mp-table .warning{background-color:#fff2b0;background-image:none} body .mp-table .danger{background-color:#fcc;background-image:none} .borderless,.borderless td,.borderless th{border:none!important} .item-list .item-content>section{float:left;width:100%} .item-col-2 .item-content>section{width:50%} .item-col-3 .item-content>section{width:33.333%} .item-col-4 .item-content>section{width:25%} .item-col-5 .item-content>section{width:20%} .item-col-6 .item-content>section{width:16.666%} .item-col-7 .item-content>section{width:14.285%} .item-col-8 .item-content>section{width:12.5%} .item-col-9 .item-content>section{width:11.111%} .item-col-10 .item-content>section{width:10%} .item-col-11 .item-content>section{width:9.09%} .item-col-12 .item-content>section{width:8.333%} .item-col-10 .item-content>section:nth-child(10n+1),.item-col-11 .item-content>section:nth-child(11n+1),.item-col-12 .item-content>section:nth-child(12n+1),.item-col-2 .item-content>section:nth-child(2n+1),.item-col-3 .item-content>section:nth-child(3n+1),.item-col-4 .item-content>section:nth-child(4n+1),.item-col-5 .item-content>section:nth-child(5n+1),.item-col-6 .item-content>section:nth-child(6n+1),.item-col-7 .item-content>section:nth-child(7n+1),.item-col-8 .item-content>section:nth-child(8n+1),.item-col-9 .item-content>section:nth-child(9n+1){clear:both} .item-list.gutter-xxs .item-content .item-cell{margin:0 1px 2px} .item-list.gutter-xs .item-content .item-cell{margin:0 3px 6px} .item-list.gutter-s .item-content .item-cell{margin:0 6px 12px} .item-list.gutter .item-content .item-cell{margin:0 12px 24px} .item-list.gutter-l .item-content .item-cell{margin:0 18px 36px} .item-list.gutter-xl .item-content .item-cell{margin:0 24px 48px} .item-list.gutter-xxl .item-content .item-cell{margin:0 36px 72px} .item-list.gutter-xxs .item-content{margin:0 -1px} .item-list.gutter-xs .item-content{margin:0 -3px} .item-list.gutter-s .item-content{margin:0 -6px} .item-list.gutter .item-content{margin:0 -12px} .item-list.gutter-l .item-content{margin:0 -18px} .item-list.gutter-xl .item-content{margin:0 -24px} .item-list.gutter-xxl .item-content{margin:0 -36px} .float-item-left .img,.item-left .img,.item-left-alt .img,.item-right-alt section:nth-child(even) .img{width:20%;float:left} .item-left .info,.item-left dt,.item-left-alt .info,.item-left-alt dt,.item-right-alt section:nth-child(even) .info,.item-right-alt section:nth-child(even) dt{width:80%;float:right;padding:0 3px} .float-item-right .img,.item-left-alt section:nth-child(even) .img,.item-right .img,.item-right-alt .img{width:20%;float:right} .item-left-alt section:nth-child(even) .info,.item-left-alt section:nth-child(even) dt,.item-right .info,.item-right dt,.item-right-alt .info,.item-right-alt dt{width:80%;float:left;padding:0 3px} .item-left .no-image .info,.item-left .no-image dt,.item-left-alt .no-image .info,.item-left-alt .no-image dt,.item-right .no-image .info,.item-right .no-image dt,.item-right-alt .no-image .info,.item-right-alt .no-image dt{width:100%;padding-left:0!important;padding-right:0!important} .item-list.outer-space-xxs .item-content .item-cell{padding:4px} .item-list.outer-space-xs .item-content .item-cell{padding:8px} .item-list.outer-space-s .item-content .item-cell{padding:12px} .item-list.outer-space .item-content .item-cell{padding:16px} .item-list.outer-space-l .item-content .item-cell{padding:24px} .item-list.outer-space-xl .item-content .item-cell{padding:36px} .item-list.outer-space-xxl .item-content .item-cell{padding:48px} .inner-space-xxs.item-left .info,.inner-space-xxs.item-left dt{padding-left:3px} .inner-space-xs.item-left .info,.inner-space-xs.item-left dt{padding-left:6px} .inner-space-s.item-left .info,.inner-space-s.item-left dt{padding-left:12px} .inner-space.item-left .info,.inner-space.item-left dt{padding-left:24px} .inner-space-l.item-left .info,.inner-space-l.item-left dt{padding-left:36px} .inner-space-xl.item-left .info,.inner-space-xl.item-left dt{padding-left:48px} .inner-space-xxl.item-left .info,.inner-space-xxl.item-left dt{padding-left:72px} .inner-space-xxs.item-left-alt .info,.inner-space-xxs.item-left-alt dt{padding-left:3px} .inner-space-xs.item-left-alt .info,.inner-space-xs.item-left-alt dt{padding-left:6px} .inner-space-s.item-left-alt .info,.inner-space-s.item-left-alt dt{padding-left:12px} .inner-space.item-left-alt .info,.inner-space.item-left-alt dt{padding-left:24px} .inner-space-l.item-left-alt .info,.inner-space-l.item-left-alt dt{padding-left:36px} .inner-space-xl.item-left-alt .info,.inner-space-xl.item-left-alt dt{padding-left:48px} .inner-space-xxl.item-left-alt .info,.inner-space-xxl.item-left-alt dt{padding-left:72px} .inner-space-xxs.item-right .info,.inner-space-xxs.item-right dt{padding-right:3px} .inner-space-xs.item-right .info,.inner-space-xs.item-right dt{padding-right:6px} .inner-space-s.item-right .info,.inner-space-s.item-right dt{padding-right:12px} .inner-space.item-right .info,.inner-space.item-right dt{padding-right:24px} .inner-space-l.item-right .info,.inner-space-l.item-right dt{padding-right:36px} .inner-space-xl.item-right .info,.inner-space-xl.item-right dt{padding-right:48px} .inner-space-xxl.item-right .info,.inner-space-xxl.item-right dt{padding-right:72px} .inner-space-xxs.item-right-alt .info,.inner-space-xxs.item-right-alt dt{padding-right:3px} .inner-space-xs.item-right-alt .info,.inner-space-xs.item-right-alt dt{padding-right:6px} .inner-space-s.item-right-alt .info,.inner-space-s.item-right-alt dt{padding-right:12px} .inner-space.item-right-alt .info,.inner-space.item-right-alt dt{padding-right:24px} .inner-space-l.item-right-alt .info,.inner-space-l.item-right-alt dt{padding-right:36px} .inner-space-xl.item-right-alt .info,.inner-space-xl.item-right-alt dt{padding-right:48px} .inner-space-xxl.item-right-alt .info,.inner-space-xxl.item-right-alt dt{padding-right:72px} .item-left-alt section:nth-child(even) .info,.item-left-alt section:nth-child(even) dt{padding-left:0} .item-right-alt section:nth-child(even) .info,.item-right-alt section:nth-child(even) dt{padding-right:0} .float-item-left .img{margin:0 10px 10px 0} .float-item-right .img{margin:0 0 10px 10px} button,input,select,textarea{font-family:inherit;font-size:1em} button{overflow:visible} .form-group{position:relative;float:left;width:100%;margin-bottom:12px} .form-group label{display:inline-block;margin-bottom:6px;padding-top:6px} .checkbox label,.radio label{margin-right:12px;cursor:pointer} .form-group .form-control,.form-group .txt{display:block;width:100%;min-width:15px;max-width:100%;background-color:#fff} .form-inline .form-group{display:inline-block;width:auto;clear:none;vertical-align:middle} .form-inline .form-group .form-control,.form-inline .form-group .txt{display:inline-block} .form-inline .form-control{margin-right:.5em} .form-inline select.form-control{width:auto} .form-inline .checkbox,.form-inline .radio{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0} .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{float:none;margin-left:0} .form-control,.txt,input[type=text]{position:relative;padding:.5em .4em .55em;margin:0} .form-control.size-xxs,.txt.size-xxs{padding:.2em .2em .3em;font-size:.8rem} .form-control.size-xs,.txt.size-xs{padding:.3em .4em;font-size:.85rem} .form-control.size-s,.txt.size-s{padding:.4em .4em .55em;font-size:.9rem} .form-control.size-l,.txt.size-l{padding:.6em .4em .7em;font-size:1.1rem} .form-control.size-xl,.txt.size-xl{padding:.6em .4em;font-size:1.3rem} .form-control.size-xxl,.txt.size-xxl{padding:.6em .4em .7em;font-size:1.7rem} #site select[multiple],#site select[size],#site textarea,select[multiple],select[size],textarea{height:auto} .form-control.inline,.txt.inline{display:inline-block;width:auto} .form-control,.txt,input[type=checkbox],input[type=radio],input[type=text]{font-size:1.1em;vertical-align:middle;color:#666;background-color:#fff;border:1px solid rgba(0,0,0,.15)} input[type=checkbox],input[type=radio]{display:inline-block;width:18px;height:18px;margin-right:3px;padding:2px;color:#666} input[type=checkbox]{background-color:#f7f7f7} input[type=radio]{width:16px;height:16px;border-radius:50%} select[multiple],select[size],textarea.form-control,textarea.txt{height:auto} .dropdown-select.on .drop-link,.form-control:focus,.txt:focus,input[type=checkbox]:focus,input[type=radio]:focus,input[type=text]:focus{outline:0;border-color:rgba(116,191,255,.8);box-shadow:0 0 0 .15em rgba(116,191,255,.5)} #site .item-success,#site .item-success-focus,.item-success,.item-success-focus,.item-success.form-control{border-color:#63ab64} #site .item-success-focus,.item-success-focus,.item-success.form-control:focus,.item-success.txt:focus,input[type=checkbox].item-success:focus,input[type=radio].item-success:focus{box-shadow:0 0 0 .2rem rgba(99,171,100,.7)} #site .item-warning,#site .item-warning-focus,.item-warning,.item-warning-focus,.item-warning.form-control{border-color:#f2bb44} #site .item-warning-focus,.item-warning-focus,.item-warning.form-control:focus,.item-warning.txt:focus,input[type=checkbox].item-warning:focus,input[type=radio].item-warning:focus{box-shadow:0 0 0 .2rem rgba(242,187,68,.8)} #site .item-danger,#site .item-danger-focus,.item-danger,.item-danger-focus,.item-danger.form-control{border-color:#a91c1c} #site .item-danger-focus,.item-danger-focus,.item-danger.form-control:focus,.item-danger.txt:focus,input[type=checkbox].item-danger:focus,input[type=radio].item-danger:focus{box-shadow:0 0 0 .2rem rgba(169,28,28,.5)} .form-elements .form-control-static{margin:0;padding-top:6px} .form-elements fieldset{border:none} .form-elements .fieldset{margin-bottom:16px;padding:18px;border:1px solid #ddd} .btn[disabled],fieldset[disabled] *,input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed} .form-elements legend{margin:0 -.5em;padding:0 .5em;background-color:#fff} .form-control[disabled],.form-control[readonly],.txt[disabled],.txt[readonly],fieldset[disabled] .form-control,fieldset[disabled] .txt{background-color:#eee} .text-help{margin:.3em 0 .5em;font-size:.9em} .btn{display:inline-block;margin-bottom:0;padding:.75em 1em .85em;line-height:1em;font-size:1rem;text-align:center;vertical-align:middle;background-image:none;border:1px solid transparent;cursor:pointer} #site .btn,.btn,a.btn{text-decoration:none} .btn[type=image]{padding:0} .btn.condensed{padding:.75em .6em} .btn::-moz-focus-inner{border:0} .btn:hover{text-decoration:none} .btn:active{outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)} .btn.size-xxs{padding:.35em .6em .45em;font-size:.8rem} .btn.size-xxs.condensed{padding-left:.3em;padding-right:.3em} .btn.size-xs{padding:.5em .7em .45em;font-size:.85rem} .btn.size-xs.condensed{padding-left:.4em;padding-right:.4em} .btn.size-s{padding:.6em .8em .7em;font-size:.9rem} .btn.size-s.condensed{padding-left:.5em;padding-right:.5em} .btn.size-l{padding:.76em 1.3em .88em;font-size:1.1rem} .btn.size-l.condensed{padding-left:.7em;padding-right:.7em} .btn.size-xl{padding:.7em 1.35em .88em;font-size:1.3rem} .btn.size-xl.condensed{padding-left:.7em;padding-right:.7em} .btn.size-xxl{padding:.75em 1.35em .9em;font-size:1.7rem} .btn.size-xxl.condensed{padding-left:.8em;padding-right:.8em} #site .btn-image,.btn-image{padding:0} .btn[disabled]{opacity:.6} .btn-default{color:#333;background-color:#f2f2f2;border-color:rgba(0,0,0,.1)} .btn-default:active,.btn-default:focus,.btn-default:hover{background-color:#fff} :root .btn-black,:root .btn-black:hover,:root .btn-danger,:root .btn-danger:hover,:root .btn-light-blue,:root .btn-light-blue:hover,:root .btn-primary,:root .btn-primary:hover,:root .btn-purple,:root .btn-purple:hover,:root .btn-success,:root .btn-success:hover{color:#fff} .btn-primary{background-color:#428bca} .btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#3276b1} .btn-success{background-color:#5cb85c} .btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#47a447} .btn-warning{color:#333;background-color:#ffca28} .btn-warning:active,.btn-warning:focus,.btn-warning:hover{background-color:#f6b300} .btn-danger{background-color:#d9534f} .btn-danger:active,.btn-danger:focus,.btn-danger:hover{background-color:#d2231e} .btn-white{background-color:#fff} .btn-white:active,.btn-white:focus,.btn-white:hover{background-color:#f2f2f2} .btn-light-blue{background-color:#6ac1db} .btn-light-blue:active,.btn-light-blue:focus,.btn-light-blue:hover{background-color:#71ceea} .btn-purple{background-color:#793aa2} .btn-purple:active,.btn-purple:focus,.btn-purple:hover{background-color:#632b8a} .btn-black{background-color:#000} .btn-black:active,.btn-black:focus,.btn-black:hover{background-color:rgba(0,0,0,.8)} .btn-link{font-weight:400;color:#428bca;cursor:pointer} .btn-link,.btn-link:active{background-color:transparent;box-shadow:none} .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent} .btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:5px} .btn-outline{background-color:transparent;border-width:2px} .btn-outline.btn-default{border-color:rgba(0,0,0,.2)} .btn-outline.btn-white{border-color:#fff;color:#fff} .btn-outline.btn-light-blue{border-color:#6ac1db;color:#6ac1db} .btn-outline.btn-primary{border-color:#428bca;color:#428bca} .btn-outline.btn-success{border-color:#5cb85c;color:#5cb85c} .btn-outline.btn-warning{border-color:#ffc228;color:#ffc228} .btn-outline.btn-danger{border-color:#d9534f;color:#d9534f} .btn-outline.btn-purple{border-color:#793aa2;color:#793aa2} .btn-outline.btn-black{border-color:#000;color:#000} .round-corners-size-xxs,.round-corners-size-xxs .btn,.round-corners-size-xxs .form-control,.round-corners-size-xxs .txt,.round-corners-size-xxs input[type=checkbox]{border-radius:2px} .round-corners-size-xs,.round-corners-size-xs .btn,.round-corners-size-xs .form-control,.round-corners-size-xs .txt,.round-corners-size-xs input[type=checkbox]{border-radius:3px} .round-corners-size-s,.round-corners-size-s .btn,.round-corners-size-s .form-control,.round-corners-size-s .txt,.round-corners-size-s input[type=checkbox]{border-radius:4px} .round-corners,.round-corners .btn,.round-corners .form-control,.round-corners .txt,.round-corners input[type=checkbox]{border-radius:6px} .round-corners-size-l,.round-corners-size-l .btn,.round-corners-size-l .form-control,.round-corners-size-l .txt,.round-corners-size-l input[type=checkbox]{border-radius:10px} .round-corners-size-xl,.round-corners-size-xl .btn,.round-corners-size-xl .form-control,.round-corners-size-xl .txt,.round-corners-size-xl input[type=checkbox]{border-radius:15px} .round-corners-size-xxl,.round-corners-size-xxl .btn,.round-corners-size-xxl .form-control,.round-corners-size-xxl .txt,.round-corners-size-xxl input[type=checkbox]{border-radius:20px} .round-corners-size-50{border-radius:50%} .input-add-on{display:flex} .input-add-on-field{flex:1} .input-add-on-field:not(:first-child){border-left:0} .input-add-on-field:not(:last-child){border-right:0} .live-search{position:relative;display:inline-block} .live-search .search-txt{padding-right:32px} .live-search .icon-delete{position:absolute;top:50%;right:10px;display:inline-block;width:20px;height:20px;margin-top:-10px;cursor:pointer} .live-search .icon-delete:hover{background-color:rgba(0,0,0,.1)} .live-search .icon-delete:after,.live-search .icon-delete:before{content:"";position:absolute;left:3px;display:block;width:14px;transform:rotate(-45deg)} .live-search .icon-delete:after,.live-search .icon-delete:before{top:9px;border-bottom:2px solid red} .live-search .icon-delete:after{transform:rotate(45deg)} .dropdown-content{position:absolute;left:0;top:100%;z-index:900;width:100%;padding:10px;font-size:.95em;background-color:#fff;border:1px solid rgba(0,0,0,.2)} .dropdown-content .dropdown-line{clear:both;float:left;width:100%;margin-bottom:.3em;padding-bottom:.3em;border-bottom:1px solid #ddd} .dropdown-content .dropdown-line:last-child{border:none;margin:0;padding:0} #site .dropdown-content a{display:block;padding:0;font-size:.9em;line-height:1.3} .dropdown-content .img{float:left;display:block;width:40px;margin-right:5px;text-align:center} .dropdown-content img{max-width:40px;max-height:40px} .dropdown-select{position:relative} .dropdown-select .drop-link{position:relative;display:block;float:left;width:100%;padding:.4em 2.5em .4em .6em;text-decoration:none;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);text-overflow:ellipsis;white-space:nowrap} .dropdown-select .drop-link:before{content:"";position:absolute;top:0;right:0;display:block;width:2em;height:100%;background-color:#f2f2f2;border-left:1px solid #ccc} .dropdown-select .drop-link:after{content:"";position:absolute;top:50%;right:.7em;margin:-3px 0 0;border-style:solid;border-width:5px 5px 0 5px;border-color:#007bff transparent transparent transparent} .dropdown-select .drop-link.loading:after{top:10px;right:5px;display:block;width:20px;height:20px;background:url(loading.gif) no-repeat 0 0;border:none} .dropdown-select.on .drop-link:after{border-width:0 5px 5px 5px;border-color:transparent transparent #007bff transparent} .dropdown-select .dropdown-content{display:none;box-shadow:0 4px 5px rgba(0,0,0,.2)} .dropdown-select.on .dropdown-content{display:block} .dropdown-select .dropdown-content>ul{position:relative;max-height:15em;overflow-x:hidden;overflow-y:auto;margin:0;padding:0} .dropdown-select .dropdown-content>ul li{margin-bottom:0;padding:0} #site .dropdown-select .dropdown-content>ul a{display:block;padding:.3em;text-decoration:none} .alert{position:relative;margin:12px 0;background-color:#eee;border:1px solid rgba(0,0,0,.15)} .alert:before{content:"";position:absolute;top:.8em;left:.7em;display:block;width:24px;height:24px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cstyle%3E.st1%7Bfill:rgba(0,0,0,.5)%7D%3C/style%3E%3Cpath d='M21.7 18.7c.6 1 .1 1.8-1.1 1.8H3.4c-1.2 0-1.7-.8-1.1-1.8l8.6-15c.6-1 1.5-1 2.1 0l8.7 15z' fill='none' stroke='rgba(0,0,0,.5)' stroke-miterlimit='10'/%3E%3Cpath class='st1' d='M12 16c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7.2-.2.4-.3.7-.3zM12 8c-.6 0-1 .4-1 1v4.5c0 .5.4 1 1 1 .5 0 1-.4 1-1V9c0-.6-.4-1-1-1z'/%3E%3C/svg%3E")} .alert.danger-bgr:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cstyle%3E.st1%7Bfill:hsla(0,0%,100%,.9)%7D%3C/style%3E%3Cpath d='M21.7 18.7c.6 1 .1 1.8-1.1 1.8H3.4c-1.2 0-1.7-.8-1.1-1.8l8.6-15c.6-1 1.5-1 2.1 0l8.7 15z' fill='none' stroke='hsla(0,0%,100%,.9)' stroke-miterlimit='10'/%3E%3Cpath class='st1' d='M12 16c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7.2-.2.4-.3.7-.3zM12 8c-.6 0-1 .4-1 1v4.5c0 .5.4 1 1 1 .5 0 1-.4 1-1V9c0-.6-.4-1-1-1z'/%3E%3C/svg%3E")} .alert.size-xxs{padding:.1em .1em .1em 24px;font-size:.85em} .alert.size-xxs:before{top:.25em;left:.2em;width:16px;height:16px} .alert.size-xs{padding:.3em .3em .3em 30px;font-size:.9em} .alert.size-xs:before{top:.4em;left:.4em;width:18px;height:18px} .alert.size-s{padding:.5em .5em .5em 36px} .alert.size-s:before{top:.6em;left:.5em;width:20px;height:20px} .alert{padding:.8em .8em .8em 48px} .alert.size-l{padding:1.5em 1.5em 1.5em 65px} .alert.size-l:before{top:1.3em;left:1em;width:32px;height:32px} .alert.size-xl{padding:2em 2em 2em 85px} .alert.size-xl:before{top:1.2em;left:20px;width:48px;height:48px} .alert.size-xxl{padding:2em 2.3em 2.3em 100px} .alert.size-xxl:before{top:1.1em;left:20px;width:60px;height:60px} .alert.success-bgr:before{top:1em;left:.8em;width:18px;height:9px;transform:rotate(-45deg);background-image:none;border:3px solid;border-color:rgba(0,0,0,.5)} .alert.size-xxs.success-bgr:before{top:.5em;left:.45em;width:8px;height:4px;border-width:2px} .alert.size-xs.success-bgr:before{top:.6em;left:.5em;width:10px;height:5px;border-width:2px} .alert.size-s.success-bgr:before{top:.8em;left:.6em;width:14px;height:7px;border-width:2px} .alert.size-l.success-bgr:before{top:1.7em;left:1.2em;width:20px;height:10px;border-width:4px} .alert.size-xl.success-bgr:before{top:1.9em;left:1.5em;width:26px;height:14px;border-width:6px} .alert.size-xxl.success-bgr:before{top:1.9em;left:1.8em;width:30px;height:16px;border-width:8px} :root .alert.success-bgr:before{border-top-width:0;border-right-width:0} .info-display{position:relative;margin:12px 0;background-color:#fff;border-style:solid;border-width:1px 1px 1px 5px;border-color:#ddd;border-color:rgba(0,0,0,.15);box-shadow:1px 1px 3px rgba(0,0,0,.15)} #site .info-display,.info-display{color:#333} .info-display.icon>i{position:absolute;top:0;left:-4px;display:inline-block;min-width:32px;height:100%;padding:0 .2em;text-align:center;vertical-align:middle;background-color:#ddd;outline:1px solid #ddd} .info-display.icon>i img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto} .info-display.size-xxs{padding:.1em .4em;font-size:.85em} .info-display.size-xxs.icon{padding-left:24px} .info-display.size-xxs.icon>i{min-width:20px} .info-display.size-xs{padding:.3em .5em;font-size:.9em} .info-display.size-xs.icon{padding-left:30px} .info-display.size-xs.icon>i{min-width:24px} .info-display.size-s{padding:.5em .7em} .info-display.size-s.icon{padding-left:32px} .info-display.size-s.icon>i{min-width:28px} .info-display{padding:.8em 1em} .info-display.icon{padding-left:45px} .info-display.size-l{padding:1.5em 1.7em} .info-display.size-l.icon{padding-left:72px} .info-display.size-l.icon>i{min-width:48px} .info-display.size-xl{padding:2em 2.2em} .info-display.size-xl.icon{padding-left:96px} .info-display.size-xl.icon>i{min-width:72px} .info-display.size-xxl{padding:2.3em 2.5em} .info-display.size-xxl.icon{padding-left:120px} .info-display.size-xxl.icon>i{min-width:96px} #site .info-display.primary-bgr,.info-display.primary-bgr{background-color:#fff;border-left-color:#428bca} #site .info-display.success-bgr,.info-display.success-bgr{background-color:#fff;border-left-color:#84c485} #site .info-display.warning-bgr,.info-display.warning-bgr{background-color:#fff;border-left-color:#ffcb5b} #site .info-display.danger-bgr,.info-display.danger-bgr{background-color:#fff;border-left-color:#d24444} #site .info-display.purple-bgr,.info-display.purple-bgr{background-color:#fff;border-left-color:#793aa2} .info-display.primary-bgr.icon>i{background-color:#428bca;outline-color:#428bca} .info-display.success-bgr.icon>i{background-color:#84c485;outline-color:#84c485} .info-display.warning-bgr.icon>i{background-color:#ffcb5b;outline-color:#ffcb5b} .info-display.danger-bgr.icon>i{background-color:#d24444;outline-color:#d24444} .info-display.purple-bgr.icon>i{background-color:#793aa2;outline-color:#793aa2} .pagination{margin:1.7em 0;padding:.4em .5em;text-align:center;font-size:1.1em} .pagination a,.pagination span,.pagination strong{white-space:nowrap} .pagination a,.pagination strong{margin:0 .1em;padding:0 .4em} .pagination div *{display:inline-block;line-height:24px} .pagination .h6{margin:0 .5em 0 0;padding:0} .pagination-results{margin:0;padding:0} .pagination .prev-link{margin-right:1em} .pagination .next-link{margin-left:1em} .col-100{width:100%} .col-90{width:90%} .col-85{width:85%} .col-80{width:80%} .col-75{width:75%} .col-70{width:70%} .col-66{width:66.7%} .col-60{width:60%} .col-50{width:50%} .col-55{width:55%} .col-45{width:45%} .col-40{width:40%} .col-33{width:33.3%} .col-30{width:30%} .col-25{width:25%} .col-20{width:20%} .col-15{width:15%} .col-10{width:10%} .col-8{width:8.33%} .col-10,.col-100,.col-15,.col-20,.col-25,.col-30,.col-33,.col-40,.col-45,.col-50,.col-55,.col-60,.col-66,.col-70,.col-75,.col-8,.col-80,.col-85,.col-90{float:left} .fL.spacer-xxs{margin:0 2px 2px 0} .fL.spacer-xs{margin:0 6px 6px 0} .fL.spacer-s{margin:0 12px 12px 0} .fL.spacer,.fL.spacer-m{margin:0 24px 24px 0} .fL.spacer-l{margin:0 36px 36px 0} .fL.spacer-xl{margin:0 48px 48px 0} .fL.spacer-xxl{margin:0 72px 72px 0} .fR.spacer-xxs{margin:0 0 2px 2px} .fR.spacer-xs{margin:0 0 6px 6px} .fR.spacer-s{margin:0 0 12px 12px} .fR.spacer,.fR.spacer-m{margin:0 0 24px 24px} .fR.spacer-l{margin:0 0 36px 36px} .fR.spacer-xl{margin:0 0 48px 48px} .fR.spacer-xxl{margin:0 0 72px 72px} :root .margin-center{margin-left:auto;margin-right:auto} #site .m-xxs,.m-xxs{margin:.428em} #site .m-xs,.m-xs{margin:.857em} #site .m-s,.m-s{margin:1.286em} #site .m-m,.m-m{margin:1.714em} #site .m-l,.m-l{margin:2.142em} #site .m-xl,.m-xl{margin:2.571em} #site .m-xxl,.m-xxl{margin:3.428em} #site .m-y-xxs,.m-y-xxs{margin:.428em 0} #site .m-y-xs,.m-y-xs{margin:.857em 0} #site .m-y-s,.m-y-s{margin:1.286em 0} #site .m-y,#site .m-y-m,.m-y,.m-y-m{margin:1.714em 0} #site .m-y-l,.m-y-l{margin:2.142em 0} #site .m-y-xl,.m-y-xl{margin:2.571em 0} #site .m-y-xxl,.m-y-xxl{margin:3.428em 0} #site .m-x-xxs,.m-x-xxs{margin:0 .428em} #site .m-x-xs,.m-x-xs{margin:0 .857em} #site .m-x-s,.m-x-s{margin:0 1.286em} #site .m-x,#site .m-x-m,.m-x,.m-x-m{margin:0 1.714em} #site .m-x-l,.m-x-l{margin:0 2.142em} #site .m-x-xl,.m-x-xl{margin:0 2.571em} #site .m-x-xxl,.m-x-xxl{margin:0 3.428em} #site .m-t-xxs,.m-t-xxs{margin-top:.428em} #site .m-t-xs,.m-t-xs{margin-top:.857em} #site .m-t-s,.m-t-s{margin-top:1.286em} #site .m-t,#site .m-t-m,.m-t,.m-t-m{margin-top:1.714em} #site .m-t-l,.m-t-l{margin-top:2.142em} #site .m-t-xl,.m-t-xl{margin-top:2.571em} #site .m-t-xxl,.m-t-xxl{margin-top:3.428em} #site .m-r-xxs,.m-r-xxs{margin-right:.428em} #site .m-r-xs,.m-r-xs{margin-right:.857em} #site .m-r-s,.m-r-s{margin-right:1.286em} #site .m-r,#site .m-r-m,.m-r,.m-r-m{margin-right:1.714em} #site .m-r-l,.m-r-l{margin-right:2.142em} #site .m-r-xl,.m-r-xl{margin-right:2.571em} #site .m-r-xxl,.m-r-xxl{margin-right:3.428em} #site .m-b-xxs,.m-b-xxs{margin-bottom:.428em} #site .m-b-xs,.m-b-xs{margin-bottom:.857em} #site .m-b-s,.m-b-s{margin-bottom:1.286em} #site .m-b,#site .m-b-m,.m-b,.m-b-m{margin-bottom:1.714em} #site .m-b-l,.m-b-l{margin-bottom:2.142em} #site .m-b-xl,.m-b-xl{margin-bottom:2.571em} #site .m-b-xxl,.m-b-xxl{margin-bottom:3.428em} #site .m-l-xxs,.m-l-xxs{margin-left:.428em} #site .m-l-xs,.m-l-xs{margin-left:.857em} #site .m-l-s,.m-l-s{margin-left:1.286em} #site .m-l,#site .m-l-m,.m-l,.m-l-m{margin-left:1.714em} #site .m-l-l,.m-l-l{margin-left:2.142em} #site .m-l-xl,.m-l-xl{margin-left:2.571em} #site .m-l-xxl,.m-l-xxl{margin-left:3.428em} #site .p-xxs,.p-xxs{padding:.428em} #site .p-xs,.p-xs{padding:.857em} #site .p-s,.p-s{padding:1.286em} #site .p-m,.p-m{padding:1.714em} #site .p-l,.p-l{padding:2.142em} #site .p-xl,.p-xl{padding:2.571em} #site .p-xxl,.p-xxl{padding:3.428em} #site .p-y-xxs,.p-y-xxs{padding:.428em 0} #site .p-y-xs,.p-y-xs{padding:.857em 0} #site .p-y-s,.p-y-s{padding:1.286em 0} #site .p-y,#site .p-y-m,.p-y,.p-y-m{padding:1.714em 0} #site .p-y-l,.p-y-l{padding:2.142em 0} #site .p-y-xl,.p-y-xl{padding:2.571em 0} #site .p-y-xxl,.p-y-xxl{padding:3.428em 0} #site .p-x-xxs,.p-x-xxs{padding:0 .428em} #site .p-x-xs,.p-x-xs{padding:0 .857em} #site .p-x-s,.p-x-s{padding:0 1.286em} #site .p-x,#site .p-x-m,.p-x,.p-x-m{padding:0 1.714em} #site .p-x-l,.p-x-l{padding:0 2.142em} #site .p-x-xl,.p-x-xl{padding:0 2.571em} #site .p-x-xxl,.p-x-xxl{padding:0 3.428em} #site .p-t-xxs,.p-t-xxs{padding-top:.428em} #site .p-t-xs,.p-t-xs{padding-top:.857em} #site .p-t-s,.p-t-s{padding-top:1.286em} #site .p-t,#site .p-t-m,.p-t,.p-t-m{padding-top:1.714em} #site .p-t-l,.p-t-l{padding-top:2.142em} #site .p-t-xl,.p-t-xl{padding-top:2.571em} #site .p-t-xxl,.p-t-xxl{padding-top:3.428em} #site .p-r-xxs,.p-r-xxs{padding-right:.428em} #site .p-r-xs,.p-r-xs{padding-right:.857em} #site .p-r-s,.p-r-s{padding-right:1.286em} #site .p-r,#site .p-r-m,.p-r,.p-r-m{padding-right:1.714em} #site .p-r-l,.p-r-l{padding-right:2.142em} #site .p-r-xl,.p-r-xl{padding-right:2.571em} #site .p-r-xxl,.p-r-xxl{padding-right:3.428em} #site .p-b-xxs,.p-b-xxs{padding-bottom:.428em} #site .p-b-xs,.p-b-xs{padding-bottom:.857em} #site .p-b-s,.p-b-s{padding-bottom:1.286em} #site .p-b,#site .p-b-m,.p-b,.p-b-m{padding-bottom:1.714em} #site .p-b-l,.p-b-l{padding-bottom:2.142em} #site .p-b-xl,.p-b-xl{padding-bottom:2.571em} #site .p-b-xxl,.p-b-xxl{padding-bottom:3.428em} #site .p-l-xxs,.p-l-xxs{padding-left:.428em} #site .p-l-xs,.p-l-xs{padding-left:.857em} #site .p-l-s,.p-l-s{padding-left:1.286em} #site .p-l,#site .p-l-m,.p-l,.p-l-m{padding-left:1.714em} #site .p-l-l,.p-l-l{padding-left:2.142em} #site .p-l-xl,.p-l-xl{padding-left:2.571em} #site .p-l-xxl,.p-l-xxl{padding-left:3.428em} #site .m-0,.m-0{margin:0} #site .m-3,.m-3{margin:3px} #site .m-5,.m-5{margin:5px} #site .m-6,.m-6{margin:6px} #site .m-10,.m-10{margin:10px} #site .m-12,.m-12{margin:12px} #site .m-15,.m-15{margin:15px} #site .m-16,.m-16{margin:16px} #site .m-20,.m-20{margin:20px} #site .m-24,.m-24{margin:24px} #site .m-25,.m-25{margin:25px} #site .m-30,.m-30{margin:30px} #site .m-32,.m-32{margin:32px} #site .m-36,.m-36{margin:36px} #site .m-40,.m-40{margin:40px} #site .m-48,.m-48{margin:48px} #site .m-50,.m-50{margin:50px} #site .m-64,.m-64{margin:64px} #site .m-72,.m-72{margin:72px} #site .m-80,.m-80{margin:80px} #site .m-100,.m-100{margin:100px} #site .m-y-0,.m-y-0{margin-top:0;margin-bottom:0} #site .m-y-3,.m-y-3{margin:3px 0} #site .m-y-5,.m-y-5{margin:5px 0} #site .m-y-6,.m-y-6{margin:6px 0} #site .m-y-10,.m-y-10{margin:10px 0} #site .m-y-12,.m-y-12{margin:12px 0} #site .m-y-15,.m-y-15{margin:15px 0} #site .m-y-16,.m-y-16{margin:16px 0} #site .m-y-20,.m-y-20{margin:20px 0} #site .m-y-24,.m-y-24{margin:24px 0} #site .m-y-25,.m-y-25{margin:25px 0} #site .m-y-30,.m-y-30{margin:30px 0} #site .m-y-32,.m-y-32{margin:32px 0} #site .m-y-36,.m-y-36{margin:36px 0} #site .m-y-40,.m-y-40{margin:40px 0} #site .m-y-48,.m-y-48{margin:48px 0} #site .m-y-50,.m-y-50{margin:50px 0} #site .m-y-64,.m-y-64{margin:64px 0} #site .m-y-72,.m-y-72{margin:72px 0} #site .m-y-80,.m-y-80{margin:80px 0} #site .m-y-100,.m-y-100{margin:100px 0} #site .m-x-0,.m-x-0{margin-left:0;margin-right:0} #site .m-x-3,.m-x-3{margin:0 3px} #site .m-x-5,.m-x-5{margin:0 5px} #site .m-x-6,.m-x-6{margin:0 6px} #site .m-x-10,.m-x-10{margin:0 10px} #site .m-x-12,.m-x-12{margin:0 12px} #site .m-x-15,.m-x-15{margin:0 15px} #site .m-x-16,.m-x-16{margin:0 16px} #site .m-x-20,.m-x-20{margin:0 20px} #site .m-x-24,.m-x-24{margin:0 24px} #site .m-x-25,.m-x-25{margin:0 25px} #site .m-x-30,.m-x-30{margin:0 30px} #site .m-x-32,.m-x-32{margin:0 32px} #site .m-x-36,.m-x-36{margin:0 36px} #site .m-x-40,.m-x-40{margin:0 40px} #site .m-x-48,.m-x-48{margin:0 48px} #site .m-x-50,.m-x-50{margin:0 50px} #site .m-x-64,.m-x-64{margin:0 64px} #site .m-x-72,.m-x-72{margin:0 72px} #site .m-x-80,.m-x-80{margin:0 80px} #site .m-x-100,.m-x-100{margin:0 100px} #site .m-t-0,.m-t-0{margin-top:0} #site .m-t-3,.m-t-3{margin-top:3px} #site .m-t-5,.m-t-5{margin-top:5px} #site .m-t-6,.m-t-6{margin-top:6px} #site .m-t-10,.m-t-10{margin-top:10px} #site .m-t-12,.m-t-12{margin-top:12px} #site .m-t-15,.m-t-15{margin-top:15px} #site .m-t-16,.m-t-16{margin-top:16px} #site .m-t-20,.m-t-20{margin-top:20px} #site .m-t-24,.m-t-24{margin-top:24px} #site .m-t-25,.m-t-25{margin-top:25px} #site .m-t-30,.m-t-30{margin-top:30px} #site .m-t-32,.m-t-32{margin-top:32px} #site .m-t-36,.m-t-36{margin-top:36px} #site .m-t-40,.m-t-40{margin-top:40px} #site .m-t-48,.m-t-48{margin-top:48px} #site .m-t-50,.m-t-50{margin-top:50px} #site .m-t-64,.m-t-64{margin-top:64px} #site .m-t-72,.m-t-72{margin-top:72px} #site .m-t-80,.m-t-80{margin-top:80px} #site .m-t-100,.m-t-100{margin-top:100px} #site .m-r-0,.m-r-0{margin-right:0} #site .m-r-3,.m-r-3{margin-right:3px} #site .m-r-5,.m-r-5{margin-right:5px} #site .m-r-6,.m-r-6{margin-right:6px} #site .m-r-10,.m-r-10{margin-right:10px} #site .m-r-12,.m-r-12{margin-right:12px} #site .m-r-15,.m-r-15{margin-right:15px} #site .m-r-16,.m-r-16{margin-right:16px} #site .m-r-20,.m-r-20{margin-right:20px} #site .m-r-24,.m-r-24{margin-right:24px} #site .m-r-25,.m-r-25{margin-right:25px} #site .m-r-30,.m-r-30{margin-right:30px} #site .m-r-32,.m-r-32{margin-right:32px} #site .m-r-36,.m-r-36{margin-right:36px} #site .m-r-40,.m-r-40{margin-right:40px} #site .m-r-48,.m-r-48{margin-right:48px} #site .m-r-50,.m-r-50{margin-right:50px} #site .m-r-64,.m-r-64{margin-right:64px} #site .m-r-72,.m-r-72{margin-right:72px} #site .m-r-80,.m-r-80{margin-right:80px} #site .m-r-100,.m-r-100{margin-right:100px} #site .m-b-0,.m-b-0{margin-bottom:0} #site .m-b-3,.m-b-3{margin-bottom:3px} #site .m-b-5,.m-b-5{margin-bottom:5px} #site .m-b-6,.m-b-6{margin-bottom:6px} #site .m-b-10,.m-b-10{margin-bottom:12px} #site .m-b-12,.m-b-12{margin-bottom:12px} #site .m-b-15,.m-b-15{margin-bottom:15px} #site .m-b-16,.m-b-16{margin-bottom:16px} #site .m-b-20,.m-b-20{margin-bottom:20px} #site .m-b-24,.m-b-24{margin-bottom:24px} #site .m-b-25,.m-b-25{margin-bottom:25px} #site .m-b-30,.m-b-30{margin-bottom:30px} #site .m-b-32,.m-b-32{margin-bottom:32px} #site .m-b-36,.m-b-36{margin-bottom:36px} #site .m-b-40,.m-b-40{margin-bottom:40px} #site .m-b-48,.m-b-48{margin-bottom:48px} #site .m-b-50,.m-b-50{margin-bottom:50px} #site .m-b-64,.m-b-64{margin-bottom:64px} #site .m-b-72,.m-b-72{margin-bottom:72px} #site .m-b-80,.m-b-80{margin-bottom:80px} #site .m-b-100,.m-b-100{margin-bottom:100px} #site .m-l-0,.m-l-0{margin-left:0} #site .m-l-3,.m-l-3{margin-left:3px} #site .m-l-5,.m-l-5{margin-left:5px} #site .m-l-6,.m-l-6{margin-left:6px} #site .m-l-10,.m-l-10{margin-left:10px} #site .m-l-12,.m-l-12{margin-left:12px} #site .m-l-15,.m-l-15{margin-left:15px} #site .m-l-16,.m-l-16{margin-left:16px} #site .m-l-20,.m-l-20{margin-left:20px} #site .m-l-24,.m-l-24{margin-left:24px} #site .m-l-25,.m-l-25{margin-left:25px} #site .m-l-30,.m-l-30{margin-left:30px} #site .m-l-32,.m-l-32{margin-left:32px} #site .m-l-36,.m-l-36{margin-left:36px} #site .m-l-40,.m-l-40{margin-left:40px} #site .m-l-48,.m-l-48{margin-left:48px} #site .m-l-50,.m-l-50{margin-left:50px} #site .m-l-64,.m-l-64{margin-left:64px} #site .m-l-72,.m-l-72{margin-left:72px} #site .m-l-80,.m-l-80{margin-left:80px} #site .m-l-100,.m-l-100{margin-left:100px} #site .p-0,.p-0{padding:0} #site .p-3,.p-3{padding:3px} #site .p-5,.p-5{padding:5px} #site .p-6,.p-6{padding:6px} #site .p-10,.p-10{padding:10px} #site .p-12,.p-12{padding:12px} #site .p-15,.p-15{padding:15px} #site .p-16,.p-16{padding:16px} #site .p-20,.p-20{padding:20px} #site .p-24,.p-24{padding:24px} #site .p-25,.p-25{padding:25px} #site .p-30,.p-30{padding:30px} #site .p-32,.p-32{padding:32px} #site .p-36,.p-36{padding:36px} #site .p-40,.p-40{padding:40px} #site .p-48,.p-48{padding:48px} #site .p-50,.p-50{padding:50px} #site .p-64,.p-64{padding:64px} #site .p-72,.p-72{padding:72px} #site .p-80,.p-80{padding:80px} #site .p-100,.p-100{padding:100px} #site .p-y-0,.p-y-0{padding-top:0;padding-bottom:0} #site .p-y-3,.p-y-3{padding:3px 0} #site .p-y-5,.p-y-5{padding:5px 0} #site .p-y-6,.p-y-6{padding:6px 0} #site .p-y-10,.p-y-10{padding:10px 0} #site .p-y-12,.p-y-12{padding:12px 0} #site .p-y-15,.p-y-15{padding:15px 0} #site .p-y-16,.p-y-16{padding:16px 0} #site .p-y-20,.p-y-20{padding:20px 0} #site .p-y-24,.p-y-24{padding:24px 0} #site .p-y-25,.p-y-25{padding:25px 0} #site .p-y-30,.p-y-30{padding:30px 0} #site .p-y-32,.p-y-32{padding:32px 0} #site .p-y-36,.p-y-36{padding:36px 0} #site .p-y-40,.p-y-40{padding:40px 0} #site .p-y-48,.p-y-48{padding:48px 0} #site .p-y-50,.p-y-50{padding:50px 0} #site .p-y-64,.p-y-64{padding:64px 0} #site .p-y-72,.p-y-72{padding:72px 0} #site .p-y-80,.p-y-80{padding:80px 0} #site .p-y-100,.p-y-100{padding:100px 0} #site .p-x-0,.p-x-0{padding-left:0;padding-right:0} #site .p-x-3,.p-x-3{padding:0 3px} #site .p-x-5,.p-x-5{padding:0 5px} #site .p-x-6,.p-x-6{padding:0 6px} #site .p-x-10,.p-x-10{padding:0 10px} #site .p-x-12,.p-x-12{padding:0 12px} #site .p-x-15,.p-x-15{padding:0 15px} #site .p-x-16,.p-x-16{padding:0 16px} #site .p-x-20,.p-x-20{padding:0 20px} #site .p-x-24,.p-x-24{padding:0 24px} #site .p-x-25,.p-x-25{padding:0 25px} #site .p-x-30,.p-x-30{padding:0 30px} #site .p-x-32,.p-x-32{padding:0 32px} #site .p-x-36,.p-x-36{padding:0 36px} #site .p-x-40,.p-x-40{padding:0 40px} #site .p-x-48,.p-x-48{padding:0 48px} #site .p-x-50,.p-x-50{padding:0 50px} #site .p-x-64,.p-x-64{padding:0 64px} #site .p-x-72,.p-x-72{padding:0 72px} #site .p-x-80,.p-x-80{padding:0 80px} #site .p-x-100,.p-x-100{padding:0 100px} #site .p-t-0,.p-t-0{padding-top:0} #site .p-t-3,.p-t-3{padding-top:3px} #site .p-t-5,.p-t-5{padding-top:5px} #site .p-t-6,.p-t-6{padding-top:6px} #site .p-t-10,.p-t-10{padding-top:10px} #site .p-t-12,.p-t-12{padding-top:12px} #site .p-t-15,.p-t-15{padding-top:15px} #site .p-t-16,.p-t-16{padding-top:16px} #site .p-t-20,.p-t-20{padding-top:20px} #site .p-t-24,.p-t-24{padding-top:24px} #site .p-t-25,.p-t-25{padding-top:25px} #site .p-t-30,.p-t-30{padding-top:30px} #site .p-t-32,.p-t-32{padding-top:32px} #site .p-t-36,.p-t-36{padding-top:36px} #site .p-t-40,.p-t-40{padding-top:40px} #site .p-t-48,.p-t-48{padding-top:48px} #site .p-t-50,.p-t-50{padding-top:50px} #site .p-t-64,.p-t-64{padding-top:64px} #site .p-t-72,.p-t-72{padding-top:72px} #site .p-t-80,.p-t-80{padding-top:80px} #site .p-t-100,.p-t-100{padding-top:100px} #site .p-r-0,.p-r-0{padding-right:0} #site .p-r-3,.p-r-3{padding-right:3px} #site .p-r-5,.p-r-5{padding-right:5px} #site .p-r-6,.p-r-6{padding-right:6px} #site .p-r-12,.p-r-12{padding-right:12px} #site .p-r-15,.p-r-15{padding-right:15px} #site .p-r-16,.p-r-16{padding-right:16px} #site .p-r-20,.p-r-20{padding-right:20px} #site .p-r-24,.p-r-24{padding-right:24px} #site .p-r-25,.p-r-25{padding-right:25px} #site .p-r-30,.p-r-30{padding-right:30px} #site .p-r-32,.p-r-32{padding-right:32px} #site .p-r-36,.p-r-36{padding-right:36px} #site .p-r-40,.p-r-40{padding-right:40px} #site .p-r-48,.p-r-48{padding-right:48px} #site .p-r-50,.p-r-50{padding-right:50px} #site .p-r-64,.p-r-64{padding-right:64px} #site .p-r-72,.p-r-72{padding-right:72px} #site .p-r-80,.p-r-80{padding-right:80px} #site .p-r-100,.p-r-100{padding-right:100px} #site .p-b-0,.p-b-0{padding-bottom:0} #site .p-b-3,.p-b-3{padding-bottom:3px} #site .p-b-5,.p-b-5{padding-bottom:5px} #site .p-b-6,.p-b-6{padding-bottom:6px} #site .p-b-10,.p-b-10{padding-bottom:10px} #site .p-b-12,.p-b-12{padding-bottom:12px} #site .p-b-15,.p-b-15{padding-bottom:15px} #site .p-b-16,.p-b-16{padding-bottom:16px} #site .p-b-20,.p-b-20{padding-bottom:20px} #site .p-b-24,.p-b-24{padding-bottom:24px} #site .p-b-25,.p-b-25{padding-bottom:25px} #site .p-b-30,.p-b-30{padding-bottom:30px} #site .p-b-32,.p-b-32{padding-bottom:32px} #site .p-b-36,.p-b-36{padding-bottom:36px} #site .p-b-40,.p-b-40{padding-bottom:40px} #site .p-b-48,.p-b-48{padding-bottom:48px} #site .p-b-50,.p-b-50{padding-bottom:50px} #site .p-b-64,.p-b-64{padding-bottom:64px} #site .p-b-72,.p-b-72{padding-bottom:72px} #site .p-b-80,.p-b-80{padding-bottom:80px} #site .p-b-100,.p-b-100{padding-bottom:100px} #site .p-l-0,.p-l-0{padding-left:0} #site .p-l-3,.p-l-3{padding-left:3px} #site .p-l-5,.p-l-5{padding-left:5px} #site .p-l-6,.p-l-6{padding-left:6px} #site .p-l-10,.p-l-10{padding-left:10px} #site .p-l-12,.p-l-12{padding-left:12px} #site .p-l-15,.p-l-15{padding-left:15px} #site .p-l-16,.p-l-16{padding-left:16px} #site .p-l-20,.p-l-20{padding-left:20px} #site .p-l-24,.p-l-24{padding-left:24px} #site .p-l-25,.p-l-25{padding-left:25px} #site .p-l-30,.p-l-30{padding-left:30px} #site .p-l-32,.p-l-32{padding-left:32px} #site .p-l-36,.p-l-36{padding-left:36px} #site .p-l-40,.p-l-40{padding-left:40px} #site .p-l-48,.p-l-48{padding-left:48px} #site .p-l-50,.p-l-50{padding-left:50px} #site .p-l-64,.p-l-64{padding-left:64px} #site .p-l-72,.p-l-72{padding-left:72px} #site .p-l-80,.p-l-80{padding-left:80px} #site .p-l-100,.p-l-100{padding-left:100px} .breadcrumb,.h1,.h2,.h3,.h4,.h5,.h6,.pagination,.sep-line,.sep-text,dt,h1,h2,h3,h4,h5,h6{cursor:default} .pointer,a[href],button,input[type=image],input[type=submit]{cursor:pointer} .img-not-resp{max-width:none} .text-indent,.text-indent-hide{display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden} .text-indent-hide{position:absolute;display:block;width:0;height:0;visibility:hidden} #site .hide,.hide{display:none} .invisible{visibility:hidden} .inline{display:inline} .inline-block{display:inline-block} .block{display:block} #site .fL,.fL{float:left} #site .fR,.fR{float:right} #site .cL,.cL{clear:left} #site .cR,.cR{clear:right} #site .cB,.cB{clear:both} .clear-fix:after,.inner:after,.item-content dl:after,.wrapper:after{content:"";display:block;height:0;clear:both;visibility:hidden} .btn,.form-control,.sub-menu .sub-menu-wrapper,.txt,input[type=checkbox],input[type=radio],input[type=text]{transition:all .2s ease} #site .dropdown-select .dropdown-content>ul .current a,#site .dropdown-select .dropdown-content>ul a:hover{background-color:#666} #site .dropdown-select .dropdown-content>ul .current a,#site .dropdown-select .dropdown-content>ul a:hover{color:#fff} :root {--rounded-xxs:.2rem;--rounded-xs:.3rem;--rounded-s:.5rem;--rounded:1rem;--rounded-l:1.5rem;--rounded-xl:2rem;--rounded-xxl:4rem;--rounded-circle:50%;} html {min-width:360px; height:100%;} body {height:100%; font-family:'Roboto', sans-serif; font-size:14px;} .wrapper {width:100%; max-width:1320px; padding:0 24px;} #site {display:flex; flex-direction:column; align-items:stretch; min-height:100%; padding-top:120px;} #site.hide {display:none;} #header {position:absolute; top:-1px; left:0; z-index:801; width:100%; font-size:1.1em;} #header > .level-1 {min-height:97px; padding:25px 0 24px; background:linear-gradient(to bottom, #004080 0%,#014c97 70%);} #header > .level-2 {display:none;} .site-logo {position:absolute; top:50%; left:20px; width:49%; max-width:255px; margin:4px 0 0; padding:0; transform:translateY(-50%);} .site-logo a {display:block;} .f-nav #header, .user-messages #header {position:fixed; box-shadow:0 4px 10px rgba(0,0,0,.3);} .f-nav #header > .level-1, .user-messages #header, .user-messages #header > .level-1 {min-height:49px; padding-top:0; padding-bottom:0;} .f-nav .site-logo, .user-messages .site-logo {max-width:210px;} #header .login-btn {float:right; margin:6px 72px 0 0; padding-left:.4em; padding-right:1em; text-decoration:none; text-align:center; border-radius:1.5em;} .login-btn.logged-in:hover {background-color:transparent;} .login-btn .icon-wrapper {display:inline-block; width:36px; height:36px; vertical-align:middle;} .login-btn svg {margin-top:.3em;} .login-btn path {fill:#40c8f4;} .login-btn:hover path {fill:white;} .login-btn.logged-in .dtop {display:none;} .notification-on {position:relative;} .notification-on::before {content:""; position:absolute; top:-2px; right:-2px;display:block; width:8px; height:8px; border:2px solid; border-radius:50%;} .column.user-profile .nav-y a.notification-on {padding-left:1.8em;} .column.user-profile .nav-y a.notification-on::before,.item-description .member-info .avatar.notification-on::before {top:2px; right:auto; left:-6px; width:24px; height:21px;background-image:url(icon-mail-sm.svg); background-repeat:no-repeat; background-position:50% 50%;border-width:0; border-radius:6px;animation:pulse-notification 1s infinite;} .column.user-profile.notification-on::before {display:none;} @keyframes pulse-notification {0% {box-shadow:0 0 0 0 rgba(237,26,59,.55);} 70% {box-shadow:0 0 0 7px rgba(237,26,59,0);} 100% {box-shadow:0 0 0 0 rgba(237,26,59,0);}} #header .meta {float:right; margin:6px 10px 0;} #header .meta a {min-height:36px;} :root .btn-add {position:relative; margin-right:1rem; padding-top:.55rem; padding-left:2em; font-weight:bold;} #header .btn-add {min-width:10em;} .btn-add:before {content:""; position:absolute; top:50%; left:.6em; transform:translateY(-50%);display:block; width:16px; height:16px; background:url(icon-add.svg) no-repeat 50% 50%;} .icon-mobile-search {display:none;} .search-bar {position:absolute; top:1px; right:24px; width:60px; max-width:360px; overflow:hidden; padding-right:60px; text-align:right;} .search-bar.on {width:40%; overflow:visible;} .live-search {display:block; position:static;} .search-wrapper {width:0; visibility:hidden; opacity:0; text-align:left;} .search-bar.on .search-wrapper {width:100%; visibility:visible; opacity:1;} .search-loading .search-wrapper > .form-group::before {content:""; position:absolute; top:.7em; right:.7em; z-index:10;display:block; width:16px; height:16px; border-radius:var(--rounded-circle);border:4px solid #eee; border-left-color:#ed1a3b;transform:translateZ(0); animation:s-loading .6s infinite linear; } @keyframes s-loading { 0% {transform:rotate(0deg);}  100% {transform:rotate(360deg);}} .search-wrapper .txt {height:48px; border-width:0; box-shadow:inset 0 0 4px rgba(0,0,0,.5);} .search-btn-wrapper {position:absolute; top:0; right:0; width:auto;} .icon-search {position:relative; display:block; width:60px; height:48px;border-left:2px solid;} .icon-search:before, .icon-search:after {content:""; position:absolute; display:block; border-style:solid;} .icon-search:before {top:12px; left:20px; width:14px; height:14px; border-width:2px; border-radius:var(--rounded-circle);} .icon-search:after {top:30px; left:32px; width:10px; border-width:2px 0 0; transform:rotate(45deg);} .search-bar.on .icon-search:before {width:20px; height:0; top:22px; border-width:2px 0 0; border-radius:0; transform:rotate(45deg);} .search-bar.on .icon-search:after {width:20px; top:22px; left:20px; transform:rotate(-45deg);} #site .dropdown-content a {display:block; float:left; width:100%; font-size:1em;} .dropdown-content .img {width:60px;} .dropdown-content img {max-width:60px; max-height:60px;} #site .dropdown-content .btn {padding:.5em;} .search-bar-modal {display:flex; flex-direction:column; min-height:100%;} .search-bar-modal .search-input-wrapper {position:relative; margin:0 -.3rem 0; padding:.3rem; overflow:hidden;} .search-bar-modal .search-input-wrapper .txt {display:block; width:100%; padding:1em; padding-right:2em; border-width:2px;} .search-bar-modal .clear-search {position:absolute; top:50%; right:-2em; transform:translateY(-50%);display:flex; width:1.5rem; height:1.5rem; padding-bottom:.1em; align-items:center; justify-content:center;font-weight:bold; font-size:1.1em; } .search-bar-modal .clear-search.on {right:1em;} .search-bar-modal .btn-view-all {position:absolute; top:50%; right:-2em; transform:translateY(-50%);display:block; width:2.5rem; height:2.5rem;} .search-bar-modal .btn-view-all.on {right:.9em;} .search-bar-results {position:relative; flex:1; padding-top:2.5em;} .search-bar-results .search-bar-desc {position:absolute; top:-.3rem; z-index:-1; display:inline-block; margin:0 0 1em 1em; padding:.3em .5em; border-radius:0 0 .5em .5em;} .search-bar-results.search-loading:before {content:""; position:absolute; top:.2em; left:50%; z-index:10;display:block; width:16px; height:16px; margin-left:-8px; border-radius:50%;border:4px solid #eee; border-left-color:#ed1a3b;transform:translateZ(0); animation:search-loading .6s infinite linear; } @keyframes search-loading { 0% {transform:rotate(0deg);}  100% {transform:rotate(360deg);}} .search-bar-results section {margin-bottom:.5em; padding-bottom:.5em; border-bottom:1px solid;} .search-bar-results section a {display:flex; text-decoration:none;} .search-bar-results .img {width:25%; min-width:100px; margin-right:1em;} #site .nav-collapse {display:none;} .site-nav {float:left; margin:11px 0 0 327px;} #site .main-nav nav > ul {visibility:visible; position:relative; opacity:1; margin:0;} .site-nav nav > ul > li {display:inline-block; margin-right:1.5em;} .site-nav nav > ul > li > a {position:relative; display:block; padding:.4em 0;font-weight:bold; text-decoration:none; text-transform:uppercase;} .site-nav nav > ul > li > a:before {content:""; position:absolute; left:0; bottom:0;display:block; width:100%; border-top:2px solid transparent;} .site-nav .sub-menu {} .site-nav .sub-menu .sub-menu-wrapper {top:100%; z-index:800; width:100%; padding:1em .5em; box-shadow:1px 5px 10px rgba(0,0,0,.2); border-width:0;transition-delay:0.3s;} .site-nav .sub-menu:hover .sub-menu-wrapper {top:100%;} .site-nav .sub-menu li {padding:0 .5em;} .nav-x .sub-menu li a {padding:.5em .7em;} .site-nav .sub-menu li a:hover {text-decoration:none;} .site-nav .sub-menu .sub-menu ul {display:none;} main {position:relative; z-index:1; padding-bottom:24px;flex-grow:1;} .user-messages main {padding-bottom:0;} .content.col-75 {width:calc(75% - 6px);} .side-bar + .content.col-75 {float:right;} .btn-outline {background-color:transparent; border-width:2px;} .index main .row-1, .index main .row-2 {margin-bottom:24px; display:flex; flex-wrap:wrap;} .column {position:relative;} .column .column-inner {padding:20px;} .column-inner + .main-items {padding-top:0;} .popular {clear:both; padding-right:12px;} .popular a, .popular a > .img {position:relative; display:block; height:100%;} .popular a {background:url(loading-big.gif) no-repeat 50% 40%;} .popular a > .img {background-position:50% 50%; background-repeat:no-repeat; background-size:cover;} .popular h2 {top:0; margin:0; padding:12px 20px;} .inside .popular a {padding-top:2.4rem;} .inside .popular h2 {top:-2.4rem;} .popular h2:before, .popular h2:after,.top-items h3:before, .top-items h3:after {content:""; position:absolute; z-index:10; display:block;} .popular h2:before,.top-items h3:before {top:0; right:0; width:0; height:0;border-style:solid; border-width:0 80px 80px 0; border-color:transparent #e81a39 transparent transparent;} .popular h2:after,.top-items h3:after {top:6px; right:2px; width:36px; height:36px; background-position:50% 50%; background-repeat:no-repeat;} .popular h2:after {background-image:url(icon-award.svg);} .popular h2, .popular .info {position:absolute; left:0; z-index:10; width:100%; pointer-events:none;} .popular .info {bottom:0; margin:0; padding:1.5em 20px 20px;} .popular h1 {font-size:2.5em;} .popular h2, h3 {font-size:1.45em;} .column > h3 {margin:0; padding:12px 40px 12px 20px; border-bottom:1px solid;} .index .section-blog {margin:0 6px 0 12px;} .index .column.makes {width:calc(50% - 12px); margin-left:12px;} .index .column.makes .column-inner {max-height:375px; padding:14px 20px; overflow-y:auto;} .index .column.makes ul {list-style:none; margin:0; column-count:3; column-gap:10px;} .index .column.makes li {margin:0 0 .2em; break-inside:avoid-column;} .index .column.makes a {display:block; padding:0 .1em; font-size:1em;} .column a {text-decoration:none;} .index .col-vpb, .index .section-blog, .index .column.top-items {width:calc(25% - 18px);} .index .col-vpb, .index .column.top-items {margin-left:18px;} .index .col-vpb {display:none;} main .vpb {position:relative; clear:both; padding-top:24px; text-align:center; border-style:solid; border-width:1px 0 0;} main .vpb + .vpb {border-top-width:0;} main .vpb a {display:block;} .index .column.latest {width:calc(50% - 12px); margin-right:12px;} .main-items, .section-blog .item-list {padding:20px;} .main-items section {position:relative; margin-bottom:12px;} .index .main-items section:last-child {margin-bottom:0;} .main-items .item-cell {float:left; width:100%;} .main-items .img {overflow:hidden;} .main-items .img {float:left; width:33%;} .main-items .img a {display:block;} .main-items .info {float:right; width:67%; padding:0 1.5em .5em;} .side-bar .main-items .info, .index .top-items .info {padding:0;} .main-items.item-col-3 .img, .main-items.item-col-3 .info {width:100%;} .main-items h4 {margin-top:.8em; font-size:1.3em; padding-bottom:.8em; border-bottom:1px solid;} .main-items .info p {margin-bottom:0;} .main-items .info a {display:inline-block;} .main-items .avatar img {width:36px; margin-right:.3rem; border:2px solid; border-radius:var(--rounded-circle);} .main-items .avatar {padding-right:.2em;} .main-items .views {float:right; margin:.5em 0 0 .7em;} :root .views {padding-left:1.7em; background:url(icon-view.svg) no-repeat 0 50%;} .inside .content .main-items .item-content {display:flex; flex-wrap:wrap; margin:0 -6px;} .inside .content .main-items section {padding:0 6px;} .inside .content .main-items .item-cell {height:100%;} .inside .content .main-items .info {padding:0 1em 1em;} .inside .content .main-items h4 {min-height:2.5em;} .main-items .info .edit .btn {margin-bottom:.3em;} .top-items {position:relative;} .top-items h3 {border-bottom:none} .top-items h3:before {border-right-color:black;} .top-items h3:after {background-image:url(icon-top-items.svg);} .top-items section {counter-increment:counter-numbers;} .top-items .item-cell {position:relative;} .top-items .item-cell:before {content:""; position:absolute; top:0; right:0;display:block; width:0; height:0;border-style:solid; border-width:0 24px 24px 0; border-color:transparent white transparent transparent;} .top-items .item-cell:after {content:counter(counter-numbers); position:absolute; top:.2em; right:6%;font-size:5em; font-weight:300;} #site .top-items .img {width:78%; max-width:190px;} #site .top-items .info {clear:both; width:100%;} #site .top-items h4 {margin:.2em 0; padding:0; font-size:1.15em; font-weight:normal; border:none;} #site .top-items h4 a {display:block; padding:.5em;} .section-blog .item-list {text-align:center;} .section-blog section {margin-bottom:2em;} .section-blog .img {width:100%; margin-bottom:.5em; text-align:center;} .index .section-blog .info {display:flex; flex-wrap:wrap; justify-content:space-between;} .index .section-blog h4 {width:100%; margin-top:.4em; text-align:left;} .section-blog h4 {position:relative; clear:both; margin-bottom:.3em; padding-bottom:.7em; font-size:1.15em;border-bottom:1px solid;} .date {font-size:.9em;} .inside .content h2 {font-weight:300;} .breadcrumb {margin:-12px 0 12px; text-align:center; font-size:1em;} .breadcrumb a {margin:0 .5em} .pagination {margin:2em 0 3em; font-size:1.3em; font-weight:200;} .pagination .pagination-pages {display:inline-block; margin:auto; padding:0; border:2px solid; border-radius:1.5em;} .pagination a, .pagination strong, .pagination span {margin:0; padding:0 1em; text-decoration:none; line-height:42px; vertical-align:middle;} .pagination .prev-link {border-radius:1.5em 0 0 1.5em;} .pagination .next-link {border-radius:0 1.5em 1.5em 0;} .pagination .prev-link {margin-right:.2em;} .pagination .next-link {margin-left:.2em;} .level-blog {margin-top:24px;} .level-blog h3 {text-align:center;} .level-blog .item-list section {padding:0 6px;} .level-blog .section-blog h4 {min-height:3em;} .steps + .fieldset {margin-top:3em;} .form-elements .fieldset {position:relative; margin-bottom:2.5em; padding:7em 10% 8%;} .form-elements legend {position:absolute; top:0; left:0; min-width:35%; margin:0; padding:.5em 1em; font-size:1.5em;}  .form-elements .fieldset.yt-video {margin-bottom:2.5em; padding:calc(1.5em + 2%); padding-top:3.5em;} .form-elements .fieldset.yt-video legend {min-width:0; font-size:1em;} .form-elements .fieldset.yt-video .col {margin-right:1em;} .form-elements .fieldset.yt-video .col-2 {padding:2.4em 0 .9em;} .form-elements .fieldset.yt-video .col-2 .inner {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:200px; height:100%; padding:1em;} .yt-video-preview .img {flex-shrink:0; position:relative; width:100%; height:100%;} .yt-video-preview .img:not(:empty) {max-height:94px; padding-top:94px;} .yt-video-preview .img:empty {display:block; position:absolute; top:0; right:0; bottom:0; left:0;border:2px dashed;} .yt-video-preview img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.2rem;} .tab-content .fieldset {border:none; margin-bottom:0;} .section-comments textarea, #site .contact-form textarea, .add-your-ride textarea, .vp-modal-window textarea {resize:vertical;} .item-message .item-cell {display:flex; min-height:15em; text-align:center; font-size:1.3em;} .item-loading .item-cell {background:url(loading-big.gif) no-repeat 50% 50%;} .item-message .item-cell a, .item-message strong {flex:1; display:flex; justify-content:center; align-items:center;} .load-more-items .load-more span {display:inline-block; padding:.7em 1.5em; border-radius:1.5em;} .item-list-filter {position:absolute; top:.3em; right:.3em;} .item-list-filter > * {display:inline-block; float:none; width:auto;} .item-list-filter h6 {margin-right:.5em;} .item-list-filter .form-group {width:10em;} section.blog-post h4 {border-bottom-width:2px;} .next-item {display:none;} .latest .img a, .main-items.item-col-3 .img a, .section-blog .img a, .top-items .img a {position:relative; display:block; padding-bottom:67%; overflow:hidden; background:url(loading.gif) no-repeat 50% 50%;} .body-cat-3 .main-items.item-col-3 .img a {background-image:none;} .top-items .img a {padding-bottom:66%;} .latest .img img, .main-items.item-col-3 .img img, .section-blog .img img, .top-items .img img {position:absolute; top:0; left:0;} .latest-rides-preview {padding:.5em 0; border-style:solid; border-width:24px 0;} .latest-rides-preview > h3 {border-bottom:none;} .latest-rides-preview .main-items {text-align:center;} .latest-rides-preview .item-content {text-align:left;} #site .latest-rides-preview section {width:25%;} .latest-rides-preview .item-cell {position:relative; border-radius:1em; overflow:hidden;} .latest-rides-preview .img {width:100%;} .latest-rides-preview .img a {padding-bottom:130%; border-radius:1em;} .latest-rides-preview .img img {position:absolute; top:0; left:0;width:100%; height:100%; object-fit:cover; object-position:50% 50%;} .latest-rides-preview.anm-latest .img img {animation:anm-latest-img 10s linear;} .latest-rides-preview.anm-latest section:nth-child(2) .img img {animation-delay:10s;} .latest-rides-preview.anm-latest section:nth-child(3) .img img {animation-delay:20s;} .latest-rides-preview.anm-latest section:nth-child(4) .img img {animation-delay:30s;} @keyframes anm-latest-img {50% {object-position:100% 50%;}} .latest-rides-preview .info {position:absolute; left:0; bottom:0; width:100%; padding:3em .7em .5em; overflow:hidden; pointer-events:none;} .latest-rides-preview .info h4 {height:2.6em; overflow:hidden; margin-bottom:0; padding-bottom:.3em; font-size:1.1em;} .latest-rides-preview .info .user-link {display:none;} .latest-rides-preview .main-items > .btn {padding:0.76em 1.3em 0.88em; font-size:1.1rem;border-radius:1.5em;} .advanced-search {position:relative; clear:both; margin-bottom:24px; padding:5% 5% 3%;} .advanced-search h1 {margin:0;} .advanced-search h3 {margin-bottom:1em;} .advanced-search .line-wrap {display:flex;} .advanced-search .line-wrap.level-2 .form-group:first-child {padding-right:0;} .advanced-search .line-wrap.level-2 > strong {width:3em; text-align:center; line-height:3em; flex-shrink:0;} .advanced-search .line-wrap.level-2 .form-group:last-child {flex-basis:40%;} .advanced-search .form-group, .item-filter .form-group {padding-right:1em;} .advanced-search .form-group:last-child, .item-filter .form-group:last-child {padding-right:0;} .advanced-search .btn {display:block; width:100%; padding:.6em 1.2em .65em;} .item-filter {margin-bottom:2em; padding:.7em 0 0; border-style:solid; border-width:1px 0;} .e-shop .item-filter {float:left;} .item-filter .line-wrap h4 {float:left; margin-top:.5em; margin-right:1em; font-size:1.1em;} #site .item-filter .line-wrap h4, #site .item-filter .form-group {width:auto; clear:none;} .item-filter .form-group {margin-right:1em; border-right:1px solid;} .item-filter .form-group:last-child {margin-right:0; border-right-width:0;} .select-menu a {display:block; text-decoration:none;} .select-menu > a {position:relative; min-width:60px; padding:.4em 30px .3em .4em;} .select-menu > a:before {content:""; position:absolute; top:50%; right:6px; margin-top:-3px;} .select-menu.on > a:before {transform:rotate(180deg);} .select-menu .inner {visibility:hidden; opacity:0;overflow:auto; position:absolute; left:0; z-index:190;width:200px; max-height:300px;margin:0; padding:.5em;border:1px solid;box-shadow:0 2px 12px rgba(0,0,0,.3);} .select-menu.on .inner {visibility:visible; opacity:1;} .item-filter .select-menu .inner {width:auto; min-width:100%; padding:.2em; white-space:nowrap;} .select-menu .inner ul {list-style:none; margin:0;} .select-menu .inner ul li {margin:0; padding:0;} .item-filter .select-menu .inner a {padding:.3em;} .mark-form-details .txt, .mark-form-details .rich-dropdown label {max-width:472px;} .rich-dropdown > label, .rich-dropdown .dropdown-link {position:relative; display:inline-block; width:100%; padding:8px; padding-right:28px; vertical-align:middle; cursor:pointer;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border:1px solid; border-radius:2px;user-select:none; touch-action:manipulation;} .rich-dropdown > label:active {background:white;} .rich-dropdown .dropdown-link {padding-top:7px; padding-bottom:7px;} .rich-dropdown > label:before, .rich-dropdown .dropdown-link:before {content:""; position:absolute; right:8px; top:0; bottom:0; margin:auto; color:inherit;} .rich-dropdown > label > span, .rich-dropdown .dropdown-link {display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .rich-dropdown select {position:absolute; top:0; left:0; z-index:1; display:block; width:100%; height:100%; opacity:0;border:0; cursor:pointer;-webkit-appearance:none; -moz-appearance:none; appearance:none;} .select-menu > a:before, .rich-dropdown > label:before, .rich-dropdown .dropdown-link:before {width:0; height:0; border-top:5px solid; border-right:5px solid transparent; border-left:5px solid transparent;border-style:solid; border-width:6px 6px 0 6px; border-color:#33c0f0 transparent transparent transparent;} .item-description {margin-bottom:24px;} .item-description h1, .item-description h1 small,.res-description h1 {font-weight:300;} .item-description h1.lead-heading, .res-description h1.lead-heading {position:relative; display:flex; margin:0; padding:0; font-size:2em; border-bottom:0;} .item-description h1.lead-heading .title {padding:20px;} .res-description h1.lead-heading .title {padding:24px;} .item-description h1.lead-heading .title, .res-description h1.lead-heading .title {flex:1;} .item-description h1 small {display:block;} .item-description h1.lead-heading .add-on {display:flex; flex-direction:column; min-width:20%;} .item-description h1.lead-heading .add-on-wrapper {flex:1; display:flex; justify-content:space-between; align-items:center; padding:.5em; padding-left:1.2em; font-size:1rem;} .item-description h1.lead-heading .add-on-wrapper:after {flex-shrink:0; content:""; width:42px; height:42px; margin-left:.5em;background-repeat:no-repeat; background-position:50% 50%;} .item-description h1.lead-heading .popular:after {background-image:url(icon-award.svg);} .item-description h1.lead-heading .top-items:after {background-image:url(icon-top-items.svg);} .item-gallery {clear:both; display:flex;} .big-img {flex:1; display:flex; justify-content:center; background:url(loading-big.gif) no-repeat 50% 50%;} .big-img .img-loading {position:relative; overflow:hidden;} .img-loading img {width:100%; transform:translateZ(0);} .img-loading .not-loaded {filter:blur(8px); transform:scale(1.1); opacity:.9;} .img-loading .is-loaded {filter:blur(0); transform:scale(1); opacity:1;} .big-img .img-gallery {position:relative;} .big-img .img-gallery:before {content:""; position:absolute; top:1.2em; left:1.3em;display:block; width:32px; height:32px;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='none' stroke-width='1.5' stroke='%23fff' stroke-miterlimit='10' cx='9.8' cy='9.9' r='6.4'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10' d='m14.9 13.8 5.6 5.7M9.8 6.6v6.5M6.6 9.8h6.5'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size:24px;} .item-gallery ul {width:20%; list-style:none; margin:0;} .item-gallery ul li {position:relative; margin:0; overflow:hidden;} .item-gallery .more-img img {opacity:.6;} .item-gallery .more-img strong {position:absolute; top:50%; left:50%; z-index:10; font-size:2em; transform:translate(-50%,-50%);} .item-overview, .section-comments {padding:24px;} .item-description .member-info {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:-1px; padding:18px 24px 18px 18px; border-bottom:1px solid;} .item-description .avatar {width:4.5em;} .member-info .info {padding-left:2em;} .item-description .member-info .info {flex:1;} .member-info .info > span {margin:0 7% 0 0; display:inline-block;} .member-info .info > span strong {display:block;} a.official-account {padding-right:1.5em; background:url(icon-official.svg) no-repeat 100% 0; background-size:18px;} .item-description .member-info .contact-member {margin-top:1.2em;} .contact-member .btn-contact {display:block; padding-left:3.5em; border-width:4px; background-image:url(icon-mail.svg); background-repeat:no-repeat; background-position:.6em 50%;} .side-bar .contact-member {clear:both; width:100%; padding:1em;} .item-overview, .item-overview h2 {clear:both;} .item-overview .item-tags + .col-60 h2 {margin-top:.2em;} .item-description .item-tags {margin-bottom:1em; padding:1em;} .item-description .item-tags ul {list-style:none; margin:0;} .item-description .item-tags li {min-width:49%; display:inline-block; padding-right:1em;} main .list-styled {margin:0 0 1.5em; list-style:none;} main .list-styled li {position:relative; padding-left:1em;} main .list-styled li:before {content:""; position:absolute; left:0; top:.6em;display:block; width:4px; height:4px;} .item-description .actions {display:flex; align-items:center; width:100%; padding:1.5em; border-bottom:1px solid;} .item-description .actions .share {flex:1; margin:0;} .item-description .actions .share h4 {margin-left:0;} .item-description .activity-section {display:flex; align-items:center; font-size:1.1em;} .activity-section > *, .activity-section a i, .activity-section span {display:inline-block; vertical-align:middle;} .activity-section > * {height:32px;} .activity-section .like-btn {padding:0 .5em 0 .7em; border-radius:1.5em .2em .2em 1.5em;} .activity-section .like-btn.on {animation:click-pulse 1s;} @keyframes click-pulse {0% {box-shadow:0 0 0 0 rgba(64,200,244,.55);} 70% {box-shadow:0 0 0 10px rgba(64,200,244,0);} 100% {box-shadow:0 0 0 0 rgba(64,200,244,0);}} .activity-section .like-btn.on svg {animation:like-btn-anim .5s;} @keyframes like-btn-anim {50% {transform:rotate(-10deg); transform-origin:bottom left;}} .activity-section .like-btn.on path {fill:#40C8F4;} .activity-section .views {line-height:32px;} .activity-section a i {width:24px;} .activity-section span {padding:0 .1em;} .activity-section svg {margin:5px 0 0 1px;} .activity-section > * > strong {display:none;} .activity-section .section-likes {margin-left:.1em;} .activity-section .view-likes {display:flex; align-items:center; height:100%; padding:0 .9em 0 .7em;border:2px solid; border-radius:.2em 1.5em 1.5em .2em;} .activity-section .view-likes strong {display:none;} :root .activity-section .view-likes .count-likes {background-position:0 1.3em;} .activity-section .comment {margin:0 2em; padding:0 .5em; border-radius:1.5em;} .activity-section .btn-reply {margin:.5em 0 0 1.5em; font-size:.9em;} .user-profile .list-social-links {padding:1em;} .user-profile .list-social-links, .vp-modal-window .list-social-links {border-top:1px solid;} .vp-modal-window .list-social-links {padding:1em .4em 0;} .item-description .list-social-links {max-width:18em; margin:0; padding:0;} .list-social-links li {margin-bottom:.5em;} .list-social-links a {position:relative; max-width:100%; display:inline-block; padding:.3em; padding-left:2.8em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .list-social-links a::before {content:""; position:absolute; top:50%; left:.4em; display:inline-block; width:28px; height:28px; transform:translateY(-50%);background-repeat:no-repeat; background-position:50% 50%; background-size:100%;} .list-social-links .web::before {background-image:url(icon-web.svg);} .list-social-links .facebook::before {left:.65em; width:20px; height:20px; margin-top:-1px; background-image:url(icon-facebook.svg); background-size:20px;} .list-social-links .instagram::before {left:.3em; width:30px; height:30px; background-image:url(icon-instagram.svg);} .list-social-links .you-tube::before {background-image:url(icon-you-tube.svg);} .item-description .list-social-links .top-link {padding-top:.5em; padding-bottom:.5em;} .item-description .list-social-links .top-link.show-modal-center {padding-right:2em;} .item-description .list-social-links .top-link.show-modal-center::after {content:""; position:absolute; top:50%; right:.9em; margin-top:-5px;display:block; width:5px; height:5px; border-style:solid; border-width:0 2px 2px 0; transform:rotate(45deg);} .section-yt-videos {padding:1.5em; border-bottom:1px solid;} .section-yt-videos h4 {min-width:8rem; margin-bottom:1.5em; font-size:1em; text-transform:uppercase;} :root .section-yt-videos section {margin-bottom:1em;} .section-yt-videos section a {display:flex; align-items:flex-start; gap:1em;} .section-yt-videos .img {flex-shrink:0; position:relative; width:168px; height:0; padding-top:94px;} .section-yt-videos .img:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10;background:url(icon-you-tube.svg) no-repeat 50% 50%; background-size:40px; border-radius:.5rem;} .section-yt-videos .img:hover:before {background-color:rgba(0,0,0,.15);} .section-yt-videos img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:.5rem;} .section-yt-videos h5 {font-size:1em;} .section-explore-tags {position:relative; padding:20px; padding-right:2em; border-bottom:24px solid; overflow:hidden;} .section-explore-tags::before {content:"#"; position:absolute; top:3.5rem; right:-1rem;font-size:14rem; font-weight:bold; line-height:1rem; opacity:.1; pointer-events:none;} .section-explore-tags h3 {margin:0 0 1em;} .section-explore-tags p {margin-bottom:0;} .section-explore-tags .btn {margin:0 .3em .3em 0;} .vp-modal-main .profile-links h4 {margin:0 0 .5em;} .vp-modal-main .profile-links .form-item-line {display:flex; margin-bottom:.7em;} .vp-modal-main .profile-links .icon-wrapper {flex:0 0 48px; display:flex; justify-content:center; align-items:center;} .vp-modal-main .profile-links .form-item {flex:1; padding:.7em; padding-left:0;} .vp-modal-main .profile-links .form-control {width:100%; border-radius:.2em;} .vp-modal-main .profile-links .radio {display:flex; border-radius:0 .3em .3em 0;} .vp-modal-main .profile-links .radio label {flex:1; display:flex; justify-content:center; align-items:center; min-width:2.5em; margin:0;} .vp-modal-main .profile-links .radio input[type=radio] {box-shadow:none; cursor:pointer;} .vp-modal-window .likes-window-content {flex:1; overflow-y:auto;} .vp-modal-window .user-link {display:flex; align-items:center; text-decoration:underline;} .vp-modal-window .user-link:hover {text-decoration:none;} .vp-modal-window .user-link .avatar {width:48px; margin-right:1em;} .item-description .section-comments {border-top:1px solid;--comment-left-padding:3.4rem;} .item-description .section-comments h2 {margin-bottom:1.2em;}  .section-comments .comment-list {list-style:none; margin:0;} .comment-list li {clear:both; margin-bottom:3em;} .comment-list .comment-wrapper {position:relative; min-height:50px; padding-left:var(--comment-left-padding);} .section-comments .avatar {position:absolute; top:.3em; left:0; width:40px;} .section-comments .avatar img {border-radius:50%;} .comment-list .meta h6 {display:inline-block; margin-right:1em;} .comment-list .date {font-size:.85em;} .comment-list p {margin-bottom:.7em; word-wrap:break-word; word-break:break-word;} .comment-list .my-comment .comment-wrapper {margin-left:-.4rem; margin-right:-.4rem; padding:.2rem 2.5em .5rem calc(var(--comment-left-padding) + .4rem);} .section-comments .my-comment .avatar {top:.4rem; left:.4rem;} .section-comments .my-comment .edit-comment {position:absolute; top:-.5em; right:-.4em;} .section-comments .my-comment .edit-comment-link {display:inline-block; width:36px; height:36px; padding:6px;} .edit-comment-window h2 {margin-top:0;} .edit-comment-window .avatar {position:absolute; left:0; top:0; width:24px;} .edit-comment-window .avatar img {border-radius:50%;} .comment-list .replied-to {margin-bottom:.3em; padding-left:var(--comment-left-padding);} .replied-to .users-replied {display:inline-flex; margin-left:1em;} .replied-to .users-replied i {margin-right:.5em;} .comment-list .comment-reply {display:flex;} .comment-reply > .inner {padding:.5em .7em 0; border-radius:var(--rounded); border-bottom-left-radius:0;} .section-comments .comment-respond .form-elements {clear:both; position:relative; min-height:50px; margin-bottom:2em; padding-left:3.5rem;} .comment-respond .alert {padding-left:3.5rem;} .section-comments textarea {min-height:7.5em; border-width:2px;} .section-view-rides {display:none;} .item-description .item-tags a {background-image:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.15) 100%);background-repeat:no-repeat; background-size:100% 1px; background-position:0 100%;} .item-description .item-tags a:hover {background-image:linear-gradient(to right,#40c8f4 0%,#40c8f4 100%);} .info .user-link .username, .member-info .info a span, .comment-list .meta h6 a span,.activity-section .view-likes .count-likes,.activity-section .btn-reply span {background-image:linear-gradient(to right,#666 0%,#666 100%);background-repeat:no-repeat; background-size:100% 1px; background-position:0 100%;} .info .user-link:hover .username, .member-info .info a:hover span, .comment-list .meta h6 a:hover span,.activity-section .view-likes:hover .count-likes,.activity-section .btn-reply:hover span {background-image:linear-gradient(to right,#40c8f4 0%,#40c8f4 100%);} .body-cat-18 .content {width:100%; display:flex; flex-wrap:wrap;} .contact-section, .contact-form {width:50%; padding:4% 5%; font-size:1.15em;} .contact-section {background:url(contact-bgr.jpg) no-repeat 0 100%; background-size:cover;} :root .contact-section h2 {margin-top:0; font-weight:bold; font-size:2em;} .contact-section h2, .contact-section p {text-shadow:1px 1px 4px hsla(0,0%,100%,.6);} .contact-section .social-link, .contact-section .social-link:hover span {text-decoration:none;} .contact-section .social-link i {display:inline-block; margin-top:.2em; margin-right:.3em; vertical-align:middle;} .contact-section .social-link span {text-decoration:underline;} .contact-section p + hr {top:12px;} .contact-form {box-shadow:0 10px 30px rgba(0,0,0,.05);} .contact-form h3 {margin:.2em 0; font-size:1.6em;} .contact-form .form-wrapper {position:relative;} .contact-form .form-group {margin:0 -.2rem 1em; padding:.2rem; background-color:transparent;} .contact-form label {position:relative; margin-bottom:.2em; padding:0;} .contact-form label + small {display:block; margin:-.2em 0 .3em;} .contact-form input.form-control {height:42px;} #site .contact-form textarea {max-width:100%; height:6em; margin-bottom:1em;} .contact-form .btn {padding:1em; font-weight:bold;} .body-cat-18 .side-bar, .body-cat-18 .cd-top {display:none;} .user-profile > h3 {position:relative;} .user-profile .member-info {position:relative;} .user-profile .info {width:100%; display:flex; flex-wrap:wrap; min-height:110px; padding:1em; padding-left:40%;} .user-profile .member-info .info > span {display:block; width:100%; margin:0 0 1em;} .user-profile .member-info .info > span:last-child {margin-bottom:0;} .user-profile .member-info .info > span strong {min-width:5em;} .user-profile .member-info .info > .member a {display:inline-block; max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .user-profile .member-info .info > .city span {display:inline-block;} .side-bar .column.user-profile .avatar {position:absolute; top:.9em; left:.9em; width:30%; max-width:84px; border-radius:50%;} .side-bar .column.user-profile .avatar.edit::before {content:""; position:absolute; left:-8px; bottom:3px; display:block; width:28px; height:28px; background:url(icon-camera.svg) no-repeat 50% 50%; background-size:20px;border-radius:50%; } #site .column.user-profile .nav-y {clear:both; padding:12px; border-top:1px solid;} .column.user-profile .nav-y li {margin-bottom:2px;} .column.user-profile .nav-y a {display:block; padding:.5em; border:2px solid transparent;} .column.user-profile .nav-y .current a {font-weight:bold;} .inside .user-timeline .main-items.item-col-1 .info {padding:3% 4%;} .user-timeline .column > h3 {position:relative; padding-right:20px;} .user-timeline .column > h3 .btn-back {display:none;} .main-items .btn-delete {position:absolute; top:0; right:6px; display:block; width:26px; height:26px;background:url(icon-delete.svg) no-repeat 50% 50%; background-size:20px;} .main-items .btn-delete span {display:none;} .tabs > .nav-x {font-size:1.2em;} #site .edit-images .nav-x {margin:0 0 1.5em;} .edit-images .nav-x .btn {position:relative; padding:.7em 1em; border:2px solid;} #site .edit-images .nav-x li {margin:0;} .edit-images .nav-x li:not(:first-child) .btn {border-left-width:0;} .edit-images .nav-x li:first-child .btn {border-radius:1.5em 0 0 1.5em;} .edit-images .nav-x li:last-child .btn {border-radius:0 1.5em 1.5em 0;} .edit-images a.move-img {position:relative;} .edit-images .move-img:before,.edit-images .rotate-img:before,.edit-images .delete-img:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);display:block; width:48px; height:48px; background-repeat:no-repeat; background-position:50% 50%;border-radius:50%; box-shadow:2px 2px 10px rgba(0,0,0,.5);} .edit-images .move-img:before {background-image:url(icon-move.svg);} .edit-images .rotate-img:before {background-image:url(icon-rotate-light.svg);} .edit-images .delete-img:before {background-image:url(icon-delete.svg);} .icon-upload {display:inline-block; width:24px; height:24px; margin-right:.3em; vertical-align:middle;background:url(icon-upload.svg) no-repeat 50% 50%;} .img-here {width:100%; float:left;} .img-here .item-list {margin-top:2em;} .img-here .item-list section {position:relative; float:left; margin:0 6px 6px 0; padding:6px;  border:1px solid #ccc;cursor:move;} .img-here img {width:200px; height:133px;} .img-here .sort-avatar img {width:84px; height:84px;} .img-here .rotate, .img-here .delete {position:absolute; top:1px; z-index:1;display:inline-block; width:20px; height:20px;background-color:white; } .img-here .rotate {left:1px; background-image:url(icon-rotate.svg); background-repeat:no-repeat; background-position:0 0;} .img-here .delete {right:1px;} .img-here .delete:before, .img-here .delete:after {content:""; position:absolute; top:2px; left:50%;display:block; height:14px; margin-left:-1px; border-left:2px solid;} .img-here .delete:before {transform:rotate(45deg);} .img-here .delete:after {transform:rotate(-45deg);} #site .items-sortable {margin:2em 0; list-style:none; cursor:default;} .items-sortable li {position:relative; float:left; margin:0 6px 6px 0; padding:6px;  border:1px solid #ccc; border-radius:4px;} .items-sortable li a {position:relative; display:block;} .items-sortable li:first-child a:after {content:"Main photo"; position:absolute; left:0; bottom:0;padding:.2em .4em; border-top-right-radius:.1em;} .tabs .nav-x .new-feature a:before {content:"NEW"; position:absolute; top:0; right:0;padding:.1em .6em; font-size:.7rem; border-radius:1em;transform:translate(20%,-30%); box-shadow:.1em .1em .5em rgba(0,0,0,.4);} .mem-log-section-modal .inner-row {display:flex; flex-wrap:wrap; gap:2%;} .mem-log-section-modal .inner-row > div {width:49%; padding:4%;} .btn.facebook-login {padding:.55em .5em .5em; background-color:#1877F2;} .btn.facebook-login svg {margin-right:.3em; vertical-align:middle;} .user-messages #site {padding-top:67px;} .user-messages main .wrapper {padding:0 24px 0 372px; overflow:hidden;} .user-messages .content {position:relative; max-width:1376px;} .user-messages .side-bar {position:fixed; top:50px; left:0; bottom:0; width:348px; padding:0; overflow:auto;} .user-messages .side-bar .inner {} .user-messages .side-bar .inner > .meta {padding:12px; position:sticky; top:0; z-index:900; box-shadow:0 4px 4px rgba(0,0,0,.3);} .user-messages .side-bar .btn-back {float:right; margin-top:.5em;} .user-messages .side-bar .conversation-list {margin:0; padding:0; list-style:none; border-top:1px solid;} .user-messages .conversation-list > li {margin:0; border-bottom:1px solid;} .user-messages .side-bar .user-link {display:flex; align-items:center; padding:12px; text-decoration:none;} .user-messages .side-bar .avatar {width:48px; margin-right:1em;} .user-messages .side-bar .avatar img {display:inline-block; border-radius:50%;} .avatar {position:relative;} .avatar .status {position:absolute; right:1px; bottom:1px;display:inline-block; width:11px; height:11px;border:2px solid; border-radius:50%; box-shadow:1px 1px 4px rgba(0,0,0,.4);} .user-messages .side-bar .username {flex:1;} .username {word-wrap:break-word; word-break:break-word;} .user-messages #footer {display:none;} .chat-window .message {position:relative; clear:both; margin-bottom:1em; font-size:1rem;} .chat-window .message .img {position:absolute; bottom:3px; float:none; width:32px; height:32px;} .chat-window .message.item-left .img {left:0;} .chat-window .message.item-right .img {right:0;} .chat-window .message .img img {border-radius:50%;} .chat-window .message-wrapper {display:table; width:100%; padding:0 40px;} .chat-window .message-line {word-wrap:break-word; word-break:break-word; min-height:32px; margin-bottom:2px; padding:.3em .5em; border-radius:.3em;} .chat-window .item-left .message-line {clear:left; float:left;} .chat-window .item-right .message-line {clear:right; float:right;} .new-message {position:fixed; right:0; bottom:0; left:348px; z-index:8000; padding:24px; min-height:88px;} .new-message .form-elements {width:100%; max-width:924px; margin:0 auto; padding:8px; display:flex; flex-direction:row; box-shadow:1px 1px 8px rgba(0,0,0,.1);} .new-message .form-group {margin-bottom:0;} .new-message .form-group.send {display:flex; width:10em; padding-left:4px; align-items:flex-end;} .new-message textarea {max-height:10.5em; border:none; overflow-y:hidden; resize:none;} .new-message textarea, .new-message .btn {min-height:48px;} .add-your-ride .tab-content {padding:calc(.5em + 5vw);} .add-your-ride .row {margin:0 -6px;} .add-your-ride .row .col {padding:0 6px;} .add-your-ride .txt, .add-your-ride .form-control {padding:.55rem .4rem .55rem;} .add-your-ride .txt, .add-your-ride .form-control,.rich-dropdown > label, .rich-dropdown .dropdown-link {border-width:2px;} .add-your-ride .txt, .add-your-ride .form-control, .add-your-ride .btn {border-radius:3px;} .auto-notes-main {padding:20px;} .auto-notes-header {margin-bottom:1.2em;} .auto-notes-header .add-photo {position:relative; width:42px; height:42px; margin:-.2em 1em 0 .3em; padding:7px 0 0; border-radius:50%;} .auto-notes-header .add-photo.loading:before {content:""; position:absolute; top:-4px; right:-4px; bottom:-4px; left:-4px; display:block; border-radius:50%;border:4px solid #eee; border-left-color:#ed1a3b;transform:translateZ(0); animation:add-photo-loading .6s infinite linear; } @keyframes add-photo-loading { 0% {transform:rotate(0deg);}  100% {transform:rotate(360deg);}} .auto-notes-header .add-note, .auto-notes-header .add-expenses {position:relative; margin:.5em .5em .7em; padding:.7em 1em .7em 2em;} .auto-notes-header .add-note:before, .auto-notes-header .add-expenses:before,.auto-notes-header .add-note:after, .auto-notes-header .add-expenses:after {content:""; position:absolute; top:1.1em; left:0.7em; display:block; width:12px; border-style:solid; border-width:2px 0 0;} .auto-notes-header .add-note:after, .auto-notes-header .add-expenses:after {transform:rotate(-90deg);} .auto-notes-content section.view-note {float:left; width:100%; padding:.8em; margin-bottom:.5em; border-radius:.5em; cursor:pointer;} .auto-notes-content section:hover {box-shadow:0 0 0 .15em rgba(116,191,255,.5);} .auto-notes-content .view-note > .img {float:left; width:150px; margin-right:1.5em; border-radius:.25em; overflow:hidden;} .auto-notes-content .view-note > .info {display:flex; flex-direction:column;} .auto-notes-content .view-note > .info > .title {margin-bottom:.5em; font-size:1.2em;} .auto-notes-content .view-note > .info > .title a {display:block;} .auto-notes-content .view-note > .info > .title span {display:inline; padding-bottom:0.1em; background-position:0 1.1em; background-size:1px 1px; background-repeat:repeat-x;background-image:linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 100%);} .auto-note-vehicle {margin:.3em 0 .7em;} .auto-note-vehicle .vehicle-avatar {display:inline-block; width:24px; height:24px; margin-right:.5em;background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border-radius:50%;} .view-note .note-info-wrapper {flex:1; display:flex; flex-wrap:wrap;} .view-note .note-info-wrapper .date {flex:1;} .view-note .note-info-wrapper .repeat {flex-grow:0; width:7em;} .view-note .note-info-wrapper .amount {min-width:15em; text-align:right;} .auto-notes-content .view-note .note-label {display:block; margin-bottom:.2em; padding:0; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em;background-color:transparent;} .note-item-line .icon-wrapper a {display:inline-block; min-width:34px; padding-top:.3em; border-radius:.3em;} .content .note-items {padding:20px;} .note-items .form-group {margin-bottom:.3em; border-radius:.5em;} .note-items .note-item-line {display:flex;} .note-items .form-item {flex-grow:1; padding:1em;} .note-items .icon-wrapper {width:48px; min-height:48px; padding-top:1.5em; text-align:center; flex-shrink:0;border-radius:.5em 0 0 .5em;} .note-items label {padding-top:0;} .note-items input[type="text"], .note-items input[type="number"], .note-items input[type="tel"], :root .note-items select {max-width:9em; display:inline-block; height:42px;} .note-img {position:relative;} .note-img .rotate-img {display:block; border-radius:.5em; overflow:hidden;} .note-img .rotate-img:before {top:auto; right:1em; bottom:1em; left:auto; transform:translate(0);} input.vp-date-format {position:relative; min-width:150px; height:42px; color:white;} input.vp-date-format:before {  position:absolute; top:.6em; left:.6em; content:attr(data-date);  display:inline-block; color:#666;} input.vp-date-format::-webkit-datetime-edit, input.vp-date-format::-webkit-inner-spin-button, input.vp-date-format::-webkit-clear-button {  display:none;} input.vp-date-format::-webkit-calendar-picker-indicator {  position:absolute; top:10px; right:6px; color:black; opacity:1;} .btn i.icon-wrapper {vertical-align:middle; margin-right:.2em;} .user-timeline .icon-wrapper.img {display:inline-block; width:24px; height:24px;background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:50%;} .form-control.flatpickr-input {display:inline-block; max-width:170px;} .btn-loading i {display:inline-block; width:21px; height:18px; margin:-5px 10px 0 0; vertical-align:middle;} .btn-loading i:only-child {margin-right:0;} .btn-loading circle {stroke:white;} .btn-warning.btn-loading circle, .btn-white.btn-loading circle {stroke:black;} .side-bar {padding-right:18px;} .side-bar.fR {padding-left:18px; padding-right:0;} .body-cat-14 .side-bar {margin-bottom:12px;} .side-bar .column {overflow:hidden;} .side-bar .col-vpb {margin-bottom:22px;} .side-bar .popular {margin-bottom:24px; padding-right:0;} .side-bar .popular .img {padding-top:45%;} .side-bar .popular .info {position:static;} .side-bar .popular h1 {font-size:1.45em;} :root .vp-modal-window {visibility:hidden; opacity:0; height:0; overflow:hidden;} :root .vp-modal-window.from-center {display:flex; justify-content:center; align-items:center;} :root .vp-modal-window.on {position:fixed; top:0; right:0; bottom:0; left:0; z-index:990; background-color:rgba(0,0,0,.7);visibility:visible; opacity:1; transition-delay:0.3s;height:auto; overflow:auto;} :root .vp-modal-window .inner {width:100%; max-width:512px; visibility:hidden; opacity:0;box-shadow:-1em 0 2em rgba(0,0,0,.3); cursor:default;} :root .vp-modal-window.from-right .inner {display:flex; flex-direction:column; position:fixed; top:0; right:-100%; bottom:0; z-index:1000; overflow:hidden; transform:scaleX(0); transform-origin:right;} :root .vp-modal-window.from-center .inner {display:flex; flex-direction:column;width:80%; max-width:30em; max-height:90vh; padding:1.5em; box-shadow:0 10px 30px rgba(0,0,0,.5);transition-delay:.5s; transform:scale(0); transform-origin:bottom;} :root .vp-modal-window.on .inner {visibility:visible; opacity:1; transition-delay:0.3s;} :root .vp-modal-window.from-center.on .inner {transform:scale(1);} :root .vp-modal-window.from-right.on .inner {right:0; transform:scaleX(1);} .vp-modal-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:1em;} .vp-modal-header h4 {margin-top:.3em;} .vp-modal-window .vp-modal-close, .view-likes-window .vp-modal-close {position:relative; display:inline-block; padding:.6em 2.3em .5em .7em; vertical-align:middle; text-decoration:none;} .vp-modal-close span {display:inline-block; border-radius:.3em;} .vp-modal-close span:before, .vp-modal-close span:after {content:""; position:absolute; top:.8em; right:1em;display:block; width:3px; height:14px; border-radius:2px;} .vp-modal-close span:before {transform:rotate(45deg);} .vp-modal-close span:after {transform:rotate(-45deg);} .vp-modal-main {flex:1; overflow-y:auto;} .vp-modal-footer {position:relative; box-shadow:0 -.5em 1.2em white;} #footer {clear:both;} #footer .level-1 .wrapper {padding-top:calc(1em + 2%); padding-bottom:calc(1em + 2%);} #footer .level-1 h3 {font-weight:bold;} #footer .tags li {display:inline-block; margin-bottom:.25rem;} #footer .tags a {display:block; margin-right:.25rem; padding:.2rem .4rem; text-decoration:none;} #footer .level-1 .footer-add-ride {margin:4.2em 0 1.5em; border-radius:1.5em;} #footer .level-2 .wrapper {padding-top:calc(1em + 1%); padding-bottom:calc(1em + 1%);} #footer .level-2 h3 {margin:0 0 1em;} #footer .level-2 .current a {font-weight:bold;} main .share {float:left;}  main .share h4 { display:inline-block; vertical-align:middle; margin:0 1.6em;  font-size:1em; text-transform:uppercase; }  main .share .twitter, main .share .facebook, main .share .share-link { display:inline-block; vertical-align:middle; width:32px; height:32px; margin-right:.7em; background-repeat:no-repeat; background-position:50% 50%; border-radius:50%; }  main .share .twitter {background-color:#23aae1; background-image:url(icon-twitter.svg);}  main .share .facebook {background-color:#1877f2; background-image:url(icon-facebook.svg); background-size:32px;}   .section-share-link {position:relative; display:inline-block;}   .section-share-link .section-dropdown { position:absolute; top:50%; left:120%; z-index:900; width:0; padding:1em; transform:translateY(-50%); opacity:0; visibility:hidden; border:1px solid rgba(0,0,0,.2); }  .section-share-link .section-dropdown:before { content:""; position:absolute; top:50%; right:100%; margin-top:-8px; border-style:solid; border-width:8px; border-left-width:0; border-color:transparent; border-right-color:rgba(0,0,0,.2);  }  .section-share-link.on .section-dropdown {width:18em; opacity:1; visibility:visible;}  .section-share-link .input-add-on-field {min-width:0;}   main .share .share-link { background-color:#ed1a3b; background-image:url(icon-share.svg); background-position:6px 50%; }  main .share .twitter:hover, main .share .facebook:hover, main .share .share-link:hover { background-color:#cfd0d2; }  main .share a span {display:none;}  main .share h3 > span {display:inline-block; margin-bottom:.3em;} .resources-info {padding:0 24px;} .resources-info .social {margin:0 0 1em; padding:1em 0 2% 5%; border-style:solid; border-width:0 0 0 1px;} .resources-info .social li {margin-bottom:.7em;} .resources-info .social a {position:relative; display:inline-block; padding:.3em; padding-left:40px;} .resources-info .social a:before {content:""; position:absolute; top:0; left:0; display:inline-block; width:32px; height:32px;background-repeat:no-repeat; background-position:50% 50%; border-radius:50%;} .resources-info .social .web:before {background-image:url(icon-web.svg);} .resources-info .social .facebook:before {top:4px; left:4px; width:24px; height:24px; background-image:url(icon-facebook.svg);} .resources-info .social .instagram:before {background-image:url(icon-instagram.svg); background-size:38px;} .resources-info .social .you-tube:before {background-image:url(icon-you-tube.svg);} .add-listing {margin:calc(2em + 2%) 0; text-align:center;} .add-listing .btn-listing {border-radius:1.5em;} #footer .social a {display:inline-block; width:36px; height:36px; margin-right:1.5em;background-repeat:no-repeat; background-position:0 0; border-radius:50%;} #footer .social .icon-instagram {width:34px; height:34px; margin-top:-1px;background:linear-gradient(25deg, rgba(255,221,124,1) 0%, rgba(254,186,28,1) 10%, rgba(248,75,11,1) 33%, rgba(225,0,59,1) 66%, rgba(193,0,156,1) 90%);border-radius:10px;} #footer .social a:hover {box-shadow:0 0 8px rgba(0,0,0,.5);} #footer .social span {display:none;} .row {display:flex; flex-wrap:wrap;} .col {flex-basis:0; flex-grow:1; max-width:100%;} .form-control[disabled] {cursor:not-allowed; opacity:.5;} .member-info .avatar, .member-info .avatar img,.view-likes-window .user-link .avatar img, .vp-modal-window .user-link .avatar img,.login-btn .icon-wrapper, .login-btn img {border-radius:var(--rounded-circle);} #header .meta .btn, .btn-add, .btn-outline, .auto-notes-header .add-note, .auto-notes-header .add-expenses,.item-description .list-social-links .top-link, .comment-list .my-comment .comment-wrapper {border-radius:var(--rounded-l);} .view-likes-window .inner-likes-window, :root .vp-modal-window.from-center .inner {border-radius:var(--rounded);} .note-items .btn.block, .vp-modal-close, .vp-modal-window .btn.block,.search-bar-modal .search-input-wrapper .txt, .vp-modal-main .profile-links .form-item-line, .form-elements .fieldset.yt-video,.section-comments .my-comment .edit-comment-link {border-radius:var(--rounded-s);} .search-bar-modal .clear-search, .search-bar-modal .btn-view-all,.form-elements .fieldset.yt-video .col-2 .inner, .big-img .img-gallery:before {border-radius:var(--rounded-xs);} #header, .item-list, .member-info, legend, .auto-notes-main, #footer {cursor:default;} .popular a:hover, .img a:hover, .item-gallery li a:hover img {opacity:.8;} .section-dropdown {box-shadow:0 5px 20px rgba(0,0,0,.25);} .notification-on::before {box-shadow:1px 5px 10px rgba(0,0,0,.2);} :root .btn-warning.btn-add {text-shadow:1px 1px 2px hsla(0,0%,100%,.7);} :root .btn-light-blue.btn-add {text-shadow:1px 1px 2px rgba(0,0,0,.3);} #footer .level-1 .tags a {text-shadow:1px 1px 2px hsla(0,0%,100%,.3);} .top-items p {display:none;} .overflow-hidden {overflow:hidden;} .cd-top, .cd-bottom {position:fixed; bottom:12px; right:12px; z-index:900; display:inline-block; width:40px; height:40px;box-shadow:0 0 10px rgba(0,0,0,.05); overflow:hidden; text-indent:100%; white-space:nowrap;background-color:white; background-clip:padding-box; border:1px solid rgba(0,0,0,.1); border-radius:50%;transition:opacity .3s 0s, visibility 0s .3s;visibility:hidden; opacity:0;} .user-messages .cd-bottom {right:calc(50% - 200px);} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition:opacity .3s 0s, visibility 0s 0s;} .cd-top.cd-is-visible, .cd-bottom.cd-is-visible-msg {visibility:visible; opacity:1; } .cd-top.cd-fade-out {opacity:.8; } .no-touch .cd-top:hover, .cd-top:hover, .cd-bottom:hover {background-color:#e81a39; opacity:1;} .cd-top:before, .cd-bottom:before {content:""; position:absolute; top:50%; left:50%;display:block; width:12px; height:12px; border-style:solid; border-color:#e81a39;} .cd-top:before {border-width:2px 2px 0 0; transform:rotate(-45deg) translate(-20%,-50%);} .cd-bottom:before {border-width:0 2px 2px 0; transform:rotate(45deg) translate(-90%,-20%);} .cd-top:hover:before, .cd-bottom:hover:before {border-color:white;} .christmas-bar {position:relative; background:#014c97 url(christmas-bar-bgr.png) no-repeat 50% 50%; background-size:cover;} .christmas-bar, .christmas-bar a {color:white;} .christmas-bar span {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .christmas-bar .close-btn {position:absolute; top:-.5em; right:-.5em;display:inline-block; padding:.2em .6em; font-weight:bold; text-decoration:none; background-color:#e81a39;border-radius:.3em;} #header, .site-logo, .site-logo a, .site-nav a, .site-nav nav > ul > li > a:before, .btn, #header a, .login-btn path, .popular a,.search-bar, .search-wrapper, .icon-search:before, .icon-search:after, .img a, .item-gallery li img, .img-loading img,.column a, .index .column.makes h3:before, .pagination a, .side-bar .column.user-profile .avatar.edit::before,#footer a, .cd-top, .cd-top:before, .cd-bottom, .cd-bottom:before, .load-more span,.activity-section a, .side-bar, .content, .user-messages .side-bar .user-link, .new-message,.nav-collapse:before, .nav-collapse:after, .nav-collapse span:before, .nav-wrapper,.user-profile > h3:before, .toggle-wrapper, .next-item, .comment-list .meta h6 a, .contact-form .form-group,.vp-modal-window, .vp-modal-window .inner, .vp-modal-close span:before, .vp-modal-close span:after,.auto-notes-header .add-photo.loading:before, .auto-notes-content section, .auto-notes-content .view-note .title span,.search-bar-modal .clear-search, .section-yt-videos .img:before, .big-img .img-gallery:before {transition:all .2s ease;} html body, .main-items .item-cell,.activity-section .like-btn, .activity-section .comment, .item-tags, .auto-notes-content section,.column.user-profile .nav-y .current a, .column.user-profile .nav-y a:hover,.user-messages .side-bar .user-link:hover, .note-items .form-group,.chat-window .item-left .message-line, .index .column.makes a:hover,.section-view-rides .info-wrapper, .item-description .list-social-links .top-link,.vp-modal-main .profile-links .form-item-line, .comment-list .my-comment .comment-wrapper, .comment-reply > .inner {background-color:#f0f4f7;} .contact-form .form-group:focus-within, .form-elements .fieldset.yt-video {background-color:#f7f7f7;} .user-messages .side-bar .current .user-link, .user-messages .side-bar .user-link:active,.note-items .icon-wrapper, .vp-modal-close, .view-likes-window .close-btn, .vp-modal-main .profile-links .radio,.items-sortable li:first-child a:after {background-color:#e0edf7;} #header > .level-1, #footer .level-1 .btn-primary, #footer .level-2, .load-more-items .load-more:hover span,.note-item-line .on, .search-bar-modal .btn-view-all {background-color:#004080;} #site .edit-images .nav-x > .current .btn,.vp-modal-close span:before, .vp-modal-close span:after, #footer .level-1 .btn-primary:hover {background-color:#014c97;} .column, .pagination a:hover, .section-dropdown,.advanced-search, .mem-log-section-modal .inner-row > div, fieldset,.user-messages .side-bar, .login-btn.logged-in .icon-wrapper,.new-message .form-elements, .contact-form,.user-messages .side-bar .inner > .meta, .vp-modal-window .inner,.view-likes-window .inner-likes-window, .section-explore-tags,.form-elements .fieldset.yt-video .col-2 .inner, .my-comment .activity-section .like-btn, .activity-section .view-likes, .section-comments .my-comment .edit-comment-link {background-color:white;} .top-items h3, .btn-danger, .notification-on::before,.item-description h1.lead-heading .popular, .search-bar-modal .clear-search,.main-items .btn-delete:hover,.tabs .nav-x .new-feature a:before {background-color:#e81a39;} .btn-danger:hover, .vp-modal-close:hover span:before, .vp-modal-close:hover span:after {background-color:#ce0c2a;} .pagination strong, main .list-styled li:before, .load-more-items .load-more span, .login-btn:hover, .login-btn.logged-in:hover .icon-wrapper {background-color:#40c8f4;} .edit-images .move-img:before, .edit-images .rotate-img:before, .edit-images .delete-img:before, .vp-modal-main .profile-links .radio:focus-within {background-color:rgba(64,200,244,0.8);} .chat-window .item-right .message-line, .main-items .btn-delete,#footer {background-color:#56a5ff;} #footer .tags a:hover {background-color:hsla(0,0%,100%,.3);} .popular h2 {background:linear-gradient(to bottom, #f3cf57 0%,#efae4a 100%);} .popular .info {background:linear-gradient(to bottom, transparent 0%,black 100%);} .item-gallery .more-img {background-color:black;} .side-bar .column.user-profile .avatar.edit::before, .search-bar.on .icon-search,.view-likes-window, .big-img .img-gallery:hover:before {background-color:rgba(0,0,0,.7);} .big-img .img-gallery:before {background-color:rgba(0,0,0,.5);} .item-description h1.lead-heading .top-items {background-color:rgba(0,0,0,.1);} .new-message {background-color:rgba(224,237,247,.95);} .form-elements legend, .search-bar-results .search-bar-desc {background-color:#eee;} .avatar .status {background-color:#ccc;} .avatar .status.online {background-color:#4dd965;} .btn-warning:hover {background-color:#ffd658;} .latest-rides-preview .item-content .info {background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.4) 40%, black 90%);} .site-nav nav > ul > .current > a:before, .site-nav nav > ul > li:hover > a:before,.section-blog h4:before, section.blog-post h4 {border-color:#ed1a3b;} .icon-search:before, .icon-search:after, .pagination .pagination-pages {border-color:#40c8f4;} .main-items h4, .section-blog h4, #site .column.user-profile .nav-y,.rich-dropdown > label, .rich-dropdown .dropdown-link, .user-messages .side-bar .conversation-list, .user-messages .conversation-list > li,.resources-info .social, .search-bar-results section, .user-profile .list-social-links, .vp-modal-window .list-social-links {border-color:rgba(0,0,0,.1);} .icon-search, main .vpb, .column > h3, .item-description .actions, .section-yt-videos,.item-description .member-info,.item-description .section-comments,.new-message .form-elements, .column.user-profile .nav-y a.notification-on, .edit-images .nav-x .btn,.section-view-rides, .yt-video-preview .img:empty {border-color:rgba(0,0,0,.2);} .btn-outline.btn-white, .search-bar.on .icon-search:before, .search-bar.on .icon-search:after, .search-bar .icon-search:hover:before, .search-bar .icon-search:hover:after,.main-items .avatar img, .notification-on::before,.avatar .status, .contact-section, .side-bar .column.user-profile .avatar,.my-comment .activity-section .view-likes {border-color:white;} #footer .nav-x.nav-sep > li, .latest-rides-preview .info h4 {border-color:black;} .body-cat-18 .form-control, .comment-respond textarea {border-color:#e0edf7;} .edit-images .nav-x .current .btn {border-color:#014c97;} .latest-rides-preview, .activity-section .view-likes, .section-explore-tags {border-color:#f0f4f7;} body, a {color:#333;} .item-info-wrapper {color:#666;} #footer .level-1 a {color:black;} .popular .info, .btn-outline.btn-white,.site-nav .current a, .site-nav a:hover,.top-items h3, .item-description h1.lead-heading .popular, :root .popular .views,.pagination strong, .item-gallery .more-img strong,#footer .level-2 a:hover, .load-more-items .load-more span,#footer .level-2 .current a, #header .login-btn:hover,.chat-window .item-right .message-line, #site .edit-images .nav-x .current .btn,#footer .level-1 .btn-primary, .search-bar-modal .clear-search,.latest-rides-preview .item-content .info a,.tabs .nav-x .new-feature a:before {color:white;} #header .login-btn, .site-nav a, .advanced-search h1, .comment-list p a:hover, .section-explore-tags::before {color:#40c8f4;} .column a:hover, .comment-list p a {color:#009dde;} .contact-section h2 {color:#004080;} .btn-outline.btn-white:hover {color:#e81a39;} .date, .main-items .country, :root .views,.auto-notes-content .view-note .note-label,.replied-to {color:#717678;} .top-items .item-cell:after {color:#959fa2;} .btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:active, .latest-rides-preview .info .views,#footer .level-2, #footer .level-2 a {color:hsla(0,0%,100%,.7);} @media (min-width:768px) {.section-yt-videos {display:flex; align-items:flex-start; justify-content:space-between;} .form-inline .form-group {display:inline-block; width:auto; clear:none; margin-bottom:0; vertical-align:middle;} .form-inline .form-control {margin-right:.5em;} .form-inline select.form-control {width:auto;} .form-inline .radio, .form-inline .checkbox {display:inline-block;padding-left:0; margin-top:0; margin-bottom:0;} .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {float:none; margin-left:0;} #footer .level-1 {background:url(footer-bgr.jpg) no-repeat 100% 50%;}} @media (min-width:1025px) {.search-bar {min-height:60px;}} @media (min-width:1280px) {.section-yt-videos .yt-videos-wrapper {display:grid; grid-template-columns:1fr 1fr; gap:1.5em;}} @media (max-width:1152px) {.top-items .item-cell:after {font-size:3.5em;} .top-items h3 {position:relative;} .popular h2:before, .top-items h3:before {height:100%; border-width:0 48px 0 0;} .popular h2:after, .top-items h3:after {right:6px;} .top-items .item-cell:before {display:none;} .section-yt-videos .img {width:150px; padding-top:84px;} .auto-notes-content section.view-note {padding:.5em;} .view-note .note-info-wrapper .amount {min-width:7em;}} @media (max-width:1024px) {#site {padding-top:70px;} .wrapper {padding:0 12px;} #header > .level-1 {min-height:59px; padding:5px 0;} #header > .level-1 > .wrapper {padding:0;} .site-logo {left:9px; margin-top:1px;} #header .login-btn {margin:7px 18px 0 10px; padding:0;} .login-btn .icon-wrapper {background-color:rgba(0,0,0,.2);} .login-btn .dtop {display:none;} .nav-on {overflow:hidden;} .nav-on:after {content:""; position:fixed; top:0; right:0; bottom:0; left:0; z-index:800; background-color:rgba(0,0,0,.7);} #site .nav-collapse, .nav-collapse span {position:relative; z-index:901; display:block; width:48px; height:48px; padding:0;} #site .nav-collapse {float:right; margin-top:1px; text-decoration:none;} .nav-collapse:before, .nav-collapse:after, .nav-collapse span:before {content:""; position:absolute; left:50%; display:block; width:28px; height:4px; background-color:#45c7f4; border-radius:2px; transform:translateX(-50%);} .nav-collapse:before {top:12px;} .nav-on .nav-collapse:before, .nav-on .nav-collapse:after {margin-left:-10px; transform-origin:left; background-color:white;} .nav-on .nav-collapse:before {top:12px; transform:rotate(45deg);} .nav-collapse span:before {top:22px;} .nav-on .nav-collapse span:before {opacity:0; visibility:hidden;} .nav-collapse:after {bottom:12px;} .nav-on .nav-collapse:after {bottom:12px; transform:rotate(-45deg);} .nav-wrapper {display:flex; flex-direction:column; min-height:0; position:fixed; top:58px; right:-100%; bottom:0; width:100%; max-width:320px; z-index:901; overflow-y:auto;text-align:center; background-color:#f0f4f7; transition-delay:0.1s;} .nav-on .nav-collapse + .nav-wrapper {right:0;} #header .search-bar {order:1;} .site-nav {order:2;} #header .meta {padding:1em; order:3;} #header .meta, .site-nav {width:100%; margin:0;} #header .btn-add {margin-right:0;} .site-nav {background-color:#004080;} .site-nav nav > ul > li {display:block; margin:0; text-align:left; border-style:solid; border-width:0 0 1px; border-color:rgba(0,0,0,.3);} .site-nav nav > ul > li:first-child {border-top-width:1px;} .site-nav nav > ul > li > a {padding:1em .8em; font-size:1.1em;} .site-nav nav > ul > .current > a:before {left:.8em; bottom:.6em; width:2em;} .site-nav nav > ul > .current > a:before, .site-nav nav > ul > li:hover > a:before {border-color:#40c8f4;} .icon-mobile-search {position:relative; display:inline-block; float:right; width:46px; height:48px; margin:1px 6px 0 0;}  .icon-mobile-search:before, .icon-mobile-search:after { content:""; position:absolute; display:block; border-style:solid; border-color:#45c7f4;}  .icon-mobile-search:before {top:12px; left:14px; width:14px; height:14px; border-width:2px; border-radius:50%;}  .icon-mobile-search:after {top:30px; left:26px; width:10px; border-width:2px 0 0; transform:rotate(45deg);} #header .search-bar {position:relative; top:0; left:0; clear:both; width:100%; max-width:none; padding:0; overflow:visible;} .search-wrapper {width:100%; padding:.8em; visibility:visible; opacity:1;} .search-bar .search-wrapper > .form-group {margin-bottom:0;} .search-btn-wrapper {display:none;} #site .dropdown-content a {font-size:1.1em;} .dropdown-content .img {width:70px;} .dropdown-content img {max-width:70px; max-height:70px;} .breadcrumb {margin-top:-4px;} .item-col-2 .item-content > section:nth-child(2n+1),.item-col-3 .item-content > section:nth-child(3n+1),.item-col-4 .item-content > section:nth-child(4n+1), .item-col-5 .item-content > section:nth-child(5n+1),.item-col-6 .item-content > section:nth-child(6n+1),.item-col-7 .item-content > section:nth-child(7n+1),.item-col-8 .item-content > section:nth-child(8n+1),.item-col-9 .item-content > section:nth-child(9n+1),.item-col-10 .item-content > section:nth-child(10n+1),.item-col-11 .item-content > section:nth-child(11n+1),.item-col-12 .item-content > section:nth-child(12n+1) {clear:none;} .item-col-3 .item-content > section {width:50%;} .index .col-vpb {display:none;} .index .column.latest {width:100%; margin:0 0 24px;} .index .section-blog, .index .column.top-items {width:calc(50% - 12px);} .index .section-blog {margin-left:0;} .index .column.top-items {margin-right:0;} .item-description h1.lead-heading {font-size:1.6em;} .user-messages .side-bar {top:55px;} .user-messages .side-bar .inner > .meta {padding:12px;} .cd-top {display:none;}} @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {.index .popular .img {padding-bottom:75%;} .index .column.makes ul {column-count:3;}} @media (max-width:800px) {.index .popular, .index .column.latest {width:100%; margin:0 0 24px;} .index .popular {margin-bottom:0; padding-right:0;} .index .popular .img {padding-bottom:75%;} .index .section-blog, .index .column.top-items {width:calc(50% - 12px);} .index .section-blog {margin-left:0; margin-right:6px;} .index .column.makes .column-inner {max-height:none; padding:1.1em; padding-bottom:.5em;} .index .column.makes ul {column-count:3; column-gap:1em;} .index .column.makes li {margin-bottom:.6em;} .index .column.makes a {font-size:1.2em; padding:.1em .3em;} .index .column.makes {width:100%; margin:24px 0 0;} .index .column.makes h3 {padding-top:20px; padding-bottom:20px; text-decoration:underline; border:2px solid rgba(0,0,0,.2);} .index .column.makes.on h3 {background-color:#e0edf7; color:#004080;} .index .column.makes h3:before {content:""; position:absolute; top:1.4em; right:1em;display:block; width:8px; height:8px; border-style:solid; border-width:2px 2px 0 0;transform:rotate(45deg);} .index .column.makes.on h3:before {transform:rotate(135deg); border-color:#004080;} .index .column.makes .column-inner {height:0; padding:0; transform:scale(0); transform-origin:top center;} .index .column.makes.on .column-inner {height:auto; padding:1.1em; transform:scale(1);} #site .top-items .img {max-width:330px;} .content.col-75, .side-bar.fR, .side-bar.col-25 {width:100%;} .content.col-75 {margin-bottom:1.5em;} .side-bar.fR {padding-left:0;} .side-bar.col-25 {padding-right:0;} .item-list-filter {position:static; padding:6px 20px 0; border-bottom:1px solid rgba(0,0,0,.2);} .item-list-filter .form-group {margin-bottom:0;} .item-info-wrapper .avatar {width:20%;} .member-info .info > span {margin-bottom:.3em;} .item-description .member-info .contact-member {width:100%;} .item-col-4 .item-content {display:flex; flex-wrap:wrap;} .item-col-4 .item-content > section {width:50%;} .f-nav #header > .level-2 {display:block; padding:.3em; background-color:hsla(0,0%,100%,.95);} .section-view-rides {display:block; padding:20px; border-style:solid; border-width:1px 0;} .section-view-rides .info-wrapper {display:flex; align-items:center; padding:1em;} .section-view-rides .info-wrapper h3 {flex:1; margin:0; padding-right:.5em;} .section-view-rides .info-wrapper p {margin-bottom:0;} .section-view-rides .btn {position:relative; padding-right:1.4em; text-transform:uppercase; white-space:nowrap;} .section-view-rides .btn:before {content:""; position:absolute; top:50%; right:.7em;display:block; width:4px; height:4px; margin-top:-4px; border-style:solid; border-width:2px 2px 0 0; transform:rotate(45deg);} .user-profile .member-info-tog:before {content:""; position:absolute; top:1em; right:1em;  display:block; width:8px; height:8px;  border-style:solid; border-width:2px 2px 0 0;  transform:rotate(45deg);} .user-profile .member-info-tog.on:before {transform:rotate(135deg);} .user-profile .member-info-tog + .toggle-wrapper {height:0; transform:scaleY(0); transform-origin:top;} .user-profile .member-info-tog.on + .toggle-wrapper {height:auto; transform:scaleY(1);} .user-profile .info {padding-left:20%; padding-top:2em;} .user-profile .member-info .info > span {width:33%;} .column.user-profile.notification-on::before {display:block;} .user-messages .side-bar {width:30%;} .user-messages main .wrapper {padding-left:calc(30% + 12px); padding-right:12px;} .new-message {left:30%; padding:12px;} .user-messages .side-bar .btn-back {width:100%; margin-bottom:.7em;} #footer .col-66, #footer .col-33 {width:100%;} #footer .social {margin-bottom:1em;} .user-messages .cd-bottom {right:32%;} .next-item {position:fixed; right:-120%; bottom:2vh; z-index:900;} .next-item.on {display:block; right:0;} .next-item .next-item-link {display:flex; flex-direction:row; max-width:85vw; padding:10px; border-radius:6px 0 0 6px;} .next-item .img {width:80px; flex-shrink:0;} .next-item .info {padding-left:10px; color:white;} .next-item .info strong {display:block;} .next-item .info .item-title {display:inline-block; max-width:calc(85vw - 110px); font-size:1em; margin:.3em 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .next-item .close {position:absolute; top:-24px; left:-24px; display:block; width:28px; height:28px; line-height:26px; text-align:center; color:white; border-radius:50%;} .next-item .next-item-link, .next-item .close {text-decoration:none; background-color:rgba(0,0,0,.8); box-shadow:0 10px 20px -4px rgba(0,0,0,0.95);} .activity-section .comment {margin-left:1.5em; margin-right:1.5em;} .big-img .img-gallery:before {background-color:rgba(0,0,0,.5);}} @media (max-width:600px) {.item-description h1.lead-heading .add-on-wrapper:after {width:32px; height:32px; background-size:32px;} .item-description .member-info, .item-overview, .section-comments {padding:12px;} main .share {margin-bottom:1em;} main .share, .contact-section, .contact-form {width:100%;} main .share h4 {margin-left:0;} .section-share-link .section-dropdown {top:130%; left:-185px; transform:translateY(0);} .section-share-link .section-dropdown:before {top:0; right:42px; border-left-width:8px; border-top-width:0; border-right-color:transparent; border-bottom-color:rgba(0,0,0,.2);} .contact-form .form-group {width:100%; padding-right:0;} .contact-form .form-group:last-child {position:static; padding-left:0;} .index .column.makes ul {column-count:2;} .index main .row-2 {margin-bottom:0;} .index .section-blog, .index .column.top-items {width:100%; margin-left:0; margin-right:0;} .index .column.latest, .index .section-blog {margin-bottom:20px;} .user-profile .info {padding-left:115px; padding-top:1em;} .user-profile .member-info .info > span {width:100%; margin-bottom:.3em;} .member-info .info > span:not(:only-child) strong {display:inline-block;} .contact-section p {margin-bottom:1em;} .contact-section p + hr {display:none;} .contact-section h3 {font-size:1.2em;} .social-link svg {width:24px;} .add-your-ride .row {margin:0;} .add-your-ride .row .col {width:100%; flex:auto; padding:0;} .mem-log-section-modal .inner-row > div, .section-view-rides .info-wrapper {width:100%;} .section-view-rides .img-wrapper {display:none;} #footer {font-size:1rem;} :root .vp-modal-window .inner {max-width:600px;} .auto-notes-content .view-note > .img {width:35%; margin-right:1em; margin-bottom:1em;} .auto-notes-content .view-note > .info {display:block;} .auto-note-vehicle, .note-info-wrapper {clear:both;} .view-note .note-info-wrapper .amount {min-width:5em;} #site .latest-rides-preview .item-content {flex-wrap:nowrap; overflow-x:auto; text-align:left;} #site .latest-rides-preview section {width:40%; flex-shrink:0;} .latest-rides-preview .img a {padding-bottom:150%;} .item-description .actions {flex-direction:column; align-items:flex-start;} .item-description .actions .share {margin-bottom:2em;} .item-description .actions .share h4 {margin-left:.15em;} .section-comments textarea {min-height:15em;}} @media (max-width:512px) {.col-90, .col-85, .col-80, .col-75, .col-70, .col-66, .col-60, .col-55, .col-50, .col-45, .col-40, .col-33, .col-30, .col-25, .col-20, .col-15, .col-10, .col-8 {width:100%;} .item-col-3 .item-content > section, .item-col-4 .item-content > section {width:100%;} #header .login-btn {margin-right:12px;} .steps li {width:50%;} .form-elements .fieldset {padding:5.7em 1.6em .8em;} .form-elements legend {width:100%;} .item-description .member-info .city {display:none;} .item-gallery {flex-wrap:wrap; flex-direction:column;} .item-gallery ul {display:flex; width:auto;} .item-gallery ul li {max-width:33.33%;} .comment-respond .alert {padding-left:45px;} #site .login-comment .m-r-xs {margin-right:.3em;} #site .login-comment .m-x-xs {margin:0 .3em;} .user-messages main .wrapper {padding:0; border:1px solid transparent; height:100vh;} .user-messages .side-bar, .user-messages .content {width:100vw;} .user-messages .content {position:fixed; top:0; width:100%; height:100%; padding-top:7.6em; overflow:auto;} .user-messages .content, .new-message {left:100%;} .user-messages.nav-click .content, .nav-click .new-message {left:0;} .user-messages.nav-click .side-bar {left:-100%;} .nav-click .user-timeline .column > h3 {position:fixed; top:59px; left:0; z-index:100; width:100%; padding-left:2em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:hsla(0,0%,100%,.8);} .user-timeline .column > h3 .btn-back {position:absolute; top:0; left:0; display:block; width:1.7em; height:2.4em;} .user-timeline .column > h3 .btn-back:before {content:""; display:inline-block; width:10px; height:10px; margin:.9em 0 0 .7em; vertical-align:middle;border-style:solid; border-width:0 0 2px 2px; transform:rotate(45deg);} .item-description h1.lead-heading .add-on-wrapper {justify-content:center; flex-direction:column-reverse; padding:.7em;} .item-description h1.lead-heading .add-on-wrapper:after {margin:0 0 .3em;} #site .items-sortable {text-align:center;} .items-sortable li {position:relative; float:none; display:inline-block;} .user-messages .cd-bottom {right:50%; transform:translateX(50%);} .auto-notes-header .add-photo {width:38px; height:38px; margin-right:.3em; padding-top:5px;} .auto-notes-header .add-note, .auto-notes-header .add-expenses {margin-left:0; padding-left:1.6em; padding-right:.8em; font-size:.9rem;} .auto-notes-header .add-note:before, .auto-notes-header .add-expenses:before, .auto-notes-header .add-note:after, .auto-notes-header .add-expenses:after {width:10px; left:0.5em;} .auto-notes-content .view-note > .info > .title {font-size:1.1em;}}