:root{
    --theme-color-gray:#171D1C; /* black grey */
    --theme-color-border:#DCDCDC;
    --theme-input-height:2.8rem;
    --theme-color-shadow:#03030314;

    --theme-color-blue:#4584FF; /* blue */
    --theme-color-red:#B80C09;
    --theme-color-yellow:#F6B75D; /* yellow */
    --theme-color-black:#0C0F0A; /* black */
    --theme-color-black-gray:#838383;
    --theme-color-white:#ffffff; /* white */
    --theme-color-white-gray:#F5F5F5;
    --theme-color-white-smoke:#fafafa; /* whyte smoke */
    --theme-color-orange:#FF7D00;

    --theme-menu-font-size:1rem;



}


*, *::before, *:after{
    box-sizing: border-box;
}


.navigation-top{
    background:#fff;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    font-size:16px;
    font-size:1rem;
    position:relative
}
.navigation-top .wrap{
    /*    max-width:1000px !important;*/
    padding:0
}
.navigation-top a{
    color:#222;
    -webkit-transition:color .2s;
    transition:color .2s
}
.navigation-top .current-menu-item>a,.navigation-top .current_page_item>a{
    color:#289dcc
}
.main-navigation{
    display:inline-block
}
.main-navigation ul{
    background:#fff;
    list-style:none;
    margin:0;
    padding:0 1.5em;
    text-align:left
}
.js .main-navigation ul,.main-navigation .menu-item-has-children>a>.icon,.main-navigation .page_item_has_children>a>.icon,.main-navigation ul a>.icon{
    display:none
}
.main-navigation>div>ul{
    border-top:1px solid #eee;
    padding:.75em 1.695em
}
.js .main-navigation.toggled-on>div>ul{
    display:block
}
.main-navigation ul ul{
    padding:0 0 0 1.5em
}
.main-navigation ul ul.toggled-on{
    display:block
}
.main-navigation ul ul a{
    letter-spacing:0;
    padding:.4em 0;
    position:relative;
    text-transform:none
}
.main-navigation li{
    border-bottom:1px solid #eee;
    position:relative
}
.main-navigation li li,.main-navigation li:last-child{
    border:0
}

@media screen and (max-width:64em){
    .main-navigation li{
        padding: 0.75em 0;
    }
}
.main-navigation a{
    display:block;
    padding:.5em 0;
    text-decoration:none
}
.main-navigation a:hover{
    color:#767676
}
.menu-toggle{
    background-color:transparent;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#222;
    display:none;
    font-size:14px;
    font-size:.875rem;
    font-weight:800;
    line-height:1.5;
    margin:1px auto 2px;
    padding:1em;
    text-shadow:none
}

.menu-toggle::before {
    content:"\2261";
}

.js .menu-toggle{
    display:block
}
.main-navigation.toggled-on ul.nav-menu{
    display:block
}
.main-navigation.toggled-on div.menu-top-menu-container{
    position:absolute;
    left:0;
    right:0;
    z-index:999;
    box-shadow:0 13px 15px #00000082;
}
.menu-toggle:focus,.menu-toggle:hover{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.main-navigation.toggled-on,.menu-toggle:focus{
    color:#289dcc
}
.menu-toggle .icon{
    margin-right:.5em;
    top:-2px
}
.menu-toggle .icon-close,.toggled-on .menu-toggle .icon-bars{
    display:none
}
.toggled-on .menu-toggle .icon-close{
    display:inline-block
}
.dropdown-toggle{
    background-color:transparent;
    border:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#222;
    display:block;
    font-size:1.5em;
    right:-.5em;
    line-height:0.5;
    margin:0 auto;
    padding:.5em;
    position:absolute;
    text-shadow:none;
    top:0.5em;
    font-weight:800;
}


.dropdown-toggle::after{
    content:"\002B";
}


.dropdown-toggle.toggled-on::after{
    content:"\00D7" ;
}



.dropdown-toggle:focus,.dropdown-toggle:hover{
    background:0 0
}
.dropdown-toggle:focus{
    outline:none;
}
.dropdown-toggle.toggled-on .icon{
    -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.site-header .menu-scroll-down{
    display:none
}
#eu_pop{
    position:fixed;
    bottom:30px;
    left:30px;
    padding:30px;
    width:260px;
    background:#fff;
    box-shadow:0 0 30px #d7d7d7
}




.site-info{
    font-size:14px;
    font-size:.875rem;
    margin-bottom:1em
}
.site-info a{
    color:#666
}
.site-info .sep{
    margin:0;
    display:block;
    visibility:hidden;
    height:0;
    width:100%
}
.site-info span[role=separator]{
    padding:0 .2em 0 .4em
}
.site-info span[role=separator]::before{
    content:'\002f'
}
#secondary{
    padding:1em 0 2em
}



.search-form{
    position:relative
}
.search-form .search-submit{
    bottom:3px;
    padding:.5em 1em;
    position:absolute;
    right:3px;
    top:3px
}
.search-form .search-submit .icon{
    height:24px;
    top:-2px;
    width:24px
}

.gallery-columns-5 .gallery-caption,.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{
    display:none
}
img,video{
}
img.alignleft,img.alignright{
    float:none;
    margin:0
}
.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{
    border:none;
    margin-bottom:0;
    margin-top:0;
    padding:0
}
audio:focus,video:focus{
    outline:thin dotted
}
embed,iframe,object{
    margin-bottom:1.5em;
    max-width:100%
}
p>embed:only-child,p>iframe:only-child,p>object:only-child{
    margin-bottom:0
}
.gallery-caption,.wp-caption{
    color:#666;
    font-size:13px;
    font-size:.8125rem;
    font-style:italic;
    margin-bottom:1.5em;
    max-width:100%
}
.wp-caption img[class*=wp-image-]{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption .wp-caption-text{
    margin:.8075em 0
}
.mejs-container{
    margin-bottom:1.5em
}
.mejs-controls a.mejs-horizontal-volume-slider,.mejs-controls a.mejs-horizontal-volume-slider:focus,.mejs-controls a.mejs-horizontal-volume-slider:hover{
    background:0 0;
    border:0
}

.icon{
    display:inline-block;
    fill:currentColor;
    height:1em;
    position:relative;
    top:-.0625em;
    vertical-align:middle;
    width:1em
}




@media screen and (min-width:67em){
    body,button,input,select,textarea{
        font-size:1rem;
        line-height:1.5
    }
    .entry-content blockquote.alignleft,.entry-content blockquote.alignright{
        font-size:13px;
        font-size:.8125rem
    }
    .has-sidebar:not(.error404) #primary{
        float:left;
        width:58%
    }
    .has-sidebar #secondary{
        float:right;
        padding-top:0;
        width:36%
    }
    .error404 #primary{
        float:none
    }
    .site-branding{
        margin-bottom:0
    }
    .has-header-image.home.blog .site-branding,.has-header-image.twentyseventeen-front-page .site-branding,.has-header-video.home.blog .site-branding,.has-header-video.twentyseventeen-front-page .site-branding{
        bottom:0;
        display:block;
        left:0;
        height:auto;
        padding-top:0;
        position:absolute;
        width:100%
    }
    .has-header-image.home.blog .custom-header,.has-header-image.twentyseventeen-front-page .custom-header,.has-header-video.home.blog .custom-header,.has-header-video.twentyseventeen-front-page .custom-header{
        display:block;
        height:auto
    }
    .custom-header-media{
        height:165px;
        position:relative
    }
    .home.blog.has-header-image .custom-header-media,.home.blog.has-header-video .custom-header-media,.twentyseventeen-front-page.has-header-image .custom-header-media,.twentyseventeen-front-page.has-header-video .custom-header-media{
        height:0;
        position:relative
    }
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media{
        bottom:0;
        height:auto;
        left:0;
        position:absolute;
        right:0;
        top:0
    }
    .custom-logo-link{
        padding-right:2em
    }
    .custom-logo-link img,body.home.title-tagline-hidden.has-header-image .custom-logo-link img,body.home.title-tagline-hidden.has-header-video .custom-logo-link img{
        max-width:350px
    }
    .title-tagline-hidden.home.has-header-image .custom-logo-link img,.title-tagline-hidden.home.has-header-video .custom-logo-link img{
        max-height:200px
    }
    .site-title{
        font-size:36px;
        font-size:1.8rem
    }
    .site-description{
        font-size:16px;
        font-size:1rem
    }
    .navigation-top{
        /*        bottom:0;*/
        font-size:14px;
        font-size:.875rem;
        left:0;
        position:absolute;
        right:0;
        width:100%;
        z-index:3
    }

    .navigation-top nav{
        margin-left:-1.25em
    }
    .site-navigation-fixed.navigation-top{
        bottom:auto;
        position:fixed;
        left:0;
        right:0;
        top:0;
        width:100%;
        z-index:1000;
        box-shadow:0 0 33px #00000042;
    }
    .admin-bar .site-navigation-fixed.navigation-top{
        top:32px
    }
    .js .dropdown-toggle,.js .menu-toggle{
        display:none
    }
    .main-navigation{
        width:auto
    }
    .js .main-navigation ul,.js .main-navigation ul ul,.js .main-navigation>div>ul{
        display:block
    }
    .main-navigation ul{
        background:0 0;
        padding:0
    }
    .main-navigation>div>ul{
        border:0;
        margin-bottom:0;
        padding:0
    }
    .main-navigation li{
        border:0;
        display:inline-block;
        border-right:1px solid #ddd;
        box-shadow:1px 0 #fff
    }
    .main-navigation li li{
        display:block
    }
    .main-navigation a{
        padding:1em 0.75em
    }
    .main-navigation ul ul{
        background:#fff;
        border:1px solid #bbb;
        left:-999em;
        padding:0;
        position:absolute;
        top:100%;
        z-index:99999
    }
    .main-navigation ul li.menu-item-has-children:after,.main-navigation ul li.menu-item-has-children:before,.main-navigation ul li.page_item_has_children:after,.main-navigation ul li.page_item_has_children:before{
        border-style:solid;
        border-width:0 6px 6px;
        content:"";
        display:none;
        height:0;
        position:absolute;
        right:1em;
        bottom:-1px;
        width:0;
        z-index:100000
    }
    .main-navigation ul li.menu-item-has-children.focus:after,.main-navigation ul li.menu-item-has-children.focus:before,.main-navigation ul li.menu-item-has-children:hover:after,.main-navigation ul li.menu-item-has-children:hover:before,.main-navigation ul li.page_item_has_children.focus:after,.main-navigation ul li.page_item_has_children.focus:before,.main-navigation ul li.page_item_has_children:hover:after,.main-navigation ul li.page_item_has_children:hover:before{
        display:block
    }
    .main-navigation ul li.menu-item-has-children:before,.main-navigation ul li.page_item_has_children:before{
        border-color:transparent transparent #bbb;
        bottom:0
    }
    .main-navigation ul li.menu-item-has-children:after,.main-navigation ul li.page_item_has_children:after{
        border-color:transparent transparent #fff
    }
    .main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{
        left:100%;
        right:auto
    }
    .main-navigation ul ul a{
        padding:.75em 1.25em;
        min-width:15em
    }
    .main-navigation li li{
        -webkit-transition:background-color .2s ease-in-out;
        transition:background-color .2s ease-in-out
    }
    .main-navigation li li.focus,.main-navigation li li:hover{
        background:#767676
    }
    .main-navigation li li a{
        -webkit-transition:color .3s ease-in-out;
        transition:color .3s ease-in-out
    }
    .main-navigation li li a:focus,.main-navigation li li a:hover,.main-navigation li li.current-menu-item a:focus,.main-navigation li li.current-menu-item a:hover,.main-navigation li li.current_page_item a:focus,.main-navigation li li.current_page_item a:hover,.main-navigation li li.focus>a,.main-navigation li li:focus>a,.main-navigation li li:hover>a{
        color:#fff
    }
    .main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{
        left:.5em;
        right:auto
    }
    .main-navigation .menu-item-has-children>a>.icon,.main-navigation .page_item_has_children>a>.icon{
        display:inline;
        left:5px;
        position:relative;
        top:-1px
    }
    .main-navigation ul ul .menu-item-has-children>a>.icon,.main-navigation ul ul .page_item_has_children>a>.icon{
        margin-top:-9px;
        left:auto;
        position:absolute;
        right:1em;
        top:50%;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
    .main-navigation ul ul ul{
        left:-999em;
        margin-top:-1px;
        top:0
    }
    .main-navigation ul ul li.menu-item-has-children.focus:after,.main-navigation ul ul li.menu-item-has-children.focus:before,.main-navigation ul ul li.menu-item-has-children:hover:after,.main-navigation ul ul li.menu-item-has-children:hover:before,.main-navigation ul ul li.page_item_has_children.focus:after,.main-navigation ul ul li.page_item_has_children.focus:before,.main-navigation ul ul li.page_item_has_children:hover:after,.main-navigation ul ul li.page_item_has_children:hover:before{
        display:none
    }
    .site-header .site-navigation-fixed .menu-scroll-down{
        display:none
    }
    .site-header .menu-scroll-down{
        display:block;
        padding:1em;
        position:absolute;
        right:0
    }
    .site-header .menu-scroll-down .icon{
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    .site-header .menu-scroll-down{
        color:#fff;
        top:2em
    }
    .site-header .navigation-top .menu-scroll-down{
        color:#767676;
        top:.7em
    }
    .menu-scroll-down:focus{
        outline:thin dotted
    }
    .menu-scroll-down .icon{
        height:18px;
        width:18px
    }
    .home.blog.has-header-image .site-branding,.home.blog.has-header-video .site-branding,.twentyseventeen-front-page.has-header-image .site-branding,.twentyseventeen-front-page.has-header-video .site-branding{
        margin-bottom:70px
    }
    .home.blog.has-header-image .custom-header-media,.home.blog.has-header-video .custom-header-media,.twentyseventeen-front-page.has-header-image .custom-header-media,.twentyseventeen-front-page.has-header-video .custom-header-media{
        height:1200px;
        height:100vh;
        max-height:100%;
        overflow:hidden
    }
    .home.blog.has-header-image .custom-header-media:before,.home.blog.has-header-video .custom-header-media:before,.twentyseventeen-front-page.has-header-image .custom-header-media:before,.twentyseventeen-front-page.has-header-video .custom-header-media:before{
        height:33%
    }
    .admin-bar.home.blog.has-header-image .custom-header-media,.admin-bar.home.blog.has-header-video .custom-header-media,.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media{
        height:calc(100vh - 32px)
    }

    .page-two-column .panel-content .entry-header{
        float:left;
        width:36%
    }
    .page-two-column .panel-content .entry-content{
        float:right;
        width:58%
    }
    .page-two-column .panel-content .entry-content .fp-content{
        float:right;
        width:78%
    }
    .page-two-column .panel-content .recent-posts{
        clear:right;
        float:right;
        width:58%
    }
    .panel-content .recent-posts article{
        margin-bottom:4em
    }
    .page-two-column #primary .panel-content .recent-posts .entry-content,.page-two-column #primary .panel-content .recent-posts .entry-header,.panel-content .recent-posts .entry-content,.panel-content .recent-posts .entry-header{
        float:none;
        width:100%
    }
    .panel-content .recent-posts .entry-header{
        margin-bottom:1.5em
    }
    .page .panel-content .recent-posts .entry-title{
        font-size:26px;
        font-size:1.625rem
    }
    .site-content{
        padding:2.5em 0 0
    }
    .page .entry-title,.single-post .entry-title{
        font-size:26px;
        font-size:1.625rem
    }
    .comments-pagination,.post-navigation{
        clear:both
    }
    .post-navigation .nav-previous{
        float:left;
        width:50%
    }
    .post-navigation .nav-next{
        float:right;
        text-align:right;
        width:50%
    }
    .nav-next,.post-navigation .nav-next{
        margin-top:0
    }
    .sticky .icon-thumb-tack{
        height:23px;
        left:-2.5em;
        top:1.5em;
        width:32px
    }
    body.has-sidebar.error404 #primary .page-header,body.page-two-column.archive:not(.has-sidebar) #primary .page-header,body.page-two-column:not(.archive) #primary .entry-header,body:not(.has-sidebar):not(.page-one-column) .page-header{
        float:left;
        width:36%
    }
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,.blog:not(.has-sidebar) #primary article,.error404.has-sidebar #primary .page-content,.error404:not(.has-sidebar) #primary .page-content,.search:not(.has-sidebar) #primary article,body.page-two-column #comments,body.page-two-column:not(.archive) #primary .entry-content{
        float:right;
        width:58%
    }
    .archive .site-main>article,.blog .site-main>article,.search .site-main>article{
        padding-bottom:4em
    }
    .navigation.pagination{
        clear:both;
        float:right;
        width:58%
    }
    .archive.page-one-column:not(.has-sidebar) .navigation.pagination,.has-sidebar .navigation.pagination{
        float:none;
        width:100%
    }
    .entry-footer{
        display:table;
        width:100%
    }
    .entry-footer .cat-tags-links{
        display:table-cell;
        vertical-align:middle;
        width:100%
    }
    .entry-footer .edit-link{
        display:table-cell;
        text-align:right;
        vertical-align:middle
    }
    .entry-footer .edit-link a.post-edit-link{
        margin-top:0;
        margin-left:1em
    }
    :not(.has-sidebar) .entry-content blockquote.alignleft{
        margin-left:-17.5%;
        width:48%
    }
    :not(.has-sidebar) .entry-content blockquote.alignright{
        margin-right:-17.5%;
        width:48%
    }
    .has-sidebar .entry-content blockquote.alignleft{
        margin-left:0;
        width:34%
    }
    .has-sidebar .entry-content blockquote.alignright{
        margin-right:0;
        width:34%
    }
    .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta{
        margin-right:-72.5%;
        width:62%
    }
    .archive:not(.has-sidebar) .entry-content blockquote.alignleft,.blog:not(.has-sidebar) .entry-content blockquote.alignleft,.page-two-column .entry-content blockquote.alignleft,.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft{
        margin-left:-72.5%;
        width:62%
    }
    .archive:not(.has-sidebar) .entry-content blockquote.alignright,.blog:not(.has-sidebar) .entry-content blockquote.alignright,.page-two-column .entry-content blockquote.alignright,.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright{
        margin-right:0;
        width:36%
    }
    .format-quote blockquote .icon{
        left:-1.5em
    }
    .archive.page-one-column:not(.has-sidebar) .page-header,.page.page-one-column .entry-header,.twentyseventeen-front-page.page-one-column .entry-header{
        margin-bottom:0
    }
    .page:not(.home) #content{
        padding-bottom:3.25em
    }
    .error404 .page-content{
        padding-bottom:9em
    }
    #comments{
        padding-top:5em
    }
    .comments-title{
        margin-bottom:2.5em
    }
    ol.children .children{
        padding-left:2em
    }
    .nav-links .nav-title{
        position:relative
    }
    .nav-title-icon-wrapper{
        position:absolute;
        text-align:center;
        width:2em
    }
    .nav-links .nav-previous .nav-title .nav-title-icon-wrapper{
        left:-2em
    }
    .nav-links .nav-next .nav-title .nav-title-icon-wrapper{
        right:-2em
    }
    #secondary{
        font-size:14px;
        font-size:.875rem;
        line-height:1.6
    }
    .site-info{
        float:left;
        padding:.7em 0 0;
        width:58%
    }
    .social-navigation+.site-info{
        margin-left:6%
    }
    .site-info .sep{
        margin:0 .5em;
        display:inline;
        visibility:visible;
        height:auto;
        width:auto
    }
}








div.modal_window_alert, .gdprcookie{
    box-shadow: 0 11px 11px #e6e6e6 !important;
}

.pure-menu-children.dropdown-menu{
    box-shadow: 0 3px 0px #1f9e49, 0 11px 11px #e6e6e6 !important;
}



.panel-image{
    background:#4e9bff;
}


.text-shadow{
    text-shadow:2px 1px 1px #000;
}



.gray{
    color:#e2e2e2
}
.gray2{
    color:#767676
}
.white{
    color:#fff
}
.blue{
    color:#289dcc
}


/*redesign*/

header{
    background: #fff;
    border-top: 0.25rem solid #4e9bff;
}

/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
/*!
normalize.css v | MIT License | https://necolas.github.io/normalize.css/
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
html{
    font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}
.hidden,[hidden]{
    display:none!important
}
.pure-img{
    max-width:100%;
    height:auto;
    display:block
}
.pure-g{
    display:flex;
    flex-flow:row wrap;
    align-content:flex-start
}
.pure-u{
    display:inline-block;
    vertical-align:top
}
.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{
    display:inline-block;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-u-1-24{
    width:4.1667%
}
.pure-u-1-12,.pure-u-2-24{
    width:8.3333%
}
.pure-u-1-8,.pure-u-3-24{
    width:12.5%
}
.pure-u-1-6,.pure-u-4-24{
    width:16.6667%
}
.pure-u-1-5{
    width:20%
}
.pure-u-5-24{
    width:20.8333%
}
.pure-u-1-4,.pure-u-6-24{
    width:25%
}
.pure-u-7-24{
    width:29.1667%
}
.pure-u-1-3,.pure-u-8-24{
    width:33.3333%
}
.pure-u-3-8,.pure-u-9-24{
    width:37.5%
}
.pure-u-2-5{
    width:40%
}
.pure-u-10-24,.pure-u-5-12{
    width:41.6667%
}
.pure-u-11-24{
    width:45.8333%
}
.pure-u-1-2,.pure-u-12-24{
    width:50%
}
.pure-u-13-24{
    width:54.1667%
}
.pure-u-14-24,.pure-u-7-12{
    width:58.3333%
}
.pure-u-3-5{
    width:60%
}
.pure-u-15-24,.pure-u-5-8{
    width:62.5%
}
.pure-u-16-24,.pure-u-2-3{
    width:66.6667%
}
.pure-u-17-24{
    width:70.8333%
}
.pure-u-18-24,.pure-u-3-4{
    width:75%
}
.pure-u-19-24{
    width:79.1667%
}
.pure-u-4-5{
    width:80%
}
.pure-u-20-24,.pure-u-5-6{
    width:83.3333%
}
.pure-u-21-24,.pure-u-7-8{
    width:87.5%
}
.pure-u-11-12,.pure-u-22-24{
    width:91.6667%
}
.pure-u-23-24{
    width:95.8333%
}
.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{
    width:100%
}
.pure-button{
    display:inline-block;
    line-height:normal;
    white-space:nowrap;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    user-select:none;
    box-sizing:border-box
}
.pure-button::-moz-focus-inner{
    padding:0;
    border:0
}
.pure-button-group{
    letter-spacing:-.31em;
    text-rendering:optimizespeed
}
.opera-only :-o-prefocus,.pure-button-group{
    word-spacing:-0.43em
}
.pure-button-group .pure-button{
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top;
    text-rendering:auto
}
.pure-button{
    font-family:inherit;
    font-size:100%;
    padding:.5em 1em;
    color:rgba(0,0,0,.8);
    border:none transparent;
    background-color:#e6e6e6;
    text-decoration:none;
    border-radius:2px
}
.pure-button-hover,.pure-button:focus,.pure-button:hover{
}
.pure-button:focus{
    outline:0
}
.pure-button-active,.pure-button:active{
    box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
    border-color:#000
}
.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{
    border:none;
    background-image:none;
    opacity:.4;
    cursor:not-allowed;
    box-shadow:none;
    pointer-events:none
}
.pure-button-hidden{
    display:none
}
.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{
    background-color:#285ea4;
    color:#fff
}
.pure-button-group .pure-button{
    margin:0;
    border-radius:0;
    border-right:1px solid rgba(0,0,0,.2)
}
.pure-button-group .pure-button:first-child{
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.pure-button-group .pure-button:last-child{
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-right:none
}
.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea{
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:4px;
    vertical-align:middle;
    box-sizing:border-box
}
.pure-form input:not([type]){
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:4px;
    box-sizing:border-box
}
.pure-form input[type=color]{
    padding:.2em .5em
}
.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{
    outline:0;
    border-color:#e80001;
    box-shadow:0 4px 0px #e80001
}
.pure-form input:not([type]):focus{
    outline:0;
    border-color:#129fea
}
.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus{
    outline:thin solid #129FEA;
    outline:1px auto #129FEA
}
.pure-form .pure-checkbox,.pure-form .pure-radio{
    margin:.5em 0;
    display:block
}
.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{
    cursor:not-allowed;
    background-color:#eaeded;
    color:#cad2d3
}
.pure-form input:not([type])[disabled]{
    cursor:not-allowed;
    background-color:#eaeded;
    color:#cad2d3
}
.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{
    background-color:#eee;
    color:#434343;
    border-color:#ccc
}
.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{
    color:#b94a48;
    border-color:#e9322d
}
.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{
    outline-color:#e9322d
}
.pure-form select{
    height:2.25em;
    border:1px solid #ccc;
    background-color:#fff
}
.pure-form select[multiple]{
    height:auto
}
.pure-form label{
    margin:.5em 0 .2em
}
.pure-form fieldset{
    margin:0;
    padding:.35em 0 .75em;
    border:0
}
.pure-form legend{
    display:block;
    width:100%;
    padding:.3em 0;
    margin-bottom:.3em;
    color:#333;
    border-bottom:1px solid #e5e5e5
}
.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{
    display:block;
    margin:.25em 0
}
.pure-form-stacked input:not([type]){
    display:block;
    margin:.25em 0
}
.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{
    display:inline-block;
    vertical-align:middle
}
.pure-form-aligned textarea{
    vertical-align:top
}
.pure-form-aligned .pure-control-group{
    margin-bottom:.5em
}
.pure-form-aligned .pure-control-group label{
    text-align:right;
    display:inline-block;
    vertical-align:middle;
    width:10em;
    margin:0 1em 0 0
}
.pure-form-aligned .pure-controls{
    margin:1.5em 0 0 11em
}
.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{
    border-radius:2em;
    padding:.5em 1em
}
.pure-form .pure-group fieldset{
    margin-bottom:10px
}
.pure-form .pure-group input,.pure-form .pure-group textarea{
    display:block;
    padding:10px;
    margin:0 0 -1px;
    border-radius:0;
    position:relative;
    top:-1px
}
.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{
    z-index:3
}
.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{
    top:1px;
    border-radius:4px 4px 0 0;
    margin:0
}
.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{
    top:1px;
    border-radius:4px;
    margin:0
}
.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{
    top:-2px;
    border-radius:0 0 4px 4px;
    margin:0
}
.pure-form .pure-group button{
    margin:.35em 0
}
.pure-form .pure-input-1{
    width:100%
}
.pure-form .pure-input-3-4{
    width:75%
}
.pure-form .pure-input-2-3{
    width:66%
}
.pure-form .pure-input-1-2{
    width:50%
}
.pure-form .pure-input-1-3{
    width:33%
}
.pure-form .pure-input-1-4{
    width:25%
}
.pure-form-message-inline{
    display:inline-block;
    padding-left:.3em;
    color:#666;
    vertical-align:middle;
    font-size:.875em
}
.pure-form-message{
    display:block;
    color:#666;
    font-size:.875em
}
@media only screen and (max-width :480px){
    .pure-form button[type=submit]{
        margin:.7em 0 0
    }
    .pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label, .pure-form select, .pure-form textarea{
        margin-bottom:.3em;
        display:block;
        width:100%
    }
    .pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week]{
        margin-bottom:0
    }
    .pure-form-aligned .pure-control-group label{
        margin-bottom:.3em;
        text-align:left;
        display:block;
        width:100%
    }
    .pure-form-aligned .pure-controls{
        margin:1.5em 0 0 0
    }
    .pure-form-message,.pure-form-message-inline{
        display:block;
        font-size:.75em;
        padding:.2em 0 .8em
    }
}
.pure-menu{
    box-sizing:border-box
}
.pure-menu-fixed{
    position:fixed;
    left:0;
    top:0;
    z-index:3
}
.pure-menu-item,.pure-menu-list{
    position:relative
}
.pure-menu-list{
    list-style:none;
    margin:0;
    padding:0
}
.pure-menu-item{
    padding:0;
    margin:0;
    height:100%
}
.pure-menu-heading,.pure-menu-link{
    display:block;
    text-decoration:none;
    white-space:nowrap
}
.pure-menu-horizontal{
    width:100%;
    white-space:nowrap
}
.pure-menu-horizontal .pure-menu-list{
    display:inline-block
}
.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{
    display:inline-block;
    vertical-align:middle
}
.pure-menu-item .pure-menu-item{
    display:block
}
.pure-menu-children{
    display:none;
    position:absolute;
    left:100%;
    top:0;
    margin:0;
    padding:0;
    z-index:3
}
.pure-menu-horizontal .pure-menu-children{
    left:0;
    top:auto;
    width:inherit
}
.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{
    display:block;
    position:absolute
}
.pure-menu-has-children>.pure-menu-link:after{
    padding-left:.5em;
    content:"\25B8";
    font-size:small
}
.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{
    content:"\25BE"
}
.pure-menu-scrollable{
    overflow-y:scroll;
    overflow-x:hidden
}
.pure-menu-scrollable .pure-menu-list{
    display:block
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{
    display:inline-block
}
.pure-menu-horizontal.pure-menu-scrollable{
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:auto;
    padding:.5em 0
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{
    background-color:#ccc;
    height:1px;
    margin:.3em 0
}
.pure-menu-horizontal .pure-menu-separator{
    width:1px;
    height:1.3em;
    margin:0 .3em
}
.pure-menu-horizontal .pure-menu-children .pure-menu-separator{
    display:block;
    width:auto
}
.pure-menu-heading{
    text-transform:uppercase;
    color:#565d64
}
.pure-menu-link{
    color:#434343
}
.pure-menu-children{
    background-color:#fff
}
.pure-menu-heading,.pure-menu-link{
    padding:.5em 1em
}
.pure-menu-disabled{
    opacity:.5
}
.pure-menu-disabled .pure-menu-link:hover{
    background-color:transparent;
    cursor:default
}
.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{
    background-color:#eee
}
.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited{
    color:#000
}
.pure-table{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border:1px solid #cbcbcb
}
.pure-table caption{
    color:#000;
    font:italic 85%/1 arial,sans-serif;
    padding:1em 0;
    text-align:center
}
.pure-table td,.pure-table th{
    border-left:1px solid #cbcbcb;
    border-width:0 0 0 1px;
    font-size:inherit;
    margin:0;
    overflow:visible;
    padding:.5em 1em
}
.pure-table thead{
    background-color:#e0e0e0;
    color:#000;
    text-align:left;
    vertical-align:bottom
}
.pure-table td{
    background-color:transparent
}
.pure-table-odd td{
    background-color:#f2f2f2
}
.pure-table-striped tr:nth-child(2n-1) td{
    background-color:#f2f2f2
}
.pure-table-bordered td{
    border-bottom:1px solid #cbcbcb
}
.pure-table-bordered tbody>tr:last-child>td{
    border-bottom-width:0
}
.pure-table-horizontal td,.pure-table-horizontal th{
    border-width:0 0 1px 0;
    border-bottom:1px solid #cbcbcb
}
.pure-table-horizontal tbody>tr:last-child>td{
    border-bottom-width:0
}



/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
@media screen and (min-width:35.5em){
    .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-sm-1-24{
        width:4.1667%
    }
    .pure-u-sm-1-12,.pure-u-sm-2-24{
        width:8.3333%
    }
    .pure-u-sm-1-8,.pure-u-sm-3-24{
        width:12.5%
    }
    .pure-u-sm-1-6,.pure-u-sm-4-24{
        width:16.6667%
    }
    .pure-u-sm-1-5{
        width:20%
    }
    .pure-u-sm-5-24{
        width:20.8333%
    }
    .pure-u-sm-1-4,.pure-u-sm-6-24{
        width:25%
    }
    .pure-u-sm-7-24{
        width:29.1667%
    }
    .pure-u-sm-1-3,.pure-u-sm-8-24{
        width:33.3333%
    }
    .pure-u-sm-3-8,.pure-u-sm-9-24{
        width:37.5%
    }
    .pure-u-sm-2-5{
        width:40%
    }
    .pure-u-sm-10-24,.pure-u-sm-5-12{
        width:41.6667%
    }
    .pure-u-sm-11-24{
        width:45.8333%
    }
    .pure-u-sm-1-2,.pure-u-sm-12-24{
        width:50%
    }
    .pure-u-sm-13-24{
        width:54.1667%
    }
    .pure-u-sm-14-24,.pure-u-sm-7-12{
        width:58.3333%
    }
    .pure-u-sm-3-5{
        width:60%
    }
    .pure-u-sm-15-24,.pure-u-sm-5-8{
        width:62.5%
    }
    .pure-u-sm-16-24,.pure-u-sm-2-3{
        width:66.6667%
    }
    .pure-u-sm-17-24{
        width:70.8333%
    }
    .pure-u-sm-18-24,.pure-u-sm-3-4{
        width:75%
    }
    .pure-u-sm-19-24{
        width:79.1667%
    }
    .pure-u-sm-4-5{
        width:80%
    }
    .pure-u-sm-20-24,.pure-u-sm-5-6{
        width:83.3333%
    }
    .pure-u-sm-21-24,.pure-u-sm-7-8{
        width:87.5%
    }
    .pure-u-sm-11-12,.pure-u-sm-22-24{
        width:91.6667%
    }
    .pure-u-sm-23-24{
        width:95.8333%
    }
    .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{
        width:100%
    }
}
@media screen and (min-width:48em){
    .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-md-1-24{
        width:4.1667%
    }
    .pure-u-md-1-12,.pure-u-md-2-24{
        width:8.3333%
    }
    .pure-u-md-1-8,.pure-u-md-3-24{
        width:12.5%
    }
    .pure-u-md-1-6,.pure-u-md-4-24{
        width:16.6667%
    }
    .pure-u-md-1-5{
        width:20%
    }
    .pure-u-md-5-24{
        width:20.8333%
    }
    .pure-u-md-1-4,.pure-u-md-6-24{
        width:25%
    }
    .pure-u-md-7-24{
        width:29.1667%
    }
    .pure-u-md-1-3,.pure-u-md-8-24{
        width:33.3333%
    }
    .pure-u-md-3-8,.pure-u-md-9-24{
        width:37.5%
    }
    .pure-u-md-2-5{
        width:40%
    }
    .pure-u-md-10-24,.pure-u-md-5-12{
        width:41.6667%
    }
    .pure-u-md-11-24{
        width:45.8333%
    }
    .pure-u-md-1-2,.pure-u-md-12-24{
        width:50%
    }
    .pure-u-md-13-24{
        width:54.1667%
    }
    .pure-u-md-14-24,.pure-u-md-7-12{
        width:58.3333%
    }
    .pure-u-md-3-5{
        width:60%
    }
    .pure-u-md-15-24,.pure-u-md-5-8{
        width:62.5%
    }
    .pure-u-md-16-24,.pure-u-md-2-3{
        width:66.6667%
    }
    .pure-u-md-17-24{
        width:70.8333%
    }
    .pure-u-md-18-24,.pure-u-md-3-4{
        width:75%
    }
    .pure-u-md-19-24{
        width:79.1667%
    }
    .pure-u-md-4-5{
        width:80%
    }
    .pure-u-md-20-24,.pure-u-md-5-6{
        width:83.3333%
    }
    .pure-u-md-21-24,.pure-u-md-7-8{
        width:87.5%
    }
    .pure-u-md-11-12,.pure-u-md-22-24{
        width:91.6667%
    }
    .pure-u-md-23-24{
        width:95.8333%
    }
    .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{
        width:100%
    }
}
@media screen and (min-width:64em){
    .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-lg-1-24{
        width:4.1667%
    }
    .pure-u-lg-1-12,.pure-u-lg-2-24{
        width:8.3333%
    }
    .pure-u-lg-1-8,.pure-u-lg-3-24{
        width:12.5%
    }
    .pure-u-lg-1-6,.pure-u-lg-4-24{
        width:16.6667%
    }
    .pure-u-lg-1-5{
        width:20%
    }
    .pure-u-lg-5-24{
        width:20.8333%
    }
    .pure-u-lg-1-4,.pure-u-lg-6-24{
        width:25%
    }
    .pure-u-lg-7-24{
        width:29.1667%
    }
    .pure-u-lg-1-3,.pure-u-lg-8-24{
        width:33.3333%
    }
    .pure-u-lg-3-8,.pure-u-lg-9-24{
        width:37.5%
    }
    .pure-u-lg-2-5{
        width:40%
    }
    .pure-u-lg-10-24,.pure-u-lg-5-12{
        width:41.6667%
    }
    .pure-u-lg-11-24{
        width:45.8333%
    }
    .pure-u-lg-1-2,.pure-u-lg-12-24{
        width:50%
    }
    .pure-u-lg-13-24{
        width:54.1667%
    }
    .pure-u-lg-14-24,.pure-u-lg-7-12{
        width:58.3333%
    }
    .pure-u-lg-3-5{
        width:60%
    }
    .pure-u-lg-15-24,.pure-u-lg-5-8{
        width:62.5%
    }
    .pure-u-lg-16-24,.pure-u-lg-2-3{
        width:66.6667%
    }
    .pure-u-lg-17-24{
        width:70.8333%
    }
    .pure-u-lg-18-24,.pure-u-lg-3-4{
        width:75%
    }
    .pure-u-lg-19-24{
        width:79.1667%
    }
    .pure-u-lg-4-5{
        width:80%
    }
    .pure-u-lg-20-24,.pure-u-lg-5-6{
        width:83.3333%
    }
    .pure-u-lg-21-24,.pure-u-lg-7-8{
        width:87.5%
    }
    .pure-u-lg-11-12,.pure-u-lg-22-24{
        width:91.6667%
    }
    .pure-u-lg-23-24{
        width:95.8333%
    }
    .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5{
        width:100%
    }
}
@media screen and (min-width:80em){
    .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-xl-1-24{
        width:4.1667%
    }
    .pure-u-xl-1-12,.pure-u-xl-2-24{
        width:8.3333%
    }
    .pure-u-xl-1-8,.pure-u-xl-3-24{
        width:12.5%
    }
    .pure-u-xl-1-6,.pure-u-xl-4-24{
        width:16.6667%
    }
    .pure-u-xl-1-5{
        width:20%
    }
    .pure-u-xl-5-24{
        width:20.8333%
    }
    .pure-u-xl-1-4,.pure-u-xl-6-24{
        width:25%
    }
    .pure-u-xl-7-24{
        width:29.1667%
    }
    .pure-u-xl-1-3,.pure-u-xl-8-24{
        width:33.3333%
    }
    .pure-u-xl-3-8,.pure-u-xl-9-24{
        width:37.5%
    }
    .pure-u-xl-2-5{
        width:40%
    }
    .pure-u-xl-10-24,.pure-u-xl-5-12{
        width:41.6667%
    }
    .pure-u-xl-11-24{
        width:45.8333%
    }
    .pure-u-xl-1-2,.pure-u-xl-12-24{
        width:50%
    }
    .pure-u-xl-13-24{
        width:54.1667%
    }
    .pure-u-xl-14-24,.pure-u-xl-7-12{
        width:58.3333%
    }
    .pure-u-xl-3-5{
        width:60%
    }
    .pure-u-xl-15-24,.pure-u-xl-5-8{
        width:62.5%
    }
    .pure-u-xl-16-24,.pure-u-xl-2-3{
        width:66.6667%
    }
    .pure-u-xl-17-24{
        width:70.8333%
    }
    .pure-u-xl-18-24,.pure-u-xl-3-4{
        width:75%
    }
    .pure-u-xl-19-24{
        width:79.1667%
    }
    .pure-u-xl-4-5{
        width:80%
    }
    .pure-u-xl-20-24,.pure-u-xl-5-6{
        width:83.3333%
    }
    .pure-u-xl-21-24,.pure-u-xl-7-8{
        width:87.5%
    }
    .pure-u-xl-11-12,.pure-u-xl-22-24{
        width:91.6667%
    }
    .pure-u-xl-23-24{
        width:95.8333%
    }
    .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{
        width:100%
    }
}
@media screen and (min-width:120em){
    .pure-u-xxl-1,.pure-u-xxl-1-1,.pure-u-xxl-1-12,.pure-u-xxl-1-2,.pure-u-xxl-1-24,.pure-u-xxl-1-3,.pure-u-xxl-1-4,.pure-u-xxl-1-5,.pure-u-xxl-1-6,.pure-u-xxl-1-8,.pure-u-xxl-10-24,.pure-u-xxl-11-12,.pure-u-xxl-11-24,.pure-u-xxl-12-24,.pure-u-xxl-13-24,.pure-u-xxl-14-24,.pure-u-xxl-15-24,.pure-u-xxl-16-24,.pure-u-xxl-17-24,.pure-u-xxl-18-24,.pure-u-xxl-19-24,.pure-u-xxl-2-24,.pure-u-xxl-2-3,.pure-u-xxl-2-5,.pure-u-xxl-20-24,.pure-u-xxl-21-24,.pure-u-xxl-22-24,.pure-u-xxl-23-24,.pure-u-xxl-24-24,.pure-u-xxl-3-24,.pure-u-xxl-3-4,.pure-u-xxl-3-5,.pure-u-xxl-3-8,.pure-u-xxl-4-24,.pure-u-xxl-4-5,.pure-u-xxl-5-12,.pure-u-xxl-5-24,.pure-u-xxl-5-5,.pure-u-xxl-5-6,.pure-u-xxl-5-8,.pure-u-xxl-6-24,.pure-u-xxl-7-12,.pure-u-xxl-7-24,.pure-u-xxl-7-8,.pure-u-xxl-8-24,.pure-u-xxl-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-xxl-1-24{
        width:4.1667%
    }
    .pure-u-xxl-1-12,.pure-u-xxl-2-24{
        width:8.3333%
    }
    .pure-u-xxl-1-8,.pure-u-xxl-3-24{
        width:12.5%
    }
    .pure-u-xxl-1-6,.pure-u-xxl-4-24{
        width:16.6667%
    }
    .pure-u-xxl-1-5{
        width:20%
    }
    .pure-u-xxl-5-24{
        width:20.8333%
    }
    .pure-u-xxl-1-4,.pure-u-xxl-6-24{
        width:25%
    }
    .pure-u-xxl-7-24{
        width:29.1667%
    }
    .pure-u-xxl-1-3,.pure-u-xxl-8-24{
        width:33.3333%
    }
    .pure-u-xxl-3-8,.pure-u-xxl-9-24{
        width:37.5%
    }
    .pure-u-xxl-2-5{
        width:40%
    }
    .pure-u-xxl-10-24,.pure-u-xxl-5-12{
        width:41.6667%
    }
    .pure-u-xxl-11-24{
        width:45.8333%
    }
    .pure-u-xxl-1-2,.pure-u-xxl-12-24{
        width:50%
    }
    .pure-u-xxl-13-24{
        width:54.1667%
    }
    .pure-u-xxl-14-24,.pure-u-xxl-7-12{
        width:58.3333%
    }
    .pure-u-xxl-3-5{
        width:60%
    }
    .pure-u-xxl-15-24,.pure-u-xxl-5-8{
        width:62.5%
    }
    .pure-u-xxl-16-24,.pure-u-xxl-2-3{
        width:66.6667%
    }
    .pure-u-xxl-17-24{
        width:70.8333%
    }
    .pure-u-xxl-18-24,.pure-u-xxl-3-4{
        width:75%
    }
    .pure-u-xxl-19-24{
        width:79.1667%
    }
    .pure-u-xxl-4-5{
        width:80%
    }
    .pure-u-xxl-20-24,.pure-u-xxl-5-6{
        width:83.3333%
    }
    .pure-u-xxl-21-24,.pure-u-xxl-7-8{
        width:87.5%
    }
    .pure-u-xxl-11-12,.pure-u-xxl-22-24{
        width:91.6667%
    }
    .pure-u-xxl-23-24{
        width:95.8333%
    }
    .pure-u-xxl-1,.pure-u-xxl-1-1,.pure-u-xxl-24-24,.pure-u-xxl-5-5{
        width:100%
    }
}
@media screen and (min-width:160em){
    .pure-u-xxxl-1,.pure-u-xxxl-1-1,.pure-u-xxxl-1-12,.pure-u-xxxl-1-2,.pure-u-xxxl-1-24,.pure-u-xxxl-1-3,.pure-u-xxxl-1-4,.pure-u-xxxl-1-5,.pure-u-xxxl-1-6,.pure-u-xxxl-1-8,.pure-u-xxxl-10-24,.pure-u-xxxl-11-12,.pure-u-xxxl-11-24,.pure-u-xxxl-12-24,.pure-u-xxxl-13-24,.pure-u-xxxl-14-24,.pure-u-xxxl-15-24,.pure-u-xxxl-16-24,.pure-u-xxxl-17-24,.pure-u-xxxl-18-24,.pure-u-xxxl-19-24,.pure-u-xxxl-2-24,.pure-u-xxxl-2-3,.pure-u-xxxl-2-5,.pure-u-xxxl-20-24,.pure-u-xxxl-21-24,.pure-u-xxxl-22-24,.pure-u-xxxl-23-24,.pure-u-xxxl-24-24,.pure-u-xxxl-3-24,.pure-u-xxxl-3-4,.pure-u-xxxl-3-5,.pure-u-xxxl-3-8,.pure-u-xxxl-4-24,.pure-u-xxxl-4-5,.pure-u-xxxl-5-12,.pure-u-xxxl-5-24,.pure-u-xxxl-5-5,.pure-u-xxxl-5-6,.pure-u-xxxl-5-8,.pure-u-xxxl-6-24,.pure-u-xxxl-7-12,.pure-u-xxxl-7-24,.pure-u-xxxl-7-8,.pure-u-xxxl-8-24,.pure-u-xxxl-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-xxxl-1-24{
        width:4.1667%
    }
    .pure-u-xxxl-1-12,.pure-u-xxxl-2-24{
        width:8.3333%
    }
    .pure-u-xxxl-1-8,.pure-u-xxxl-3-24{
        width:12.5%
    }
    .pure-u-xxxl-1-6,.pure-u-xxxl-4-24{
        width:16.6667%
    }
    .pure-u-xxxl-1-5{
        width:20%
    }
    .pure-u-xxxl-5-24{
        width:20.8333%
    }
    .pure-u-xxxl-1-4,.pure-u-xxxl-6-24{
        width:25%
    }
    .pure-u-xxxl-7-24{
        width:29.1667%
    }
    .pure-u-xxxl-1-3,.pure-u-xxxl-8-24{
        width:33.3333%
    }
    .pure-u-xxxl-3-8,.pure-u-xxxl-9-24{
        width:37.5%
    }
    .pure-u-xxxl-2-5{
        width:40%
    }
    .pure-u-xxxl-10-24,.pure-u-xxxl-5-12{
        width:41.6667%
    }
    .pure-u-xxxl-11-24{
        width:45.8333%
    }
    .pure-u-xxxl-1-2,.pure-u-xxxl-12-24{
        width:50%
    }
    .pure-u-xxxl-13-24{
        width:54.1667%
    }
    .pure-u-xxxl-14-24,.pure-u-xxxl-7-12{
        width:58.3333%
    }
    .pure-u-xxxl-3-5{
        width:60%
    }
    .pure-u-xxxl-15-24,.pure-u-xxxl-5-8{
        width:62.5%
    }
    .pure-u-xxxl-16-24,.pure-u-xxxl-2-3{
        width:66.6667%
    }
    .pure-u-xxxl-17-24{
        width:70.8333%
    }
    .pure-u-xxxl-18-24,.pure-u-xxxl-3-4{
        width:75%
    }
    .pure-u-xxxl-19-24{
        width:79.1667%
    }
    .pure-u-xxxl-4-5{
        width:80%
    }
    .pure-u-xxxl-20-24,.pure-u-xxxl-5-6{
        width:83.3333%
    }
    .pure-u-xxxl-21-24,.pure-u-xxxl-7-8{
        width:87.5%
    }
    .pure-u-xxxl-11-12,.pure-u-xxxl-22-24{
        width:91.6667%
    }
    .pure-u-xxxl-23-24{
        width:95.8333%
    }
    .pure-u-xxxl-1,.pure-u-xxxl-1-1,.pure-u-xxxl-24-24,.pure-u-xxxl-5-5{
        width:100%
    }
}
@media screen and (min-width:240em){
    .pure-u-x4k-1,.pure-u-x4k-1-1,.pure-u-x4k-1-12,.pure-u-x4k-1-2,.pure-u-x4k-1-24,.pure-u-x4k-1-3,.pure-u-x4k-1-4,.pure-u-x4k-1-5,.pure-u-x4k-1-6,.pure-u-x4k-1-8,.pure-u-x4k-10-24,.pure-u-x4k-11-12,.pure-u-x4k-11-24,.pure-u-x4k-12-24,.pure-u-x4k-13-24,.pure-u-x4k-14-24,.pure-u-x4k-15-24,.pure-u-x4k-16-24,.pure-u-x4k-17-24,.pure-u-x4k-18-24,.pure-u-x4k-19-24,.pure-u-x4k-2-24,.pure-u-x4k-2-3,.pure-u-x4k-2-5,.pure-u-x4k-20-24,.pure-u-x4k-21-24,.pure-u-x4k-22-24,.pure-u-x4k-23-24,.pure-u-x4k-24-24,.pure-u-x4k-3-24,.pure-u-x4k-3-4,.pure-u-x4k-3-5,.pure-u-x4k-3-8,.pure-u-x4k-4-24,.pure-u-x4k-4-5,.pure-u-x4k-5-12,.pure-u-x4k-5-24,.pure-u-x4k-5-5,.pure-u-x4k-5-6,.pure-u-x4k-5-8,.pure-u-x4k-6-24,.pure-u-x4k-7-12,.pure-u-x4k-7-24,.pure-u-x4k-7-8,.pure-u-x4k-8-24,.pure-u-x4k-9-24{
        display:inline-block;
        letter-spacing:normal;
        word-spacing:normal;
        vertical-align:top;
        text-rendering:auto
    }
    .pure-u-x4k-1-24{
        width:4.1667%
    }
    .pure-u-x4k-1-12,.pure-u-x4k-2-24{
        width:8.3333%
    }
    .pure-u-x4k-1-8,.pure-u-x4k-3-24{
        width:12.5%
    }
    .pure-u-x4k-1-6,.pure-u-x4k-4-24{
        width:16.6667%
    }
    .pure-u-x4k-1-5{
        width:20%
    }
    .pure-u-x4k-5-24{
        width:20.8333%
    }
    .pure-u-x4k-1-4,.pure-u-x4k-6-24{
        width:25%
    }
    .pure-u-x4k-7-24{
        width:29.1667%
    }
    .pure-u-x4k-1-3,.pure-u-x4k-8-24{
        width:33.3333%
    }
    .pure-u-x4k-3-8,.pure-u-x4k-9-24{
        width:37.5%
    }
    .pure-u-x4k-2-5{
        width:40%
    }
    .pure-u-x4k-10-24,.pure-u-x4k-5-12{
        width:41.6667%
    }
    .pure-u-x4k-11-24{
        width:45.8333%
    }
    .pure-u-x4k-1-2,.pure-u-x4k-12-24{
        width:50%
    }
    .pure-u-x4k-13-24{
        width:54.1667%
    }
    .pure-u-x4k-14-24,.pure-u-x4k-7-12{
        width:58.3333%
    }
    .pure-u-x4k-3-5{
        width:60%
    }
    .pure-u-x4k-15-24,.pure-u-x4k-5-8{
        width:62.5%
    }
    .pure-u-x4k-16-24,.pure-u-x4k-2-3{
        width:66.6667%
    }
    .pure-u-x4k-17-24{
        width:70.8333%
    }
    .pure-u-x4k-18-24,.pure-u-x4k-3-4{
        width:75%
    }
    .pure-u-x4k-19-24{
        width:79.1667%
    }
    .pure-u-x4k-4-5{
        width:80%
    }
    .pure-u-x4k-20-24,.pure-u-x4k-5-6{
        width:83.3333%
    }
    .pure-u-x4k-21-24,.pure-u-x4k-7-8{
        width:87.5%
    }
    .pure-u-x4k-11-12,.pure-u-x4k-22-24{
        width:91.6667%
    }
    .pure-u-x4k-23-24{
        width:95.8333%
    }
    .pure-u-x4k-1,.pure-u-x4k-1-1,.pure-u-x4k-24-24,.pure-u-x4k-5-5{
        width:100%
    }
}

.pure-hidden, .pure-visible-sm,.pure-visible-md, .pure-visible-lg, .pure-visible-x1, .pure-visible-xxl, .pure-visible-xxxl, .pure-visible-x4k{
    display: none;
}



.pure-form .pure-checkbox, .pure-form .pure-radio{
    width:auto !important;
}

/*<568px*/
@media (max-width: 35.5em) {
    .pure-hidden-sm{
        display: none !important;
    }
    .pure-visible-sm{
        display: initial !important;
    }
}
/*568px-768px*/
@media (min-width: 35.5em) and (max-width: 48em) {
    .pure-hidden-md {
        display: none !important;
    }
    .pure-visible-md{
        display: initial !important;
    }
}
/*768px-1024px*/
@media (min-width: 48em) and (max-width: 64em) {
    .pure-hidden-lg{
        display: none !important;
    }
    .pure-visible-lg{
        display: initial !important;
    }
}
/*1024px-1280px*/
@media (min-width: 64em) and (max-width: 80em) {
    .pure-hidden-x1{
        display: none !important;
    }
    .pure-visible-xl{
        display: initial !important;
    }
}
/*1280px-1920px*/
@media (min-width: 80em) and (max-width: 120em) {
    .pure-hidden-xxl{
        display: none !important;
    }
    .pure-visible-xxl{
        display: initial !important;
    }
}
/*1920-2560px*/
@media (min-width: 120em) and (max-width: 160em) {
    .pure-hidden-xxxl {
        display: none !important;
    }
    .pure-visible-xxxl{
        display: initial !important;
    }
}
/*2560px-3840px*/
@media (min-width: 160em) and (max-width: 240em) {
    .pure-hidden-x4k{
        display: none !important;
    }
    .pure-visible-x4k{
        display: initial !important;
    }
}




.pure-menu.pure-menu-horizontal{
    margin:0;
}





.pure-menu-children > li > a{
    padding: 0.5em 0.75em;
    text-transform: none;
    text-align: left;
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover
{
    background: #fff;
}



.pure-menu-horizontal{
    white-space:normal;
}

.page_blank,#account_blank [type="button"], #account_blank [type="reset"], #account_blank [type="submit"], #product button{
    margin-top: 1em;
    margin-bottom: 1em;
}




/* nav */

#top-links{
    background:#1f9e49;
    padding: 0.5em;
    color:#fff;
}

#top-links a{
    color:#fff;
}

#top-links .list-inline > li:not(:first-child)::before {
    content: '|';
    padding-right: 2em;
}

#top-links .list-inline{
    margin: 0;
    font-size: 0.75em;
    display: flex;
    gap: 0 1em;
    flex-wrap: wrap;
}


.dropdown.open > ul.dropdown-menu{
    display:block !important;
}
#cart-total, #nav_fav_counter, #nav_fav_counter_disabled{
    position: absolute;
    left:1em;
    top:0
}


.pure-menu-list > li:active, .pure-menu-list > li:hover, .pure-menu-list > li:focus, .pure-menu-list > li:focus, .pure-menu-list > li.dropdown.open{
    /*    box-shadow: 0 3px 0px #e80001;*/
}
#pure-menu-categories{
    background:#fff;
    left:0px;
    top:111px;
    right:0px;
    width:100%;
    position: absolute;
    z-index:1;
}


#__float_social_whatsapp{
    position: fixed;
    right: 3em;
    bottom: 3em;
    padding: 1em .5em;
    background:#fff;
    border-radius: 1em;
    box-shadow: 0 3px 0px #1f9e49, 0 11px 11px #e6e6e6 !important;
}



@media (max-width: 811px)
{

    #pure-menu-categories{
        top:90px !important;
    }



    #cart-total{
        left:2em;
    }



    .pure-menu-link-icon{
        padding:0.5em 0.25em;

    }

    .pure-menu-icons{
        height:18px;
    }

    .padding-45-0{
        padding: 15pt 0;
    }











    .dropdown.open > ul.dropdown-menu{
        display:block !important;
    }
    .pure-menu-item{
    }
    .pure-menu-heading, .pure-menu-link{
        white-space: normal;
    }





    .dropdown.open > ul.dropdown-menu.shadow{
        width: 100% !important;
    }

    .dropdown.open > ul.dropdown-menu li.pure-menu-item{

    }


    .pure-menu-item, .pure-menu-list{
        position: initial;
    }







    .pure-menu-children > li > a{
        padding-left: 1.75em;
    }




}


.navbar-header{
    padding:0.5em;
}

.navbar-toggle{
    margin: 0 1em 0 0;
    text-transform: none;
    font-weight: bold;
    font-size:1.25em;
}

#site-navigation.main-navigation > .navbar-toggle:before{
    content:"\2261";
}

#site-navigation.main-navigation.toggled-on > .navbar-toggle:before{
    content:"\00D7";
}

.navbar-toggle.collapsed{
    color:#434343;
}

.navbar-toggle.collapsed:before{
    content:"\2261";
}

#navbar-brandname{
    text-align: center;
    line-height: 2.9em;
}
#navbar-brandname a{
    font-weight:800;
    text-transform: lowercase;
    font-size: 2.3em;
}



.navbar-header .pure-g{
    justify-content: space-between;
}
#pure-menu-top-right li span.nav-label{
    margin-left:0.5em;
}

@media screen and (min-width: 811px) {
    #pure-menu-top-right{
        width:auto
    }
    .padding-45-0{
        padding: 45pt 0;
    }

    .pure-menu-link{
        padding: 0.75em 0.75em 1.25em 0.75em;
    }
}








#navbar-cart, #wishlist-total{
    cursor:pointer;
    border:0;
    background: none;
    position: relative;
}


#product-product-sticky{
    position: fixed;
    background: #fff;
    top:0;
    left: 0;
    right: 0;
    box-shadow: 0 0 14px #c6c6c6;
    border-bottom:1px solid #bfbfbf;
    z-index: 9;
}

@media (max-width: 64em) {
}




/* labels */
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-weight: normal;
}
a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: inherit;
    color:#434343;
}
.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}
.label-primary {
    background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090;
}
.label-success {
    background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}
.label-info {
    background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}
.label-danger {
    background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}





/* modal */


.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 -3px 0px #e90003, 0 11px 11px #e6e6e6 !important;
    box-shadow: 0 -3px 0px #e90003, 0 11px 11px #e6e6e6 !important;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 1em;
}
.modal-header .close {
    /*  margin-top: -2px;*/
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    text-transform: capitalize;
    font-size: 14pt;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .pure-button-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .pure-button-block + .pure-button-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}




/* tooltip */



.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;

    line-break: auto;
}
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}




/* popover */

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    line-break: auto;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}
.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}
.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}
.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}
.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}




/* alert */

.alert {
    padding: 2em;
    margin-bottom: 20px;
    border: 1px solid transparent;
    position:relative;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}
.alert-dismissible .close{
    position: absolute;
    top: 1em;
    right: 1em;
    content:"";
    color: inherit;
    border: 0px;
    background:none;
    cursor: pointer;
    padding: 0.5em;
    font-size: 16pt;
}

.modal-header .close, .modal_window_alert .close {
    position: absolute;
    top: 1em;
    right: 0px;
    content:"";
    color: inherit;
    border: 0px;
    background:none;
    cursor: pointer;
    padding: 0.5em;
    font-size: 16pt;
    background:#f3f3f3;
    border:1px solid #ddd;
    border-right-width: 0px;
}



.modal_window_alert .close:hover,.modal-header .close:hover{
    background:#ddd;
}


.modal_window_alert .close:before,
.modal-header .close:before {
    content: "inchide";
    font-size: 0.6em;
}


.alert-success {
    color: #3c763d;
    background-color: #dff0d8 !important;
    border:1px solid transparent;
    border-color: #06ac09;
}
.alert-success hr {
    border-top-color: #06ac09;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    border:1px solid transparent;
    color: #31708f;
    background-color: #d9edf7 !important;
    border-color: #82daec;
}
.alert-info hr {
    border-top-color: #82daec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    border:1px solid transparent;
    color: #8a6d3b;
    background-color: #fcf8e3 !important;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    border:1px solid transparent;
    color: #a94442;
    background-color: #f2dede !important;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}
.alert-pure{
    border:1px solid transparent;
    background-color:#fff !important;
    border-color: #ddd;
}
















html {
    font-size: 16px;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    background:#f9f9f9 !important;
    font-weight: 300;
    color: #434343;
    width: 100%;
    background: #fff;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body.body-freez{
    overflow: hidden;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    text-decoration: none;
    color:#434343;
}
a:hover,
a:focus {
    text-decoration: underline;
    /*  color:#AF141A;*/
}
a:focus {
    outline: 0;
    text-decoration: none;

}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    display: inline-block;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
}
.img-circle {
    border-radius: 50%;
}
hr {
    background:#ddd;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    width:100%;
    height:1px;
}


hr.type-2{
    width:1px;
}

@media (min-width: 48em) {
    hr.type-2{
        height:4em;
    }
}
@media (max-width: 48em) {
    hr.type-2{
        height:1em;
    }
}

.divider{
    margin:10px 0;
    overflow: hidden;
    height:1px;
    background-color: #eee;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role="button"] {
    cursor: pointer;
}





p {
    margin: 0 0 10px;
}
.lead {
    margin-bottom: 20px;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.4;
    font-style: italic;
}
.modal-body .lead{
    max-height: 100%;
}
#product-top-col-left .lead{
    font-size: 1.2em;
}

.modal-body .lead{
    font-size: 1.1em;
}

@media (min-width: 768px) {
    body .lead {
        font-size: 1rem;
    }
}
small,
.small {
    font-size: 85%;
}
mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap {
    white-space: nowrap;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-big{
    font-size: 30pt
}
.text-bigger{
    font-size: 44pt
}
.text-muted {
    color: #777;
}
.text-primary {
    color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}
.text-success {
    color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}
.text-info {
    color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
    color: #245269;
}
.text-warning {
    color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}
.text-danger {
    color: #e80001;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}
.bg-primary {
    color: #fff;
    background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}
.bg-success {
    background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-hr{
    >li{
        margin-bottom: 1em;
        border-bottom:1px solid #ddd;
    }

    >li:last-of-type{
        border-bottom: none;
    }

}



.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    display:flex;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
#feat-list{
    margin:0 0 1em 0;
    padding:0;
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: space-between;

    > div{
        width:33.3%;
    }
}





h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1;
    padding:0;
}
h4, h5{
    margin:0 0 0.75em;
}
/* default font size */
.fa {
    font-size: 14px;
}
h1 {
    font-size: 30pt;
}

#wallpaper h1{
    font-weight: 800;
    font-size: 26pt;
}
@media (max-width: 48em) {
    #wallpaper h1{
        font-size: 16pt !important;
    }
    #wallpaper h2{
        font-size: 14pt !important;
    }
}


@media (min-width: 48em) and (max-width: 64em) {
    #wallpaper h1{
        margin-top:0;

    }
    #wallpaper h2{
        font-size: 14pt !important;
    }
}


h2 {
    font-size: 1.4rem;
}
h1.type-2, h2.type-2{
    font-size: 2em;
    font-weight: 800;
    text-transform: uppercase;
}
h2.small{
    font-size: 18pt
}
@media (max-width: 64em) {
    h1.type-2, h2.type-2{
        font-size: 1.2em;
    }
}

#information-information h2{
    font-size: 29pt;
}

h3 {
    font-size: 16pt;
}

h3.small{
    font-size:0.95em;
    margin:0 0 1em;
}

h4,h5 {
    color:#767676;
    font-size:10pt;
    letter-spacing:.15em;
    text-transform:uppercase;
}
h6 {
    font-size: 8pt;
}



.g-text-fs-1{
    font-size: 1rem !important;
    line-height: 1.4rem;
}
.g-text-fs-12{
    font-size: 1.2rem !important;
    line-height: 1.4rem;
}
.g-text-fs-13{
    font-size: 1.3rem !important;
    line-height: 1.4rem;
}
.g-text-fs-14{
    font-size: 1.4rem !important;
    line-height: 1.4rem;
}
.g-text-fs-2{
    font-size: 2rem !important;
    line-height: 2.4rem;
}
.g-text-fs-21{
    font-size: 2.1rem !important;
    line-height: 2.4rem;
}
.g-text-fs-22{
    font-size: 2.2rem !important;
    line-height: 2.4rem;
}
.g-text-fs-23{
    font-size: 2.3rem !important;
    line-height: 2.4rem;
}
.g-text-fs-24{
    font-size: 2.4rem !important;
    line-height: 2.4rem;
}
.g-text-fs-3{
    font-size: 3rem !important;
    line-height: 3.4rem;
}



.g-text-fs-i{
    font-style: italic;
}


.g-text-fw-light{
    font-weight: 300 !important;
}
.g-text-fw-regular{
    font-weight: 400 !important;
}
.g-text-fw-bold{
    font-weight: 600 !important;
}
.g-text-fw-black{
    font-weight: 800 !important;
}


/*a {
        color: #434343;
}*/
a:hover {
    text-decoration: none;
}
legend {
    font-size: 18px;
    padding: 7px 0px
}
label {
    font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
}
.input-group .input-group-addon {
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
}


.control-label{
    font-size: 85%;

}


div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}


/* drop down menus */
.dropdown-menu li > a:hover {
}



/* top */
#top {
    background-color: #fff;
    margin-bottom: 3em;
}

@media (max-width: 811px)
{
    #top{
        margin-bottom: 1em;
    }

    #top h4{
        font-size: 10pt
    }
}

@media screen and (min-width: 811px) {
    #top{
        padding-top: 1em !important;
    }
}


/* logo */
#logo {
    margin: 0 0 10px 0;
}
/* search */
#search {
    margin-bottom: 10px;
}
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}
#search .pure-button-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}

menu
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}
#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
    padding-bottom: 0;
}
#menu .dropdown-inner {
    display: table;
}
#menu .dropdown-inner ul {
    display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}
#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}
#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}
#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .pure-button-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
#menu .pure-button-navbar:hover, #menu .pure-button-navbar:focus, #menu .pure-button-navbar:active, #menu .pure-button-navbar.disabled, #menu .pure-button-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}
@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }
    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }
    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #menu .dropdown-inner {
        display: block;
    }
    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }
    #menu .dropdown-menu a:hover,
    #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }
    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}

footer {
    margin-top: 3.5em;
    padding-top: 1em;
    background-color: #ffffff;
    box-shadow: 0 0 10px #e8e8e8;
}


footer h5 {
    font-weight: bold;
}
footer h2{
    font-size: 13pt;
}








/* breadcrumb */
.breadcrumb {
    margin: 1em 0;
    border-left: 3px solid #ddd;
    font-size: 80%;
    text-indent: 1rem;
}
.breadcrumb i {
    font-size: 15px;
}
.breadcrumb > li {
    text-shadow: 0 1px 0 #FFF;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}
.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}
.breadcrumb > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -5px;
    width: 26px;
    height: 26px;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.pagination {
    margin: 0;
}
















.pannel-color-1{
    background: #f5f5f5;
}

.pannel-color-2{
    background: #ffffff;
}

.pannel-color-3{
    background: #F9F9F9;
}









.border{
    border-top: 1px solid #dddddd;
}





.color-blue{
    color:#0B70F7;
}

.color-red-tint-1{
    color:#e90003;
}

.color-red-tint-2{
    color:#AF141A;
}












@media (min-width: 1200px){
    .container {
        width: 1260px;
        margin:0 auto;
    }
    div.front-paged-item{
        transform: translateY(30%);
        -ms-transform: translateY(30%);
    }
}



.l-box{
    padding: 1em;
}
.l-box2{
    padding: 2em;
}
.l-box3{
    padding: 3em;
}
.d-block{
    display:block;
    width:100% !important
}


.text-center{
    text-align: center;
}

.lead{
    font-size:1.1em;
}


@media (max-width: 48em)
{
    .lead{
        font-size: 0.9em;
    }
}


.shadow{
    box-shadow: 0 0 15px #dbdbdb;
}







#pure-menu-categories{
    box-shadow: 0 3px 0px #1f9e49;
}

div.modal_window_alert, .gdprcookie{
    box-shadow: 0 11px 11px #e6e6e6 !important;
}

.pure-menu-children.dropdown-menu{
    box-shadow: 0 3px 0px #1f9e49, 0 11px 11px #e6e6e6 !important;
}



div.modal_window_alert, .gdprcookie{
    position:fixed;
    left:auto;
    right:50%;
    top:50%;
    transform:translate(50%,-50%);
    width:220px;
    font-size:1.4rem;
    padding:5rem 2rem;
    z-index:9999;
}


.gdprcookie{
    background: #fcfcfc;
    padding:0;
    width:25em;
    z-index: 9999;
    border: 1px solid #ddd;

}





/* buttons */
.buttons {
    margin: 1em 0;
}


.pure-button-xs {
    font-size: 0.75em;
}
.pure-button-sm {
    font-size: 0.8em;
}

.pure-button-md {
    font-size: 0.9em;
}

.pure-button-lg {
    font-size: 1em;

}


.pure-button-xl {
    font-size: 1.2em;
}

.pure-button-xxl {
    font-size: 1.3em;
}

.pure-button-xxxl {
    font-size: 1.4em;
}

.pure-button-x4k {
    font-size: 1.6em;
}






.pure-button-type-1, .pure-button-type-2{
    background: inherit;
    border: 1px solid #ddd;
}

.pure-button-type-2{
    border-color: #e90003;
}

.pure-button-type-3{
    border:0;
    background:#000;
    color:#fff;
}

.pure-button-primary,
.pure-button-pure,
.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
    color:#fff;
}

.pure-button-primary:hover,
.pure-button-success:hover,
.pure-button-error:hover,
.pure-button-warning:hover,
.pure-button-secondary:hover {
    box-shadow: 0 0 13px -5px rgba(0, 0, 0, 0.6) inset;
    color:#fff;
}

.pure-button-success {
    background: rgb(28, 184, 65);
    /* this is a green */
}

.pure-button-error {
    background: rgb(202, 60, 60);
    /* this is a maroon */
}

.pure-button-warning {
    background: rgb(223, 117, 20);
    /* this is an orange */
}

.pure-button-secondary {
    background: #000;
}

.pure-button-pure{
    background: #fff;
    border:1px solid #ddd;
    color:#000 !important;
}


.pure-button-hover, .pure-button:focus, .pure-button:hover
{
}

.pure-button-type-1:hover, .pure-button-type-2:hover{
    box-shadow:0px 0px 5px 0px #ddd;
    color:inherit;
}

.pure-button-type-2:hover{
    box-shadow:0px 0px 0px 2px #e90003;
}

.pure-button-type-3:hover{
    background:#AF141A;
    color:#fff;
}

.clicked{
    background:#000 !important;
}


/* Missing focus and border color to overwrite bootstrap 
.pure-button-info:hover, .pure-button-info:active, .pure-button-info.active, .pure-button-info.disabled, .pure-button-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
*/



.emph{
    color: #fff;
    width:19px;
    width: 19px;
    line-height: 19px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 -10px;
    border-radius: 10px;
}


.bg-blue{
    background:#002a7b;
}
.bg-green{
    background:#1f9e49;
}
.bg-red{
    background:#c81025;
}

.bg-red-2{
    background:#ac0e20;
}

/*.account-pannel*/

/*768px*/
@media (max-width: 48em)
{
    .account-pannel{
        padding:5pt;
    }
    .l-box2, .l-box3{
        padding: 0;
    }
}

/*1024*/
@media (max-width: 64em)
{
    .account-pannel{
        padding:5pt;
    }
    .l-box2, .l-box3{
        padding: 1em;
    }
}

/*1024*/
@media (min-width: 80em)
{
    .account-pannel{
        padding:45pt;
    }
}


@media (min-width: 768px) {

    #product-data{
        margin-top:20pt;
        padding-left: 50pt;
        margin-left:10pt;
        border-left: 1pt solid #eee;
    }

}




.bg_1{
    background: #f3f3f3;
}




.lead-box{
    margin:0 auto;
}

/*1024px*/
@media (min-width: 80em)
{
    .lead-box{
        max-width: 70%;
    }
}

.checkbox label{
    cursor: pointer;
}

.mfp-bg{
    background:#fff !important;
    opacity: 1 !important;
}

.mfp-figure::after {
    box-shadow: none !important;
}





.border-radius{
    border-radius: 1.4em;
}


.account-pannel table{
    width:100%;
    margin-bottom: 2em;
}




.accordion-toggle:not(.collapsed){
    font-weight:bold;
}




.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
tr.collapse.in {
    display: table-row;
}
tbody.collapse.in {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}



.content-space-between{
    justify-content: space-between;
}


.content-display-over{
    position:fixed;
    display: block !important;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#f9f9f9;
    padding:1em;
    overflow-y:scroll;
    width:100%;
}

#toggle-category-filters.clicked{
    position:fixed;
    display: block !important;
    right:1em;
    top:1em;

}





.r2{
    display:flex;
    justify-content: space-between;
}









.flip{
    flex-direction:row-reverse;
}

.text-separator:before,.text-separator:after{
    content:'';
    height:1px;
    width:40%;
    background:#000;
    margin-right: 1em;
    display:inline-block;
}
.text-separator:after{
    margin:0 0 0 1em;
}



.has-error input, .has-error select{
    background:#ffe9e9;
    border:1px solid #e80001 !important;
}


.has-error-corrected input, .has-error-corrected select{
    background:#06ac09;
    border:1px solid #06ac09 !important;
}



.align-center-center{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.h-12{
    height: 12em;
}


.h-16{
    height: 16em;
}

.h-18{
    height: 18em;
}



#information-contact input, #information-contact textarea{
    padding: 1.25em;
    display: inline-block;
    border: 0px solid #eee;
    box-shadow: 0 0 10px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: 1em;
}

#information-contact label{
    text-transform: uppercase;
}


.box-border-left-success{
    box-shadow: 6px 0px 0px #1f9e49 inset;
}

.box-border-left-danger{
    box-shadow: 6px 0px 0px #e80001 inset;
}

.box-border-bottom{
    border-bottom: 1px solid #ddd;
}


@media (max-width: 64em) {
    .container{
        padding:1.25em;
    }
    #masthead .container{
        padding: 0;
    }
    #navbar-brandname a{
        font-size: 1.75em;
    }
}



#wrapper_calculator{
    color:#fff;
    margin: 2rem 0;
}


form#colete-form .item{
    margin-bottom: 0;
}
form#colete-form .item_wrapper{
    display: flex;
    gap:0.75rem;
}
form#colete-form fieldset{
    position: relative;
    margin:0;
    padding:3rem 1rem 1rem;
}
form#colete-form fieldset > button{
    position: absolute;
    top: 1rem;
    right: 1rem;
}

form#colete-form fieldset:first-of-type{
    border-top: 0;
}

form#colete-form legend{
    border: 0px;
    width: inherit;
    padding: 0;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 1rem;
    margin: 0;
    color: #fff;
}

form#colete-form legend::before{
    content:"/ ";
}

form#colete-form #controls{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin:1rem;
    gap:1rem;
    justify-content: center;
}

form#colete-form #controls > div{
    display: flex;
    gap:1rem;
}

form#colete-form #result{
    font-weight: 800;
    font-size: 2.4rem;
}

form#colete-form label{
    text-transform: uppercase;
}


form#colete-form button{
    background:#000;
    color:#fff;
}




@media (max-width:48em){
    form#colete-form #controls{
        flex-direction: column;
    }
}


#items-container fieldset {
    border-top: 1px solid var(--theme-color-border);
}

@media (min-width:48em){
    form#colete-form .control-group{
        flex-basis: 20%;
    }
}


@media (max-width:48em){
    form#colete-form .item_wrapper{
        flex-wrap: wrap;
    }

    form#colete-form .control-group {
        width: 45%;
    }
}





.item h2{
    font-size: 2rem;
    font-weight: 800;
}

.item h3{
    font-size: 1.2rem;
}

.item h2 > a:hover, .item h3 > a:hover{
    color:var(--theme-color-1);
}

.item > .border:hover{
    box-shadow: 0 0 15px var(--theme-color-shadow);
}

h2.emph::after, h3.emph::after{
    content: "";
    width: 6rem;
    display: block;
    border-bottom: 0.1rem solid var(--theme-color-1);
    margin-top: 0.5rem;
}




.item-page{
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.4;
}

.item-page div[itemprop="articleBody"] > section{
    margin-top: 3rem;
}

.item-page div[itemprop="articleBody"] > section:first-of-type{
    margin-top:0;
}


item-page h2, item-page h3{
    font-size: 1.4rem;
    margin: 1rem 0;
    font-weight: 100;
    font-style: italic;
}






@media (max-width: 48em) {
    .item-page section > h2{
        font-size: 1.3rem;
    }

}




body input, body textarea, body select {
    width: 100%;
    border-radius: 0.75rem;
}


@media (min-width:60em){

    ul#top-menu {
        display: flex;
        gap: 1rem;
        font-size: 0.9rem;
    }


}

ul#top-menu > li:last-of-type {
    background: #4e9bff;
    color: #fff;
    font-weight: 800;
}
ul#top-menu > li:last-of-type a{
    color:#fff;
}


@media (max-width:60em){
    ul#top-menu > li:last-of-type a{
        color:#fff;
        text-align: center;
    }
}




.fbx{
    display:flex;
    flex-flow: row wrap;
}

.fbx_fd_r{
    flex-direction: row;
}

.fbx_fd_rr{
    flex-direction: row-reverse;
}

.fbx_fd_c{
    flex-direction: column;
}

.fbx_fd_cr{
    flex-direction: column-reverse;
}
.fbx_g025{
    gap:0.25rem;
}
.fbx_g050{
    gap:0.5rem;
}

.fbx_g1{
    gap:1rem;
}
.fbx_g15{
    gap:1.5rem;
}
.fbx_g2{
    gap:2rem;
}

.fbx_ai_fe{
    align-items: flex-end;
}
.fbx_ai_c{
    align-items: center;
}
.fbx_ai_b{
    align-items: baseline;
}

.fbx_ai_e{
    align-items: end;
}




.fbx_jc_sb{
    justify-content: space-between;
}
.fbx_jc_sa{
    justify-content: space-around;
}
.fbx_jc_se{
    justify-content: space-evenly;
}
.fbx_jc_c{
    justify-content: center;
}
.fbx_jc_l{
    justify-content:left
}

.fbx_fs0{
    flex-shrink: 0;
}

.fbx_fs1{
    flex-shrink: 1;
}

.fbx_fw-w{
    flex-wrap: wrap
}
.fbx_fw-nw{
    flex-wrap: nowrap
}


@media (max-width:64em){
    .fbx_reverse_cr64{
        flex-direction:column-reverse;
    }
}

/*font colors*/
.g-c-red, .g-c-red a{
    color:var(--theme-color-red);
}
.g-c-blue, .g-c-blue a{
    color: var(--theme-color-blue);
}
.g-c-white, .g-c-white a{
    color: var(--theme-color-white) !important;
}
.g-c-yellow, .g-c-yellow a{
    color: var(--theme-color-yellow);
}
.g-c-black, .g-c-black a{
    color: var(--theme-color-black);
}
.g-c-gray, .g-c-gray a{
    color: var(--theme-color-gray);
}
.g-c-black-gray, .g-c-black-gray a{
    color: var(--theme-color-black-gray);
}
.g-c-orange, .g-c-orange a{
    color: var(--theme-color-orange);
}

/*backgrounds*/
.g-bg-black, .w-box.g-bg-black:before{
    background: var(--theme-color-black);
    color:var(--theme-color-black-gray);
}
.g-bg-black-gray, .w-box.g-bg-black-gray:before{
    background: var(--theme-color-black-gray);
}
.g-bg-blue, .w-box.g-bg-blue:before{
    background: var(--theme-color-blue);
}
.g-bg-gray, .w-box.g-bg-gray:before{
    background: var(--theme-color-gray);
}
.g-bg-orange, .w-box.g-bg-orange:before{
    background: var(--theme-color-orange);
}
.g-bg-red, .w-box.g-bg-red:before{
    background: var(--theme-color-red);
}
.g-bg-white, .w-box.g-bg-white:before{
    background: var(--theme-color-white);
}
.g-bg-white-gray, .w-box.g-bg-white-gray:before{
    background: var(--theme-color-white-gray);
}
.g-bg-white-smoke, .w-box.g-bg-white-smoke:before{
    background: var(--theme-color-white-smoke);
}
.g-bg-yellow, .w-box.g-bg-yellow:before{
    background: var(--theme-color-yellow);
}

.g-bg-grad-1, .w-box.g-bg-grad-1:before{
    background: linear-gradient(90deg, #a47451 0.000%, #9c9881 16.667%, #73a09d 33.333%, #3b899a 50.000%, #095b79 66.667%, #002847 83.333%, #000116 100.000%);
}
.g-bg-grad-2, .w-box.g-bg-grad-2:before{
    background: linear-gradient(90deg, #07aeea 0.000%, #2bf598 100.000%);
}
.g-bg-grad-3, .w-box.g-bg-grad-3:before{
    background: linear-gradient(45deg, #4159d0 0.000%, #c84fc0 50.000%, #ffcd70 100.000%);
}
.g-bg-grad-4, .w-box.g-bg-grad-4:before{
    background: linear-gradient(33deg, #594a0a 0.000%, #594a0a 14.286%, #9f5c0d calc(14.286% + 1px), #9f5c0d 28.571%, #e37612 calc(28.571% + 1px), #e37612 42.857%, #ff9618 calc(42.857% + 1px), #ff9618 57.143%, #ffbc1f calc(57.143% + 1px), #ffbc1f 71.429%, #ffe627 calc(71.429% + 1px), #ffe627 85.714%, #ffff2f calc(85.714% + 1px) 100.000%);
}
.g-bg-grad-5, .w-box.g-bg-grad-5:before{
    background: linear-gradient(180deg, #a9caff 0.000%, #b8cbff 16.667%, #d3cbff 33.333%, #f0c8f9 50.000%, #ffc5f1 66.667%, #ffc0ec 83.333%, #ffbaec 100.000%);
}
.g-bg-grad-6, .w-box.g-bg-grad-6:before{
    background: linear-gradient(225deg, #abc8de 0.000%, #c7c9d8 16.667%, #e5cccf 33.333%, #ffd3c7 50.000%, #ffdbc2 66.667%, #ffe4c0 83.333%, #ffedc3 100.000%);
}
.g-bg-grad-7, .w-box.g-bg-grad-7:before{
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
.g-bg-grad-8, .w-box.g-bg-grad-8:before{
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
.g-bg-grad-9, .w-box.g-bg-grad-9:before{
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.g-bg-grad-10, .w-box.g-bg-grad-10:before{
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.g-bg-grad-11, .w-box.g-bg-grad-11:before{
    background: linear-gradient(135deg, #312c00 0.000%, #312c00 14.286%, #332e1e calc(14.286% + 1px), #332e1e 28.571%, #323149 calc(28.571% + 1px), #323149 42.857%, #2c3377 calc(42.857% + 1px), #2c3377 57.143%, #2436a2 calc(57.143% + 1px), #2436a2 71.429%, #1a39c0 calc(71.429% + 1px), #1a39c0 85.714%, #113ccc calc(85.714% + 1px) 100.000%);
}
.g-bg-grad-12, .w-box.g-bg-grad-12:before{
    background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
}
.g-bg-grad-13, .w-box.g-bg-grad-13:before{
    background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
}
.g-bg-grad-14, .w-box.g-bg-grad-14:before{
    background-image: linear-gradient(180deg,rgba(252, 184, 47, 1) 0%, rgba(252, 212, 88, 1) 60%, rgba(0, 212, 255, 1) 100%);
}
.g-bg-black .list-hr li{
    border-color: var(--theme-color-black-gray);
}



/*borders*/
.g-bw{
    border: 1px solid var(--theme-color-border)
}
.g-bw-01{
    border-width: 0.1rem
}
.g-bw-01{
    border-width: 0.1rem
}
.g-bw-02{
    border-width: 0.2rem
}
.g-bw-03{
    border-width: 0.3rem
}
.g-bs-s{
    border-style: solid
}
.g-bc-red,.w-box.g-bc-red::before{
    border-color: var(--theme-color-red);
}
.g-bc-white-gray{
    border-color: var(--theme-color-white-gray);
}
.g-bc-white-smoke{
    border-color: var(--theme-color-white-smoke);
}
.g-bc-blue{
    border-color: var(--theme-color-blue);
}
.g-bc-orange{
    border-color: var(--theme-color-orange);
}
.g-bc-white{
    border-color: var(--theme-color-white);
}
.g-bc-yellow{
    border-color: var(--theme-color-yellow);
}
.g-bc-black{
    border-color: var(--theme-color-black);
}
.g-bc-black-gray{
    border-color: var(--theme-color-black-gray);
}


/*corners*/
.g-br-05, .g-br-05.w-box::before{
    border-radius: 0.5rem;
}
.g-br-1, .g-br-1.w-box::before{
    border-radius: 1rem;
}
.g-br-2, .g-br-2.w-box::before{
    border-radius: 2rem;
}
.g-br-3, .g-br-3.w-box::before{
    border-radius: 3rem;
}




/*padding*/
.g-p-1{
    padding:1rem
}
.g-p-2{
    padding:2rem
}
.g-p-3{
    padding:3rem
}


/*shadows*/
.g-boxs-1, .g-boxs-1.w-box::before{
    box-shadow: 0 0 1rem 0 var(--theme-color-shadow);
}
.g-boxs-2, .g-boxs-2.w-box::before{
    box-shadow: 0 0 2rem 0 var(--theme-color-shadow);
}
.g-boxs-3, .g-boxs-3.w-box::before{
    box-shadow: 0 0 3rem 0 var(--theme-color-shadow);
}

.g-boxs-t-1, .g-boxs-t-1.w-box::before{
    box-shadow: 0 -1rem 1rem 0 var(--theme-color-shadow);
}
.g-boxs-t-2, .g-boxs-t-2.w-box::before{
    box-shadow: 0 -2rem 2rem 0 var(--theme-color-shadow);
}
.g-boxs-t-3, .g-boxs-t-3.w-box::before{
    box-shadow: 0 -3rem 3rem 0 var(--theme-color-shadow);
}

.g-boxs-b-1, .g-boxs-b-1.w-box::before{
    box-shadow: 0 1rem 1rem 0 var(--theme-color-shadow);
}
.g-boxs-b-2, .g-boxs-b-2.w-box::before{
    box-shadow: 0 2rem 2rem 0 var(--theme-color-shadow);
}
.g-boxs-b-3, .g-boxs-b-3.w-box::before{
    box-shadow: 0 3rem 3rem 0 var(--theme-color-shadow);
}

/*screen viewport*/
.g-v-50{
    height: 50vh;
}
.g-v-100{
    height: 100vh;
}


/*padding*/
.g-p-1{
    padding:1rem
}
.g-p-2{
    padding:2rem
}
.g-p-3{
    padding:3rem
}
.g-p-4{
    padding:4rem
}
.g-p-5{
    padding:5rem
}
.g-p-h-1{
    padding-left:1rem;
    padding-right: 1rem
}
.g-p-h-2{
    padding-left:2rem;
    padding-right: 2rem
}
.g-p-h-3{
    padding-left:3rem;
    padding-right: 3rem
}
.g-p-h-4{
    padding-left:4rem;
    padding-right: 4rem
}
.g-p-h-5{
    padding-left:5rem;
    padding-right: 5rem
}
.g-p-v-1{
    padding-top:1rem;
    padding-bottom: 1rem
}
.g-p-v-2{
    padding-top:2rem;
    padding-bottom: 2rem
}
.g-p-v-3{
    padding-top:3rem;
    padding-bottom: 3rem
}
.g-p-v-4{
    padding-top:4rem;
    padding-bottom: 4rem
}
.g-p-v-5{
    padding-top:5rem;
    padding-bottom: 5rem
}


/*margin*/
.g-m-1{
    margin:1rem
}
.g-m-2{
    margin:2rem
}
.g-m-3{
    margin:3rem
}
.g-m-4{
    margin:4rem
}
.g-m-5{
    margin:5rem
}
.g-m-h-1{
    margin-left:1rem;
    margin-right: 1rem
}
.g-m-h-2{
    margin-left:2rem;
    margin-right: 2rem
}
.g-m-h-3{
    margin-left:3rem;
    margin-right: 3rem
}
.g-m-h-4{
    margin-left:4rem;
    margin-right: 4rem
}
.g-m-h-5{
    margin-left:5rem;
    margin-right: 5rem
}
.g-m-v-1{
    margin-top:1rem;
    margin-bottom: 1rem
}
.g-m-v-2{
    margin-top:2rem;
    margin-bottom: 2rem
}
.g-m-v-3{
    margin-top:3rem;
    margin-bottom: 3rem
}
.g-m-v-4{
    margin-top:4rem;
    margin-bottom: 4rem
}
.g-m-v-5{
    margin-top:5rem;
    margin-bottom: 5rem
}




.w-box {
    height:100%;
    padding:2rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    box-shadow: none !important;
    border-radius: 0
        background: transparent !important;

    > *{
        position: relative;
    }

    ul{
        margin: 0;
    }

    h4{
        font-weight: 600;
    }

    .pure-button, a > img{
        display:flex;
        justify-content: center;
    }


    .panel-heading{
        padding:0.25rem;
    }


}

.w-box::before{
    content: "";
    position: absolute;
    inset: 1rem;
    z-index: 0;
    transition: all 350ms ease;
    border-style: solid;
    border-color:transparent;
    background: transparent;
}


.featbox{
    padding: 4rem;
}

@media (max-width: 48em){
    .w-box, .featbox {
        padding:1rem;
    }

    .w-box::before{
        inset: 0.5rem;
    }

}