Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- body{
- margin:0
- }
- article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
- display:block
- }
- audio,canvas,progress,video{
- display:inline-block;
- vertical-align:baseline
- }
- audio:not([controls]){
- display:none;
- height:0
- }
- [hidden],template{
- display:none
- }
- a{
- background-color:transparent
- }
- a:active,a:hover{
- outline:0
- }
- abbr[title]{
- border-bottom:1px dotted
- }
- b,strong{
- font-weight:700
- }
- dfn{
- font-style:italic
- }
- h1{
- margin:.67em 0
- }
- mark{
- background:#ff0;
- color:#000
- }
- small{
- font-size:80%
- }
- sub,sup{
- font-size:75%;
- line-height:0;
- position:relative;
- vertical-align:baseline
- }
- sup{
- top:-.5em
- }
- sub{
- bottom:-.25em
- }
- img{
- border:0
- }
- svg:not(:root){
- overflow:hidden
- }
- figure{
- margin:1em 40px
- }
- hr{
- box-sizing:content-box;
- height:0
- }
- pre{
- overflow:auto
- }
- code,kbd,pre,samp{
- font-family:monospace,monospace;
- font-size:1em
- }
- button,input,optgroup,select,textarea{
- color:inherit;
- font:inherit;
- margin:0
- }
- button{
- overflow:visible
- }
- button,select{
- text-transform:none
- }
- button,html input[type=button],input[type=reset],input[type=submit]{
- -webkit-appearance:button;
- cursor:pointer
- }
- button[disabled],html input[disabled]{
- cursor:default
- }
- button::-moz-focus-inner,input::-moz-focus-inner{
- border:0;
- padding:0
- }
- input{
- line-height:normal
- }
- input[type=checkbox],input[type=radio]{
- box-sizing:border-box;
- padding:0
- }
- input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
- height:auto
- }
- input[type=search]{
- -webkit-appearance:textfield;
- box-sizing:content-box
- }
- input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
- -webkit-appearance:none
- }
- fieldset{
- border:1px solid silver;
- margin:0 2px;
- padding:.35em .625em .75em
- }
- legend{
- border:0;
- padding:0
- }
- textarea{
- overflow:auto
- }
- optgroup{
- font-weight:700
- }
- table{
- border-collapse:collapse;
- border-spacing:0
- }
- td,th{
- padding:0
- }
- html{
- box-sizing:border-box
- }
- *,:after,:before{
- box-sizing:inherit
- }
- html{
- font-family:Raleway,sans-serif
- }
- .preload *{
- -webkit-transition:none!important;
- transition:none!important
- }
- body{
- color:#4B4D52;
- background-color:#eef0f5
- }
- body.theme--dark{
- color:#eef0f5;
- background-color:#3f4045
- }
- .page{
- position:relative;
- top:0;
- bottom:100%;
- left:0;
- min-height:100%;
- min-width:100%;
- z-index:1;
- -webkit-transition:-webkit-transform 250ms;
- transition:transform 250ms;
- box-shadow:5px 0 10px rgba(0,0,0,.18),5px 0 15px rgba(0,0,0,.15)
- }
- .page--offset{
- -webkit-transform:translate(-75vw,0);
- -ms-transform:translate(-75vw,0);
- transform:translate(-75vw,0)
- }
- h1,h2,h3,h4,h5,h6{
- margin-top:0;
- margin-bottom:24px;
- font-family:'PT Sans Narrow';
- border-bottom:2px solid
- }
- .theme--red h1,.theme--red h2,.theme--red h3,.theme--red h4,.theme--red h5,.theme--red h6{
- border-color:#f77066
- }
- .theme--pink h1,.theme--pink h2,.theme--pink h3,.theme--pink h4,.theme--pink h5,.theme--pink h6{
- border-color:#f491b2
- }
- .theme--purple h1,.theme--purple h2,.theme--purple h3,.theme--purple h4,.theme--purple h5,.theme--purple h6{
- border-color:#bc6cca
- }
- .theme--indigo h1,.theme--indigo h2,.theme--indigo h3,.theme--indigo h4,.theme--indigo h5,.theme--indigo h6{
- border-color:#606fc7
- }
- .theme--blue h1,.theme--blue h2,.theme--blue h3,.theme--blue h4,.theme--blue h5,.theme--blue h6{
- border-color:#4ca0ea
- }
- .theme--turquoise h1,.theme--turquoise h2,.theme--turquoise h3,.theme--turquoise h4,.theme--turquoise h5,.theme--turquoise h6{
- border-color:#30d0c1
- }
- .theme--green h1,.theme--green h2,.theme--green h3,.theme--green h4,.theme--green h5,.theme--green h6{
- border-color:#6ec071
- }
- .theme--lime h1,.theme--lime h2,.theme--lime h3,.theme--lime h4,.theme--lime h5,.theme--lime h6{
- border-color:#b5d98b
- }
- .theme--yellow h1,.theme--yellow h2,.theme--yellow h3,.theme--yellow h4,.theme--yellow h5,.theme--yellow h6{
- border-color:#fccf5f
- }
- .theme--orange h1,.theme--orange h2,.theme--orange h3,.theme--orange h4,.theme--orange h5,.theme--orange h6{
- border-color:#ffa32f
- }
- .theme--gray h1,.theme--gray h2,.theme--gray h3,.theme--gray h4,.theme--gray h5,.theme--gray h6{
- border-color:#bbbdc0
- }
- a{
- outline:0;
- text-decoration:none;
- -webkit-transition:all 150ms;
- transition:all 150ms;
- color:#4B4D52
- }
- .page-body a{
- border-bottom:2px solid #eef0f5
- }
- .theme--red .page-body a:focus,.theme--red .page-body a:hover{
- border-bottom-color:#f77066
- }
- .theme--pink .page-body a:focus,.theme--pink .page-body a:hover{
- border-bottom-color:#f491b2
- }
- .theme--purple .page-body a:focus,.theme--purple .page-body a:hover{
- border-bottom-color:#bc6cca
- }
- .theme--indigo .page-body a:focus,.theme--indigo .page-body a:hover{
- border-bottom-color:#606fc7
- }
- .theme--blue .page-body a:focus,.theme--blue .page-body a:hover{
- border-bottom-color:#4ca0ea
- }
- .theme--turquoise .page-body a:focus,.theme--turquoise .page-body a:hover{
- border-bottom-color:#30d0c1
- }
- .theme--green .page-body a:focus,.theme--green .page-body a:hover{
- border-bottom-color:#6ec071
- }
- .theme--lime .page-body a:focus,.theme--lime .page-body a:hover{
- border-bottom-color:#b5d98b
- }
- .theme--yellow .page-body a:focus,.theme--yellow .page-body a:hover{
- border-bottom-color:#fccf5f
- }
- .theme--orange .page-body a:focus,.theme--orange .page-body a:hover{
- border-bottom-color:#ffa32f
- }
- .theme--gray .page-body a:focus,.theme--gray .page-body a:hover{
- border-bottom-color:#bbbdc0
- }
- .theme--dark .page-body a{
- border-bottom-color:rgba(255,255,255,.25);
- color:#fff
- }
- .page-foot a,.page-side a{
- color:#fff;
- border-bottom:2px solid rgba(255,255,255,.25)
- }
- .page-foot a:focus,.page-foot a:hover,.page-side a:focus,.page-side a:hover{
- border-bottom-color:rgba(255,255,255,.5)
- }
- p{
- margin-top:0;
- margin-bottom:24px
- }
- html{
- font-size:1em;
- line-height:1.5;
- background-color:#fff;
- color:#333;
- overflow-y:scroll;
- min-height:100%;
- -webkit-text-size-adjust:100%;
- -ms-text-size-adjust:100%;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased
- }
- h1{
- font-size:36px;
- font-size:2.25rem;
- line-height:1.33333
- }
- h2{
- font-size:30px;
- font-size:1.875rem;
- line-height:1.6
- }
- h3{
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- h4{
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- h5{
- font-size:16px;
- font-size:1rem;
- line-height:1.5
- }
- h6{
- font-size:14px;
- font-size:.875rem;
- line-height:1.71429
- }
- .lede{
- font-size:18px;
- font-size:1.125rem;
- line-height:1.33333
- }
- .layout{
- display:-webkit-flex;
- display:-ms-flexbox;
- display:-webkit-box;
- display:flex;
- -webkit-flex-wrap:wrap;
- -ms-flex-wrap:wrap;
- flex-wrap:wrap
- }
- .layout--middle{
- -webkit-box-align:center;
- -webkit-align-items:center;
- -ms-flex-align:center;
- align-items:center
- }
- .wrapper{
- padding-left:24px;
- padding-right:24px
- }
- @media screen and (min-width:64em){
- .wrapper{
- width:85%;
- max-width:1440px;
- margin:0 auto;
- padding:0
- }
- }
- .wrapper--full{
- padding:0
- }
- .btn{
- position:relative;
- border:0!important;
- color:#fff!important;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- -webkit-transition:all 250ms;
- transition:all 250ms
- }
- .theme--red .btn{
- background-color:#f44336
- }
- .theme--pink .btn{
- background-color:#F06292
- }
- .theme--purple .btn{
- background-color:#AB47BC
- }
- .theme--indigo .btn{
- background-color:#3F51B5
- }
- .theme--blue .btn{
- background-color:#1E88E5
- }
- .theme--turquoise .btn{
- background-color:#26A69A
- }
- .theme--green .btn{
- background-color:#4CAF50
- }
- .theme--lime .btn{
- background-color:#9CCC65
- }
- .theme--yellow .btn{
- background-color:#FBC02D
- }
- .theme--orange .btn{
- background-color:#FB8C00
- }
- .theme--gray .btn{
- background-color:#A0A3A8
- }
- .btn:focus,.btn:hover{
- box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
- }
- .theme--red .btn:focus,.theme--red .btn:hover{
- background-color:#f55a4e
- }
- .theme--pink .btn:focus,.theme--pink .btn:hover{
- background-color:#f279a2
- }
- .theme--purple .btn:focus,.theme--purple .btn:hover{
- background-color:#b45ac3
- }
- .theme--indigo .btn:focus,.theme--indigo .btn:hover{
- background-color:#4d5ec1
- }
- .theme--blue .btn:focus,.theme--blue .btn:hover{
- background-color:#3594e8
- }
- .theme--turquoise .btn:focus,.theme--turquoise .btn:hover{
- background-color:#2bbbad
- }
- .theme--green .btn:focus,.theme--green .btn:hover{
- background-color:#5cb860
- }
- .theme--lime .btn:focus,.theme--lime .btn:hover{
- background-color:#a8d278
- }
- .theme--yellow .btn:focus,.theme--yellow .btn:hover{
- background-color:#fbc846
- }
- .theme--orange .btn:focus,.theme--orange .btn:hover{
- background-color:#ff9816
- }
- .theme--gray .btn:focus,.theme--gray .btn:hover{
- background-color:#adb0b4
- }
- .theme--red .btn:active{
- background-color:#f44336
- }
- .theme--pink .btn:active{
- background-color:#F06292
- }
- .theme--purple .btn:active{
- background-color:#AB47BC
- }
- .theme--indigo .btn:active{
- background-color:#3F51B5
- }
- .theme--blue .btn:active{
- background-color:#1E88E5
- }
- .theme--turquoise .btn:active{
- background-color:#26A69A
- }
- .theme--green .btn:active{
- background-color:#4CAF50
- }
- .theme--lime .btn:active{
- background-color:#9CCC65
- }
- .theme--yellow .btn:active{
- background-color:#FBC02D
- }
- .theme--orange .btn:active{
- background-color:#FB8C00
- }
- .theme--gray .btn:active{
- background-color:#A0A3A8
- }
- .btn--secondary{
- box-shadow:none;
- background-color:transparent
- }
- .btn--tertiary{
- box-shadow:none;
- background-color:transparent!important
- }
- .theme--red .btn--tertiary{
- color:#f44336!important
- }
- .theme--pink .btn--tertiary{
- color:#F06292!important
- }
- .theme--purple .btn--tertiary{
- color:#AB47BC!important
- }
- .theme--indigo .btn--tertiary{
- color:#3F51B5!important
- }
- .theme--blue .btn--tertiary{
- color:#1E88E5!important
- }
- .theme--turquoise .btn--tertiary{
- color:#26A69A!important
- }
- .theme--green .btn--tertiary{
- color:#4CAF50!important
- }
- .theme--lime .btn--tertiary{
- color:#9CCC65!important
- }
- .theme--yellow .btn--tertiary{
- color:#FBC02D!important
- }
- .theme--orange .btn--tertiary{
- color:#FB8C00!important
- }
- .theme--gray .btn--tertiary{
- color:#A0A3A8!important
- }
- .btn--tertiary:focus,.btn--tertiary:hover{
- background-color:#eef0f5
- }
- .theme--dark .btn--tertiary:focus,.theme--dark .btn--tertiary:hover{
- background-color:#3f4045
- }
- .btn--block{
- display:block;
- width:100%
- }
- .btn--gamma{
- text-transform:uppercase;
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- .btn--disabled{
- pointer-events:none;
- opacity:.5
- }
- .btn--remove{
- background-color:#f44336!important
- }
- .btn--remove:focus,.btn--remove:hover{
- background-color:#f55a4e!important
- }
- .menu{
- position:relative
- }
- .menu__toggle{
- position:relative;
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .menu__toggle--active,.menu__toggle--active:focus,.menu__toggle--active:hover{
- z-index:101;
- color:#4B4D52!important;
- background-color:#fff!important;
- border-radius:4px 4px 0 0;
- box-shadow:none
- }
- .menu--top .menu__toggle--active,.menu--top .menu__toggle--active:focus,.menu--top .menu__toggle--active:hover{
- border-radius:0 0 4px 4px
- }
- .theme--dark .menu__toggle--active,.theme--dark .menu__toggle--active:focus,.theme--dark .menu__toggle--active:hover{
- color:#eef0f5!important;
- background-color:#4B4D52!important
- }
- .menu__toggle .fa{
- vertical-align:middle
- }
- .menu__popup{
- position:absolute;
- top:100%;
- left:0;
- min-width:100%;
- padding:12px;
- border-radius:0 4px 4px;
- background-color:#fff;
- opacity:0;
- -webkit-transform:translate(0,-12px) scale(.75);
- -ms-transform:translate(0,-12px) scale(.75);
- transform:translate(0,-12px) scale(.75);
- -webkit-transform-origin:top left;
- -ms-transform-origin:top left;
- transform-origin:top left;
- -webkit-transition:opacity 150ms ease-in-out,-webkit-transform 150ms ease-in-out,box-shadow 150ms ease-in-out;
- transition:opacity 150ms ease-in-out,transform 150ms ease-in-out,box-shadow 150ms ease-in-out;
- z-index:-1
- }
- .theme--dark .menu__popup{
- background-color:#4B4D52
- }
- .menu__popup--open{
- z-index:100;
- opacity:1;
- -webkit-transform:none!important;
- -ms-transform:none!important;
- transform:none!important;
- box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
- }
- .menu__popup--closing{
- z-index:100;
- opacity:0
- }
- .menu--top .menu__popup{
- top:auto;
- bottom:100%;
- border-radius:4px 4px 4px 0;
- -webkit-transform:translate(0,12px) scale(.75);
- -ms-transform:translate(0,12px) scale(.75);
- transform:translate(0,12px) scale(.75);
- -webkit-transform-origin:bottom left;
- -ms-transform-origin:bottom left;
- transform-origin:bottom left
- }
- .menu--right .menu__popup{
- left:auto;
- right:0;
- border-radius:4px 0 4px 4px;
- -webkit-transform-origin:top right;
- -ms-transform-origin:top right;
- transform-origin:top right
- }
- .menu--top.menu--right .menu__popup{
- border-radius:4px 4px 0;
- -webkit-transform-origin:bottom right;
- -ms-transform-origin:bottom right;
- transform-origin:bottom right
- }
- .menu--center .menu__popup{
- -webkit-transform-origin:top center;
- -ms-transform-origin:top center;
- transform-origin:top center
- }
- .menu--center.menu--top .menu__popup{
- -webkit-transform-origin:bottom center;
- -ms-transform-origin:bottom center;
- transform-origin:bottom center
- }
- .option-list{
- overflow:hidden;
- padding:0;
- margin:-12px;
- border-radius:0 0 4px 4px;
- background-color:#fff
- }
- .menu--top .option-list{
- border-radius:4px 4px 0 0
- }
- .theme--dark .option-list{
- background-color:#4B4D52
- }
- .option-list>li{
- list-style:none
- }
- .option-list>li>a{
- display:block;
- line-height:2;
- text-align:center;
- border:0;
- background-color:#fff;
- color:#4B4D52
- }
- .option-list>li>a:focus,.option-list>li>a:hover{
- background-color:#eef0f5
- }
- .theme--dark .option-list>li>a{
- background-color:#4B4D52;
- color:#eef0f5
- }
- .theme--dark .option-list>li>a:focus,.theme--dark .option-list>li>a:hover{
- background-color:#3f4045
- }
- .theme--red .option-list__active>a{
- color:#fff!important;
- background-color:#f44336!important
- }
- .theme--pink .option-list__active>a{
- color:#fff!important;
- background-color:#F06292!important
- }
- .theme--purple .option-list__active>a{
- color:#fff!important;
- background-color:#AB47BC!important
- }
- .theme--indigo .option-list__active>a{
- color:#fff!important;
- background-color:#3F51B5!important
- }
- .theme--blue .option-list__active>a{
- color:#fff!important;
- background-color:#1E88E5!important
- }
- .theme--turquoise .option-list__active>a{
- color:#fff!important;
- background-color:#26A69A!important
- }
- .theme--green .option-list__active>a{
- color:#fff!important;
- background-color:#4CAF50!important
- }
- .theme--lime .option-list__active>a{
- color:#fff!important;
- background-color:#9CCC65!important
- }
- .theme--yellow .option-list__active>a{
- color:#fff!important;
- background-color:#FBC02D!important
- }
- .theme--orange .option-list__active>a{
- color:#fff!important;
- background-color:#FB8C00!important
- }
- .theme--gray .option-list__active>a{
- color:#fff!important;
- background-color:#A0A3A8!important
- }
- .progress{
- position:relative;
- border-radius:24px;
- background-color:#3f4045
- }
- .theme--dark .progress{
- background-color:#333437
- }
- .progress__elapsed{
- position:relative;
- max-width:100%;
- min-width:3rem;
- height:24px;
- border-radius:24px 4px 4px 24px
- }
- .progress__elapsed[width='100%']{
- border-radius:24px
- }
- .theme--red .progress__elapsed{
- background-color:#f44336
- }
- .theme--pink .progress__elapsed{
- background-color:#F06292
- }
- .theme--purple .progress__elapsed{
- background-color:#AB47BC
- }
- .theme--indigo .progress__elapsed{
- background-color:#3F51B5
- }
- .theme--blue .progress__elapsed{
- background-color:#1E88E5
- }
- .theme--turquoise .progress__elapsed{
- background-color:#26A69A
- }
- .theme--green .progress__elapsed{
- background-color:#4CAF50
- }
- .theme--lime .progress__elapsed{
- background-color:#9CCC65
- }
- .theme--yellow .progress__elapsed{
- background-color:#FBC02D
- }
- .theme--orange .progress__elapsed{
- background-color:#FB8C00
- }
- .theme--gray .progress__elapsed{
- background-color:#A0A3A8
- }
- .progress__number{
- position:absolute;
- right:0;
- top:-3px;
- height:30px;
- min-width:24px;
- padding-left:6px;
- padding-right:6px;
- text-align:center;
- font-weight:700;
- border-radius:2px;
- color:#fff;
- pointer-events:none;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- font-size:14px;
- font-size:.875rem;
- line-height:28px
- }
- .theme--red .progress__number{
- background-color:#f55a4e
- }
- .theme--pink .progress__number{
- background-color:#f279a2
- }
- .theme--purple .progress__number{
- background-color:#b45ac3
- }
- .theme--indigo .progress__number{
- background-color:#4d5ec1
- }
- .theme--blue .progress__number{
- background-color:#3594e8
- }
- .theme--turquoise .progress__number{
- background-color:#2bbbad
- }
- .theme--green .progress__number{
- background-color:#5cb860
- }
- .theme--lime .progress__number{
- background-color:#a8d278
- }
- .theme--yellow .progress__number{
- background-color:#fbc846
- }
- .theme--orange .progress__number{
- background-color:#ff9816
- }
- .theme--gray .progress__number{
- background-color:#adb0b4
- }
- .goal{
- margin-bottom:12px;
- text-align:center;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .select-wrap select,.text-input{
- display:block;
- width:100%;
- line-height:2.5;
- padding-left:12px;
- padding-right:12px;
- border-radius:4px;
- border:2px solid rgba(75,77,82,.15);
- background-color:transparent;
- -webkit-transition:all 150ms;
- transition:all 150ms;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none
- }
- .select-wrap select:hover,.text-input:hover{
- border-color:rgba(75,77,82,.3)
- }
- .select-wrap select:focus,.select-wrap select:focus:hover,.text-input:focus,.text-input:focus:hover{
- outline:0
- }
- .select-wrap .theme--red select:focus,.select-wrap .theme--red select:focus:hover,.theme--red .select-wrap select:focus,.theme--red .select-wrap select:focus:hover,.theme--red .text-input:focus,.theme--red .text-input:focus:hover{
- border-color:#f77066
- }
- .select-wrap .theme--pink select:focus,.select-wrap .theme--pink select:focus:hover,.theme--pink .select-wrap select:focus,.theme--pink .select-wrap select:focus:hover,.theme--pink .text-input:focus,.theme--pink .text-input:focus:hover{
- border-color:#f491b2
- }
- .select-wrap .theme--purple select:focus,.select-wrap .theme--purple select:focus:hover,.theme--purple .select-wrap select:focus,.theme--purple .select-wrap select:focus:hover,.theme--purple .text-input:focus,.theme--purple .text-input:focus:hover{
- border-color:#bc6cca
- }
- .select-wrap .theme--indigo select:focus,.select-wrap .theme--indigo select:focus:hover,.theme--indigo .select-wrap select:focus,.theme--indigo .select-wrap select:focus:hover,.theme--indigo .text-input:focus,.theme--indigo .text-input:focus:hover{
- border-color:#606fc7
- }
- .select-wrap .theme--blue select:focus,.select-wrap .theme--blue select:focus:hover,.theme--blue .select-wrap select:focus,.theme--blue .select-wrap select:focus:hover,.theme--blue .text-input:focus,.theme--blue .text-input:focus:hover{
- border-color:#4ca0ea
- }
- .select-wrap .theme--turquoise select:focus,.select-wrap .theme--turquoise select:focus:hover,.theme--turquoise .select-wrap select:focus,.theme--turquoise .select-wrap select:focus:hover,.theme--turquoise .text-input:focus,.theme--turquoise .text-input:focus:hover{
- border-color:#30d0c1
- }
- .select-wrap .theme--green select:focus,.select-wrap .theme--green select:focus:hover,.theme--green .select-wrap select:focus,.theme--green .select-wrap select:focus:hover,.theme--green .text-input:focus,.theme--green .text-input:focus:hover{
- border-color:#6ec071
- }
- .select-wrap .theme--lime select:focus,.select-wrap .theme--lime select:focus:hover,.theme--lime .select-wrap select:focus,.theme--lime .select-wrap select:focus:hover,.theme--lime .text-input:focus,.theme--lime .text-input:focus:hover{
- border-color:#b5d98b
- }
- .select-wrap .theme--yellow select:focus,.select-wrap .theme--yellow select:focus:hover,.theme--yellow .select-wrap select:focus,.theme--yellow .select-wrap select:focus:hover,.theme--yellow .text-input:focus,.theme--yellow .text-input:focus:hover{
- border-color:#fccf5f
- }
- .select-wrap .theme--orange select:focus,.select-wrap .theme--orange select:focus:hover,.theme--orange .select-wrap select:focus,.theme--orange .select-wrap select:focus:hover,.theme--orange .text-input:focus,.theme--orange .text-input:focus:hover{
- border-color:#ffa32f
- }
- .select-wrap .theme--gray select:focus,.select-wrap .theme--gray select:focus:hover,.theme--gray .select-wrap select:focus,.theme--gray .select-wrap select:focus:hover,.theme--gray .text-input:focus,.theme--gray .text-input:focus:hover{
- border-color:#bbbdc0
- }
- .select-wrap select[disabled=disabled],.text-input[disabled=disabled]{
- background-color:rgba(75,77,82,.15);
- border-color:transparent;
- pointer-events:none;
- opacity:.75
- }
- .select-wrap .theme--dark select,.theme--dark .select-wrap select,.theme--dark .text-input{
- border-color:rgba(238,240,245,.25)
- }
- .select-wrap .theme--dark select:hover,.theme--dark .select-wrap select:hover,.theme--dark .text-input:hover{
- border-color:rgba(238,240,245,.5)
- }
- .select-wrap .theme--dark select[disabled=disabled],.theme--dark .select-wrap select[disabled=disabled],.theme--dark .text-input[disabled=disabled]{
- background-color:rgba(238,240,245,.25)
- }
- .text-submit{
- display:-webkit-box;
- display:-webkit-flex;
- display:-ms-flexbox;
- display:flex;
- margin-bottom:24px
- }
- .select-wrap .text-submit select,.text-submit .select-wrap select,.text-submit .text-input{
- -webkit-box-flex:1;
- -webkit-flex:1 1 auto;
- -ms-flex:1 1 auto;
- flex:1 1 auto;
- border-radius:4px 0 0 4px;
- border-right:0
- }
- .text-submit .btn{
- -webkit-box-flex:0;
- -webkit-flex:0 0 auto;
- -ms-flex:0 0 auto;
- flex:0 0 auto;
- border-radius:0 4px 4px 0
- }
- input[type=checkbox]+label{
- position:relative;
- padding-left:1.75em;
- cursor:pointer
- }
- input[type=checkbox]+label:before{
- content:"";
- position:absolute;
- top:0;
- left:0;
- width:1.25em;
- height:1.25em;
- border:2px solid rgba(75,77,82,.15);
- border-radius:4px;
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .page-foot input[type=checkbox]+label:before,.theme--dark input[type=checkbox]+label:before{
- border-color:rgba(238,240,245,.25)
- }
- input[type=checkbox]+label:focus:before,input[type=checkbox]+label:hover:before{
- border-color:rgba(75,77,82,.3)
- }
- .page-foot input[type=checkbox]+label:focus:before,.page-foot input[type=checkbox]+label:hover:before,.theme--dark input[type=checkbox]+label:focus:before,.theme--dark input[type=checkbox]+label:hover:before{
- border-color:rgba(238,240,245,.5)
- }
- input[type=checkbox]+label:after{
- position:absolute;
- top:.25em;
- left:.25em;
- content:"\f00c";
- font-family:fontawesome;
- font-style:normal;
- font-size:.8em;
- line-height:1;
- font-weight:400;
- opacity:0;
- -webkit-transform:scale(0);
- -ms-transform:scale(0);
- transform:scale(0);
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- input[type=checkbox]:checked+label:after{
- opacity:1;
- -webkit-transform:none;
- -ms-transform:none;
- transform:none
- }
- input[type=radio]+label{
- position:relative;
- padding-left:1.75em;
- cursor:pointer
- }
- input[type=radio]+label:before{
- content:"";
- position:absolute;
- top:0;
- left:0;
- width:1.25em;
- height:1.25em;
- border:2px solid rgba(75,77,82,.15);
- border-radius:1.25em;
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .page-foot input[type=radio]+label:before,.theme--dark input[type=radio]+label:before{
- border-color:rgba(238,240,245,.25)
- }
- input[type=radio]+label:focus:before,input[type=radio]+label:hover:before{
- border-color:rgba(75,77,82,.3)
- }
- .page-foot input[type=radio]+label:focus:before,.page-foot input[type=radio]+label:hover:before,.theme--dark input[type=radio]+label:focus:before,.theme--dark input[type=radio]+label:hover:before{
- border-color:rgba(238,240,245,.5)
- }
- input[type=radio]+label:after{
- position:absolute;
- top:.53em;
- left:.57em;
- content:"\f111";
- font-family:fontawesome;
- font-style:normal;
- font-size:.6em;
- line-height:1;
- font-weight:400;
- opacity:0;
- -webkit-transform:scale(0);
- -ms-transform:scale(0);
- transform:scale(0);
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- input[type=radio]:checked+label:after{
- opacity:1;
- -webkit-transform:none;
- -ms-transform:none;
- transform:none
- }
- .select-wrap{
- position:relative
- }
- .select-wrap select{
- text-indent:.01px;
- text-overflow:"";
- height:46px
- }
- .select-wrap:after{
- content:"\f078";
- font-family:fontawesome;
- font-style:normal;
- font-size:.8em;
- line-height:1;
- font-weight:400;
- position:absolute;
- right:1.25em;
- top:1.25em;
- pointer-events:none
- }
- .details{
- position:relative
- }
- .input-currency{
- position:absolute;
- line-height:46px;
- right:12px;
- bottom:0
- }
- .table-wrap{
- margin-bottom:24px;
- max-width:100%;
- overflow-x:auto;
- border-radius:4px;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
- }
- .table{
- width:100%;
- border-collapse:collapse
- }
- .table__row{
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .table__row:focus,.table__row:hover{
- background-color:#eef0f5
- }
- .theme--dark .table__row:focus,.theme--dark .table__row:hover{
- background-color:#3f4045
- }
- .table td,.table th{
- padding:24px;
- min-width:11em
- }
- .table th{
- color:#fff
- }
- .theme--red .table th{
- background-color:#f44336
- }
- .theme--pink .table th{
- background-color:#F06292
- }
- .theme--purple .table th{
- background-color:#AB47BC
- }
- .theme--indigo .table th{
- background-color:#3F51B5
- }
- .theme--blue .table th{
- background-color:#1E88E5
- }
- .theme--turquoise .table th{
- background-color:#26A69A
- }
- .theme--green .table th{
- background-color:#4CAF50
- }
- .theme--lime .table th{
- background-color:#9CCC65
- }
- .theme--yellow .table th{
- background-color:#FBC02D
- }
- .theme--orange .table th{
- background-color:#FB8C00
- }
- .theme--gray .table th{
- background-color:#A0A3A8
- }
- .table th:first-child{
- border-radius:4px 0 0
- }
- .table th:last-child{
- border-radius:0 4px 0 0
- }
- .layout{
- list-style:none;
- margin:0 0 0 -24px;
- padding:0
- }
- .layout__item{
- display:inline-block;
- padding-left:24px;
- vertical-align:top;
- width:100%
- }
- .media{
- display:block
- }
- .media__img{
- float:left;
- margin-right:24px
- }
- .media__img>img{
- display:block
- }
- .media__body{
- overflow:hidden;
- display:block
- }
- .media__body,.media__body>:last-child{
- margin-bottom:0
- }
- .btn{
- display:inline-block;
- vertical-align:middle;
- font:inherit;
- text-align:center;
- margin:0;
- cursor:pointer;
- overflow:visible;
- padding:12px 24px;
- background-color:#26a69a;
- border-radius:4px
- }
- .btn,.btn:active,.btn:focus,.btn:hover{
- text-decoration:none;
- color:#fff
- }
- .btn::-moz-focus-inner{
- border:0;
- padding:0
- }
- .btn--small{
- padding:6px 12px
- }
- .btn--large{
- padding:24px 48px
- }
- .page-head{
- width:100%;
- padding-bottom:24px
- }
- .theme--red .page-head{
- background-color:#f44336
- }
- .theme--pink .page-head{
- background-color:#F06292
- }
- .theme--purple .page-head{
- background-color:#AB47BC
- }
- .theme--indigo .page-head{
- background-color:#3F51B5
- }
- .theme--blue .page-head{
- background-color:#1E88E5
- }
- .theme--turquoise .page-head{
- background-color:#26A69A
- }
- .theme--green .page-head{
- background-color:#4CAF50
- }
- .theme--lime .page-head{
- background-color:#9CCC65
- }
- .theme--yellow .page-head{
- background-color:#FBC02D
- }
- .theme--orange .page-head{
- background-color:#FB8C00
- }
- .theme--gray .page-head{
- background-color:#A0A3A8
- }
- .page-head>.wrapper{
- position:relative;
- padding-left:24px;
- padding-right:24px
- }
- @media screen and (min-width:64em){
- .page-head>.wrapper{
- display:-webkit-box;
- display:-webkit-flex;
- display:-ms-flexbox;
- display:flex;
- -webkit-box-align:end;
- -webkit-align-items:flex-end;
- -ms-flex-align:end;
- align-items:flex-end;
- -webkit-flex-wrap:wrap;
- -ms-flex-wrap:wrap;
- flex-wrap:wrap;
- -webkit-box-pack:justify;
- -webkit-justify-content:space-between;
- -ms-flex-pack:justify;
- justify-content:space-between
- }
- }
- .page-head--cover-img{
- background-size:cover;
- background-position:50% 50%
- }
- .page-head:not(.page-head--cover-img){
- background-image:none!important
- }
- .site-logo{
- -webkit-box-flex:0;
- -webkit-flex:0 0 auto;
- -ms-flex:0 0 auto;
- flex:0 0 auto;
- margin:0 auto;
- padding-top:24px;
- padding-bottom:24px;
- text-align:center
- }
- .site-logo>img{
- display:inline-block;
- width:100%;
- max-width:30em;
- height:auto
- }
- @media screen and (min-width:64em){
- .site-logo>img{
- max-width:25em
- }
- }
- .site-logo>span{
- color:#fff;
- font-weight:700;
- font-family:'PT Sans Narrow';
- font-size:64px;
- font-size:4rem;
- line-height:1.125
- }
- .site-nav{
- position:absolute;
- top:100%;
- left:0;
- right:0;
- margin-top:0;
- margin-left:0;
- margin-bottom:0;
- padding:0;
- z-index:10;
- opacity:0;
- -webkit-transform:translate(0,-24px);
- -ms-transform:translate(0,-24px);
- transform:translate(0,-24px);
- -webkit-transition:opacity 200ms,-webkit-transform 200ms;
- transition:opacity 200ms,transform 200ms
- }
- @media screen and (min-width:64em){
- .site-nav{
- position:static;
- -webkit-box-flex:0;
- -webkit-flex:0 0 auto;
- -ms-flex:0 0 auto;
- flex:0 0 auto;
- -webkit-align-self:flex-end;
- -ms-flex-item-align:end;
- align-self:flex-end;
- max-width:100%;
- height:auto;
- text-align:center;
- opacity:1;
- -webkit-transform:none;
- -ms-transform:none;
- transform:none
- }
- .site-nav.hide{
- clip:auto!important;
- position:static!important
- }
- }
- @media screen and (max-width:63.9375em){
- .site-nav--open{
- opacity:1;
- -webkit-transform:none;
- -ms-transform:none;
- transform:none
- }
- }
- .site-nav__item{
- list-style:none;
- margin:0;
- padding:0
- }
- @media screen and (min-width:64em){
- .site-nav__item{
- display:inline-block
- }
- }
- .site-nav__item>a{
- position:relative;
- display:block;
- padding:12px 24px;
- text-transform:uppercase;
- font-weight:300;
- color:#fff;
- -webkit-transition:background-color 150ms,text-shadow 150ms;
- transition:background-color 150ms,text-shadow 150ms;
- font-size:20px;
- font-size:1.25rem;
- line-height:2
- }
- .theme--red .site-nav__item>a{
- box-shadow:inset 0 0 0 #f54c40;
- background-color:#f55a4e
- }
- .theme--pink .site-nav__item>a{
- box-shadow:inset 0 0 0 #f16b98;
- background-color:#f279a2
- }
- .theme--purple .site-nav__item>a{
- box-shadow:inset 0 0 0 #ae4ebf;
- background-color:#b45ac3
- }
- .theme--indigo .site-nav__item>a{
- box-shadow:inset 0 0 0 #4254bd;
- background-color:#4d5ec1
- }
- .theme--blue .site-nav__item>a{
- box-shadow:inset 0 0 0 #278de6;
- background-color:#3594e8
- }
- .theme--turquoise .site-nav__item>a{
- box-shadow:inset 0 0 0 #28aea2;
- background-color:#2bbbad
- }
- .theme--green .site-nav__item>a{
- box-shadow:inset 0 0 0 #52b455;
- background-color:#5cb860
- }
- .theme--lime .site-nav__item>a{
- box-shadow:inset 0 0 0 #a1cf6d;
- background-color:#a8d278
- }
- .theme--yellow .site-nav__item>a{
- box-shadow:inset 0 0 0 #fbc337;
- background-color:#fbc846
- }
- .theme--orange .site-nav__item>a{
- box-shadow:inset 0 0 0 #ff9106;
- background-color:#ff9816
- }
- .theme--gray .site-nav__item>a{
- box-shadow:inset 0 0 0 #a5a8ad;
- background-color:#adb0b4
- }
- @media screen and (min-width:64em){
- .page-head--cover-img.page-head--cover-img .site-nav__item>a{
- box-shadow:none;
- background-color:transparent;
- text-shadow:0 0 2px #000
- }
- .page-head--cover-img.page-head--cover-img .site-nav__item>a:focus,.page-head--cover-img.page-head--cover-img .site-nav__item>a:hover{
- text-shadow:none
- }
- }
- @media screen and (min-width:64em){
- .site-nav__item>a{
- border-radius:4px 4px 0 0
- }
- .theme--red .site-nav__item>a{
- background-color:#f44336
- }
- .theme--pink .site-nav__item>a{
- background-color:#F06292
- }
- .theme--purple .site-nav__item>a{
- background-color:#AB47BC
- }
- .theme--indigo .site-nav__item>a{
- background-color:#3F51B5
- }
- .theme--blue .site-nav__item>a{
- background-color:#1E88E5
- }
- .theme--turquoise .site-nav__item>a{
- background-color:#26A69A
- }
- .theme--green .site-nav__item>a{
- background-color:#4CAF50
- }
- .theme--lime .site-nav__item>a{
- background-color:#9CCC65
- }
- .theme--yellow .site-nav__item>a{
- background-color:#FBC02D
- }
- .theme--orange .site-nav__item>a{
- background-color:#FB8C00
- }
- .theme--gray .site-nav__item>a{
- background-color:#A0A3A8
- }
- }
- .site-nav__item>a:focus:after,.site-nav__item>a:hover:after{
- -webkit-transform:none;
- -ms-transform:none;
- transform:none
- }
- .theme--red .site-nav__item>a:focus,.theme--red .site-nav__item>a:hover{
- background-color:#f55a4e
- }
- .theme--pink .site-nav__item>a:focus,.theme--pink .site-nav__item>a:hover{
- background-color:#f279a2
- }
- .theme--purple .site-nav__item>a:focus,.theme--purple .site-nav__item>a:hover{
- background-color:#b45ac3
- }
- .theme--indigo .site-nav__item>a:focus,.theme--indigo .site-nav__item>a:hover{
- background-color:#4d5ec1
- }
- .theme--blue .site-nav__item>a:focus,.theme--blue .site-nav__item>a:hover{
- background-color:#3594e8
- }
- .theme--turquoise .site-nav__item>a:focus,.theme--turquoise .site-nav__item>a:hover{
- background-color:#2bbbad
- }
- .theme--green .site-nav__item>a:focus,.theme--green .site-nav__item>a:hover{
- background-color:#5cb860
- }
- .theme--lime .site-nav__item>a:focus,.theme--lime .site-nav__item>a:hover{
- background-color:#a8d278
- }
- .theme--yellow .site-nav__item>a:focus,.theme--yellow .site-nav__item>a:hover{
- background-color:#fbc846
- }
- .theme--orange .site-nav__item>a:focus,.theme--orange .site-nav__item>a:hover{
- background-color:#ff9816
- }
- .theme--gray .site-nav__item>a:focus,.theme--gray .site-nav__item>a:hover{
- background-color:#adb0b4
- }
- .site-nav__item .fa{
- position:relative;
- top:-.25em;
- font-size:14px;
- font-size:.875rem;
- line-height:1.71429
- }
- .theme--red .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#f55a4e!important
- }
- .theme--pink .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#f279a2!important
- }
- .theme--purple .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#b45ac3!important
- }
- .theme--indigo .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#4d5ec1!important
- }
- .theme--blue .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#3594e8!important
- }
- .theme--turquoise .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#2bbbad!important
- }
- .theme--green .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#5cb860!important
- }
- .theme--lime .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#a8d278!important
- }
- .theme--yellow .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#fbc846!important
- }
- .theme--orange .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#ff9816!important
- }
- .theme--gray .site-nav__item .menu__toggle--active{
- color:#fff!important;
- background-color:#adb0b4!important
- }
- .site-nav__item .menu__popup{
- position:static;
- margin:0;
- padding:0;
- border-radius:0;
- color:#fff;
- text-align:center
- }
- .theme--red .site-nav__item .menu__popup{
- background-color:#f44336
- }
- .theme--pink .site-nav__item .menu__popup{
- background-color:#F06292
- }
- .theme--purple .site-nav__item .menu__popup{
- background-color:#AB47BC
- }
- .theme--indigo .site-nav__item .menu__popup{
- background-color:#3F51B5
- }
- .theme--blue .site-nav__item .menu__popup{
- background-color:#1E88E5
- }
- .theme--turquoise .site-nav__item .menu__popup{
- background-color:#26A69A
- }
- .theme--green .site-nav__item .menu__popup{
- background-color:#4CAF50
- }
- .theme--lime .site-nav__item .menu__popup{
- background-color:#9CCC65
- }
- .theme--yellow .site-nav__item .menu__popup{
- background-color:#FBC02D
- }
- .theme--orange .site-nav__item .menu__popup{
- background-color:#FB8C00
- }
- .theme--gray .site-nav__item .menu__popup{
- background-color:#A0A3A8
- }
- @media screen and (min-width:64em){
- .site-nav__item .menu__popup{
- position:absolute;
- border-radius:0 0 4px 4px
- }
- .theme--red .site-nav__item .menu__popup{
- background-color:#f55a4e
- }
- .theme--pink .site-nav__item .menu__popup{
- background-color:#f279a2
- }
- .theme--purple .site-nav__item .menu__popup{
- background-color:#b45ac3
- }
- .theme--indigo .site-nav__item .menu__popup{
- background-color:#4d5ec1
- }
- .theme--blue .site-nav__item .menu__popup{
- background-color:#3594e8
- }
- .theme--turquoise .site-nav__item .menu__popup{
- background-color:#2bbbad
- }
- .theme--green .site-nav__item .menu__popup{
- background-color:#5cb860
- }
- .theme--lime .site-nav__item .menu__popup{
- background-color:#a8d278
- }
- .theme--yellow .site-nav__item .menu__popup{
- background-color:#fbc846
- }
- .theme--orange .site-nav__item .menu__popup{
- background-color:#ff9816
- }
- .theme--gray .site-nav__item .menu__popup{
- background-color:#adb0b4
- }
- }
- @media screen and (max-width:63.9375em){
- .site-nav__item .menu__popup{
- -webkit-transform:none;
- -ms-transform:none;
- transform:none;
- -webkit-transition:-webkit-transform 200ms;
- transition:transform 200ms
- }
- }
- .site-nav__item .menu__popup>li{
- list-style:none;
- background-color:transparent;
- opacity:0;
- -webkit-transition:opacity 250ms;
- transition:opacity 250ms
- }
- .site-nav__item .menu__popup>li>a{
- display:block;
- padding:12px;
- font-weight:300;
- color:#fff
- }
- .theme--red .site-nav__item .menu__popup>li>a:focus,.theme--red .site-nav__item .menu__popup>li>a:hover{
- background-color:#f54e42
- }
- .theme--pink .site-nav__item .menu__popup>li>a:focus,.theme--pink .site-nav__item .menu__popup>li>a:hover{
- background-color:#f16e9a
- }
- .theme--purple .site-nav__item .menu__popup>li>a:focus,.theme--purple .site-nav__item .menu__popup>li>a:hover{
- background-color:#af50bf
- }
- .theme--indigo .site-nav__item .menu__popup>li>a:focus,.theme--indigo .site-nav__item .menu__popup>li>a:hover{
- background-color:#4356be
- }
- .theme--blue .site-nav__item .menu__popup>li>a:focus,.theme--blue .site-nav__item .menu__popup>li>a:hover{
- background-color:#298ee6
- }
- .theme--turquoise .site-nav__item .menu__popup>li>a:focus,.theme--turquoise .site-nav__item .menu__popup>li>a:hover{
- background-color:#28b0a4
- }
- .theme--green .site-nav__item .menu__popup>li>a:focus,.theme--green .site-nav__item .menu__popup>li>a:hover{
- background-color:#53b457
- }
- .theme--lime .site-nav__item .menu__popup>li>a:focus,.theme--lime .site-nav__item .menu__popup>li>a:hover{
- background-color:#a2cf6f
- }
- .theme--yellow .site-nav__item .menu__popup>li>a:focus,.theme--yellow .site-nav__item .menu__popup>li>a:hover{
- background-color:#fbc43a
- }
- .theme--orange .site-nav__item .menu__popup>li>a:focus,.theme--orange .site-nav__item .menu__popup>li>a:hover{
- background-color:#ff9209
- }
- .theme--gray .site-nav__item .menu__popup>li>a:focus,.theme--gray .site-nav__item .menu__popup>li>a:hover{
- background-color:#a7a9ae
- }
- .site-nav__item .menu__popup>li:last-child>a{
- border-radius:0 0 4px 4px
- }
- .site-nav__item .menu__popup--open>li{
- opacity:1
- }
- .site-nav__item .menu__popup--closing{
- height:0
- }
- @media screen and (min-width:64em){
- .site-nav__item .menu__popup--closing{
- height:auto
- }
- }
- .site-nav__item--active>a{
- z-index:101;
- text-shadow:none!important;
- background:#fff!important
- }
- .theme--red .site-nav__item--active>a{
- color:#f44336
- }
- .theme--pink .site-nav__item--active>a{
- color:#F06292
- }
- .theme--purple .site-nav__item--active>a{
- color:#AB47BC
- }
- .theme--indigo .site-nav__item--active>a{
- color:#3F51B5
- }
- .theme--blue .site-nav__item--active>a{
- color:#1E88E5
- }
- .theme--turquoise .site-nav__item--active>a{
- color:#26A69A
- }
- .theme--green .site-nav__item--active>a{
- color:#4CAF50
- }
- .theme--lime .site-nav__item--active>a{
- color:#9CCC65
- }
- .theme--yellow .site-nav__item--active>a{
- color:#FBC02D
- }
- .theme--orange .site-nav__item--active>a{
- color:#FB8C00
- }
- .theme--gray .site-nav__item--active>a{
- color:#A0A3A8
- }
- .theme--dark .site-nav__item--active>a{
- background:#4B4D52!important;
- color:#eef0f5
- }
- .mobile-nav-toggle{
- position:absolute;
- right:24px;
- top:50%;
- -webkit-transform:translate(0,-50%);
- -ms-transform:translate(0,-50%);
- transform:translate(0,-50%);
- width:48px;
- height:48px;
- background-color:red
- }
- @media screen and (min-width:64em){
- .mobile-nav-toggle{
- display:none
- }
- }
- .top-bar{
- text-align:right;
- padding-top:6px;
- padding-bottom:6px;
- padding-right:32px;
- background-color:#4B4D52
- }
- .theme--red .top-bar{
- background-color:#ea1c0d
- }
- .theme--pink .top-bar{
- background-color:#ec3372
- }
- .theme--purple .top-bar{
- background-color:#8a3898
- }
- .theme--indigo .top-bar{
- background-color:#32408f
- }
- .theme--blue .top-bar{
- background-color:#166dba
- }
- .theme--turquoise .top-bar{
- background-color:#1c7d74
- }
- .theme--green .top-bar{
- background-color:#3d8b40
- }
- .theme--lime .top-bar{
- background-color:#83bf3f
- }
- .theme--yellow .top-bar{
- background-color:#f0ad05
- }
- .theme--orange .top-bar{
- background-color:#c87000
- }
- .theme--gray .top-bar{
- background-color:#858990
- }
- .page-head--cover-img .top-bar{
- background:-webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);
- background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
- }
- @media screen and (min-width:64em){
- .top-bar{
- padding-right:0
- }
- }
- .top-bar .menu{
- display:inline-block
- }
- .menu--cart .menu__toggle,.menu--currency .menu__toggle{
- text-transform:uppercase;
- background-color:transparent;
- color:#fff;
- z-index:103;
- font-size:16px;
- font-size:1rem;
- line-height:1.5
- }
- @media screen and (min-width:64em){
- .menu--cart .menu__toggle,.menu--currency .menu__toggle{
- font-size:14px;
- font-size:.875rem;
- line-height:1.71429
- }
- }
- .menu--cart .menu__popup,.menu--currency .menu__popup{
- right:0;
- left:auto;
- border-radius:4px 0 4px 4px
- }
- .menu--cart .menu__popup--open,.menu--currency .menu__popup--open{
- z-index:102
- }
- .menu--currency .menu__toggle .fa{
- margin-top:-.5em;
- font-size:10px;
- font-size:.625rem;
- line-height:2.4
- }
- .menu--cart .menu__toggle .fa{
- margin-top:-.25em;
- margin-right:.25em;
- font-size:22px;
- font-size:1.375rem;
- line-height:1.09091
- }
- .menu--cart .menu__toggle .toggle__icon{
- position:relative
- }
- .menu--cart .menu__toggle .cart-number{
- position:absolute;
- top:-.25em;
- right:.35em;
- font-size:.75em;
- font-weight:700;
- min-width:1.15em;
- height:1.15em;
- line-height:1em;
- padding:0 .2em;
- border-radius:1em;
- background-color:#4B4D52
- }
- .menu--cart .menu__toggle--active .cart-number{
- color:#fff
- }
- .theme--red .menu--cart .menu__toggle--active .cart-number{
- background-color:#f44336
- }
- .theme--pink .menu--cart .menu__toggle--active .cart-number{
- background-color:#F06292
- }
- .theme--purple .menu--cart .menu__toggle--active .cart-number{
- background-color:#AB47BC
- }
- .theme--indigo .menu--cart .menu__toggle--active .cart-number{
- background-color:#3F51B5
- }
- .theme--blue .menu--cart .menu__toggle--active .cart-number{
- background-color:#1E88E5
- }
- .theme--turquoise .menu--cart .menu__toggle--active .cart-number{
- background-color:#26A69A
- }
- .theme--green .menu--cart .menu__toggle--active .cart-number{
- background-color:#4CAF50
- }
- .theme--lime .menu--cart .menu__toggle--active .cart-number{
- background-color:#9CCC65
- }
- .theme--yellow .menu--cart .menu__toggle--active .cart-number{
- background-color:#FBC02D
- }
- .theme--orange .menu--cart .menu__toggle--active .cart-number{
- background-color:#FB8C00
- }
- .theme--gray .menu--cart .menu__toggle--active .cart-number{
- background-color:#A0A3A8
- }
- .menu--cart .menu__popup{
- width:calc(100vw - 48px);
- right:-32px;
- border-top-right-radius:4px
- }
- @media screen and (min-width:45em){
- .menu--cart .menu__popup{
- width:25em;
- right:0;
- border-top-right-radius:0
- }
- }
- .menu--cart .menu__popup--open{
- z-index:102
- }
- .cart{
- overflow-y:auto;
- margin-top:0;
- margin-left:0;
- margin-bottom:24px;
- padding:0;
- max-height:12.5em
- }
- .cart__item{
- display:-webkit-box;
- display:-webkit-flex;
- display:-ms-flexbox;
- display:flex;
- -webkit-box-align:center;
- -webkit-align-items:center;
- -ms-flex-align:center;
- align-items:center;
- list-style:none;
- margin-bottom:12px;
- padding-left:6px;
- padding-right:6px;
- padding-bottom:12px;
- border-bottom:2px solid #eef0f5
- }
- .theme--dark .cart__item{
- border-bottom-color:#3f4045
- }
- .cart__item:last-child{
- margin-bottom:0
- }
- .cart__img,.cart__name,.cart__price,.cart__remove,.checkout__remove{
- -webkit-box-flex:0;
- -webkit-flex:0 0 auto;
- -ms-flex:0 0 auto;
- flex:0 0 auto;
- display:block
- }
- .cart__img,.cart__name,.cart__remove,.checkout__remove{
- margin-right:12px
- }
- .cart__remove,.checkout__remove{
- width:18px;
- height:18px;
- line-height:16px;
- text-align:center;
- border-radius:2px;
- border:0!important
- }
- .theme--dark .cart__remove,.theme--dark .checkout__remove{
- color:#CED3DB
- }
- .cart__remove:focus,.cart__remove:hover,.checkout__remove:focus,.checkout__remove:hover{
- color:#fff;
- background-color:#f44336;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
- }
- .cart__img{
- width:32px
- }
- .cart__img>img{
- display:inline-block;
- vertical-align:middle;
- width:100%
- }
- .cart__name{
- -webkit-box-flex:0;
- -webkit-flex:0 1 auto;
- -ms-flex:0 1 auto;
- flex:0 1 auto;
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis;
- color:#4B4D52
- }
- .theme--dark .cart__name{
- color:#eef0f5
- }
- .cart__price{
- margin-left:auto;
- color:#858990
- }
- .theme--dark .cart__price{
- color:#C0C4CC
- }
- .menu--cart__checkout{
- float:left
- }
- .menu--cart__total{
- float:right;
- font-weight:300;
- color:#858990;
- font-size:24px;
- font-size:1.5rem;
- line-height:1.75
- }
- .theme--dark .menu--cart__total{
- color:#C0C4CC
- }
- .logout{
- float:left;
- margin-top:8px;
- color:#fff;
- opacity:.15;
- font-size:22px;
- font-size:1.375rem;
- line-height:1
- }
- .logout:focus,.logout:hover{
- opacity:.5
- }
- .page-body{
- position:relative;
- margin-bottom:48px;
- margin-top:-24px;
- padding:24px;
- border-radius:4px;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- background-color:#fff;
- z-index:1
- }
- @media screen and (min-width:45em){
- .page-body{
- padding-left:48px;
- padding-right:48px
- }
- }
- .theme--dark .page-body{
- background-color:#4B4D52
- }
- .main-heading{
- border:0;
- font-size:48px;
- font-size:3rem;
- line-height:1
- }
- .featured{
- position:relative;
- margin:-24px -24px 0
- }
- @media screen and (min-width:45em){
- .featured{
- margin:-24px -48px 0
- }
- }
- .featured__list{
- position:relative;
- margin:0;
- padding:0;
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .featured__item{
- position:relative;
- float:left;
- overflow:hidden;
- height:100%;
- margin:24px;
- list-style:none;
- padding:24px;
- border-radius:4px;
- background-color:#eef0f5;
- background-size:cover;
- background-position:50% 50%;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .theme--dark .featured__item{
- background-color:#3f4045
- }
- @media screen and (min-width:45em){
- .featured__item{
- padding-left:48px;
- padding-right:48px
- }
- }
- .featured__item .subtitle{
- padding-left:76px
- }
- @media screen and (min-width:45em){
- .featured__item .subtitle{
- padding-left:0
- }
- }
- .featured__img{
- position:absolute;
- top:24px;
- left:24px;
- height:52px;
- width:auto;
- display:block
- }
- .theme--dark .featured__img{
- background-color:transparent
- }
- @media screen and (min-width:45em){
- .featured__img{
- position:static;
- width:100%;
- height:auto
- }
- }
- .featured__img--full{
- width:100%;
- width:calc(100% + 48px + 48px);
- max-width:none;
- margin:-24px -48px
- }
- .featured__body>h1,.featured__body>h2{
- padding-bottom:12px;
- border-bottom:2px solid #CED3DB;
- padding-left:76px;
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- .theme--dark .featured__body>h1,.theme--dark .featured__body>h2{
- border-bottom-color:#333437
- }
- @media screen and (min-width:45em){
- .featured__body>h1,.featured__body>h2{
- padding-left:0;
- font-size:36px;
- font-size:2.25rem;
- line-height:1.33333
- }
- }
- .featured__nav{
- display:block;
- position:absolute;
- top:48px;
- z-index:100;
- overflow:hidden;
- width:48px;
- height:48px;
- border-radius:48px;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- -webkit-transition:all 200ms;
- transition:all 200ms;
- -webkit-transform:scale(.75);
- -ms-transform:scale(.75);
- transform:scale(.75)
- }
- .featured__nav:focus,.featured__nav:hover{
- box-shadow:0 5px 10px rgba(0,0,0,.18),0 5px 15px rgba(0,0,0,.15)
- }
- @media screen and (min-width:45em){
- .featured__nav{
- top:50%;
- margin-top:-24px;
- -webkit-transform:scale(1);
- -ms-transform:scale(1);
- transform:scale(1)
- }
- }
- .theme--red .featured__nav{
- border:0;
- background-color:#f44336
- }
- .theme--red .featured__nav:focus,.theme--red .featured__nav:hover{
- background-color:#f55a4e
- }
- .theme--pink .featured__nav{
- border:0;
- background-color:#F06292
- }
- .theme--pink .featured__nav:focus,.theme--pink .featured__nav:hover{
- background-color:#f279a2
- }
- .theme--purple .featured__nav{
- border:0;
- background-color:#AB47BC
- }
- .theme--purple .featured__nav:focus,.theme--purple .featured__nav:hover{
- background-color:#b45ac3
- }
- .theme--indigo .featured__nav{
- border:0;
- background-color:#3F51B5
- }
- .theme--indigo .featured__nav:focus,.theme--indigo .featured__nav:hover{
- background-color:#4d5ec1
- }
- .theme--blue .featured__nav{
- border:0;
- background-color:#1E88E5
- }
- .theme--blue .featured__nav:focus,.theme--blue .featured__nav:hover{
- background-color:#3594e8
- }
- .theme--turquoise .featured__nav{
- border:0;
- background-color:#26A69A
- }
- .theme--turquoise .featured__nav:focus,.theme--turquoise .featured__nav:hover{
- background-color:#2bbbad
- }
- .theme--green .featured__nav{
- border:0;
- background-color:#4CAF50
- }
- .theme--green .featured__nav:focus,.theme--green .featured__nav:hover{
- background-color:#5cb860
- }
- .theme--lime .featured__nav{
- border:0;
- background-color:#9CCC65
- }
- .theme--lime .featured__nav:focus,.theme--lime .featured__nav:hover{
- background-color:#a8d278
- }
- .theme--yellow .featured__nav{
- border:0;
- background-color:#FBC02D
- }
- .theme--yellow .featured__nav:focus,.theme--yellow .featured__nav:hover{
- background-color:#fbc846
- }
- .theme--orange .featured__nav{
- border:0;
- background-color:#FB8C00
- }
- .theme--orange .featured__nav:focus,.theme--orange .featured__nav:hover{
- background-color:#ff9816
- }
- .theme--gray .featured__nav{
- border:0;
- background-color:#A0A3A8
- }
- .theme--gray .featured__nav:focus,.theme--gray .featured__nav:hover{
- background-color:#adb0b4
- }
- .featured__nav:before{
- content:"";
- position:relative;
- display:block;
- border-style:solid;
- border-width:5px 5px 0 0;
- border-color:#fff;
- height:20px;
- width:20px
- }
- .featured__nav--left{
- left:0
- }
- @media screen and (min-width:45em){
- .featured__nav--left{
- left:12px
- }
- }
- .featured__nav--left:before{
- left:35%;
- top:30%;
- -webkit-transform:rotate(-135deg);
- -ms-transform:rotate(-135deg);
- transform:rotate(-135deg)
- }
- .featured__nav--right{
- right:0
- }
- @media screen and (min-width:45em){
- .featured__nav--right{
- right:12px
- }
- }
- .featured__nav--right:before{
- left:25%;
- top:30%;
- -webkit-transform:rotate(45deg);
- -ms-transform:rotate(45deg);
- transform:rotate(45deg)
- }
- .featured__buy{
- text-align:right
- }
- .featured__price{
- display:inline-block;
- vertical-align:middle;
- margin-right:12px;
- font-weight:300;
- color:#858990;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- @media screen and (min-width:45em){
- .featured__price{
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- }
- .theme--dark .featured__price{
- color:#C0C4CC
- }
- .subtitle{
- text-transform:uppercase;
- letter-spacing:.1em;
- color:#A0A3A8;
- font-size:14px;
- font-size:.875rem;
- line-height:1.71429
- }
- @media screen and (min-width:45em){
- .subtitle{
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- }
- .page-side{
- color:#fff
- }
- @media screen and (min-width:45em){
- .page-side{
- margin-right:-24px
- }
- }
- .page-side__section{
- padding:24px 24px 48px;
- border-bottom:2px solid #3f4045;
- background:#4B4D52
- }
- .theme--dark .page-side__section{
- background:#3f4045;
- border-color:#333437
- }
- .page-side__section:first-child{
- border-radius:4px 4px 0 0
- }
- .page-side__section:last-child{
- margin:0;
- border:0;
- border-radius:0 0 4px 4px
- }
- .page-side__section :last-child{
- margin-bottom:0
- }
- .page-side img{
- height:auto!important
- }
- .page-side .package{
- margin-bottom:0
- }
- .page-side .package__img{
- background-color:#3f4045
- }
- .theme--dark .page-side .package__img{
- background-color:#333437
- }
- .donator__ign{
- font-weight:700;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .payments{
- padding:0;
- margin:0
- }
- .payments__item{
- margin-bottom:12px;
- padding-bottom:12px;
- padding-left:12px;
- padding-right:12px;
- border-bottom:2px solid #3f4045;
- list-style:none
- }
- .theme--dark .payments__item{
- border-color:#333437
- }
- .payments__item:last-child{
- padding-bottom:0;
- border-bottom:0
- }
- .payments__avatar{
- margin-right:12px
- }
- .payments__extra,.payments__time{
- text-transform:uppercase;
- color:rgba(238,240,245,.75);
- font-size:14px;
- font-size:.875rem;
- line-height:1.71429
- }
- .payments__ign{
- margin-right:6px;
- font-weight:700;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .mc-skin{
- overflow:hidden;
- display:block;
- width:40px;
- height:89px
- }
- .status{
- float:right;
- margin-top:.8em;
- padding:6px;
- border-radius:4px;
- cursor:default;
- text-transform:uppercase;
- font-family:Raleway,sans-serif;
- font-weight:400;
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12);
- font-size:14px;
- font-size:.875rem;
- line-height:1
- }
- .status--online{
- background-color:#4CAF50
- }
- .status--offline{
- background-color:#f44336
- }
- .server{
- text-align:center
- }
- .server__ip{
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- .page-foot{
- padding-top:24px;
- padding-bottom:24px;
- color:#fff
- }
- .theme--red .page-foot{
- background-color:#ea1c0d
- }
- .theme--pink .page-foot{
- background-color:#ec3372
- }
- .theme--purple .page-foot{
- background-color:#8a3898
- }
- .theme--indigo .page-foot{
- background-color:#32408f
- }
- .theme--blue .page-foot{
- background-color:#166dba
- }
- .theme--turquoise .page-foot{
- background-color:#1c7d74
- }
- .theme--green .page-foot{
- background-color:#3d8b40
- }
- .theme--lime .page-foot{
- background-color:#83bf3f
- }
- .theme--yellow .page-foot{
- background-color:#f0ad05
- }
- .theme--orange .page-foot{
- background-color:#c87000
- }
- .theme--gray .page-foot{
- background-color:#858990
- }
- @media screen and (min-width:45em){
- .page-foot{
- padding-top:12px;
- padding-bottom:12px
- }
- }
- .page-foot a{
- color:rgba(255,255,255,.75)
- }
- .page-foot__copy,.page-foot__options{
- text-align:center
- }
- @media screen and (min-width:45em){
- .page-foot__copy,.page-foot__options{
- text-align:left
- }
- }
- .page-foot__options{
- margin-bottom:6px
- }
- @media screen and (min-width:45em){
- .page-foot__options{
- float:left;
- margin-bottom:-12px;
- margin-right:12px
- }
- }
- .page-foot__options>.menu,.page-foot__options>.page-foot__toggle{
- display:inline-block;
- vertical-align:middle;
- margin-bottom:12px;
- margin-right:12px;
- margin-right:calc(halve($inuit-base-spacing-unit) - .25em)
- }
- .page-foot__copy{
- line-height:2.2
- }
- @media screen and (min-width:45em){
- .page-foot__copy{
- float:right
- }
- }
- .page-foot__color>.menu__toggle{
- width:7.5em
- }
- .page-foot__color>.menu__toggle>span{
- text-transform:capitalize
- }
- .page-foot__toggle{
- line-height:2.2
- }
- .touch-nav{
- position:fixed;
- overflow-y:auto;
- top:0;
- left:0;
- bottom:0;
- width:75vw;
- max-height:100vh;
- margin:0;
- padding:48px 0 0;
- -webkit-transform:translate(100vw,0);
- -ms-transform:translate(100vw,0);
- transform:translate(100vw,0);
- -webkit-transition:-webkit-transform 250ms;
- transition:transform 250ms;
- background-color:#4B4D52
- }
- .touch-nav--open{
- -webkit-transform:translate(25vw,0);
- -ms-transform:translate(25vw,0);
- transform:translate(25vw,0)
- }
- .touch-nav__item{
- list-style:none;
- margin:0;
- padding:0
- }
- .touch-nav__item>a{
- display:block;
- padding:12px 24px;
- text-transform:uppercase;
- font-weight:300;
- color:#eef0f5;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .touch-nav__item>a>i{
- position:relative;
- font-size:.75em;
- top:-.25em
- }
- .touch-nav__item ul{
- margin:0;
- padding:0;
- background-color:#3f4045;
- box-shadow:inset 0 2px 5px rgba(0,0,0,.16),inset 0 2px 10px rgba(0,0,0,.12)
- }
- .touch-nav__item ul a{
- text-transform:none
- }
- .theme--red .touch-nav__item--active>a{
- background-color:#f44336
- }
- .theme--pink .touch-nav__item--active>a{
- background-color:#F06292
- }
- .theme--purple .touch-nav__item--active>a{
- background-color:#AB47BC
- }
- .theme--indigo .touch-nav__item--active>a{
- background-color:#3F51B5
- }
- .theme--blue .touch-nav__item--active>a{
- background-color:#1E88E5
- }
- .theme--turquoise .touch-nav__item--active>a{
- background-color:#26A69A
- }
- .theme--green .touch-nav__item--active>a{
- background-color:#4CAF50
- }
- .theme--lime .touch-nav__item--active>a{
- background-color:#9CCC65
- }
- .theme--yellow .touch-nav__item--active>a{
- background-color:#FBC02D
- }
- .theme--orange .touch-nav__item--active>a{
- background-color:#FB8C00
- }
- .theme--gray .touch-nav__item--active>a{
- background-color:#A0A3A8
- }
- .touch-nav-toggle{
- position:fixed;
- top:0;
- right:0;
- width:48px;
- height:48px;
- z-index:1000
- }
- @media screen and (min-width:64em){
- .touch-nav-toggle{
- display:none
- }
- }
- .touch-nav-toggle>i{
- left:12px;
- z-index:1
- }
- .touch-nav-toggle>i,.touch-nav-toggle>i:after,.touch-nav-toggle>i:before{
- display:block;
- position:absolute;
- height:4px;
- top:20px;
- width:24px;
- background:#fff;
- border-radius:1px;
- box-shadow:0 1px 4px rgba(0,0,0,.5);
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .touch-nav-toggle>i:after,.touch-nav-toggle>i:before{
- content:"";
- left:0
- }
- .touch-nav-toggle>i:before{
- top:-8px
- }
- .touch-nav-toggle>i:after{
- top:8px
- }
- .touch-nav-toggle--active>i{
- background-color:transparent;
- box-shadow:none
- }
- .touch-nav-toggle--active>i:after,.touch-nav-toggle--active>i:before{
- top:0
- }
- .touch-nav-toggle--active>i:before{
- -webkit-transform:rotate(45deg);
- -ms-transform:rotate(45deg);
- transform:rotate(45deg)
- }
- .touch-nav-toggle--active>i:after{
- -webkit-transform:rotate(-45deg);
- -ms-transform:rotate(-45deg);
- transform:rotate(-45deg)
- }
- .package{
- max-width:480px;
- margin-left:auto;
- margin-right:auto;
- margin-bottom:24px;
- border-radius:4px
- }
- .package__img{
- position:relative;
- display:block;
- overflow:hidden;
- width:100%;
- margin-bottom:24px;
- border-radius:4px;
- background-color:#eef0f5;
- border:0!important;
- -webkit-transition:all 150ms;
- transition:all 150ms
- }
- .theme--dark .package__img{
- background-color:#3f4045
- }
- .package__img:after{
- content:"";
- display:block;
- padding-top:100%
- }
- .package__img>a{
- position:absolute;
- top:0;
- right:0;
- bottom:0;
- left:0;
- border:0
- }
- .package__img>a>img{
- position:absolute;
- top:50%;
- left:0;
- width:100%;
- padding:24px;
- -webkit-transform:translate(0,-50%);
- -ms-transform:translate(0,-50%);
- transform:translate(0,-50%)
- }
- .package:focus .package__img,.package:hover .package__img{
- box-shadow:0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12)
- }
- .package__info{
- float:left;
- width:calc(100% - 60px)
- }
- .package__name{
- display:inline-block;
- text-overflow:ellipsis;
- overflow:hidden;
- white-space:nowrap;
- max-width:100%;
- font-weight:700;
- color:#4B4D52;
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .theme--dark .package__name{
- color:#eef0f5;
- border-bottom:2px solid rgba(238,240,245,.25)
- }
- .package__price{
- display:block;
- text-overflow:ellipsis;
- overflow:hidden;
- white-space:nowrap;
- max-width:100%;
- color:#858990
- }
- .theme--dark .package__price{
- color:#CED3DB
- }
- .package__buy{
- float:right;
- width:60px;
- text-align:right
- }
- .package__buy>.btn{
- padding:0;
- width:48px;
- font-size:24px;
- font-size:1.5rem;
- line-height:48px
- }
- @media screen and (min-width:45em){
- .package-grid--3-column .layout__item{
- width:33.33%!important
- }
- }
- .package-list__buy{
- text-align:right;
- min-width:10em
- }
- .package-list__img{
- display:inline-block;
- width:32px;
- height:32px;
- position:relative
- }
- .package-list__img>img{
- display:inline-block;
- width:100%;
- height:auto
- }
- .price-discount{
- opacity:.5;
- text-decoration:line-through
- }
- .package-window{
- display:none;
- padding:12px
- }
- .package-window__img{
- display:block;
- width:100%;
- margin-bottom:12px;
- padding:24px;
- border-radius:4px;
- background-color:#eef0f5
- }
- .theme--dark .package-window__img{
- background-color:#3f4045
- }
- .package-window__content>h1,.package-window__content>h2{
- padding-bottom:12px;
- border-bottom:2px solid #CED3DB;
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- @media screen and (min-width:45em){
- .package-window__content>h1,.package-window__content>h2{
- font-size:36px;
- font-size:2.25rem;
- line-height:1.33333
- }
- }
- .theme--dark .package-window__content>h1,.theme--dark .package-window__content>h2{
- border-bottom-color:#333437
- }
- .package-window__buy{
- text-align:right
- }
- .package-window__price{
- display:inline-block;
- vertical-align:middle;
- margin-bottom:12px;
- margin-right:12px;
- font-weight:300;
- color:#858990;
- font-size:24px;
- font-size:1.5rem;
- line-height:1
- }
- @media screen and (min-width:45em){
- .package-window__price{
- margin-bottom:0
- }
- }
- .theme--dark .package-window__price{
- color:#C0C4CC
- }
- .checkout{
- position:relative;
- z-index:10
- }
- .checkout__name,.package-list__name{
- white-space:nowrap;
- text-align:left
- }
- .checkout__name>a,.package-list__name>a{
- display:inline-block;
- max-width:20em;
- overflow:hidden;
- text-overflow:ellipsis
- }
- .checkout__price,.package-list__price{
- text-align:center;
- color:#858990
- }
- .theme--dark .checkout__price,.theme--dark .package-list__price{
- color:#eef0f5
- }
- .checkout__quantity{
- text-align:center
- }
- .checkout__quantity>.text-input,.select-wrap .checkout__quantity>select{
- display:inline-block;
- max-width:4em
- }
- .checkout__update{
- text-align:right
- }
- .checkout__remove{
- display:inline-block;
- width:24px;
- height:24px;
- line-height:22px;
- margin-bottom:.1em
- }
- .checkout__img{
- display:inline-block;
- width:32px;
- height:32px;
- position:relative
- }
- .checkout__img>img{
- display:inline-block;
- width:100%;
- height:auto
- }
- .checkout-total{
- position:relative;
- z-index:-1;
- margin:-24px 24px 48px;
- padding:48px;
- border-radius:0 0 4px 4px;
- text-align:center
- }
- .theme--red .checkout-total{
- background-color:#f44336
- }
- .theme--pink .checkout-total{
- background-color:#F06292
- }
- .theme--purple .checkout-total{
- background-color:#AB47BC
- }
- .theme--indigo .checkout-total{
- background-color:#3F51B5
- }
- .theme--blue .checkout-total{
- background-color:#1E88E5
- }
- .theme--turquoise .checkout-total{
- background-color:#26A69A
- }
- .theme--green .checkout-total{
- background-color:#4CAF50
- }
- .theme--lime .checkout-total{
- background-color:#9CCC65
- }
- .theme--yellow .checkout-total{
- background-color:#FBC02D
- }
- .theme--orange .checkout-total{
- background-color:#FB8C00
- }
- .theme--gray .checkout-total{
- background-color:#A0A3A8
- }
- .theme--dark .checkout-total{
- border-color:#3f4045
- }
- .checkout-total>span{
- display:block;
- color:rgba(255,255,255,.5)
- }
- .checkout-total>.price{
- font-weight:200;
- color:#fff;
- font-size:36px;
- font-size:2.25rem;
- line-height:1.33333
- }
- .redeem-coupon{
- width:100%
- }
- .details label{
- display:block;
- margin-bottom:6px;
- color:#858990;
- text-transform:uppercase;
- font-size:16px;
- font-size:1rem;
- line-height:1.5
- }
- .theme--dark .details label{
- color:rgba(238,240,245,.5)
- }
- .details .select-wrap select,.details .text-input,.gateways .radio,.select-wrap .details select{
- margin-bottom:24px
- }
- .gateways .radio img{
- display:inline-block;
- vertical-align:middle;
- margin:0 6px;
- height:32px
- }
- .basket-checkout,.terms{
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .terms{
- padding-top:24px;
- padding-bottom:24px
- }
- .basket-checkout .btn{
- width:100%
- }
- @media all{
- .featherlight{
- display:none;
- position:fixed;
- top:0;
- right:0;
- bottom:0;
- left:0;
- z-index:1000;
- text-align:center;
- white-space:nowrap;
- cursor:pointer;
- background:0 0
- }
- .theme--red .featherlight:last-of-type{
- background-color:rgba(244,67,54,.85)
- }
- .theme--pink .featherlight:last-of-type{
- background-color:rgba(240,98,146,.85)
- }
- .theme--purple .featherlight:last-of-type{
- background-color:rgba(171,71,188,.85)
- }
- .theme--indigo .featherlight:last-of-type{
- background-color:rgba(63,81,181,.85)
- }
- .theme--blue .featherlight:last-of-type{
- background-color:rgba(30,136,229,.85)
- }
- .theme--turquoise .featherlight:last-of-type{
- background-color:rgba(38,166,154,.85)
- }
- .theme--green .featherlight:last-of-type{
- background-color:rgba(76,175,80,.85)
- }
- .theme--lime .featherlight:last-of-type{
- background-color:rgba(156,204,101,.85)
- }
- .theme--yellow .featherlight:last-of-type{
- background-color:rgba(251,192,45,.85)
- }
- .theme--orange .featherlight:last-of-type{
- background-color:rgba(251,140,0,.85)
- }
- .theme--gray .featherlight:last-of-type{
- background-color:rgba(160,163,168,.85)
- }
- .theme--dark .featherlight:last-of-type{
- background:rgba(26,27,29,.85)
- }
- .featherlight:before{
- content:'';
- display:inline-block;
- height:100%;
- vertical-align:middle;
- margin-right:-.25em
- }
- .featherlight-content{
- position:relative;
- text-align:left;
- vertical-align:middle;
- display:inline-block;
- overflow:auto;
- padding:24px 24px 0;
- border-bottom:24px solid transparent;
- min-width:30%;
- max-width:1000px;
- margin-left:5%;
- margin-right:5%;
- max-height:95%;
- border-radius:4px;
- color:#4B4D52;
- background:#fff;
- cursor:auto;
- box-shadow:0 12px 15px rgba(0,0,0,.25),0 15px 48px rgba(0,0,0,.19);
- -webkit-transform:scale(1.25);
- -ms-transform:scale(1.25);
- transform:scale(1.25);
- opacity:0;
- -webkit-transition:-webkit-transform 250ms,opacity 250ms;
- transition:transform 250ms,opacity 250ms;
- white-space:normal
- }
- .theme--dark .featherlight-content{
- color:#eef0f5;
- background:#4B4D52
- }
- .featherlight--open .featherlight-content{
- -webkit-transform:none;
- -ms-transform:none;
- transform:none;
- opacity:1
- }
- .featherlight--closing .featherlight-content{
- -webkit-transform:scale(.5);
- -ms-transform:scale(.5);
- transform:scale(.5);
- opacity:0
- }
- .featherlight .featherlight-inner{
- display:block
- }
- .featherlight .featherlight-close-icon{
- position:absolute;
- z-index:9999;
- top:0;
- right:0;
- line-height:24px;
- width:24px;
- cursor:pointer;
- text-align:center;
- font:Arial,sans-serif;
- color:#4B4D52
- }
- .theme--dark .featherlight .featherlight-close-icon{
- color:rgba(238,240,245,.5)
- }
- .featherlight .featherlight-image{
- width:100%
- }
- .featherlight-iframe .featherlight-content{
- border-bottom:0;
- padding:0
- }
- .featherlight iframe{
- border:none
- }
- }
- @media only screen and (max-width:1024px){
- .featherlight .featherlight-content{
- margin-left:24px;
- margin-right:24px;
- max-height:90%;
- padding:12px;
- border-bottom:12px solid transparent
- }
- }
- .slick-slider{
- position:relative;
- display:block;
- box-sizing:border-box;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none;
- -webkit-touch-callout:none;
- -khtml-user-select:none;
- -ms-touch-action:pan-y;
- touch-action:pan-y;
- -webkit-tap-highlight-color:transparent
- }
- .slick-list{
- position:relative;
- display:block;
- overflow:hidden;
- margin:0;
- padding:0
- }
- .slick-list:focus{
- outline:0
- }
- .slick-list.dragging{
- cursor:pointer;
- cursor:hand
- }
- .slick-slider .slick-list,.slick-slider .slick-track{
- -webkit-transform:translate3d(0,0,0);
- -ms-transform:translate3d(0,0,0);
- transform:translate3d(0,0,0)
- }
- .slick-track{
- position:relative;
- top:0;
- left:0;
- display:block
- }
- .slick-track:after,.slick-track:before{
- display:table;
- content:''
- }
- .slick-track:after{
- clear:both
- }
- .slick-loading .slick-track{
- visibility:hidden
- }
- .slick-slide{
- display:none;
- float:left;
- height:100%;
- min-height:1px
- }
- [dir=rtl] .slick-slide{
- float:right
- }
- .slick-slide img{
- display:block
- }
- .slick-slide.slick-loading img{
- display:none
- }
- .slick-slide.dragging img{
- pointer-events:none
- }
- .slick-initialized .slick-slide{
- display:block
- }
- .slick-loading .slick-slide{
- visibility:hidden
- }
- .slick-vertical .slick-slide{
- display:block;
- height:auto;
- border:1px solid transparent
- }
- .note{
- position:relative;
- width:100%;
- margin-bottom:48px;
- padding:24px;
- border-radius:4px;
- color:#fff;
- background-color:#4B4D52;
- box-shadow:0 12px 15px rgba(0,0,0,.25),0 15px 48px rgba(0,0,0,.19);
- font-size:20px;
- font-size:1.25rem;
- line-height:1.2
- }
- .note--error{
- background-color:#f44336
- }
- .note__close{
- position:absolute;
- top:12px;
- right:12px;
- width:24px;
- height:24px;
- text-align:center;
- border:0!important;
- border-radius:2px;
- color:#fff;
- font-size:18px;
- font-size:1.125rem;
- line-height:24px
- }
- .note__close:focus,.note__close:hover{
- background-color:rgba(0,0,0,.25)
- }
- .accessibility,.hide,input[type=checkbox],input[type=radio]{
- position:absolute!important;
- clip:rect(0 0 0 0)
- }
- img{
- max-width:100%
- }
- .clearfix:after,.featured:after,.media:after,.package:after,.page-foot:after{
- content:"";
- display:table;
- clear:both
- }
- [class~="1/1"]{
- width:100%!important
- }
- [class~="1/2"],[class~="2/4"],[class~="3/6"],[class~="4/8"],[class~="5/10"],[class~="6/12"]{
- width:50%!important
- }
- [class~="1/3"],[class~="2/6"],[class~="3/9"],[class~="4/12"]{
- width:33.3333333%!important
- }
- [class~="2/3"],[class~="4/6"],[class~="6/9"],[class~="8/12"]{
- width:66.6666666%!important
- }
- [class~="1/4"],[class~="2/8"],[class~="3/12"]{
- width:25%!important
- }
- [class~="3/4"],[class~="6/8"],[class~="9/12"]{
- width:75%!important
- }
- [class~="1/5"],[class~="2/10"]{
- width:20%!important
- }
- [class~="2/5"],[class~="4/10"]{
- width:40%!important
- }
- [class~="3/5"],[class~="6/10"]{
- width:60%!important
- }
- [class~="4/5"],[class~="8/10"]{
- width:80%!important
- }
- [class~="1/6"],[class~="2/12"]{
- width:16.6666666%!important
- }
- [class~="5/6"],[class~="10/12"]{
- width:83.3333333%!important
- }
- [class~="1/8"]{
- width:12.5%!important
- }
- [class~="3/8"]{
- width:37.5%!important
- }
- [class~="5/8"]{
- width:62.5%!important
- }
- [class~="7/8"]{
- width:87.5%!important
- }
- [class~="1/9"]{
- width:11.1111111%!important
- }
- [class~="2/9"]{
- width:22.2222222%!important
- }
- [class~="4/9"]{
- width:44.4444444%!important
- }
- [class~="5/9"]{
- width:55.5555555%!important
- }
- [class~="7/9"]{
- width:77.7777777%!important
- }
- [class~="8/9"]{
- width:88.8888888%!important
- }
- [class~="1/10"]{
- width:10%!important
- }
- [class~="3/10"]{
- width:30%!important
- }
- [class~="7/10"]{
- width:70%!important
- }
- [class~="9/10"]{
- width:90%!important
- }
- [class~="1/12"]{
- width:8.3333333%!important
- }
- [class~="5/12"]{
- width:41.6666666%!important
- }
- [class~="7/12"]{
- width:58.3333333%!important
- }
- [class~="11/12"]{
- width:91.6666666%!important
- }
- @media screen and (max-width:44.9375em){
- [class~="palm-1/1"]{
- width:100%!important
- }
- [class~="palm-1/2"],[class~="palm-2/4"],[class~="palm-3/6"],[class~="palm-4/8"],[class~="palm-5/10"],[class~="palm-6/12"]{
- width:50%!important
- }
- [class~="palm-1/3"],[class~="palm-2/6"],[class~="palm-3/9"],[class~="palm-4/12"]{
- width:33.3333333%!important
- }
- [class~="palm-2/3"],[class~="palm-4/6"],[class~="palm-6/9"],[class~="palm-8/12"]{
- width:66.6666666%!important
- }
- [class~="palm-1/4"],[class~="palm-2/8"],[class~="palm-3/12"]{
- width:25%!important
- }
- [class~="palm-3/4"],[class~="palm-6/8"],[class~="palm-9/12"]{
- width:75%!important
- }
- [class~="palm-1/5"],[class~="palm-2/10"]{
- width:20%!important
- }
- [class~="palm-2/5"],[class~="palm-4/10"]{
- width:40%!important
- }
- [class~="palm-3/5"],[class~="palm-6/10"]{
- width:60%!important
- }
- [class~="palm-4/5"],[class~="palm-8/10"]{
- width:80%!important
- }
- [class~="palm-1/6"],[class~="palm-2/12"]{
- width:16.6666666%!important
- }
- [class~="palm-5/6"],[class~="palm-10/12"]{
- width:83.3333333%!important
- }
- [class~="palm-1/8"]{
- width:12.5%!important
- }
- [class~="palm-3/8"]{
- width:37.5%!important
- }
- [class~="palm-5/8"]{
- width:62.5%!important
- }
- [class~="palm-7/8"]{
- width:87.5%!important
- }
- [class~="palm-1/9"]{
- width:11.1111111%!important
- }
- [class~="palm-2/9"]{
- width:22.2222222%!important
- }
- [class~="palm-4/9"]{
- width:44.4444444%!important
- }
- [class~="palm-5/9"]{
- width:55.5555555%!important
- }
- [class~="palm-7/9"]{
- width:77.7777777%!important
- }
- [class~="palm-8/9"]{
- width:88.8888888%!important
- }
- [class~="palm-1/10"]{
- width:10%!important
- }
- [class~="palm-3/10"]{
- width:30%!important
- }
- [class~="palm-7/10"]{
- width:70%!important
- }
- [class~="palm-9/10"]{
- width:90%!important
- }
- [class~="palm-1/12"]{
- width:8.3333333%!important
- }
- [class~="palm-5/12"]{
- width:41.6666666%!important
- }
- [class~="palm-7/12"]{
- width:58.3333333%!important
- }
- [class~="palm-11/12"]{
- width:91.6666666%!important
- }
- }
- @media screen and (min-width:45em) and (max-width:63.9375em){
- [class~="lap-1/1"]{
- width:100%!important
- }
- [class~="lap-1/2"],[class~="lap-2/4"],[class~="lap-3/6"],[class~="lap-4/8"],[class~="lap-5/10"],[class~="lap-6/12"]{
- width:50%!important
- }
- [class~="lap-1/3"],[class~="lap-2/6"],[class~="lap-3/9"],[class~="lap-4/12"]{
- width:33.3333333%!important
- }
- [class~="lap-2/3"],[class~="lap-4/6"],[class~="lap-6/9"],[class~="lap-8/12"]{
- width:66.6666666%!important
- }
- [class~="lap-1/4"],[class~="lap-2/8"],[class~="lap-3/12"]{
- width:25%!important
- }
- [class~="lap-3/4"],[class~="lap-6/8"],[class~="lap-9/12"]{
- width:75%!important
- }
- [class~="lap-1/5"],[class~="lap-2/10"]{
- width:20%!important
- }
- [class~="lap-2/5"],[class~="lap-4/10"]{
- width:40%!important
- }
- [class~="lap-3/5"],[class~="lap-6/10"]{
- width:60%!important
- }
- [class~="lap-4/5"],[class~="lap-8/10"]{
- width:80%!important
- }
- [class~="lap-1/6"],[class~="lap-2/12"]{
- width:16.6666666%!important
- }
- [class~="lap-5/6"],[class~="lap-10/12"]{
- width:83.3333333%!important
- }
- [class~="lap-1/8"]{
- width:12.5%!important
- }
- [class~="lap-3/8"]{
- width:37.5%!important
- }
- [class~="lap-5/8"]{
- width:62.5%!important
- }
- [class~="lap-7/8"]{
- width:87.5%!important
- }
- [class~="lap-1/9"]{
- width:11.1111111%!important
- }
- [class~="lap-2/9"]{
- width:22.2222222%!important
- }
- [class~="lap-4/9"]{
- width:44.4444444%!important
- }
- [class~="lap-5/9"]{
- width:55.5555555%!important
- }
- [class~="lap-7/9"]{
- width:77.7777777%!important
- }
- [class~="lap-8/9"]{
- width:88.8888888%!important
- }
- [class~="lap-1/10"]{
- width:10%!important
- }
- [class~="lap-3/10"]{
- width:30%!important
- }
- [class~="lap-7/10"]{
- width:70%!important
- }
- [class~="lap-9/10"]{
- width:90%!important
- }
- [class~="lap-1/12"]{
- width:8.3333333%!important
- }
- [class~="lap-5/12"]{
- width:41.6666666%!important
- }
- [class~="lap-7/12"]{
- width:58.3333333%!important
- }
- [class~="lap-11/12"]{
- width:91.6666666%!important
- }
- }
- @media screen and (min-width:45em){
- [class~="lap-and-up-1/1"]{
- width:100%!important
- }
- [class~="lap-and-up-1/2"],[class~="lap-and-up-2/4"],[class~="lap-and-up-3/6"],[class~="lap-and-up-4/8"],[class~="lap-and-up-5/10"],[class~="lap-and-up-6/12"]{
- width:50%!important
- }
- [class~="lap-and-up-1/3"],[class~="lap-and-up-2/6"],[class~="lap-and-up-3/9"],[class~="lap-and-up-4/12"]{
- width:33.3333333%!important
- }
- [class~="lap-and-up-2/3"],[class~="lap-and-up-4/6"],[class~="lap-and-up-6/9"],[class~="lap-and-up-8/12"]{
- width:66.6666666%!important
- }
- [class~="lap-and-up-1/4"],[class~="lap-and-up-2/8"],[class~="lap-and-up-3/12"]{
- width:25%!important
- }
- [class~="lap-and-up-3/4"],[class~="lap-and-up-6/8"],[class~="lap-and-up-9/12"]{
- width:75%!important
- }
- [class~="lap-and-up-1/5"],[class~="lap-and-up-2/10"]{
- width:20%!important
- }
- [class~="lap-and-up-2/5"],[class~="lap-and-up-4/10"]{
- width:40%!important
- }
- [class~="lap-and-up-3/5"],[class~="lap-and-up-6/10"]{
- width:60%!important
- }
- [class~="lap-and-up-4/5"],[class~="lap-and-up-8/10"]{
- width:80%!important
- }
- [class~="lap-and-up-1/6"],[class~="lap-and-up-2/12"]{
- width:16.6666666%!important
- }
- [class~="lap-and-up-5/6"],[class~="lap-and-up-10/12"]{
- width:83.3333333%!important
- }
- [class~="lap-and-up-1/8"]{
- width:12.5%!important
- }
- [class~="lap-and-up-3/8"]{
- width:37.5%!important
- }
- [class~="lap-and-up-5/8"]{
- width:62.5%!important
- }
- [class~="lap-and-up-7/8"]{
- width:87.5%!important
- }
- [class~="lap-and-up-1/9"]{
- width:11.1111111%!important
- }
- [class~="lap-and-up-2/9"]{
- width:22.2222222%!important
- }
- [class~="lap-and-up-4/9"]{
- width:44.4444444%!important
- }
- [class~="lap-and-up-5/9"]{
- width:55.5555555%!important
- }
- [class~="lap-and-up-7/9"]{
- width:77.7777777%!important
- }
- [class~="lap-and-up-8/9"]{
- width:88.8888888%!important
- }
- [class~="lap-and-up-1/10"]{
- width:10%!important
- }
- [class~="lap-and-up-3/10"]{
- width:30%!important
- }
- [class~="lap-and-up-7/10"]{
- width:70%!important
- }
- [class~="lap-and-up-9/10"]{
- width:90%!important
- }
- [class~="lap-and-up-1/12"]{
- width:8.3333333%!important
- }
- [class~="lap-and-up-5/12"]{
- width:41.6666666%!important
- }
- [class~="lap-and-up-7/12"]{
- width:58.3333333%!important
- }
- [class~="lap-and-up-11/12"]{
- width:91.6666666%!important
- }
- }
- @media screen and (max-width:63.9375em){
- [class~="portable-1/1"]{
- width:100%!important
- }
- [class~="portable-1/2"],[class~="portable-2/4"],[class~="portable-3/6"],[class~="portable-4/8"],[class~="portable-5/10"],[class~="portable-6/12"]{
- width:50%!important
- }
- [class~="portable-1/3"],[class~="portable-2/6"],[class~="portable-3/9"],[class~="portable-4/12"]{
- width:33.3333333%!important
- }
- [class~="portable-2/3"],[class~="portable-4/6"],[class~="portable-6/9"],[class~="portable-8/12"]{
- width:66.6666666%!important
- }
- [class~="portable-1/4"],[class~="portable-2/8"],[class~="portable-3/12"]{
- width:25%!important
- }
- [class~="portable-3/4"],[class~="portable-6/8"],[class~="portable-9/12"]{
- width:75%!important
- }
- [class~="portable-1/5"],[class~="portable-2/10"]{
- width:20%!important
- }
- [class~="portable-2/5"],[class~="portable-4/10"]{
- width:40%!important
- }
- [class~="portable-3/5"],[class~="portable-6/10"]{
- width:60%!important
- }
- [class~="portable-4/5"],[class~="portable-8/10"]{
- width:80%!important
- }
- [class~="portable-1/6"],[class~="portable-2/12"]{
- width:16.6666666%!important
- }
- [class~="portable-5/6"],[class~="portable-10/12"]{
- width:83.3333333%!important
- }
- [class~="portable-1/8"]{
- width:12.5%!important
- }
- [class~="portable-3/8"]{
- width:37.5%!important
- }
- [class~="portable-5/8"]{
- width:62.5%!important
- }
- [class~="portable-7/8"]{
- width:87.5%!important
- }
- [class~="portable-1/9"]{
- width:11.1111111%!important
- }
- [class~="portable-2/9"]{
- width:22.2222222%!important
- }
- [class~="portable-4/9"]{
- width:44.4444444%!important
- }
- [class~="portable-5/9"]{
- width:55.5555555%!important
- }
- [class~="portable-7/9"]{
- width:77.7777777%!important
- }
- [class~="portable-8/9"]{
- width:88.8888888%!important
- }
- [class~="portable-1/10"]{
- width:10%!important
- }
- [class~="portable-3/10"]{
- width:30%!important
- }
- [class~="portable-7/10"]{
- width:70%!important
- }
- [class~="portable-9/10"]{
- width:90%!important
- }
- [class~="portable-1/12"]{
- width:8.3333333%!important
- }
- [class~="portable-5/12"]{
- width:41.6666666%!important
- }
- [class~="portable-7/12"]{
- width:58.3333333%!important
- }
- [class~="portable-11/12"]{
- width:91.6666666%!important
- }
- }
- @media screen and (min-width:64em){
- [class~="desk-1/1"]{
- width:100%!important
- }
- [class~="desk-1/2"],[class~="desk-2/4"],[class~="desk-3/6"],[class~="desk-4/8"],[class~="desk-5/10"],[class~="desk-6/12"]{
- width:50%!important
- }
- [class~="desk-1/3"],[class~="desk-2/6"],[class~="desk-3/9"],[class~="desk-4/12"]{
- width:33.3333333%!important
- }
- [class~="desk-2/3"],[class~="desk-4/6"],[class~="desk-6/9"],[class~="desk-8/12"]{
- width:66.6666666%!important
- }
- [class~="desk-1/4"],[class~="desk-2/8"],[class~="desk-3/12"]{
- width:25%!important
- }
- [class~="desk-3/4"],[class~="desk-6/8"],[class~="desk-9/12"]{
- width:75%!important
- }
- [class~="desk-1/5"],[class~="desk-2/10"]{
- width:20%!important
- }
- [class~="desk-2/5"],[class~="desk-4/10"]{
- width:40%!important
- }
- [class~="desk-3/5"],[class~="desk-6/10"]{
- width:60%!important
- }
- [class~="desk-4/5"],[class~="desk-8/10"]{
- width:80%!important
- }
- [class~="desk-1/6"],[class~="desk-2/12"]{
- width:16.6666666%!important
- }
- [class~="desk-5/6"],[class~="desk-10/12"]{
- width:83.3333333%!important
- }
- [class~="desk-1/8"]{
- width:12.5%!important
- }
- [class~="desk-3/8"]{
- width:37.5%!important
- }
- [class~="desk-5/8"]{
- width:62.5%!important
- }
- [class~="desk-7/8"]{
- width:87.5%!important
- }
- [class~="desk-1/9"]{
- width:11.1111111%!important
- }
- [class~="desk-2/9"]{
- width:22.2222222%!important
- }
- [class~="desk-4/9"]{
- width:44.4444444%!important
- }
- [class~="desk-5/9"]{
- width:55.5555555%!important
- }
- [class~="desk-7/9"]{
- width:77.7777777%!important
- }
- [class~="desk-8/9"]{
- width:88.8888888%!important
- }
- [class~="desk-1/10"]{
- width:10%!important
- }
- [class~="desk-3/10"]{
- width:30%!important
- }
- [class~="desk-7/10"]{
- width:70%!important
- }
- [class~="desk-9/10"]{
- width:90%!important
- }
- [class~="desk-1/12"]{
- width:8.3333333%!important
- }
- [class~="desk-5/12"]{
- width:41.6666666%!important
- }
- [class~="desk-7/12"]{
- width:58.3333333%!important
- }
- [class~="desk-11/12"]{
- width:91.6666666%!important
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement