/* Minification failed. Returning unminified contents.
(7903,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8705,12): run-time error CSS1038: Expected hex color, found '#ffff'
 */

@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:100;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_ultralight.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_ultralight.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 100";
    src:url("../assets/ac-footer/legacy/appleicons_ultralight.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:200;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_thin.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_thin.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 200";
    src:url("../assets/ac-footer/legacy/appleicons_thin.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:300;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_thin.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_thin.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 300";
    src:url("../assets/ac-footer/legacy/appleicons_thin.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:400;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 400";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:500;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 500";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:600;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 600";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:700;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 700";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:800;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 800";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@font-face{
    font-family:'Apple Legacy Chevron';
    font-style:normal;
    font-weight:900;
    src:local("?"),url("../assets/ac-footer/legacy/appleicons_text.woff") format("woff"),url("../assets/ac-footer/legacy/appleicons_text.ttf") format("truetype")
}
@font-face{
    font-family:"Apple Icons 900";
    src:url("../assets/ac-footer/legacy/appleicons_text.eot")
}
@media only screen and (min-width:768px) {
    .info-link {
        text-align: right;
    }
}
#ac-globalfooter {
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;

}
#ac-globalfooter,#ac-globalfooter:before,#ac-globalfooter:after,#ac-globalfooter *,#ac-globalfooter *:before,#ac-globalfooter *:after{
    box-sizing:content-box;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
    padding:0;  
    pointer-events:auto;
    letter-spacing:normal
}
#ac-globalfooter *,#ac-globalfooter *:before,#ac-globalfooter *:after{
    /*font-family:inherit;
    font-weight:inherit;*/
    line-height:inherit;
    /*text-align:inherit*/
}
#ac-globalfooter article,#ac-globalfooter aside,#ac-globalfooter details,#ac-globalfooter figcaption,#ac-globalfooter figure,#ac-globalfooter footer,#ac-globalfooter header,#ac-globalfooter nav,#ac-globalfooter section{
    display:block
}
#ac-globalfooter img{
    border:0;
    vertical-align:middle
}
#ac-globalfooter ul{
    list-style:none;
    /*font-size: 15.5px;*/
    font-size:17px;
}
#ac-globalfooter,#ac-globalfooter input,#ac-globalfooter textarea,#ac-globalfooter select,#ac-globalfooter button{
    font-synthesis:none;
    -moz-font-feature-settings:'kern';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    direction:ltr;
    text-align:left
}
#ac-globalfooter,#ac-globalfooter select,#ac-globalfooter button{
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
}
#ac-globalfooter input,#ac-globalfooter textarea{
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
}
#ac-globalfooter .ac-gf-icon:before,#ac-globalfooter .ac-gf-icon:after,#ac-globalfooter .ac-gf-more:before,#ac-globalfooter .ac-gf-more:after{
    /*font-family:"SF Pro Icons","Apple Legacy Chevron";*/
    color:inherit;
    display:inline-block;
    font-style:normal;
    font-weight:inherit;
    font-size:inherit;
    line-height:1;
    text-decoration:underline;
    position:relative;
    z-index:1;
    alt:''
}
#ac-globalfooter .ac-gf-icon:before,#ac-globalfooter .ac-gf-icon:after,#ac-globalfooter .ac-gf-more:before,#ac-globalfooter .ac-gf-more:after{
    text-decoration:none
}
#ac-globalfooter .ac-gf-icon:before,#ac-globalfooter .ac-gf-more:before{
    display:none
}
#ac-globalfooter .ac-gf-icon-after:after,#ac-globalfooter .ac-gf-more:after{
    padding-left:.3em;
    top:0
}
#ac-globalfooter .ac-gf-icon-before:before{
    padding-right:.3em;
    display:inline-block;
    top:0
}
#ac-globalfooter .ac-gf-icon-before:after{
    display:none
}
#ac-globalfooter .ac-gf-icon-apple:before,#ac-globalfooter .ac-gf-icon-apple:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevrondown:before,#ac-globalfooter .ac-gf-icon-chevrondown:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevrondowncircle:before,#ac-globalfooter .ac-gf-icon-chevrondowncircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronleft:before,#ac-globalfooter .ac-gf-icon-chevronleft:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronleftcircle:before,#ac-globalfooter .ac-gf-icon-chevronleftcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronright:before,#ac-globalfooter .ac-gf-icon-chevronright:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronrightcircle:before,#ac-globalfooter .ac-gf-icon-chevronrightcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronup:before,#ac-globalfooter .ac-gf-icon-chevronup:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-chevronupcircle:before,#ac-globalfooter .ac-gf-icon-chevronupcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-downloadcircle:before,#ac-globalfooter .ac-gf-icon-downloadcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-external:before,#ac-globalfooter .ac-gf-icon-external:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-pausecircle:before,#ac-globalfooter .ac-gf-icon-pausecircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-playcircle:before,#ac-globalfooter .ac-gf-icon-playcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-replay:before,#ac-globalfooter .ac-gf-icon-replay:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-stopcircle:before,#ac-globalfooter .ac-gf-icon-stopcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-circle:before,#ac-globalfooter .ac-gf-icon-circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-check:before,#ac-globalfooter .ac-gf-icon-check:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-checkcircle:before,#ac-globalfooter .ac-gf-icon-checkcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-checksolid:before,#ac-globalfooter .ac-gf-icon-checksolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-reset:before,#ac-globalfooter .ac-gf-icon-reset:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-resetcircle:before,#ac-globalfooter .ac-gf-icon-resetcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-resetsolid:before,#ac-globalfooter .ac-gf-icon-resetsolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-exclamation:before,#ac-globalfooter .ac-gf-icon-exclamation:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-exclamationcircle:before,#ac-globalfooter .ac-gf-icon-exclamationcircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-exclamationsolid:before,#ac-globalfooter .ac-gf-icon-exclamationsolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-infocircle:before,#ac-globalfooter .ac-gf-icon-infocircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-question:before,#ac-globalfooter .ac-gf-icon-question:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-questioncircle:before,#ac-globalfooter .ac-gf-icon-questioncircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-questionsolid:before,#ac-globalfooter .ac-gf-icon-questionsolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-plus:before,#ac-globalfooter .ac-gf-icon-plus:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-pluscircle:before,#ac-globalfooter .ac-gf-icon-pluscircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-plussolid:before,#ac-globalfooter .ac-gf-icon-plussolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-minus:before,#ac-globalfooter .ac-gf-icon-minus:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-minuscircle:before,#ac-globalfooter .ac-gf-icon-minuscircle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-minussolid:before,#ac-globalfooter .ac-gf-icon-minussolid:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-1circle:before,#ac-globalfooter .ac-gf-icon-1circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-2circle:before,#ac-globalfooter .ac-gf-icon-2circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-3circle:before,#ac-globalfooter .ac-gf-icon-3circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-4circle:before,#ac-globalfooter .ac-gf-icon-4circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-5circle:before,#ac-globalfooter .ac-gf-icon-5circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-6circle:before,#ac-globalfooter .ac-gf-icon-6circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-7circle:before,#ac-globalfooter .ac-gf-icon-7circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-8circle:before,#ac-globalfooter .ac-gf-icon-8circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-9circle:before,#ac-globalfooter .ac-gf-icon-9circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-10circle:before,#ac-globalfooter .ac-gf-icon-10circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-11circle:before,#ac-globalfooter .ac-gf-icon-11circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-12circle:before,#ac-globalfooter .ac-gf-icon-12circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-13circle:before,#ac-globalfooter .ac-gf-icon-13circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-14circle:before,#ac-globalfooter .ac-gf-icon-14circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-15circle:before,#ac-globalfooter .ac-gf-icon-15circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-16circle:before,#ac-globalfooter .ac-gf-icon-16circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-17circle:before,#ac-globalfooter .ac-gf-icon-17circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-18circle:before,#ac-globalfooter .ac-gf-icon-18circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-19circle:before,#ac-globalfooter .ac-gf-icon-19circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-20circle:before,#ac-globalfooter .ac-gf-icon-20circle:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-close:before,#ac-globalfooter .ac-gf-icon-close:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddleleft:before,#ac-globalfooter .ac-gf-icon-paddleleft:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddleleftcompact:before,#ac-globalfooter .ac-gf-icon-paddleleftcompact:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddleright:before,#ac-globalfooter .ac-gf-icon-paddleright:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddlerightcompact:before,#ac-globalfooter .ac-gf-icon-paddlerightcompact:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddleup:before,#ac-globalfooter .ac-gf-icon-paddleup:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddleupcompact:before,#ac-globalfooter .ac-gf-icon-paddleupcompact:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddledown:before,#ac-globalfooter .ac-gf-icon-paddledown:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-paddledowncompact:before,#ac-globalfooter .ac-gf-icon-paddledowncompact:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-thumbnailreplay:before,#ac-globalfooter .ac-gf-icon-thumbnailreplay:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-thumbnailpause:before,#ac-globalfooter .ac-gf-icon-thumbnailpause:after{
    content:"?"
}
#ac-globalfooter .ac-gf-icon-thumbnailplay:before,#ac-globalfooter .ac-gf-icon-thumbnailplay:after{
    content:"?"
}
#ac-globalfooter .ac-gf-more:before,#ac-globalfooter .ac-gf-more:after{
    content:"?"
}
#ac-globalfooter .ac-gf-more-block{
    margin-top:.5em
}
#ac-globalfooter a.ac-gf-block{
    display:block;
    color:inherit;
    cursor:pointer;
    text-decoration:none
}
#ac-globalfooter a.ac-gf-block:before,#ac-globalfooter a.ac-gf-block:after{
    content:' ';
    display:table
}
#ac-globalfooter a.ac-gf-block:after{
    clear:both
}
#ac-globalfooter a.ac-gf-block:hover{
    text-decoration:none
}
#ac-globalfooter a.ac-gf-block:hover .ac-gf-block-link{
    text-decoration:underline
}
#ac-globalfooter a.ac-gf-block:hover .ac-gf-block-link.icon-ie-parent{
    text-decoration:none
}
#ac-globalfooter a.ac-gf-block:hover .ac-gf-block-link.icon-ie-parent .icon-ie-link{
    text-decoration:underline
}
#ac-globalfooter .ac-gf-block-link{
    color:#0070c9;
    cursor:pointer
}
#ac-globalfooter a.ac-gf-block-inline{
    display:inline-block
}
#ac-globalfooter {
    border-top: 1px solid #ded9d9;
    font-size: 15.5px;
    line-height: 1.36364;
    font-weight: 400;
    letter-spacing: -.008em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    /*background-color: #f2f2f2;*/
    background-color: transparent;
    color: #333;
    min-width: 1024px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 2em 2em 3em;
    min-width: 312px;
    display:inherit;
}
.ac-theme-dark #ac-globalfooter,#ac-globalfooter.ac-globalfooter-dark{
    background-color:#222;
    color:#ccc
}
@media only screen and (max-width: 768px){
    #ac-globalfooter{
        min-width:320px;
        padding: 0 0 5px 0;
        
    }
}
/*#ac-globalfooter h1,#ac-globalfooter h2,#ac-globalfooter h3,#ac-globalfooter h4,#ac-globalfooter h5,#ac-globalfooter h6{
    color:inherit
}*/
#ac-globalfooter a {
    color: #083c57;
    text-decoration: none;
    font-size: 17px;
}
    #ac-globalfooter a:hover {
        color: #17aee2;
        text-decoration: underline
    }
.ac-theme-dark #ac-globalfooter a,#ac-globalfooter.ac-globalfooter-dark a{
    color:#999
}
.ac-theme-dark #ac-globalfooter a:hover,#ac-globalfooter.ac-globalfooter-dark a:hover{
    color:#ccc
}
#ac-globalfooter a.ac-gf-block{
    color:inherit;
    text-decoration:none
}
#ac-globalfooter a.ac-gf-block:hover{
    color:inherit
}
.ac-theme-dark #ac-globalfooter a.ac-gf-block,#ac-globalfooter.ac-globalfooter-dark a.ac-gf-block{
    color:inherit
}
.ac-theme-dark #ac-globalfooter a.ac-gf-block .ac-gf-block-link,#ac-globalfooter.ac-globalfooter-dark a.ac-gf-block .ac-gf-block-link{
    color:#6bf
}
#ac-globalfooter .ac-gf-content{
    margin:0 auto;
    max-width:980px;
    padding:0 22px;
    padding-left:calc(22px + constant(safe-area-inset-left));
    padding-right:calc(22px + constant(safe-area-inset-right))
}
@supports (padding: calc(max(0px))){
    #ac-globalfooter .ac-gf-content{
        padding-left:calc(max(22px, env(safe-area-inset-left)));
        padding-right:calc(max(22px, env(safe-area-inset-right)))
    }
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-content{
        padding:0 16px
    }
}
#ac-globalfooter .ac-gf-label{
    position:absolute;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    -webkit-clip-path:inset(0px 0px 99.9% 99.9%);
    clip-path:inset(0px 0px 99.9% 99.9%);
    overflow:hidden;
    height:1px;
    width:1px;
    padding:0;
    border:0
}
#ac-globalfooter .ac-gf-buystrip-hero{
    font-size:17px;
    line-height:1.52947;
    font-weight:400;
    letter-spacing:-.021em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    direction:rtl;
    padding-top:60px;
    text-align:center
}
#ac-globalfooter .ac-gf-buystrip-hero:before,#ac-globalfooter .ac-gf-buystrip-hero:after{
    content:' ';
    display:table
}
#ac-globalfooter .ac-gf-buystrip-hero:after{
    clear:both
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-hero{
        padding-bottom:16px
    }
}
#ac-globalfooter .ac-gf-buystrip-hero-product{
    margin-right:34px;
    display:inline-block;
    vertical-align:middle
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-buystrip-hero-product{
        margin-right:0;
        margin-top:22px
    }
}
#ac-globalfooter .ac-gf-buystrip-hero-block{
    direction:ltr;
    display:inline-block;
    text-align:left;
    vertical-align:middle
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-buystrip-hero-block{
        display:block;
        text-align:center
    }
}
#ac-globalfooter .ac-gf-buystrip-hero-title,#ac-globalfooter .ac-gf-buystrip-hero-copy,#ac-globalfooter .ac-gf-buystrip-hero-cta{
    margin:0
}
#ac-globalfooter .ac-gf-buystrip-hero-title{
    font-size:32px;
    line-height:1.125;
    font-weight:600;
    letter-spacing:.004em;
    /*font-family:"SF Pro Display","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    margin-bottom:3px
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-buystrip-hero-title{
        font-size:24px;
        line-height:1.16667;
        font-weight:600;
        letter-spacing:.009em;
        /*font-family:"SF Pro Display","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-buystrip-hero-title{
        margin-left:auto;
        margin-right:auto
    }
}
#ac-globalfooter .ac-gf-buystrip-hero-copy{
    font-size:19px;
    line-height:1.21053;
    font-weight:400;
    letter-spacing:.012em;
    /*font-family:"SF Pro Display","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
}
#ac-globalfooter .ac-gf-buystrip-hero-cta{
    margin-top:0.8em
}
#ac-globalfooter .ac-gf-buystrip-info{
    font-size:14px;
    line-height:1.42861;
    font-weight:400;
    letter-spacing:-.016em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    border-bottom:1px solid #d6d6d6;
    padding-top:4px;
    padding-bottom:56px;
    text-align:center
}
#ac-globalfooter .ac-gf-buystrip-info:before,#ac-globalfooter .ac-gf-buystrip-info:after{
    content:' ';
    display:table
}
#ac-globalfooter .ac-gf-buystrip-info:after{
    clear:both
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info::before,#ac-globalfooter.flexbox .ac-gf-buystrip-info::after{
    display:none
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info{
    border-color:#444
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-info{
        padding-top:8px
    }
}
#ac-globalfooter .ac-gf-buystrip-info-column{
    box-sizing:border-box;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    float:left;
    min-height:2px;
    width:25%
}
@media only screen and (max-width: 1023px){
    #ac-globalfooter .ac-gf-buystrip-info-column{
        width:50%
    }
    #ac-globalfooter .ac-gf-buystrip-info-column:nth-child(3){
        clear:left
    }
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-info-column{
        width:100%
    }
}
#ac-globalfooter .ac-gf-buystrip-info-content{
    margin:0 auto;
    padding-top:56px;
    position:relative;
    text-align:center;
    width:216px;
    z-index:1
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-info-content{
        padding-top:36px
    }
}
#ac-globalfooter .ac-gf-buystrip-info-icon{
    margin:0 auto
}
#ac-globalfooter .ac-gf-buystrip-info-icon-asa{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/asa/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-asa,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-asa{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/asa/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-bag{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/bag/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-bag,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-bag{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/bag/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-call{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/call/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-call,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-call{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/call/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-engraving{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/engraving/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-engraving,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-engraving{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/engraving/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-financing{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/financing/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-financing,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-financing{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/financing/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-giftwrap{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/giftwrap/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-giftwrap,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-giftwrap{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/giftwrap/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-help{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/help/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-help,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-help{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/help/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-personal_setup{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/personal_setup/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-personal_setup,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-personal_setup{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/personal_setup/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-retail{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/retail/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-retail,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-retail{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/retail/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-shipping{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/shipping/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-shipping,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-shipping{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/shipping/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-icon-thirdparty_retail{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/thirdparty_retail/icon_large.svg")
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-icon-thirdparty_retail,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-icon-thirdparty_retail{
    width:74px;
    height:74px;
    background-size:74px 74px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/buystrip/thirdparty_retail/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-buystrip-info-title,#ac-globalfooter .ac-gf-buystrip-info-copy,#ac-globalfooter .ac-gf-buystrip-info-caption,#ac-globalfooter .ac-gf-buystrip-info-cta{
    margin:0
}
#ac-globalfooter .ac-gf-buystrip-info-title{
    font-size:19px;
    line-height:1.21053;
    font-weight:600;
    letter-spacing:.012em;
    /*font-family:"SF Pro Display","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    margin-top:0.125em
}
#ac-globalfooter .ac-gf-buystrip-info-copy{
    display:block;
    margin-top:0.5em
}
#ac-globalfooter .ac-gf-buystrip-info-caption{
    display:block
}
#ac-globalfooter .ac-gf-buystrip-info-cta{
    color:#0070c9;
    margin-top:0.8em;
    margin-bottom:-.21429em;
    display:block
}
.ac-theme-dark #ac-globalfooter .ac-gf-buystrip-info-cta,#ac-globalfooter.ac-globalfooter-dark .ac-gf-buystrip-info-cta{
    color:#6bf
}
#ac-globalfooter.no-js .ac-gf-buystrip-info-cta-chat{
    display:none
}
#ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column{
    box-sizing:border-box;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    float:left;
    min-height:2px;
    width:33.33333%
}
@media only screen and (max-width: 1023px){
    #ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column:nth-child(3){
        clear:none
    }
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column{
        width:50%
    }
    #ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column:nth-child(3){
        width:100%;
        clear:left
    }
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column,#ac-globalfooter .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column:nth-child(3){
        width:100%
    }
}
#ac-globalfooter .ac-gf-buystrip-info.with-2-columns{
    padding-left:80px;
    padding-right:80px
}
@media only screen and (max-width: 1023px){
    #ac-globalfooter .ac-gf-buystrip-info.with-2-columns{
        margin:0 auto;
        padding-left:0;
        padding-right:0
    }
}
#ac-globalfooter .ac-gf-buystrip-info.with-2-columns .ac-gf-buystrip-info-column{
    box-sizing:border-box;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    float:left;
    min-height:2px;
    width:50%
}
@media only screen and (max-width: 480px){
    #ac-globalfooter .ac-gf-buystrip-info.with-2-columns .ac-gf-buystrip-info-column{
        width:100%
    }
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info-column,#ac-globalfooter.flexbox .ac-gf-buystrip-info.with-3-columns .ac-gf-buystrip-info-column,#ac-globalfooter.flexbox .ac-gf-buystrip-info.with-2-columns .ac-gf-buystrip-info-column{
    width:auto;
    float:none
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info-column{
    -webkit-box-flex:1;
    -webkit-flex:1 25%;
    -ms-flex:1 25%;
    flex:1 25%;
    max-width:410px
}
@media only screen and (max-width: 1023px){
    #ac-globalfooter.flexbox .ac-gf-buystrip-info-column{
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
}
@media only screen and (max-width: 480px){
    #ac-globalfooter.flexbox .ac-gf-buystrip-info-column{
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info-column:first-child:nth-last-child(2),#ac-globalfooter.flexbox .ac-gf-buystrip-info-column:last-child:nth-child(2){
    -webkit-flex-basis:50%;
    -ms-flex-preferred-size:50%;
    flex-basis:50%
}
@media only screen and (max-width: 480px){
    #ac-globalfooter.flexbox .ac-gf-buystrip-info-column:first-child:nth-last-child(2),#ac-globalfooter.flexbox .ac-gf-buystrip-info-column:last-child:nth-child(2){
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
}
#ac-globalfooter.flexbox .ac-gf-buystrip-info.with-2-columns{
    max-width:none
}
#ac-globalfooter .ac-gf-sosumi {
    /*border-bottom: 1px solid #083c57;*/
    color: #888;
    padding: 11px 0 11px
}
.ac-theme-dark #ac-globalfooter .ac-gf-sosumi,#ac-globalfooter.ac-globalfooter-dark .ac-gf-sosumi{
    border-color:#444;
    color:#666
}
#ac-globalfooter .ac-gf-sosumi ol{
    list-style-position:outside;
    margin:0;
    padding:0 17px
}
#ac-globalfooter .ac-gf-sosumi ol li{
    list-style-type:decimal
}
#ac-globalfooter .ac-gf-sosumi ul{
    list-style:none;
    margin:0
}
#ac-globalfooter .ac-gf-sosumi li{
    /*padding-bottom:0.8em*/

    padding-right:20px;
}
#ac-globalfooter .ac-gf-sosumi p,#ac-globalfooter .ac-gf-sosumi li{
    font-size:11px;
    line-height:1.36364;
    font-weight:400;
    letter-spacing:-.008em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
}
#ac-globalfooter .ac-gf-sosumi small{
    font-size:1em
}
#ac-globalfooter .ac-gf-breadcrumbs{
    padding:17px 0;
    position:relative;
    z-index:1;
    color:#555
}
#ac-globalfooter .ac-gf-breadcrumbs:before,#ac-globalfooter .ac-gf-breadcrumbs:after{
    content:' ';
    display:table
}
#ac-globalfooter .ac-gf-breadcrumbs:after{
    clear:both
}
.ac-theme-dark #ac-globalfooter .ac-gf-breadcrumbs,#ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs{
    color:#999
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-breadcrumbs{
        border-bottom:1px solid #d6d6d6
    }
    .ac-theme-dark #ac-globalfooter .ac-gf-breadcrumbs,#ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs{
        border-color:#444
    }
}
#ac-globalfooter .ac-gf-breadcrumbs-home{
    left:0;
    position:absolute;
    z-index:2;
    top:19px
}
#ac-globalfooter .ac-gf-breadcrumbs-home:hover{
    text-decoration:none
}
#ac-globalfooter .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon{
    background-position-y:100%
}
#ac-globalfooter .ac-gf-breadcrumbs-home-icon{
    width:14px;
    height:36px;
    background-size:14px 36px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/breadcrumbs/apple/icon_large.svg");
    height:18px;
    display:block;
    position:relative;
    z-index:2;
    color:transparent
}
.ac-theme-dark #ac-globalfooter .ac-gf-breadcrumbs-home-icon,#ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-home-icon{
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/breadcrumbs/apple/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-breadcrumbs-home-label{
    position:absolute;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    -webkit-clip-path:inset(0px 0px 99.9% 99.9%);
    clip-path:inset(0px 0px 99.9% 99.9%);
    overflow:hidden;
    height:1px;
    width:1px;
    padding:0;
    border:0
}
#ac-globalfooter .ac-gf-breadcrumbs-path{
    font-size:12px;
    line-height:1.33341;
    font-weight:400;
    letter-spacing:-.01em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    position:relative;
    z-index:1
}
#ac-globalfooter .ac-gf-breadcrumbs-path:before,#ac-globalfooter .ac-gf-breadcrumbs-path:after{
    content:' ';
    display:table
}
#ac-globalfooter .ac-gf-breadcrumbs-path:after{
    clear:both
}
#ac-globalfooter .ac-gf-breadcrumbs-list{
    max-height:9999px;
    padding-left:25px;
    direction:ltr;
    list-style:none
}
#ac-globalfooter .ac-gf-breadcrumbs-item{
    margin-right:7px;
    float:left;
    padding:3px 4px 3px 0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
#ac-globalfooter .ac-gf-breadcrumbs-item:before{
    width:8px;
    height:18px;
    background-size:8px 18px;
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/breadcrumbs/separator/icon_large.svg");
    margin-right:11px;
    content:'';
    display:inline-block;
    vertical-align:middle;
    margin-top:-1px
}
.ac-theme-dark #ac-globalfooter .ac-gf-breadcrumbs-item:before,#ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-item:before{
    background-repeat:no-repeat;
    background-image:url("../assets/ac-footer/breadcrumbs/separator/icon_dark_large.svg")
}
#ac-globalfooter .ac-gf-directory{
    font-size:14px;
    line-height:1.36364;
    font-weight:400;
    letter-spacing:-.008em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    position:relative;
    z-index:1;
    /*padding-top:20px*/
}
#ac-globalfooter .ac-gf-directory:before,#ac-globalfooter .ac-gf-directory:after{
    content:' ';
    display:table
}
#ac-globalfooter .ac-gf-directory:after{
    clear:both
}
/*#ac-globalfooter .ac-gf-directory:last-child{
    padding-bottom:28px
}*/
#ac-globalfooter .ac-gf-directory-column{
    box-sizing:border-box;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    float:left;
    min-height:2px;
    width:25%
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column{
        width:100%
    }
}
#ac-globalfooter .ac-gf-directory-column-section{
    width:100%;
    box-sizing:border-box;
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    float:left;
    min-height:2px;
    pointer-events:none;
    padding-top: 20px;
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section{
        /*border-bottom:1px solid #d6d6d6;*/
        overflow:hidden;
        pointer-events:auto
    }
    .ac-theme-dark #ac-globalfooter .ac-gf-directory-column-section,#ac-globalfooter.ac-globalfooter-dark .ac-gf-directory-column-section{
        border-color:#444
    }
}
#ac-globalfooter .ac-gf-directory-column-section ~ .ac-gf-directory-column-section{
    padding-top:24px
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section ~ .ac-gf-directory-column-section{
        padding-top:0
    }
}
#ac-globalfooter .ac-gf-directory-column-section-title{
    font-size:18px;
    line-height:1.36364;
    font-weight:600;
    letter-spacing:-.008em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    margin:0;
    /*border-bottom:1px solid;*/
    width:100%;
    margin-bottom:.8em
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-title{
        font-size:18px;
        line-height:1.33341;
        /*font-weight:400;*/
        letter-spacing:-.01em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-title{
        margin-bottom:0;
        padding-top:10px;
        padding-bottom:10px;
        /*background:#f2f2f2;*/
        cursor:pointer;
        position:relative;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        z-index:2
    }
    .ac-theme-dark #ac-globalfooter .ac-gf-directory-column-section-title,#ac-globalfooter.ac-globalfooter-dark .ac-gf-directory-column-section-title{
        background:#222;
        color:#ccc
    }
    #ac-globalfooter .ac-gf-directory-column-section-title:hover{
        color:#000
    }
    .ac-theme-dark #ac-globalfooter .ac-gf-directory-column-section-title:hover,#ac-globalfooter.ac-globalfooter-dark .ac-gf-directory-column-section-title:hover{
        color:#fff
    }
    #ac-globalfooter .ac-gf-directory-column-section-title.more-down:after {
        content: '+';
        float: right;
        font-size: 20px;
        font-weight: normal;
        margin-top: -8px;
        margin-right: 8px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}
#ac-globalfooter .ac-gf-directory-column-section-list{
    margin-right:20px;
    list-style:none;
    padding:0
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-list{
        margin:0;
        overflow:hidden;
        padding-top:5px;
        padding-bottom:16px;
        /*position:absolute;*/
        top:100%;
        left:0;
        width:100%;
        /*visibility:hidden;*/
        z-index:-1;
        /*-webkit-transform:translateY(-100px);
        -ms-transform:translateY(-100px);
        transform:translateY(-100px)*/
    }
}
#ac-globalfooter .ac-gf-directory-column-section-item{
    display:block;
    pointer-events:auto;
    margin-bottom:.8em
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-item{
        margin-bottom:0
    }
}
#ac-globalfooter .ac-gf-directory-column-section-item:last-child{
    /*margin-bottom:0*/
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-link{
        padding:6px 14px;
        display:block
    }
    #ac-globalfooter .ac-gf-directory-column-section-link:focus{
        outline-offset:-6px
    }
}
#ac-globalfooter .ac-gf-directory-column-section-anchor{
    right:0;
    cursor:default;
    display:none;
    position:absolute;
    top:0;
    width:1px;
    height:1px;
    z-index:10
}
#ac-globalfooter .ac-gf-directory-column-section-anchor:focus{
    outline-offset:-6px;
    width:25px;
    height:38px
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-anchor{
        display:block
    }
}
#ac-globalfooter .ac-gf-directory-column-section-anchor-close{
    display:none
}
#ac-globalfooter .ac-gf-directory-column-section-anchor-label{
    position:absolute;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    -webkit-clip-path:inset(0px 0px 99.9% 99.9%);
    clip-path:inset(0px 0px 99.9% 99.9%);
    overflow:hidden;
    height:1px;
    width:1px;
    padding:0;
    border:0
}
#ac-globalfooter .ac-gf-directory-column-section-state{
    display:none
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-title,#ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-title{
        color:#000
    }
    .ac-theme-dark #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-title,.ac-theme-dark #ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-title,#ac-globalfooter.ac-globalfooter-dark .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-title,#ac-globalfooter.ac-globalfooter-dark .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-title{
        color:#fff
    }
    #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-title:after,#ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-title:after{
        -webkit-transform:rotate(45deg) scale(1.08);
        -ms-transform:rotate(45deg) scale(1.08);
        transform:rotate(45deg) scale(1.08)
    }
    #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-list,#ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-list{
        position:static;
        visibility:visible;
        z-index:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        -webkit-transition:-webkit-transform 300ms ease;
        transition:-webkit-transform 300ms ease;
        transition:transform 300ms ease;
        transition:transform 300ms ease, -webkit-transform 300ms ease
    }
    #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-open,#ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-open{
        display:none
    }
    #ac-globalfooter .ac-gf-directory-column-section-state:target+.ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-close,#ac-globalfooter .ac-gf-directory-column-section-state:checked+.ac-gf-directory-column-section .ac-gf-directory-column-section-anchor-close{
        display:block
    }
}
#ac-globalfooter .ac-gf-directory.with-5-columns .ac-gf-directory-column{
    width: 100%
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-directory.with-5-columns .ac-gf-directory-column{
        width:100%
    }
}
#ac-globalfooter .ac-gf-breadcrumbs+.ac-gf-directory{
    padding-top:0
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-breadcrumbs+.ac-gf-directory{
        padding-top:0
    }
}
#ac-globalfooter .ac-gf-footer {
    /*border-top: 1px solid #d6d6d6;*/
    color: #888;
    padding: 5px 0 1px;
    padding-bottom: calc(21px + constant(safe-area-inset-bottom))
}
@supports (padding: calc(max(0px))){
    #ac-globalfooter .ac-gf-footer{
        padding-bottom:calc(max(21px, env(safe-area-inset-bottom)))
    }
}
#ac-globalfooter .ac-gf-footer:nth-child(2){
    border-top:none
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-footer{
        padding-bottom:19px;
        padding-bottom:calc(19px + constant(safe-area-inset-bottom))
    }
    @supports (padding: calc(max(0px))){
        #ac-globalfooter .ac-gf-footer{
            padding-bottom:calc(max(19px, env(safe-area-inset-bottom)))
        }
    }
}
.ac-theme-dark #ac-globalfooter .ac-gf-footer,#ac-globalfooter.ac-globalfooter-dark .ac-gf-footer{
    border-color:#444;
    color:#666
}
#ac-globalfooter .ac-gf-footer-shop{
    max-height:9999px;
    padding-bottom:3px
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-footer-shop{
        padding-bottom:10px
    }
}
.ac-theme-dark #ac-globalfooter .ac-gf-footer-shop,#ac-globalfooter.ac-globalfooter-dark .ac-gf-footer-shop{
    border-color:#444
}
#ac-globalfooter .ac-gf-footer-shop a{
    color:#0070c9
}
.ac-theme-dark #ac-globalfooter .ac-gf-footer-shop a,#ac-globalfooter.ac-globalfooter-dark .ac-gf-footer-shop a{
    color:#6bf
}
#ac-globalfooter .ac-gf-footer-locale{
    float:right;
    margin-top:5px;
    position:relative;
    top:-10px;
    z-index:2;
    white-space:nowrap
}
@media only screen and (max-width: 767px){
    #ac-globalfooter .ac-gf-footer-locale {
        left: -1px;
        padding-top: 5px;
        float: right;
        /*top: -45px;*/
    }
}
#ac-globalfooter .ac-gf-footer-locale-link{
    border-left:1px solid #d6d6d6;
    margin-left:7px;
    padding-left:11px;
    display:inline
}
.ac-theme-dark #ac-globalfooter .ac-gf-footer-locale-link,#ac-globalfooter.ac-globalfooter-dark .ac-gf-footer-locale-link{
    border-color:#444
}
#ac-globalfooter .ac-gf-footer-locale-link:first-child{
    border-left:none;
    margin-left:0;
    padding-left:0
}
#vietnamese {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url("../../../images/16.png");
    padding-right: 5px;
    background-position: left center;
    cursor: pointer;
    /*float:left;*/
    margin-top: -1px
}
/*css language ul*/
.disabled {
    color:gray;
    opacity: 0.2;
}
@media only screen and (min-width:2560px) {
    /*#ac-globalfooter .ac-gf-footer-legal-copyright {
        float:right !important;
    }*/
}
@media only screen and (max-width:625px) {
    /*#ac-globalfooter .ac-gf-footer-legal-copyright {
        float: left !important;
    }*/
    #ac-globalfooter ol{
        float:left;
    }
}
@media only screen and (min-width:768px) {
  
    /*#ac-globalfooter .ac-gf-footer-legal-copyright {
        float: left !important;
    }*/    
    #ac-globalfooter ol {
        float: right;
    }
}
#english {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    text-align: center;
    flex-wrap: wrap;
    width: 18px;
    height: 14px;
    background-image: url("../../../images/15.png");
    padding-right: 5px;
    background-position: left center;
    cursor: pointer;
    /*float:left;*/
    margin-top: -1px
}
  #language > li {
        float: right;
        color: #f1f1f1;
        display: inline-block;
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-left: -5px;
    }
@media only screen and (max-width: 767px) {
   #language >li{
        color: #f1f1f1;
        display: inline-block;
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-left: -5px;
    }
}
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        #vietnamese {
            background-image: url("../../../images/32.png")
        }
    }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #english {
        background-image: url("../../../images/30.png")
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
   #language {
        float:left;
        position:center;
    }
}
    #ac-globalfooter .ac-gf-footer-legal {
        position: relative;
        top: -3px;
        z-index: 1
    }

        #ac-globalfooter .ac-gf-footer-legal:before, #ac-globalfooter .ac-gf-footer-legal:after {
            content: ' ';
            display: table
        }

        #ac-globalfooter .ac-gf-footer-legal:after {
            clear: both
        }

    @media only screen and (max-width: 767px) {
        #ac-globalfooter .ac-gf-footer-legal {
            padding-top: 3px
        }
    }

    #ac-globalfooter .ac-gf-footer-legal-copyright, #ac-globalfooter .ac-gf-footer-legal-links {
        /*margin-right:30px;*/
        /*float:left;*/
        /*margin-top: 5px*/
    }

    @media only screen and (max-width: 767px) {
        #ac-globalfooter .ac-gf-footer-legal-copyright, #ac-globalfooter .ac-gf-footer-legal-links {
            margin-right: 0;
            float: none
        }
    }

    #ac-globalfooter .ac-gf-footer-legal-copyright {
        max-height: 9999px;
        color: #000;
        /*float:left;*/
    }

    #ac-globalfooter .ac-gf-footer-legal-links {
        position: relative;
        top: -5px;
        z-index: 1
    }

    #ac-globalfooter .ac-gf-footer-legal-link {
        /*border-right:1px solid #d6d6d6;*/
        margin-right: 7px;
        padding-right: 10px;
        display: inline-block;
        margin-top: 5px;
        white-space: nowrap
    }

    .ac-theme-dark #ac-globalfooter .ac-gf-footer-legal-link, #ac-globalfooter.ac-globalfooter-dark .ac-gf-footer-legal-link {
        border-color: #444
    }

    #ac-globalfooter .ac-gf-footer-legal-link:last-child {
        border: none;
        margin: 0;
        padding: 0
    }

    #ac-globalfooter .ac-gf-buystrip-info + .ac-gf-footer {
        border-top: none
    }

    #ac-globalfooter .ac-gf-sosumi + .ac-gf-footer {
        border-top: none
    }

    @media only screen and (max-width: 767px) {
        #ac-globalfooter .ac-gf-breadcrumbs + .ac-gf-footer {
            border-top: none
        }
    }

    #ac-globalfooter .ac-gf-directory + .ac-gf-footer {
        padding-top: 34px;
        border-top: none
    }

    @media only screen and (max-width: 767px) {
        #ac-globalfooter .ac-gf-directory + .ac-gf-footer {
            padding-top: 17px
        }
    }

    #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
        margin-bottom: 7px;
        padding-bottom: 8px;
        border-bottom: 1px solid #d6d6d682
    }

    .ac-theme-dark #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop, #ac-globalfooter.ac-globalfooter-dark .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
        border-color: #444
    }

    @media only screen and (max-width: 767px) {
        #ac-globalfooter .ac-gf-directory + .ac-gf-footer .ac-gf-footer-shop {
            border-bottom: none
        }
    }

    #ac-globalfooter .nowrap {
        white-space: nowrap
    }

    #ac-globalfooter .ac-gf-buystrip {
        text-align: center
    }

    .ac-gf-directory-column-section-label {
        width: 100%;
    }

    .img-logo-footer {
        height:42px;
        max-width:fit-content;
    }

    .link-contact li i {
        font-size: 20px;
    }

    ul.link-contact li {
        margin: 0px 5px;
    }

    /*#subscribe {
    width: 100%;
    padding: 10px 15px 10px 5px;
    outline: none;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid rgba(214, 214, 214, 0.5098039215686274);
    background: transparent;
    letter-spacing: 1px;
    transition: 1s;
}*/
    .email-con {
        padding-right: 50px;
    }

    #form-subscribe {
        position: relative;
    }

    i.subscribe-icon {
        position: absolute;
        top: 5px;
        font-size: 20px;
        left: 5px;
    }

    input#email-subscribe:focus {
        border-bottom: solid 1px #489be9;
    }

    button.sm-subscribe {
        position: absolute;
        RIGHT: 0px;
        top: 0px;
        border: none;
        background-color: transparent;
        outline: none;
    }

        button.sm-subscribe img {
            cursor: pointer;
            width: 30px;
        }

    @media only screen and (max-width:768px) {
        .img-logo-footer {
            margin-top: 5px !important;
        }

        button.sm-subscribe {
            /*right: 50px;*/
        }

        .par-form-subcribe {
            text-align: center;
        }
    }

    .radius-info-link {
        color: rgba(72, 155, 233, 0.8);
        text-align: center;
        line-height: 1px;
        /* position: relative; */
        border-radius: 50%;
        height: 25px;
        border: 1px solid;
        width: 25px;
        padding-top: 4px;
        padding-right: 1px;
    }

    .radius-info-link-minifooter {
        text-align: center;
        line-height: 1px;
        /* position: relative; */
        height: 25px;
        width: 25px;
        padding-top: 4px;
        background-color: white;
    }

    .icon-minifooter {
        font-size: 16px;
        color: #17aee2;
    }

    .Text-minifooter {
        width: 110px;
        background-color: white;
        text-align: center;
        padding-right: 8px;
        color: #17aee2;
        margin-left: 40px;
    }

    #par-form-subcribe {
        color: #000;
    }

    @media only screen and (max-width:768px) {
        #par-form-subcribe {
            padding-top: 20px;
            color: #000;
        }
    }


.contact-form {
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #17aee2 !important;
}
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}




.field-validation-error {
    display: block;
    color: #ff0000;
}

/*.field-validation-valid {
    display: none;
}*/

#ac-gn-viewport-emitter {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    z-index: -1;
    x-content: "large"
}

    #ac-gn-viewport-emitter::before {
        content: "large"
    }

@media only screen and (max-width: 1023px) {
    #ac-gn-viewport-emitter {
        x-content: "medium"
    }

        #ac-gn-viewport-emitter::before {
            content: "medium"
        }
}

@media only screen and (max-width: 767px) {
    #ac-gn-viewport-emitter {
        x-content: "small"
    }

        #ac-gn-viewport-emitter::before {
            content: "small"
        }
}

@media only screen and (max-width: 419px) {
    #ac-gn-viewport-emitter {
        x-content: "xsmall"
    }

        #ac-gn-viewport-emitter::before {
            content: "xsmall"
        }
}

html, body {
    margin: 0;
    padding: 0
}

#ac-globalnav, #ac-gn-segmentbar {
    font-weight: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

    #ac-globalnav, #ac-globalnav:before, #ac-globalnav:after, #ac-globalnav *, #ac-globalnav *:before, #ac-globalnav *:after, #ac-gn-segmentbar, #ac-gn-segmentbar:before, #ac-gn-segmentbar:after, #ac-gn-segmentbar *, #ac-gn-segmentbar *:before, #ac-gn-segmentbar *:after {
        box-sizing: content-box;
        margin: 0;
        padding: 0;
        pointer-events: auto;
        letter-spacing: normal
    }

        #ac-globalnav *, #ac-globalnav *:before, #ac-globalnav *:after, #ac-gn-segmentbar *, #ac-gn-segmentbar *:before, #ac-gn-segmentbar *:after {
            font-size: 14px;
            /*font-family:inherit;*/
            font-weight: inherit;
            /*line-height: inherit;*/
            line-height:44px;
            text-align: inherit
        }

        #ac-globalnav article, #ac-globalnav aside, #ac-globalnav details, #ac-globalnav figcaption, #ac-globalnav figure, #ac-globalnav footer, #ac-globalnav header, #ac-globalnav nav, #ac-globalnav section, #ac-gn-segmentbar article, #ac-gn-segmentbar aside, #ac-gn-segmentbar details, #ac-gn-segmentbar figcaption, #ac-gn-segmentbar figure, #ac-gn-segmentbar footer, #ac-gn-segmentbar header, #ac-gn-segmentbar nav, #ac-gn-segmentbar section {
            display: block
        }

        #ac-globalnav img, #ac-gn-segmentbar img {
            border: 0;
            vertical-align: middle
        }

        #ac-globalnav ul, #ac-gn-segmentbar ul {
            list-style: none;
            margin-top:3px;

        }

        #ac-globalnav, #ac-globalnav input, #ac-globalnav textarea, #ac-globalnav select, #ac-globalnav button, #ac-gn-segmentbar, #ac-gn-segmentbar input, #ac-gn-segmentbar textarea, #ac-gn-segmentbar select, #ac-gn-segmentbar button {
            font-synthesis: none;
            -webkit-font-feature-settings: 'kern';
            font-feature-settings: 'kern';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            direction: ltr;
            text-align: left
        }

            #ac-globalnav, #ac-globalnav select, #ac-globalnav button, #ac-gn-segmentbar, #ac-gn-segmentbar select, #ac-gn-segmentbar button {
                /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
            }

                #ac-globalnav input, #ac-globalnav textarea, #ac-gn-segmentbar input, #ac-gn-segmentbar textarea {
                    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
                }

#ac-globalnav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    display: block;
    margin: 0;
    width: 100%;
    min-width: 1024px;
    height: 48px;
    max-height: 44px;
    /*background: #ffffff;
    background: rgba(0,0,0,0.8);
    background-color: #fffffff5;*/
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background: rgba(242,242,242,0.7);
    border-bottom: 1px solid rgb(234, 234, 234);
    /*box-shadow: 0px 0px 10px 0px #333;
    -webkit-box-shadow: 0px 0px 10px 0px #333;
    -moz-box-shadow: 0px 0px 10px 0px #333;*/
}

.ac-theme-dark #ac-globalnav {
    background: #2b2b2b;
    background: rgba(85,85,85,0.5)
}

#ac-globalnav.blocktransitions, #ac-globalnav.blocktransitions:before, #ac-globalnav.blocktransitions:after, #ac-globalnav.blocktransitions *, #ac-globalnav.blocktransitions *:before, #ac-globalnav.blocktransitions *:after {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

@media only screen and (max-width: 1044px) {
    #ac-globalnav {
        min-width: 320px
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav {
        max-height: none;
        -webkit-transition: background 0.35s linear,height 0.35s ease-in;
        transition: background 0.35s linear,height 0.35s ease-in
    }

    #ac-gn-menustate:checked ~ #ac-globalnav, #ac-gn-menustate:target ~ #ac-globalnav {
        height: 100%;
        background: #f7f7f7;
        -webkit-transition: background 0.35s linear,height 0.35s ease-in 200ms;
        transition: background 0.35s linear,height 0.35s ease-in 200ms
    }

    #ac-globalnav.searchshow, #ac-globalnav.searchopen, #ac-globalnav.searchhide {
        position: fixed
    }
}

#ac-gn-menustate {
    display: none
}

#ac-gn-placeholder {
    height: 44px
}

@media only screen and (max-width: 767px) {
    #ac-gn-placeholder {
        height: 48px
    }
}

.ac-nav-overlap #ac-gn-placeholder {
    display: none
}

@-webkit-keyframes ac-gn-curtain-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

@keyframes ac-gn-curtain-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

#ac-gn-curtain {
    background: rgba(0,0,0,0.4);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998
}

@media only screen and (max-width: 419px) {
    #ac-globalnav.with-bagview ~ #ac-gn-curtain {
        display: block;
        -webkit-animation: ac-gn-curtain-show 200ms both;
        animation: ac-gn-curtain-show 200ms both
    }
}

#ac-globalnav.searchshow ~ #ac-gn-curtain, #ac-globalnav.searchopen ~ #ac-gn-curtain, #ac-globalnav.searchhide ~ #ac-gn-curtain {
    display: block
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchshow ~ #ac-gn-curtain, #ac-globalnav.searchopen ~ #ac-gn-curtain, #ac-globalnav.searchhide ~ #ac-gn-curtain {
        display: none
    }
}

#ac-globalnav.searchshow ~ #ac-gn-curtain {
    -webkit-animation: ac-gn-curtain-show 200ms both;
    animation: ac-gn-curtain-show 200ms both
}

#ac-globalnav.searchhide ~ #ac-gn-curtain {
    -webkit-animation: ac-gn-curtain-show 200ms reverse both;
    animation: ac-gn-curtain-show 200ms reverse both
}

#ac-globalnav .ac-gn-content {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 22px;
    position: relative;
    z-index: 100;
    padding-left: calc(22px + constant(safe-area-inset-left));
    padding-right: calc(22px + constant(safe-area-inset-right))
}

@supports (padding: calc(max(0px))) {
    #ac-globalnav .ac-gn-content {
        padding-left: calc(max(22px, env(safe-area-inset-left)));
        padding-right: calc(max(22px, env(safe-area-inset-right)))
    }
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    #ac-globalnav .ac-gn-content {
        /*-webkit-backdrop-filter: saturate(180%) blur(20px);*/
        /*backdrop-filter: saturate(180%) blur(20px);*/
        /*background-color: #f6f6f6 !important;*/
        /*background: #fff*/
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-content {
        padding: 0;
        /*position:absolute;*/
        top: 0;
        width: 100%;
        height: 100%
    }
}

@-webkit-keyframes ac-gn-bizcell-searchshow {
    0% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes ac-gn-bizcell-searchshow {
    0% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes ac-gn-bizcell-searchhide {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes ac-gn-bizcell-searchhide {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

#ac-globalnav .ac-gn-header {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    overflow: hidden
}

    #ac-globalnav .ac-gn-header .ac-gn-item, #ac-globalnav .ac-gn-header .ac-gn-link {
        height: 48px
    }

    #ac-globalnav .ac-gn-header .ac-gn-link {
        line-height: 2.82353em
    }

    #ac-globalnav .ac-gn-header .ac-gn-bizcell {
        position: absolute;
        top: 0;
        text-align: center;
        z-index: 1
    }

    #ac-globalnav .ac-gn-header .ac-gn-mn {
        position: absolute;
        top: 10px;
        text-align: right;
        z-index: 2;
        width: 30%;
        right: 0;
        margin-right: 15px;
        font-size: 15px;
    }

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-header {
        display: block;
    }

    #ac-globalnav.searchshow .ac-gn-header, #ac-globalnav.searchopen .ac-gn-header, #ac-globalnav.searchhide .ac-gn-header {
        background: #f7f7f7;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    #ac-globalnav .ac-gn-header .ac-gn-bizcell {
        display: block
    }

    #ac-globalnav.searchshow .ac-gn-header .ac-gn-bizcell {
        -webkit-animation: ac-gn-bizcell-searchshow 600ms 200ms both;
        animation: ac-gn-bizcell-searchshow 600ms 200ms both
    }

    #ac-globalnav.searchopen .ac-gn-header .ac-gn-bizcell {
        display: none
    }

    #ac-globalnav.searchhide .ac-gn-header .ac-gn-bizcell {
        -webkit-animation: ac-gn-bizcell-searchhide 600ms 200ms both;
        animation: ac-gn-bizcell-searchhide 600ms 200ms both
    }

    #ac-globalnav .ac-gn-header .ac-gn-bag-small {
        display: block
    }
}

@-webkit-keyframes ac-gn-list-searchshow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(-100%) translateY(108px);
        transform: translateY(-100%) translateY(108px)
    }
}

@keyframes ac-gn-list-searchshow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(-100%) translateY(108px);
        transform: translateY(-100%) translateY(108px)
    }
}

#ac-globalnav .ac-gn-list {
    cursor: default;
    margin: 0 -10px;
    width: auto;
    height: 44px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background: #fff;*/
}

    #ac-globalnav .ac-gn-list:after {
        content: '';
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0
    }

#ac-globalnav.flexbox .ac-gn-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    #ac-globalnav.flexbox .ac-gn-list:after {
        display: none
    }

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-list {
        display: block;
        position: absolute;
        z-index: 2;
        top: 44px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0 48px;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 1s;
        transition: visibility 0s linear 1s
    }

    #ac-globalnav.flexbox .ac-gn-list {
        display: block
    }

    /*#ac-globalnav .ac-gn-list :nth-child(2) {
        margin-top: 20px
    }

    #ac-globalnav .ac-gn-list :nth-child(9) {
        margin-bottom: 44px
    }*/

    #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-list, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-list {
        visibility: visible;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    #ac-globalnav.searchshow .ac-gn-list {
        bottom: auto;
        -webkit-animation: ac-gn-list-searchshow 800ms both;
        animation: ac-gn-list-searchshow 800ms both
    }

    #ac-globalnav.searchopen .ac-gn-list {
        display: none
    }

    #ac-globalnav.searchhide .ac-gn-list {
        bottom: auto;
        -webkit-animation: ac-gn-list-searchshow 800ms reverse both;
        animation: ac-gn-list-searchshow 800ms reverse both
    }

    #ac-globalnav .ac-gn-list:after {
        display: none
    }
}

@-webkit-keyframes ac-gn-item-searchshow {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@keyframes ac-gn-item-searchshow {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-webkit-keyframes ac-gn-item-searchhide {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }
}

@keyframes ac-gn-item-searchhide {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
    }
}

@-webkit-keyframes ac-gn-item-searchshow-small {
    0% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

@keyframes ac-gn-item-searchshow-small {
    0% {
        -webkit-transform: none;
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }
}

@-webkit-keyframes ac-gn-search-placeholder-searchshow {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0.4
    }
}

@keyframes ac-gn-search-placeholder-searchshow {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0.4
    }
}

@-webkit-keyframes ac-gn-bag-searchshow {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0
    }
}

@keyframes ac-gn-bag-searchshow {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0
    }
}

#ac-globalnav .ac-gn-item {
    display: inline-block;
    position: relative;
    height: auto;
    z-index: 1;
    vertical-align: top;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-item {
        width: 100%;
        height: 44px
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bizcell {
        display: none
    }
}

#ac-globalnav.searchshow .ac-gn-bag {
    -webkit-animation: ac-gn-bag-searchshow 300ms both;
    animation: ac-gn-bag-searchshow 300ms both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#ac-globalnav.searchopen .ac-gn-bag {
    visibility: hidden
}

#ac-globalnav.searchhide .ac-gn-bag {
    -webkit-animation: ac-gn-bag-searchshow 300ms reverse both;
    animation: ac-gn-bag-searchshow 300ms reverse both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bag {
        right: 0;
        display: none;
        position: absolute;
        top: 0;
        width: auto;
        z-index: 1
    }
}

#ac-globalnav.searchshow .ac-gn-item-menu, #ac-globalnav.searchopen .ac-gn-item-menu, #ac-globalnav.searchhide .ac-gn-item-menu {
    pointer-events: none
}

#ac-globalnav.searchshow .ac-gn-item-menu {
    -webkit-animation: ac-gn-item-searchshow 400ms both;
    animation: ac-gn-item-searchshow 400ms both;
    pointer-events: none
}

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(2) {
        -webkit-animation-delay: 280ms;
        animation-delay: 280ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(3) {
        -webkit-animation-delay: 245ms;
        animation-delay: 245ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(4) {
        -webkit-animation-delay: 210ms;
        animation-delay: 210ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(5) {
        -webkit-animation-delay: 175ms;
        animation-delay: 175ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(6) {
        -webkit-animation-delay: 140ms;
        animation-delay: 140ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(7) {
        -webkit-animation-delay: 105ms;
        animation-delay: 105ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(8) {
        -webkit-animation-delay: 70ms;
        animation-delay: 70ms
    }

    #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(9) {
        -webkit-animation-delay: 35ms;
        animation-delay: 35ms
    }

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchshow .ac-gn-item-menu {
        -webkit-animation: ac-gn-item-searchshow-small 800ms both;
        animation: ac-gn-item-searchshow-small 800ms both
    }

        #ac-globalnav.searchshow .ac-gn-item-menu:nth-child(n) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }
}

#ac-globalnav.searchopen .ac-gn-item-menu {
    visibility: hidden
}

#ac-globalnav.searchhide .ac-gn-item-menu {
    -webkit-animation: ac-gn-item-searchhide 400ms both;
    animation: ac-gn-item-searchhide 400ms both
}

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(2) {
        -webkit-animation-delay: 0ms;
        animation-delay: 0ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(3) {
        -webkit-animation-delay: 35ms;
        animation-delay: 35ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(4) {
        -webkit-animation-delay: 70ms;
        animation-delay: 70ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(5) {
        -webkit-animation-delay: 105ms;
        animation-delay: 105ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(6) {
        -webkit-animation-delay: 140ms;
        animation-delay: 140ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(7) {
        -webkit-animation-delay: 175ms;
        animation-delay: 175ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(8) {
        -webkit-animation-delay: 210ms;
        animation-delay: 210ms
    }

    #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(9) {
        -webkit-animation-delay: 245ms;
        animation-delay: 245ms
    }

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchhide .ac-gn-item-menu {
        -webkit-animation: ac-gn-item-searchshow-small 800ms reverse both;
        animation: ac-gn-item-searchshow-small 800ms reverse both
    }

        #ac-globalnav.searchhide .ac-gn-item-menu:nth-child(n) {
            -webkit-animation-delay: 0s;
            animation-delay: 0s
        }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-item-menu {
        height: 60px;
        border-bottom: 1px solid rgba(185, 183, 183, 0.5019607843137255);
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        -ms-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out
    }

    /*#ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 400ms,400ms;
            transition-delay: 400ms,400ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(3) {
            -webkit-transition-delay: 350ms,350ms;
            transition-delay: 350ms,350ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(4) {
            -webkit-transition-delay: 300ms,300ms;
            transition-delay: 300ms,300ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(5) {
            -webkit-transition-delay: 250ms,250ms;
            transition-delay: 250ms,250ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(6) {
            -webkit-transition-delay: 200ms,200ms;
            transition-delay: 200ms,200ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(7) {
            -webkit-transition-delay: 150ms,150ms;
            transition-delay: 150ms,150ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(8) {
            -webkit-transition-delay: 100ms,100ms;
            transition-delay: 100ms,100ms
        }

        #ac-globalnav .ac-gn-item-menu:nth-child(9) {
            -webkit-transition-delay: 50ms,50ms;
            transition-delay: 50ms,50ms
        }*/

    #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(2),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 300ms,300ms;
            transition-delay: 300ms,300ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(3),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 350ms,350ms;
            transition-delay: 350ms,350ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(4),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 400ms,400ms;
            transition-delay: 400ms,400ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(5),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 450ms,450ms;
            transition-delay: 450ms,450ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(6),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 500ms,500ms;
            transition-delay: 500ms,500ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(7),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 550ms,550ms;
            transition-delay: 550ms,550ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(8),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 600ms,600ms;
            transition-delay: 600ms,600ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(9),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 650ms,650ms;
            transition-delay: 650ms,650ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(10),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(2) {
            -webkit-transition-delay: 700ms,700ms;
            transition-delay: 700ms,700ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(11),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(11) {
            -webkit-transition-delay: 750ms,750ms;
            transition-delay: 750ms,750ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(12),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(12) {
            -webkit-transition-delay: 800ms,800ms;
            transition-delay: 800ms,800ms
        }

        #ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-item-menu:nth-child(13),
        #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-item-menu:nth-child(12) {
            -webkit-transition-delay: 850ms,850ms;
            transition-delay: 850ms,850ms
        }
}

#ac-globalnav .ac-gn-search-placeholder {
    display: none
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-search-placeholder {
        font-size: 14px;
        line-height: 3.14286;
        font-weight: 400;
        letter-spacing: -.01em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
    #ac-globalnav .ac-gn-search-placeholder {
        font-size: 17px;
        line-height: 2.52947;
        letter-spacing: -.021em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-search {
        border-bottom-color: silver
    }

    #ac-globalnav.searchshow .ac-gn-search, #ac-globalnav.searchopen .ac-gn-search, #ac-globalnav.searchhide .ac-gn-search {
        -webkit-animation: none;
        animation: none
    }

    #ac-globalnav .ac-gn-search-placeholder {
        margin-left: 24px;
        display: block;
        cursor: text
    }

    #ac-globalnav.searchshow .ac-gn-search-placeholder {
        -webkit-animation: ac-gn-search-placeholder-searchshow 800ms both;
        animation: ac-gn-search-placeholder-searchshow 800ms both
    }

    #ac-globalnav.searchhide .ac-gn-search-placeholder {
        -webkit-animation: ac-gn-search-placeholder-searchshow 800ms reverse both;
        animation: ac-gn-search-placeholder-searchshow 800ms reverse both
    }
}

#ac-globalnav .ac-gn-link {
    font-size: 14px;
    line-height: 3.14286;
    font-weight: 400;
    letter-spacing: -.01em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    color: #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 10px;
    height: 46px;
    opacity: 1;
    background: no-repeat;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent;
    outline-offset: -7px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link {
        font-size: 17px;
        line-height: 2.52947;
        letter-spacing: -.021em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}

#ac-globalnav .ac-gn-link:hover {
    /*opacity: .65*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-search {
        background-position: left top;
        cursor: default
    }

        #ac-globalnav .ac-gn-link-search:hover {
            opacity: 1
        }
}

#ac-globalnav .ac-gn-link-text {
    position: absolute;
    overflow: hidden;
    padding: 0;
    border: 0;
    /*color: #000;*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-bag {
        padding: 0 16px;
        -webkit-transition: -webkit-transform 0.25s 0.55s ease-out;
        transition: -webkit-transform 0.25s 0.55s ease-out;
        transition: transform 0.25s 0.55s ease-out;
        transition: transform 0.25s 0.55s ease-out, -webkit-transform 0.25s 0.55s ease-out
    }

    #ac-gn-menustate:checked ~ #ac-globalnav.js .ac-gn-link-bag, #ac-gn-menustate:target ~ #ac-globalnav.js .ac-gn-link-bag {
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
        -webkit-transition: -webkit-transform 0.55s 0.25s ease-out;
        transition: -webkit-transform 0.55s 0.25s ease-out;
        transition: transform 0.55s 0.25s ease-out;
        transition: transform 0.55s 0.25s ease-out, -webkit-transform 0.55s 0.25s ease-out
    }
}

#ac-globalnav .ac-gn-link-bag:focus:active {
    outline: none
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-item-menu .ac-gn-link {
        background-position: left center;
        display: block;
        outline-offset: 0;
        padding: 0;
        width: auto;
        max-width: none
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
    #ac-globalnav .ac-gn-item-menu .ac-gn-link-search {
        background-position: left top
    }
}

#ac-globalnav .ac-gn-link-bizcell {
    /*background-size: 29px;
    background-repeat: no-repeat;
    background-image: url(../../../images/Logo_v2.png);
    height: 100%;
    width: 100%;
    background-position: left center;
    margin-left: 10px;*/
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(../../../images/LogoBiz4_11.png);
    height: 100%;
    /*width: 3vw;*/
    width: 5vw;
    background-position: left center;
    margin-left: 12px;
}

#ac-globalnav.no-svg .ac-gn-link-bizcell {
    background-image: url(../../../images/LogoBiz4_11.png);
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-bizcell {
        /*background-size:18px 48px;*/
        background-repeat: no-repeat;
        background-image: url(../../../images/LogoBiz4_11.png);
    }

    #ac-globalnav.no-svg .ac-gn-link-bizcell {
        background-image: url(../../../images/LogoBiz4_11.png);
    }
}

.ac-gn-current-bizcell #ac-globalnav .ac-gn-link-bizcell {
    opacity: .65
}

#ac-globalnav .ac-gn-link-gp {
    background-size: 28px 44px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/mac/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 5em;
    max-width: 60px
}

#ac-globalnav.no-svg .ac-gn-link-gp {
    /*background-image:url("../images/globalnav/links/mac/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-gp {
        background-size: 33px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/mac/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-gp {
        /*background-image:url("../images/globalnav/links/mac/image_small.png")*/
    }
}

.ac-gn-current-gp #ac-globalnav .ac-gn-link-gp {
    opacity: .65
}

#ac-globalnav .ac-gn-link-dv {
    background-size: 27px 44px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/dv/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 5.92857em;
    max-width: 46.9px
}

#ac-globalnav.no-svg .ac-gn-link-dv {
    /*background-image:url("../images/globalnav/links/dv/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-dv {
        background-size: 33px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/dv/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-dv {
        /*background-image:url("../images/globalnav/links/dv/image_small.png")*/
    }
}

.ac-gn-current-dv #ac-globalnav .ac-gn-link-dv {
    opacity: .65
}

#ac-globalnav .ac-gn-link-tt {
    background-size: 44px 44px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/iphone/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 2.5em;
    max-width: 74.8px
}

#ac-globalnav.no-svg .ac-gn-link-tt {
    /*background-image:url("../images/globalnav/links/iphone/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-tt {
        background-size: 53px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/iphone/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-tt {
        /*background-image:url("../images/globalnav/links/iphone/image_small.png")*/
    }
}

.ac-gn-current-tt #ac-globalnav .ac-gn-link-tt {
    opacity: .65
}

#ac-globalnav .ac-gn-link-mn {
    background-size: 44px 44px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/iphone/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 4.5em;
    max-width: 74.8px
}

#ac-globalnav.no-svg .ac-gn-link-mn {
    /*background-image:url("../images/globalnav/links/iphone/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-mn {
        /*background: transparent;
        background-color: #19aee1;
        color: white;
        border-radius: 1em;
        height: 22px;
        margin-top: -4px;*/
        background-size: 53px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/iphone/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-mn {
        /*background-image:url("../images/globalnav/links/iphone/image_small.png")*/
    }
}

.ac-gn-current-tt #ac-globalnav .ac-gn-link-mn {
    opacity: .65
}

#ac-globalnav .ac-gn-link-td {
    background-size: 40px 45px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/watch/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 4.85714em;
    max-width: 75px
}

#ac-globalnav.no-svg .ac-gn-link-td {
    /*background-image:url("../images/globalnav/links/watch/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-td {
        background-size: 50px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/watch/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-td {
        /*background-image:url("../images/globalnav/links/watch/image_small.png")*/
    }
}

.ac-gn-current-td #ac-globalnav .ac-gn-link-td {
    opacity: .65
}

#ac-globalnav .ac-gn-link-ab {
    background-size: 18px 44px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/tv/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 4.28571em;
    max-width: 100px
}

#ac-globalnav .ac-gn-link-gt {
    background-size: 40px 45px;
    background-repeat: no-repeat;
    /* background-image: url(../images/globalnav/links/watch/image_large.svg); */
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 3.85714em;
    max-width: 75px;
}

#ac-globalnav.no-svg .ac-gn-link-ab {
    /*background-image:url("../images/globalnav/links/tv/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-ab {
        background-size: 23px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/tv/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-ab {
        /*background-image:url("../images/globalnav/links/tv/image_small.png")*/
    }
}

.ac-gn-current-tv #ac-globalnav .ac-gn-link-ab {
    opacity: .65
}

#ac-globalnav .ac-gn-link-home {
    background-size: 37px 45px;
    background-repeat: no-repeat;
    /*background-image:url("../images/globalnav/links/music/image_large.svg");*/
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 2.64286em;
    max-width: 62.9px
}

#ac-globalnav.no-svg .ac-gn-link-home {
    /*background-image:url("../images/globalnav/links/music/image_large.png")*/
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-home {
        background-size: 46px 42px;
        background-repeat: no-repeat;
        /*background-image:url("../images/globalnav/links/music/image_small.svg")*/
    }

    #ac-globalnav.no-svg .ac-gn-link-home {
        /*background-image:url("../images/globalnav/links/music/image_small.png")*/
    }
}

.ac-gn-current-music #ac-globalnav .ac-gn-link-home {
    opacity: .65
}

#ac-globalnav .ac-gn-link-support {
    background-size: 52px 44px;
    background-repeat: no-repeat;
    background-image: url("../images/globalnav/links/support/image_large.svg");
    background-position: center center;
    background-origin: content-box;
    background-size: cover;
    width: 3.71429em;
    max-width: 88.4px
}

#ac-globalnav.no-svg .ac-gn-link-support {
    background-image: url("../../images/globalnav/links/support/image_large.png")
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-support {
        background-size: 64px 42px;
        background-repeat: no-repeat;
        background-image: url("../../images/globalnav/links/support/image_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-link-support {
        background-image: url("../../images/globalnav/links/support/image_small.png")
    }
}

.ac-gn-current-support #ac-globalnav .ac-gn-link-support {
    opacity: .65
}

#ac-globalnav .ac-gn-link-search {
    background-size: 16px 44px;
    background-repeat: no-repeat;
    background-image: url("../../../images/svg/search_large.svg");
    background-position: center center;
    width: 16px
}

#ac-globalnav.no-svg .ac-gn-link-search {
    background-image: url("../../../images/svg/search_large.png")
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-search {
        background-size: 19px 42px;
        background-repeat: no-repeat;
        background-image: url("../../../images/svg/search_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-link-search {
        background-image: url("../../../images/svg/search_small.png")
    }
}

.ac-gn-current-search #ac-globalnav .ac-gn-link-search {
    opacity: .65
}

#ac-globalnav .ac-gn-link-bag {
    background-size: 14px 45px;
    background-repeat: no-repeat;
    background-image: url("../../../images/svg/bag_large.svg");
    background-position: center center;
    width: 14px
}

#ac-globalnav.no-svg .ac-gn-link-bag {
    background-image: url("../../../images/svg/bag_large.png")
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-link-bag {
        background-size: 17px 48px;
        background-repeat: no-repeat;
        background-image: url("../../../images/svg/bag_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-link-bag {
        background-image: url("../../../images/svg/bag_small.png")
    }
}

.ac-gn-current-bag #ac-globalnav .ac-gn-link-bag {
    opacity: .65
}

#ac-globalnav .ac-gn-link.current {
    opacity: .65
}

#ac-globalnav .ac-gn-menuicon {
    left: 0;
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 48px;
    border-bottom: none
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-menuicon {
        display: block
    }
}

#ac-globalnav .ac-gn-menuicon-label {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    width: 48px;
    height: 48px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color: transparent
}

    #ac-globalnav .ac-gn-menuicon-label:hover, #ac-globalnav .ac-gn-menuicon-label:focus, #ac-globalnav .ac-gn-menuicon-label:active {
        opacity: .65
    }

#ac-globalnav.touch .ac-gn-menuicon-label {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99)
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-label, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-label {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#ac-globalnav .ac-gn-menuicon-bread {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

#ac-globalnav .ac-gn-menuicon-bread-top {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    z-index: 4
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-top, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-top {
    -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#ac-globalnav .ac-gn-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-bottom, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-bottom {
    -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#ac-globalnav .ac-gn-menuicon-bread-crust {
    display: block;
    width: 17px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 16px;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s
}

#ac-globalnav .ac-gn-menuicon-bread-crust-top {
    top: 23px;
    -webkit-transition: -webkit-transform 0.2s 0.2s;
    transition: -webkit-transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s;
    transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-top {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0;
    transition-delay: 0
}

#ac-globalnav .ac-gn-menuicon-bread-crust-bottom {
    bottom: 23px;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuicon-bread-crust-bottom {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#ac-globalnav .ac-gn-menuanchor {
    left: 0;
    color: #fff;
    position: absolute;
    top: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}

    #ac-globalnav .ac-gn-menuanchor:focus {
        outline-offset: -8px;
        width: 48px;
        height: 48px
    }

#ac-globalnav .ac-gn-menuanchor-close {
    display: none
}

#ac-globalnav .ac-gn-menuanchor-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-open, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-open {
    display: none
}

#ac-gn-menustate:checked ~ #ac-globalnav .ac-gn-menuanchor-close, #ac-gn-menustate:target ~ #ac-globalnav .ac-gn-menuanchor-close {
    display: block
}

#ac-globalnav .ac-gn-bag-badge {
    border-radius: 6px;
    margin-top: -2px;
    margin-left: -3px;
    width: 6px;
    height: 6px;
    background: #6bf;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bag-badge {
        border-radius: 7px;
        margin-top: -3.5px;
        margin-left: -3.5px;
        width: 7px;
        height: 7px
    }
}

#ac-globalnav .ac-gn-bag.with-badge .ac-gn-bag-badge {
    display: block
}

#ac-globalnav .ac-gn-bagview, #ac-globalnav .ac-gn-notification {
    margin-right: -116px;
    right: 0;
    position: absolute;
    top: 48px;
    z-index: 1
}

@media only screen and (max-width: 1268px) {
    #ac-globalnav .ac-gn-bagview, #ac-globalnav .ac-gn-notification {
        margin-right: calc(512px - 50vw);
        right: 5px
    }

    @supports (right: calc(max(0px))) {
        #ac-globalnav .ac-gn-bagview, #ac-globalnav .ac-gn-notification {
            right: calc(max(5px, calc(env(safe-area-inset-right) - 4px)))
        }
    }
}

@media only screen and (max-width: 1024px) {
    #ac-globalnav .ac-gn-bagview, #ac-globalnav .ac-gn-notification {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bagview, #ac-globalnav .ac-gn-notification {
        margin-right: 0;
        right: 5px;
        top: 52px
    }
}

#ac-globalnav .ac-gn-bagview-caret, #ac-globalnav .ac-gn-notification-caret {
    overflow: hidden;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 83%;
    height: 8px;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bagview-caret, #ac-globalnav .ac-gn-notification-caret {
        bottom: 100%
    }
}

@media only screen and (max-width: 419px) {
    #ac-globalnav .ac-gn-bagview-caret, #ac-globalnav .ac-gn-notification-caret {
        height: 9px;
        margin-bottom: 0
    }
}

#ac-globalnav .ac-gn-bagview-caret:after, #ac-globalnav .ac-gn-notification-caret:after {
    left: 50%;
    border: 1px solid;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bagview-caret:after, #ac-globalnav .ac-gn-notification-caret:after {
        left: auto;
        right: 3px
    }
}

#ac-globalnav .ac-gn-bagview {
    font-size: 14px;
    line-height: 1.35722;
    font-weight: 400;
    letter-spacing: -.01em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    background: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    display: none;
    width: 288px
}

#ac-globalnav.with-bagview .ac-gn-bagview {
    display: block
}

@media only screen and (max-width: 419px) {
    #ac-globalnav .ac-gn-bagview {
        border-radius: 0;
        border-width: 0 0 1px 0;
        top: 48px;
        left: 0;
        right: 0;
        width: 100%
    }
}

#ac-globalnav .ac-gn-bagview-content {
    margin: 0 auto;
    min-height: 90px;
    padding: 0 20px;
    position: relative;
    z-index: 1000
}

@media only screen and (max-width: 419px) {
    #ac-globalnav .ac-gn-bagview-content {
        padding: 0 48px
    }
}

/*#ac-globalnav .ac-gn-bagview-caret {
    display: none
}*/

#ac-globalnav.with-bagview .ac-gn-bagview-caret {
    display: block
}

#ac-globalnav.with-bagview .ac-gn-bagview-caret-small {
    display: none
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.with-bagview .ac-gn-bagview-caret-small {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.with-bagview .ac-gn-bagview-caret-large {
        display: none
    }
}

#ac-globalnav .ac-gn-bagview-caret:after {
    background: #fff;
    border-color: #d6d6d6
}

@media only screen and (max-width: 419px) {
    #ac-globalnav .ac-gn-bagview-caret:after {
        right: 9px;
        border-color: #fff
    }
}

#ac-globalnav .ac-gn-bag {
    z-index: 2
}

#ac-globalnav .ac-gn-bagview {
    font-size: 15px;
    line-height: 1.16667;
    font-weight: 400;
    letter-spacing: -.014em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    background: #fff
}

#ac-globalnav .ac-gn-bagview-message {
    /*color: #888;
    padding: 35px 0;
    margin: 0;
    text-align: center*/
    color: #6e6e73;
    padding: 14px 0 14px;
    margin: 0;
    text-align: center;
    letter-spacing: -0.016em;
}

#ac-globalnav .ac-gn-bagview-linemessage {
    margin: -9px 0 0 0;
    color: #888;
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: .036em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    text-align: center
}

#ac-globalnav .ac-gn-bagview-linemessage-text {
    padding: 0 6px 0 6px;
    background: #fff
}

#ac-globalnav .ac-gn-bagview-linemessage:before {
    display: block;
    position: relative;
    top: 9px;
    margin-top: -1px;
    z-index: -10;
    border-bottom: 1px solid #e3e3e3;
    content: ""
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0)
    }

    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0)
    }

    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

#ac-globalnav .ac-gn-bagview-loader {
    background: no-repeat center/40px url("../assets/ac-store/spinner.svg");
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background: url("../assets/ac-store/spinner.gif") no-repeat\0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite
}

#ac-globalnav .ac-gn-bagview _:-ms-input-placeholder, :root #ac-globalnav .ac-gn-bagview-loader {
    background: none,no-repeat center/40px url("../assets/ac-store/spinner.svg")
}

#ac-globalnav .ac-gn-bagview-bag {
    list-style: none
}

#ac-globalnav .ac-gn-bagview-bagitem {
    border-bottom: 1px solid #e3e3e3
}

#ac-globalnav .ac-gn-bagview-bagitem-last {
    border-bottom-style: none
}

#ac-globalnav .ac-gn-bagview-bagitem-link {
    margin: 0;
    padding: 0;
    display: table;
    min-height: 92px;
    width: 100%;
    color: #333;
    text-decoration: none
}

#ac-globalnav .ac-gn-bagview-bagitem-column1, #ac-globalnav .ac-gn-bagview-bagitem-column2 {
    display: table-cell;
    vertical-align: middle;
    min-height: 70px
}

#ac-globalnav .ac-gn-bagview-bagitem-column1 {
    padding: 0 5px 0 0;
    width: 25%
}

#ac-globalnav .ac-gn-bagview-bagitem-column2 {
    padding: 19px 0;
    width: 75%
}

#ac-globalnav .ac-gn-bagview-bagitem-picture {
    max-width: 70px;
    height: auto
}

#ac-globalnav .ac-gn-bagview-bagitem-qty {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: .036em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    color: #888
}

    #ac-globalnav .ac-gn-bagview-bagitem-qty:before {
        content: "\2715";
        font-size: 0.75em
    }

#ac-globalnav .ac-gn-bagview-nav {
    margin-bottom: 2px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-bagview-nav {
        margin-bottom: 8px
    }
}

#ac-globalnav .ac-gn-bagview-nav-list {
    margin: 0;
    padding: 0;
    list-style: none
}

#ac-globalnav .ac-gn-bagview-nav-item {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e3e3e3
}

    #ac-globalnav .ac-gn-bagview-nav-item:first-child {
        border-top-style: none
    }

#ac-globalnav .ac-gn-bagview-nav-nobtn {
    border-top: 1px solid #e3e3e3
}

#ac-globalnav .ac-gn-bagview-nav-link {
    color: #0070c9;
    display: block;
    line-height: 43px;
    /*padding:0 30px;*/
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    #ac-globalnav .ac-gn-bagview-nav-link:hover {
        text-decoration: underline
    }

#ac-globalnav.touch .ac-gn-bagview-nav-link:hover {
    text-decoration: none
}

#ac-globalnav .ac-gn-bagview-nav-link-bag {
    background-image: url("../assets/ac-store/bag.png");
    background-image: none,url("../assets/ac-store/bag.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-favorites {
    background-image: url("../assets/ac-store/favorites.png");
    background-image: none,url("../assets/ac-store/favorites.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-orders {
    background-image: url("../assets/ac-store/orders.png");
    background-image: none,url("../assets/ac-store/orders.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-account {
    background-image: url("../assets/ac-store/account.png");
    background-image: none,url("../assets/ac-store/account.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-signIn {
    background-image: url("../assets/ac-store/signIn.png");
    background-image: none,url("../assets/ac-store/signIn.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-signOut {
    background-image: url("../assets/ac-store/signIn.png");
    background-image: none,url("../assets/ac-store/signIn.svg");
    background-position: 1px center;
    background-repeat: no-repeat
}

#ac-globalnav .ac-gn-bagview-nav-link-bag {
    background-position: 3px 45%
}

#ac-globalnav .ac-gn-bagview-nav-link-orders {
    background-position: 2px center
}

#ac-globalnav .ac-gn-bagview-nav-link-favorites {
    background-position: 1px center
}

#ac-globalnav .ac-gn-bagview-button {
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    background-color: #0070c9;
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap
}

    #ac-globalnav .ac-gn-bagview-button:hover {
        background-color: #147bcd;
        background: -webkit-linear-gradient(#51a9ee, #147bcd);
        background: linear-gradient(#51a9ee, #147bcd);
        border-color: #1482d0;
        text-decoration: none
    }

    #ac-globalnav .ac-gn-bagview-button:focus {
        box-shadow: 0 0 0 3px rgba(131,192,253,0.5);
        outline: none
    }

        #ac-globalnav .ac-gn-bagview-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), #ac-globalnav .ac-gn-bagview-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
            box-shadow: none
        }

    #ac-globalnav .ac-gn-bagview-button:active {
        background-color: #0067b9;
        background: -webkit-linear-gradient(#3d94d9, #0067b9);
        background: linear-gradient(#3d94d9, #0067b9);
        border-color: #006dbc;
        outline: none
    }

    #ac-globalnav .ac-gn-bagview-button:disabled, #ac-globalnav .ac-gn-bagview-button.disabled {
        background-color: #0070c9;
        background: -webkit-linear-gradient(#42a1ec, #0070c9);
        background: linear-gradient(#42a1ec, #0070c9);
        border-color: #07c;
        color: #fff;
        cursor: default;
        opacity: .3
    }

#ac-globalnav .ac-gn-bagview-button-compact {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    min-width: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px
}

#ac-globalnav .ac-gn-bagview-button-block {
    box-sizing: border-box;
    display: block;
    width: 100%
}

#ac-globalnav .ac-gn-bagview-button-secondary {
    background-color: #e3e3e3;
    background: -webkit-linear-gradient(#fff, #e3e3e3);
    background: linear-gradient(#fff, #e3e3e3);
    border-color: #d6d6d6;
    color: #0070c9
}

    #ac-globalnav .ac-gn-bagview-button-secondary:hover {
        background-color: #eee;
        background: -webkit-linear-gradient(#fff, #eee);
        background: linear-gradient(#fff, #eee);
        border-color: #d9d9d9
    }

    #ac-globalnav .ac-gn-bagview-button-secondary:active {
        background-color: #dcdcdc;
        background: -webkit-linear-gradient(#f7f7f7, #dcdcdc);
        background: linear-gradient(#f7f7f7, #dcdcdc);
        border-color: #d0d0d0
    }

    #ac-globalnav .ac-gn-bagview-button-secondary:disabled, #ac-globalnav .ac-gn-bagview-button-secondary.disabled {
        background-color: #e3e3e3;
        background: -webkit-linear-gradient(#fff, #e3e3e3);
        background: linear-gradient(#fff, #e3e3e3);
        border-color: #d6d6d6;
        color: #0070c9
    }

#ac-globalnav .ac-gn-bagview-button {
    display: block;
    margin: 17px 0;
    text-decoration: none
}

#ac-globalnav .ac-gn-bagview-bag-one + .ac-gn-bagview-button {
    margin: 7px 0 17px 0
}

#ac-globalnav #ac-gn-bagview-content .ac-gn-bagview-button.ac-gn-bagview-button-checkout {
    display: block
}

#ac-globalnav .ac-gn-bagview-nav-item-preregistration {
    padding: 10px 0px !important;
    border-bottom: 1px solid #e3e3e3 !important;
    text-align: center !important
}

#ac-globalnav .ac-gn-bagview-nav-link-preregistration {
    padding: 0px 12px !important
}

#ac-globalnav li.prereg-promo-links-list {
    display: inline-block
}

@-webkit-keyframes ac-gn-searchview-searchhide {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0
    }
}

@keyframes ac-gn-searchview-searchhide {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ac-gn-searchview-searchshow-small {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

@keyframes ac-gn-searchview-searchshow-small {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes ac-gn-searchview-close-left-searchshow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes ac-gn-searchview-close-left-searchshow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes ac-gn-searchview-close-left-searchhide {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1)
    }
}

@keyframes ac-gn-searchview-close-left-searchhide {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1)
    }
}

@-webkit-keyframes ac-gn-searchview-close-right-searchshow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes ac-gn-searchview-close-right-searchshow {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes ac-gn-searchview-close-right-searchhide {
    0% {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1)
    }
}

@keyframes ac-gn-searchview-close-right-searchhide {
    0% {
        opacity: 1;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 0.65, 1);
        transform: scale3d(1, 0.65, 1)
    }
}

@-webkit-keyframes ac-gn-searchview-close-searchshow-small {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ac-gn-searchview-close-searchshow-small {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ac-gn-searchview-close-searchhide-small {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes ac-gn-searchview-close-searchhide-small {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
        animation-timing-function: cubic-bezier(1, 0, 0, 1)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes ac-gn-searchview-close-left-searchshow-small {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

@keyframes ac-gn-searchview-close-left-searchshow-small {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

@-webkit-keyframes ac-gn-searchview-close-left-searchhide-small {
    0% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes ac-gn-searchview-close-left-searchhide-small {
    0% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes ac-gn-searchview-close-right-searchshow-small {
    0% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes ac-gn-searchview-close-right-searchshow-small {
    0% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes ac-gn-searchview-close-right-searchhide-small {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

@keyframes ac-gn-searchview-close-right-searchhide-small {
    0% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    100% {
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }
}

#ac-globalnav .ac-gn-searchview {
    display: none
}

#ac-globalnav.searchshow .ac-gn-searchview, #ac-globalnav.searchopen .ac-gn-searchview, #ac-globalnav.searchhide .ac-gn-searchview {
    display: block
}

#ac-globalnav .ac-gn-searchview-content {
    position: absolute;
    top: 0;
    left: 16.66667%;
    width: 66.66667%;
    /*height:100vh;*/
    z-index: 3;
    pointer-events: none
}

#ac-globalnav.searchhide .ac-gn-searchview-content {
    -webkit-animation: ac-gn-searchview-searchhide 200ms both;
    animation: ac-gn-searchview-searchhide 200ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-content {
        top: 63px;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-content {
        opacity: 0
    }

    #ac-globalnav.searchshow .ac-gn-searchview-content, #ac-globalnav.searchopen .ac-gn-searchview-content, #ac-globalnav.searchhide .ac-gn-searchview-content {
        -webkit-animation: none;
        animation: none
    }

    #ac-globalnav.searchopen .ac-gn-searchview-content {
        opacity: 1
    }
}

#ac-globalnav .ac-gn-searchview-close {
    right: 9px;
    right: calc(9px + constant(safe-area-inset-right));
    position: absolute;
    z-index: 3;
    width: 38px;
    height: 44px;
    top: 0;
    opacity: 1;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-tap-highlight-color: transparent
}

@supports (right: calc(max(0px))) {
    #ac-globalnav .ac-gn-searchview-close {
        right: calc(max(9px, calc((env(safe-area-inset-right) - 9px) - ((env(safe-area-inset-right) - 38px) / 2))))
    }
}

#ac-globalnav .ac-gn-searchview-close:-moz-focusring {
    outline: 1px dotted #fff
}

#ac-globalnav .ac-gn-searchview-close::-moz-focus-inner {
    border: 0
}

#ac-globalnav .ac-gn-searchview-close:hover, #ac-globalnav .ac-gn-searchview-close:active {
    opacity: .65
}

#ac-globalnav.touch .ac-gn-searchview-close:hover, #ac-globalnav.touch .ac-gn-searchview-close:active {
    opacity: 1
}

#ac-globalnav .ac-gn-searchview-close:focus {
    outline-offset: -7px
}

    #ac-globalnav .ac-gn-searchview-close:focus:active {
        outline: none
    }

#ac-globalnav.searchshow .ac-gn-searchview-close {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#ac-globalnav.searchhide .ac-gn-searchview-close {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-close {
        left: 50%;
        margin-left: -24px;
        width: 48px;
        height: 48px;
        z-index: 3;
        overflow: hidden
    }
}

#ac-globalnav .ac-gn-searchview-close-wrapper {
    display: block;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchshow .ac-gn-searchview-close-wrapper {
        -webkit-animation: ac-gn-searchview-close-searchshow-small 600ms 150ms both;
        animation: ac-gn-searchview-close-searchshow-small 600ms 150ms both
    }

    #ac-globalnav.searchopen .ac-gn-searchview-close-wrapper {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    #ac-globalnav.searchhide .ac-gn-searchview-close-wrapper {
        -webkit-animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both;
        animation: ac-gn-searchview-close-searchhide-small 600ms 200ms both
    }
}

#ac-globalnav .ac-gn-searchview-close-left, #ac-globalnav .ac-gn-searchview-close-right {
    height: 18px;
    width: 1px;
    background: #000;
    position: absolute;
    display: block;
    top: 11px;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-close-left, #ac-globalnav .ac-gn-searchview-close-right {
        top: 20px;
        height: 1px;
        width: 12px
    }
}

#ac-globalnav .ac-gn-searchview-close-left {
    right: 12px;
    -webkit-transform: scale3d(1, 0.65, 1);
    transform: scale3d(1, 0.65, 1);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

#ac-globalnav.searchshow .ac-gn-searchview-close-left {
    -webkit-animation: ac-gn-searchview-close-left-searchshow 300ms both;
    animation: ac-gn-searchview-close-left-searchshow 300ms both
}

#ac-globalnav.searchopen .ac-gn-searchview-close-left {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#ac-globalnav.searchhide .ac-gn-searchview-close-left {
    -webkit-animation: ac-gn-searchview-close-left-searchhide 300ms both;
    animation: ac-gn-searchview-close-left-searchhide 300ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-close-left {
        left: auto;
        right: 50%;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    #ac-globalnav.searchshow .ac-gn-searchview-close-left {
        -webkit-animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both;
        animation: ac-gn-searchview-close-left-searchshow-small 600ms 225ms both
    }

    #ac-globalnav.searchopen .ac-gn-searchview-close-left {
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    #ac-globalnav.searchhide .ac-gn-searchview-close-left {
        -webkit-animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both;
        animation: ac-gn-searchview-close-left-searchhide-small 600ms 150ms both
    }
}

#ac-globalnav .ac-gn-searchview-close-right {
    left: 12px;
    -webkit-transform: scale3d(1, 0.65, 1);
    transform: scale3d(1, 0.65, 1);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

#ac-globalnav.searchshow .ac-gn-searchview-close-right {
    -webkit-animation: ac-gn-searchview-close-right-searchshow 300ms both;
    animation: ac-gn-searchview-close-right-searchshow 300ms both
}

#ac-globalnav.searchopen .ac-gn-searchview-close-right {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#ac-globalnav.searchhide .ac-gn-searchview-close-right {
    -webkit-animation: ac-gn-searchview-close-right-searchhide 300ms both;
    animation: ac-gn-searchview-close-right-searchhide 300ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchview-close-right {
        left: 50%;
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    #ac-globalnav.searchshow .ac-gn-searchview-close-right {
        -webkit-animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both;
        animation: ac-gn-searchview-close-right-searchshow-small 600ms 225ms both
    }

    #ac-globalnav.searchopen .ac-gn-searchview-close-right {
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    #ac-globalnav.searchhide .ac-gn-searchview-close-right {
        -webkit-animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both;
        animation: ac-gn-searchview-close-right-searchhide-small 600ms 150ms both
    }
}

@-webkit-keyframes ac-gn-searchform-slide {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
        animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes ac-gn-searchform-slide {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
        animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes ac-gn-searchform-fade {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
        animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
    }

    100% {
        opacity: 1
    }
}

@keyframes ac-gn-searchform-fade {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
        animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes ac-gn-searchinput-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ac-gn-searchinput-fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#ac-globalnav input, #ac-globalnav button {
    border: none;
    background-color: transparent
}

#ac-globalnav .ac-gn-searchform {
    height: 44px;
    line-height: 44px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform {
        height: 44px;
        line-height: 44px;
        padding: 0 48px
    }
}

#ac-globalnav.searchshow .ac-gn-searchform {
    -webkit-animation: ac-gn-searchform-fade 400ms 400ms both;
    animation: ac-gn-searchform-fade 400ms 400ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchshow .ac-gn-searchform {
        -webkit-animation: none;
        animation: none
    }
}

#ac-globalnav .ac-gn-searchform-wrapper {
    padding-left: 40px;
    position: relative;
    z-index: 2
}

#ac-globalnav.searchshow .ac-gn-searchform-wrapper {
    -webkit-animation: ac-gn-searchform-slide 1s 400ms both;
    animation: ac-gn-searchform-slide 1s 400ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav.searchshow .ac-gn-searchform-wrapper {
        -webkit-animation: none;
        animation: none
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-wrapper {
        background: #f7f7f7;
        border-bottom: 1px solid #ccc;
        right: 200%;
        padding: 0 24px;
        height: 44px
    }

    #ac-globalnav.searchopen .ac-gn-searchform-wrapper {
        right: auto
    }
}

#ac-globalnav .ac-gn-searchform-input {
    font-size: 17px;
    line-height: 1.29412;
    letter-spacing: -.021em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    color: #000;
    outline: none;
    width: 100%;
    height: 1.29412em
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-input {
        font-size: 17px;
        line-height: 1.26471;
        letter-spacing: -.021em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}

.touch#ac-globalnav.searchshow .ac-gn-searchform-input {
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px)
}

.touch#ac-globalnav.searchopen .ac-gn-searchform-input {
    -webkit-animation: ac-gn-searchinput-fade 200ms both;
    animation: ac-gn-searchinput-fade 200ms both
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-input {
        height: 1.26471em
    }

    .touch#ac-globalnav.searchshow .ac-gn-searchform-input {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .touch#ac-globalnav.searchopen .ac-gn-searchform-input {
        -webkit-animation: none;
        animation: none
    }
}

#ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder {
    color: #888;
    opacity: 1
}

#ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder {
    color: #888;
    opacity: 1
}

#ac-globalnav .ac-gn-searchform-input::placeholder {
    color: #888;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-input::-webkit-input-placeholder {
        color: #666
    }

    #ac-globalnav .ac-gn-searchform-input:-ms-input-placeholder {
        color: #666
    }

    #ac-globalnav .ac-gn-searchform-input::placeholder {
        color: #666
    }
}

#ac-globalnav .ac-gn-searchform-input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

#ac-globalnav .ac-gn-searchform-submit {
    left: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 40px;
    height: 44px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../../../images/svg/search_large.svg");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    #ac-globalnav .ac-gn-searchform-submit:-moz-focusring {
        outline: 1px dotted #fff
    }

    #ac-globalnav .ac-gn-searchform-submit::-moz-focus-inner {
        border: 0
    }

#ac-globalnav.no-svg .ac-gn-searchform-submit {
    background-image: url("../images/globalnav/search/image_large.png")
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-submit {
        background-repeat: no-repeat;
        background-image: url("../../../images//svg/search_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-searchform-submit {
        background-image: url("../../../images//svg/search_small.svg")
    }
}

#ac-globalnav .ac-gn-searchform-submit:hover, #ac-globalnav .ac-gn-searchform-submit:active {
    opacity: .65
}

#ac-globalnav.touch .ac-gn-searchform-submit:hover, #ac-globalnav.touch .ac-gn-searchform-submit:active {
    opacity: 1
}

#ac-globalnav .ac-gn-searchform-submit:focus {
    outline-offset: -7px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-submit:focus {
        outline-offset: 0
    }
}

#ac-globalnav .ac-gn-searchform-submit[disabled] {
    opacity: 1;
    cursor: default
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-submit {
        width: 20px;
        background-position: 0 50%
    }
}

#ac-globalnav .ac-gn-searchform-reset {
    right: 0;
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    cursor: pointer
}

    #ac-globalnav .ac-gn-searchform-reset:-moz-focusring {
        outline: 1px dotted #fff
    }

    #ac-globalnav .ac-gn-searchform-reset::-moz-focus-inner {
        border: 0
    }

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-reset {
        width: 22px;
        height: 42px;
        background-size: 22px 42px;
        background-repeat: no-repeat;
        background-image: url("../images/globalnav/search/icon_reset_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-searchform-reset {
        background-image: url("../images/globalnav/search/icon_reset_small.png")
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform-reset {
        cursor: default;
        display: block;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 300ms ease;
        transition: opacity 300ms ease
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchform.with-reset .ac-gn-searchform-reset {
        cursor: pointer;
        opacity: 1;
        pointer-events: auto
    }
}

@-webkit-keyframes ac-gn-searchresults-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

@keyframes ac-gn-searchresults-show {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes ac-gn-searchresults-items-show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes ac-gn-searchresults-items-show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

#ac-globalnav .ac-gn-searchresults {
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    letter-spacing: -.01em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    display: none;
    background: #fff;
    border-top: none;
    color: #888;
    max-height: calc(100% - 44px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults {
        font-size: 15px;
        line-height: 2.86667;
        letter-spacing: -.018em;
        /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif*/
    }
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults {
        background: transparent;
        border: none;
        color: #999;
        max-height: none;
        padding: 44px 48px 48px;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1
    }
}

#ac-globalnav .ac-gn-searchresults.with-content {
    display: block
}

#ac-globalnav .ac-gn-searchresults.with-content-initial {
    -webkit-animation: ac-gn-searchresults-show 200ms both;
    animation: ac-gn-searchresults-show 200ms both
}

#ac-globalnav .ac-gn-searchresults-section {
    border-top: 1px solid #d6d6d6;
    margin: 0 40px;
    padding: 24px 0 18px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-section {
        border-color: #ccc;
        margin: 0;
        padding: 23px 0 40px
    }
}

#ac-globalnav .ac-gn-searchresults-section:first-child {
    border-top: none
}

#ac-globalnav .ac-gn-searchresults-header {
    font-size: 11px;
    line-height: 1;
    letter-spacing: .005em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    color: #888
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-header {
        color: #999
    }
}

#ac-globalnav .ac-gn-searchresults-list {
    list-style: none;
    padding-top: 5px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-list {
        padding: 3px 30px 0
    }
}

@media only screen and (max-width: 419px) {
    #ac-globalnav .ac-gn-searchresults-list {
        padding: 4px 0
    }
}

#ac-globalnav .ac-gn-searchresults-item {
    margin: 6px -32px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-item {
        margin: 0;
        border-top: 1px solid #333
    }

        #ac-globalnav .ac-gn-searchresults-item:first-child {
            border-top: none
        }
}

#ac-globalnav .ac-gn-searchresults-link {
    color: #888;
    display: block;
    padding: 0 48px;
    text-decoration: none
}

    #ac-globalnav .ac-gn-searchresults-link b {
        color: #333
    }

    #ac-globalnav .ac-gn-searchresults-link.current {
        background-color: #f2f2f2
    }

        #ac-globalnav .ac-gn-searchresults-link.current, #ac-globalnav .ac-gn-searchresults-link.current b {
            color: #0070c9
        }

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-link {
        color: #999;
        padding: 0
    }

        #ac-globalnav .ac-gn-searchresults-link b {
            color: #fff
        }

        #ac-globalnav .ac-gn-searchresults-link.current {
            background-color: transparent
        }

            #ac-globalnav .ac-gn-searchresults-link.current, #ac-globalnav .ac-gn-searchresults-link.current b {
                color: #6bf
            }
}

#ac-globalnav .ac-gn-searchresults-link-suggestions {
    background-repeat: no-repeat;
    background-image: url("../images/globalnav/search/icon_suggested_large.svg");
    padding-left: 70px;
    background-position: 48px -1px
}

#ac-globalnav.no-svg .ac-gn-searchresults-link-suggestions {
    background-image: url("../images/globalnav/search/icon_suggested_large.png")
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-link-suggestions {
        background-repeat: no-repeat;
        background-image: url("../images/globalnav/search/icon_suggested_small.svg")
    }

    #ac-globalnav.no-svg .ac-gn-searchresults-link-suggestions {
        background-image: url("../images/globalnav/search/icon_suggested_small.png")
    }
}

#ac-globalnav .ac-gn-searchresults-link-suggestions.current {
    background-position: 48px -33px
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-link-suggestions {
        background-position: left 1px;
        padding-left: 26px
    }

        #ac-globalnav .ac-gn-searchresults-link-suggestions.current {
            background-position: left -41px
        }
}

#ac-globalnav .ac-gn-searchresults-link-defaultlinks {
    color: #333
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-link-defaultlinks {
        color: #ccc
    }
}

#ac-globalnav .ac-gn-searchresults-animated {
    -webkit-animation: ac-gn-searchresults-items-show 400ms both;
    animation: ac-gn-searchresults-items-show 400ms both
}

#ac-globalnav.searchhide .ac-gn-searchresults-animated {
    -webkit-animation: none;
    animation: none
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-animated {
        -webkit-animation: none;
        animation: none
    }
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(1) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(2) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(4) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(5) {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(6) {
    -webkit-animation-delay: 120ms;
    animation-delay: 120ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(7) {
    -webkit-animation-delay: 140ms;
    animation-delay: 140ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(8) {
    -webkit-animation-delay: 160ms;
    animation-delay: 160ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(9) {
    -webkit-animation-delay: 180ms;
    animation-delay: 180ms
}

#ac-globalnav .ac-gn-searchresults-animated:nth-child(10) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

#ac-globalnav .ac-gn-searchresults-animated.ac-gn-searchresults-header {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#ac-globalnav .ac-gn-searchresults-noresults {
    display: block;
    padding: 0 32px;
    color: #888;
    line-height: 1.25;
    white-space: normal
}

@media only screen and (max-width: 767px) {
    #ac-globalnav .ac-gn-searchresults-noresults {
        color: #ccc;
        padding: 0
    }
}

html.ac-gn-segmentbar-visible {
    margin-top: 40px !important
}

@media only screen and (max-width: 767px) {
    html.ac-gn-segmentbar-visible {
        margin-top: 44px !important
    }
}

html.ac-gn-segmentbar-visible body {
    border-top: 1px solid transparent;
    margin-top: -1px;
    position: relative
}

#ac-gn-segmentbar {
    font-size: 11px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .005em;
    /*font-family:"SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;*/
    background: #444;
    display: none;
    position: absolute;
    top: -40px;
    left: 0;
    min-width: 1024px;
    width: 100%;
    height: 40px;
    z-index: 9998
}

@media only screen and (max-width: 1023px) {
    #ac-gn-segmentbar {
        min-width: 320px
    }
}

@media only screen and (max-width: 767px) {
    #ac-gn-segmentbar {
        top: -44px;
        height: 44px
    }
}

html.ac-gn-segmentbar-visible #ac-gn-segmentbar {
    display: block
}

#ac-gn-segmentbar .ac-gn-segmentbar-content {
    list-style: none;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 22px;
    white-space: nowrap;
    padding-left: calc(22px + constant(safe-area-inset-left));
    padding-right: calc(22px + constant(safe-area-inset-right))
}

@supports (padding: calc(max(0px))) {
    #ac-gn-segmentbar .ac-gn-segmentbar-content {
        padding-left: calc(max(22px, env(safe-area-inset-left)));
        padding-right: calc(max(22px, env(safe-area-inset-right)))
    }
}

@media only screen and (max-width: 767px) {
    #ac-gn-segmentbar .ac-gn-segmentbar-content {
        padding: 0 16px
    }
}

#ac-gn-segmentbar .ac-gn-segmentbar-item {
    border-left: 1px solid #666;
    float: left;
    height: 11px;
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    #ac-gn-segmentbar .ac-gn-segmentbar-item {
        margin-top: 16.5px
    }
}

#ac-gn-segmentbar .ac-gn-segmentbar-item:first-child {
    border-left: none;
    margin-left: -11px;
    max-width: 60%
}

#ac-gn-segmentbar .ac-gn-segmentbar-link {
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 40px;
    margin-top: -15px;
    outline-offset: -11px;
    overflow: hidden;
    padding: 0 11px;
    text-decoration: none;
    text-overflow: ellipsis
}

@media only screen and (max-width: 767px) {
    #ac-gn-segmentbar .ac-gn-segmentbar-link {
        line-height: 44px;
        margin-top: -16.5px
    }
}

#ac-gn-segmentbar .ac-gn-segmentbar-link:hover {
    color: #6bf;
    text-decoration: none
}

html.ac-gn-noscroll {
    margin-top: 0 !important
}

    html.ac-gn-noscroll, html.ac-gn-noscroll body {
        overflow: hidden !important;
        height: 100% !important
    }

html.ac-gn-noscroll-long {
    overflow-y: scroll !important
}



/*not�ication*/
[data-notify="container"][class*="alert-pastel-"] {
    background-color: rgb(255, 255, 238);
    border-width: 0px;
    border-left: 15px solid rgb(255, 240, 106);
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
    font-family: 'Old Standard TT', serif;
    letter-spacing: 1px;
}

[data-notify="container"].alert-pastel-info {
    border-left-color: rgb(255, 179, 40);
}

[data-notify="container"].alert-pastel-danger {
    border-left-color: rgb(255, 103, 76);
}

[data-notify="container"].alert-pastel-success {
    border-left-color: green;
}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
    color: rgb(80, 80, 57);
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
    font-weight: 400;
}



.icon-menu {
    width: 50px;
    border-radius: 50% 50%;
    flex-grow: 1 !important;
    font-size: 22px !important;
    text-align: center !important;
    font-weight: 900 !important;
    color: #e7e7e7;
}
    .icon-menu:hover{
        color:#fff;
    }

    .des-menu {
        font-size: 0.85em !important;
        line-height: 1.4em !important;
        color: #147bcd;
    }

    .des-menu h3 {
        color: #215ca0;
    }

    .des-menu h4 {
        font-size: 0.85em !important;
        color: #000;
    }

@media only screen and (max-width: 767px) {
    .des-menu {
        font-size: 1em !important;
        line-height: 1.5em !important;
        color: #147bcd;
    }
}
/*Input style here*/
.modal-content {
    border: none;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
}

.modal-header {
    display: block;
    background-color: #C4C4C4;
}

.dropdown-home {
    padding: 20px;
}


.menu-hover-item-text {
    font-size: .9em !important;
}

.dropdown-menu {
    padding: 25px !important;
    display: block !important;
}

    .dropdown-menu a:hover {
        text-decoration: underline;
        color: #17aee2 !important;
    }

    .dropdown-menu .box-nav:focus {
        color: #17aee2 !important;
        letter-spacing: -0.5px !important;
    }

.menu-hidden {
    display: none !important;
}



.icon-menu {
    height: 47px;
    width: 36px;
}

/*.dropdown {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}*/

    .dropdown:hover .dropdown-menu {
        display: block !important;
    }

.dropdown-menu {
    display: none !important;
    border-radius: 25px;
    position: inherit !important;
    border: none;
    min-width: 14rem;
}

.dropdown.toggle > input {
    display: none;
}

.dropdown ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute !important;
    width: 100%;
    top: auto;
    left: -100px;
    width: 100%;
    box-shadow: 0 6px 5px -5px rgba(0,0,0,0.3);
    border: .5px solid #4a4a4a;
}

.dropdown a, .dropdown.toggle > label {
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    color: #999;
    background-color: #FFF;
}

.dropdown-menu li {
    overflow: hidden;
    transition: all 500ms;
    padding: 0 28px;
}

.dropdown.hover li {
    transition-delay: 300ms;
}

.dropdown-menu li:first-child a::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    top: -3%;
    left: 38%;
}

.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li {
    height: 80px;
}

    .dropdown.hover:hover li:first-child, .dropdown.toggle > input:checked ~ ul li:first-child {
        padding-top: 15px;
    }

.dropdown a {
    line-height: 44px !important;
}

@media only screen and (max-width: 769px) {
    .dropdown-menu {
        left: -47px;
    }

        .dropdown-menu li:first-child a::before {
            top: -3%;
            left: 61%;
        }

    .dropdown ul {
        left: -162px;
    }
}

@media only screen and (max-width: 426px) {
    .box-nav {
        display: none !important;
    }

    .dropdown {
        visibility: hidden
    }

    .nav-hidden {
        visibility: visible;
    }

    .menu-hidden {
        display: inline-block !important;
    }
}

.menu-list {
    background-image: none,url(/images/Biz4/ressources/img/icon_menu.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.menu-signin {
    background-image: none,url(/images/Icon_11_4_2020/icon_signin.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 0 22px 0 34px !important;
}

.menu-signup {
    background-image: none,url(/images/Icon_11_4_2020/icon_register.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 0 22px 0 34px !important;
}

.menu-prices {
    background-image: none,url(/images/Icon_11_4_2020/icon_prices.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 0 22px 0 34px !important;
}

.menu-info {
    background-image: none,url(/images/Icon_11_4_2020/icon_introduce.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 0 22px 0 34px !important;
}

.menu-faq {
    background-image: none,url(/images/Icon_11_4_2020/icon_FAQ.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    padding: 0 22px 0 34px !important;
}

.text-black {
    color: #000 !important;
}



/*customheader dangky*/
/*input[type='text'] {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #2C3E50;
}*/
img {
    /*max-height: 400px;*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.modal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.modal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

main {
    /*padding-top:50px;*/
}

.btn-confirm {
    margin-left: 20px;
}

.btn-cancel {
    margin-right: 20px;
}

.idms-captcha-wrappe {
    margin: auto 0;
}

.btn-primary-2 {
    backdrop-filter: saturate(180%) blur(20px);
    background: rgba(242,242,242,0.6);
    color: #fff !important;
    background-color: #17aee2;
    border-color: #17aee2;
    border-radius: 1em;
    text-align: center !important;
    font-size: 1.5em !important;
    padding: 10px 30px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .btn-primary-2:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        backdrop-filter: saturate(180%) blur(20px);
        background: rgba(242,242,242,0.8);
        border-radius: 1em;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btn-primary-2:hover, .btn-primary-2:focus, .btn-primary-2:active {
        color: #17aee2 !important;
        backdrop-filter: saturate(180%) blur(20px);
        background: rgba(242,242,242,0.8);
        border-color: #17aee2;
        border-width: 0.5px;
        border-radius: 1em;
        text-align: center !important;
        border-width: 1px;
    }

        .btn-primary-2:hover:before, .btn-primary-2:focus:before, .btn-primary-2:active:before {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.btn-primary-2-small {
    font-size: inherit !important;
    padding: 2px 10px !important;
}

.btn-sm-header {
    position: relative;
    top: 6px;
}


.btn-sm-form-contact {
    margin-top: 10px;
    background-color: #fff;
    cursor: pointer;
    color: #2185d0;
    padding: 5px 20px;
    /* text-shadow: none; */
    background-image: none;
    border: 1px solid #2185d0;
    font-weight: bold;
}

    .btn-sm-form-contact:hover {
        background-color: #2185d0;
        color: #fff;
    }

    .btn-sm-form-contact.submit {
        background-color: #21ba45;
    }

.btn-createcode {
    background-color: transparent;
    BORDER: NONE;
    CURSOR: POINTER;
    COLOR: #0F588F;
    margin-top: 10px;
}

    .btn-createcode:hover {
        text-decoration: underline;
    }

    .btn-createcode:focus {
        outline: none;
    }

@media only screen and (max-width:768px) {
    .captcha-control {
        margin-top: 20px;
    }

    .btn-primary-2 {
        font-size: 1.3em !important;
        padding: 5px 30px;
    }

    .btn-primary-2-small {
        font-size: inherit !important;
    }
}

.border-captcha {
    padding-top: 20px;
    border-top: 1px solid #E7E7E8;
    border-bottom: 1px solid #E7E7E8;
}

@media only screen and (max-width:768px) {
    .border-captcha {
        padding-bottom: 15px;
    }
}

#Modal-watting {
    z-index: 9999;
}


.pd-top-footer {
    padding-top: 20px;
}

@media only screen and (max-width:768px) {
    .pd-top-footer {
        padding-top: 0px;
    }
}


/*input type*/

/*.text-input:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: -5000px;
    height: 100%;
    width: 15000px;
    z-index: -1;
    background: inherit;
}*/




.text-input:nth-child(3), .text-input:nth-child(7) {
    background: #377d6a;
}

.text-input:nth-child(4), .text-input:nth-child(6) {
    background: #7ab893;
}

.text-input:nth-child(5) {
    background: #b2e3af;
}

.text-input span {
    position: relative;
    display: inline-block;
    width: 100%;
}

.basic-slide {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 70px;
    transition: all 0.3s ease-in-out;
}

    .basic-slide::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .basic-slide + label {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        background: #7ab893;
        transition: all 0.3s ease-in-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .basic-slide:focus, .basic-slide:active {
        color: #377d6a;
        text-indent: 0;
        background: #fff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .basic-slide:focus::-webkit-input-placeholder, .basic-slide:active::-webkit-input-placeholder {
            color: #aaa;
        }

        .basic-slide:focus + label, .basic-slide:active + label {
            transform: translateX(-100%);
        }

.clean-slide {
    position: relative;
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 60px;
    transition: all 0.3s ease-in-out;
}

    .clean-slide::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .clean-slide + label {
        display: inline-block;
        position: absolute;
        transform: translateX(0);
        top: 0;
        left: 0;
        bottom: 0;
        padding: 13px 15px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        color: #032429;
        text-align: left;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
        transition: all 0.3s ease-in-out, color 0.3s ease-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        overflow: hidden;
    }

        .clean-slide + label:after {
            content: "";
            position: absolute;
            top: 0;
            right: 100%;
            bottom: 0;
            width: 100%;
            background: #7ab893;
            z-index: -1;
            transform: translate(0);
            transition: all 0.3s ease-in-out;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .clean-slide:focus, .clean-slide:active {
        color: #377d6a;
        text-indent: 0;
        background: #fff;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .clean-slide:focus::-webkit-input-placeholder, .clean-slide:active::-webkit-input-placeholder {
            color: #aaa;
        }

        .clean-slide:focus + label, .clean-slide:active + label {
            color: #fff;
            text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
            transform: translateX(-100%);
        }

            .clean-slide:focus + label:after, .clean-slide:active + label:after {
                transform: translate(100%);
            }

.gate {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 65px;
    transition: all 0.3s ease-in-out;
}

    .gate::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .gate + label {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        background: #7ab893;
        transition: all 0.4s ease-in-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        transform-origin: left bottom;
        z-index: 99;
    }

        .gate + label:before, .gate + label:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 3px;
            background: #377d6a;
            transform-origin: left bottom;
            transition: all 0.4s ease-in-out;
            pointer-events: none;
            z-index: -1;
        }

        .gate + label:before {
            background: rgba(3, 36, 41, .2);
            z-index: -2;
            right: 20%;
        }

span:nth-child(2) .gate {
    text-indent: 85px;
}

    span:nth-child(2) .gate:focus, span:nth-child(2) .gate:active {
        text-indent: 0;
    }

.gate:focus, .gate:active {
    color: #377d6a;
    text-indent: 0;
    background: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .gate:focus::-webkit-input-placeholder, .gate:active::-webkit-input-placeholder {
        color: #aaa;
    }

    .gate:focus + label, .gate:active + label {
        transform: rotate(-66deg);
        border-radius: 3px;
    }

        .gate:focus + label:before, .gate:active + label:before {
            transform: rotate(10deg);
        }

.skinny {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 75px;
    transition: all 0.3s ease-in-out;
}

    .skinny::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .skinny + label {
        display: inline-block;
        position: absolute;
        transform: translateX(0);
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        transition: all 0.3s ease-in-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        overflow: hidden;
    }

        .skinny + label:before, .skinny + label:after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            z-index: -1;
            transition: all 0.3s ease-in-out;
        }

        .skinny + label:before {
            top: 5px;
            bottom: 5px;
            background: #377d6a;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .skinny + label:after {
            top: 0;
            bottom: 0;
            background: #377d6a;
        }

    .skinny:focus, .skinny:active {
        color: #377d6a;
        text-indent: 0;
        background: #fff;
    }

        .skinny:focus::-webkit-input-placeholder, .skinny:active::-webkit-input-placeholder {
            color: #aaa;
        }

        .skinny:focus + label, .skinny:active + label {
            transform: translateX(-100%);
        }

            .skinny:focus + label:after, .skinny:active + label:after {
                transform: translateX(100%);
            }

.slide-up {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 80px;
    transition: all 0.3s ease-in-out;
}

    .slide-up::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .slide-up + label {
        display: inline-block;
        position: absolute;
        transform: translateX(0);
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        transition: all 0.3s ease-in-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        overflow: hidden;
    }

        .slide-up + label:before, .slide-up + label:after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            z-index: -1;
            transition: all 0.3s ease-in-out;
        }

        .slide-up + label:before {
            top: 6px;
            left: 5px;
            right: 5px;
            bottom: 6px;
            background: #377d6a;
        }

        .slide-up + label:after {
            top: 0;
            bottom: 0;
            background: #377d6a;
        }

span:nth-child(1) .slide-up {
    text-indent: 105px;
}

span:nth-child(3) .slide-up {
    text-indent: 125px;
}

    span:nth-child(1) .slide-up:focus, span:nth-child(1) .slide-up:active, span:nth-child(3) .slide-up:focus, span:nth-child(3) .slide-up:active {
        text-indent: 0;
    }

.slide-up:focus, .slide-up:active {
    color: #377d6a;
    text-indent: 0;
    background: #fff;
}

    .slide-up:focus::-webkit-input-placeholder, .slide-up:active::-webkit-input-placeholder {
        color: #aaa;
    }

    .slide-up:focus + label, .slide-up:active + label {
        transform: translateY(-100%);
    }

        .slide-up:focus + label:before, .slide-up:active + label:before {
            border-radius: 5px;
        }

        .slide-up:focus + label:after, .slide-up:active + label:after {
            transform: translateY(100%);
        }

.card-slide {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 115px;
    transition: all 0.3s ease-in-out;
}

    .card-slide::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .card-slide + label {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        background: #7ab893;
        transition: all 0.3s ease-in-out;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        transform-origin: right center;
        transform: perspective(300px) scaleX(1) rotateY(0deg);
    }

span:nth-child(2) .card-slide {
    text-indent: 55px;
}

span:nth-child(3) .card-slide {
    text-indent: 150px;
}

    span:nth-child(2) .card-slide:focus, span:nth-child(2) .card-slide:active, span:nth-child(3) .card-slide:focus, span:nth-child(3) .card-slide:active {
        text-indent: 0;
    }

.card-slide:focus, .card-slide:active {
    color: #377d6a;
    text-indent: 0;
    background: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

    .card-slide:focus::-webkit-input-placeholder, .card-slide:active::-webkit-input-placeholder {
        color: #aaa;
    }

    .card-slide:focus + label, .card-slide:active + label {
        transform: perspective(600px) translateX(-100%) rotateY(80deg);
    }

.swing {
    display: inline-block;
    width: 215px;
    padding: 10px 0 10px 15px;
    font-weight: 400;
    color: #377d6a;
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-indent: 60px;
    transition: all 0.3s ease-in-out;
}

    .swing::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .swing + label {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 15px;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        background: #7ab893;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        transform-origin: 2px 2px;
        transform: rotate(0);
        animation: swing-back 0.4s 1 ease-in-out;
    }

@keyframes swing {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(116deg);
    }

    40% {
        transform: rotate(60deg);
    }

    60% {
        transform: rotate(98deg);
    }

    80% {
        transform: rotate(76deg);
    }

    100% {
        transform: rotate(82deg);
    }
}

@keyframes swing-back {
    0% {
        transform: rotate(82deg);
    }

    100% {
        transform: rotate(0);
    }
}

.swing:focus, .swing:active {
    color: #377d6a;
    text-indent: 0;
    background: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

    .swing:focus::-webkit-input-placeholder, .swing:active::-webkit-input-placeholder {
        color: #aaa;
    }

    .swing:focus + label, .swing:active + label {
        animation: swing 1.4s 1 ease-in-out;
        transform: rotate(82deg);
    }

.balloon {
    display: inline-block;
    /*width: 215px;*/
    width: 100%;
    /*padding: 10px 0 10px 15px;*/
    padding: 7px 0 10px 15px;
    font-weight: 400;
    /*color: #095b77;*/
    background: #efefef;
    border: 0;
    border-radius: 3px;
    outline: 0;
    /*text-indent: 60px;*/
    transition: all 0.3s ease-in-out;
}

    .balloon::-webkit-input-placeholder {
        color: #efefef;
        text-indent: 0;
        font-weight: 300;
    }

    .balloon:-webkit-autofill {
        -webkit-animation-name: autofill;
        -webkit-animation-fill-mode: both;
    }

@-webkit-keyframes autofill {
    to {
        color: black;
        background: #efefef;
    }
}

.balloon + label {
    display: none;
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 0px;
    padding: 5px 15px !important;
    color: #888888;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
    transition: all 0.3s ease-in-out;
    border-radius: 3px;
    background: rgba(122, 184, 147, 0);
}

    .balloon + label:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 100%;
        left: 50%;
        margin-left: -3px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid rgba(122, 184, 147, 0);
        transition: all 0.3s ease-in-out;
    }

.balloon:focus, .balloon:active {
    color: #000;
    text-indent: 0;
    /*background: #fff;*/
}

    .balloon:focus::-webkit-input-placeholder, .balloon:active::-webkit-input-placeholder {
        color: #aaa;
    }

    .balloon:focus + label, .balloon:active + label {
        color: #fff;
        text-shadow: 0 1px 0 rgba(19, 74, 70, .4);
        background: #17aee2;
        transform: translateY(-40px);
    }

textarea.balloon:focus + label, textarea.balloon:active + label {
    display: inline-table;
}

.balloon:focus + label:after, .balloon:active + label:after {
    border-top: 4px solid #17aee2;
}
/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 1px;
        width: 0;
        bottom: 1px;
        position: absolute;
        /*background: #17aee2;*/
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 50%;
}

textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
    width: 50%;
}

select:focus ~ .bar:before, select:focus ~ .bar:after {
    width: 50%;
}

.text-intent-95 {
    text-indent: 95px;
}

.text-intent-70 {
    text-indent: 70px;
}

.text-intent-100 {
    text-indent: 100px;
}

.text-intent-130 {
    text-indent: 130px;
}

.text-intent-135 {
    text-indent: 135px;
}

.text-intent-185 {
    text-indent: 185px;
}

.ft-title-size {
    font-size: 55px;
    line-height: 1.27143;
    font-weight: 550;
    letter-spacing: -.005em;
}

.ft-content-size {
    font-size: 25px !important;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
}
.ft-content-size1 {
    font-size: 25px !important;
    line-height: 1.33349;
    font-weight: bold;
    letter-spacing: .009em;
}
@media (max-width:768px){
    .ft-content-size1 {
        font-size: 25px !important;
        line-height: 1.33349;
        font-weight: 500;
        letter-spacing: .009em;
    }
}

@media screen and (max-width:768px) {
    .ft-md-title-size {
        font-size: 24px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
    }

    .ft-md-content-size {
        font-size: 18px !important;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
    }
}

.text-danger {
    font-size: 15px;
}

@media screen and (max-width:735px) {
    .ft-title-size {
        font-size: 24px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
    }

    .ft-content-size {
        font-size: 18px !important;
        line-height: 1.21053;
        font-weight: 400;
        letter-spacing: .012em;
    }
}

input.balloon, input.balloon:before, input.balloon:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

select {
    height: 50px;
}

@supports (-ms-ime-align:auto) {
    select.balloon:not(:focus) {
        /*padding-left: 150px;*/
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .text-intent-95 {
        text-indent: 100px;
    }

    .text-intent-70 {
        text-indent: 75px;
    }

    .text-intent-100 {
        text-indent: 105px;
    }

    .text-intent-130 {
        text-indent: 135px;
    }

    .text-intent-135 {
        text-indent: 145px;
    }

    .text-intent-185 {
        text-indent: 190px;
    }
}

@supports not (-webkit-overflow-scrolling: touch) {
    /* CSS for other than iOS devices */
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-ms-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}



@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

/*transparent text*/
.trns-text {
    background-image: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    -ms-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    /* Below is not needed */
    display: inline-block;
    font-size: 120px;
    text-align: center;
    font-weight: bold;
    background-size: cover;
}

#counter {
    text-align: left;
    overflow: hidden;
    position: relative;
}

.custom-manager {
    position: relative;
    /*top: 53%;
    left: 20%;*/
    top: -25%;
    margin-left: 5px;
    font-size: 25px;
    font-weight: bold;
}

label.trns-text {
    font-size: 60px;
    vertical-align: top;
    /*padding-top: 25px;*/
    transition: 1s;
    transition-delay: 1.2s;
    transform: translateY(-100px);
}

    label.trns-text.showplus {
        transform: translateY(0);
    }

.non-trns {
    color: #000;
    text-align: center;
    font-size: 25px;
}

.hide {
    display: none;
}

input.balloon:placeholder-shown ~ label {
    display: inline-block;
}

input.balloon:focus ~ label {
    display: inline-block;
}

textarea.balloon:placeholder-shown ~ label {
    display: inline-table;
}

textarea.balloon:focus ~ label {
    display: inline-table;
}

select.balloon[value=""] ~ label {
    display: inline-block;
}
/*popup*/
@keyframes draw {
    0% {
        stroke-dasharray: 0 400;
        stroke-dashoffset: -474;
        stroke-width: 5px;
    }

    100% {
        stroke-dasharray: 760;
        stroke-dashoffset: 0;
        stroke-width: 5px;
    }
}

.modal-content {
    border-radius: 0.8rem;
    overflow: hidden;
}

.modal-body {
    border-top: 1px solid #e9ecef;
    text-align: center;
}

.modal-header {
    border: none;
}

.modal-content:hover .shape {
    -webkit-animation: 3s draw linear forwards;
    animation: 3s draw linear forwards;
}

.modal-svg {
    position: absolute;
}

.shape {
    fill: transparent;
    stroke-dasharray: 0 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
    stroke: red;
}


.layer-footer {
    font-size: 15px !important;
    width: 100%;
    padding: 10px;
    display: flex !important;
    justify-content: space-between;
    animation: moveUp 0.6s ease-in-out 0.2s backwards;
}

    .layer-footer .item-layer {
        /*height: 30px;
        width: 30px;*/
        /*border: 1px solid #17aee2;
        border-radius: 40px;*/
        /*text-align: center;*/
        width: 33.33%
    }

    .layer-footer .item-selected {
        color: #17aee2;
        font-weight: 600;
        /*border: 1px solid #34495e;
        border-radius: 20px;*/
    }

    .layer-footer a {
        color: #17aee29e !important;
        font-size: 15px !important;
    }

        .layer-footer a:hover {
            text-decoration: none;
        }

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .layer-footer {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background: rgba(242,242,242,0.6)
    }
}

body {
    background: #fff;
}

.block {
    height: 5em;
    line-height: 5em;
    width: 10em;
    background: #464646;
    color: #fdfdfd;
    text-align: center;
    margin: 1em auto;
    text-shadow: 0 0 1px #333; /* so one can see fadeBgColor properly */
}


/* show objects being animated */
.animated {
    visibility: visible;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        -webkit-transform: translateX(20px);
    }

    80% {
        -webkit-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        -moz-transform: translateX(20px);
    }

    80% {
        -moz-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

    80% {
        -o-transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        transform: translateX(20px);
    }

    80% {
        transform: translateX(-5px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        -webkit-transform: translateX(-20px);
    }

    80% {
        -webkit-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        -moz-transform: translateX(-20px);
    }

    80% {
        -moz-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px);
    }

    60% {
        -o-transform: translateX(-20px);
    }

    80% {
        -o-transform: translateX(5px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        transform: translateX(-20px);
    }

    80% {
        transform: translateX(5px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes moveUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(40px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

@-o-keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

@keyframes fadeBgColor {
    0% {
        background: none;
    }

    70% {
        background: none;
    }

    100% {
        background: #464646;
    }
}

.animated.animationDelay {
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

.animated.animationDelayMed {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.animated.animationDelayLong {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
}

.animated.fadeBgColor {
    -webkit-animation-name: fadeBgColor;
    -moz-animation-name: fadeBgColor;
    -o-animation-name: fadeBgColor;
    animation-name: fadeBgColor;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animated.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animated.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp;
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

.btn-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #17aee2;
    color: #fff;
    cursor: pointer;
    height: 45px;
    width: 45px;
    border-radius: 60px;
    font-size: 18px;
    text-align: center;
}

    .btn-top:hover {
        color: #17aee2;
        background-color: transparent;
        border: 1px solid #17aee2;
    }

    .btn-top:focus {
        outline: unset;
    }


@media screen and (max-width:425px) {
    .btn-top {
        bottom: 45px;
        right: 10px;
    }
}

.object-fit-cover {
    object-fit: cover;
}

.container-register {
    width: 100%;
    /*padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}

/*@media (min-width: 576px) {
    .container-register {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-register {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-register {
        max-width: 800px;
    }
}*/

/*@media (min-width: 1200px) {
    .container-register {
        max-width: 800px;
    }
}*/
/*Input style here*/
.text-upcase {
    text-transform: uppercase;
}

.modal-header {
    display: block !important;
}

.question-container-1 {
    max-width: 980px;
    margin: auto;
}


@font-face {
    font-family: "FontAwesome";
    src: url(../../fonts/fontawesome-webfont.woff)
}

.package-tem .package {
    font-family: "Quicksand Regular" box-sizing: border-box;
    border: 3px solid #e8e8e8;
    border-radius: 7px;
    display: inline-block;
    padding: 24px;
    text-align: center;
    -webkit-transition: 0.5s linear;
    transition: margin-top 0.5s linear;
    position: relative;
    margin-right: 11px;
    width: 100%;
    height: 250px;
}

    .package-tem .package:hover {
        /*margin-top: -10px;
    -webkit-transition: margin-top 0.3s linear;
    transition: margin-top 0.3s linear;*/
        cursor: pointer;
    }

.package-tem .package-name {
    color: #565656;
    font-weight: 300;
    font-size: 30px;
    margin-top: -5px;
}

.package-tem .package-price {
    margin-top: 7px;
    font-weight: bold;
}

    .package-tem .package-price::after {
        content: " /user/tháng";
        font-weight: normal;
    }

.package-tem hr {
    background-color: #dedede;
    border: none;
    height: 1px;
    width: 100%;
}

.package-tem .package-trial {
    font-size: .9rem;
    font-weight: 600;
    padding: 2px 21px 2px 21px;
    color: #0bbcd1;
    border: 1px solid #0bbcd1;
    display: inline-block;
    border-radius: 15px;
    background-color: white;
    position: relative;
    bottom: -15px;
}

.package-tem .package-description {
    padding: 0;
    text-align: left;
    margin-top: 29px;
    text-align: center;
}

.package-info {
    /*display:none;*/
}

.package-tem .package.package-active {
    border-color: #33c4b6;
}

fa-check {
    color: white;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37c5b6;
    font-size: 1.4rem;
}
/* Triangle */
.package::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #0bbcd1 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.package::after {
    font-family: "Font Awesome 5 Free","FontAwesome";
    color: white;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37c5b6;
    font-size: 1.4rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

input[name='PackageId'] {
    opacity: 0;
    display: none;
}

    input[name='PackageId']:checked ~ .package {
        border-color: #0bbcd1;
    }

        input[name='PackageId']:checked ~ .package::before {
            content: "";
        }

        input[name='PackageId']:checked ~ .package::after {
            content: "\f00c";
        }

        input[name='PackageId']:checked ~ .package .package-info {
            /*display: block;
        visibility: visible;
        opacity: 1;
        animation: fade 1s;*/
        }



/*step stop step*/



/****************************
	Global Styling
*****************************/



.register-info {
    margin: 0 0 80px 0;
}

.form-steps__item-content {
    cursor: pointer;
}

.form-steps {
    display: block;
    width: 100%;
    position: relative;
    margin: 40px 0;
}

    .form-steps:after {
        content: "";
        display: table;
        clear: both;
    }

.form-steps__item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
}

.form-steps__item-content {
    display: inline-block;
}

.form-steps__item-icon {
    background: #fff;
    color: #17aee2;
    display: block;
    border-radius: 100%;
    border: 0.5px solid;
    border-color: #17aee2 !important;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto 10px auto;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    z-index: 2;
}
/*.form-steps__item-icon:before{
    content:"";
    background-color:transparent;
    display: block;
    border-radius: 100%;
    border: 0.5px solid;
    border-color: #17aee2 !important;
    width: 30px;
    height: 30px;
    position: absolute;
}*/

.form-steps__item-text {
    font-size: 15px;
    color: #8191ab;
    font-weight: 500;
}

.form-steps__item-line {
    display: inline-block;
    height: 1px;
    width: 100%;
    background: #17aee2;
    position: absolute;
    left: -50%;
    top: 12px;
    z-index: 1;
}

.form-steps__item--active .form-steps__item-icon {
    background: #00aeef;
    color: #ffffff;
}

.form-steps__item--active .form-steps__item-line {
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.form-steps__item--active .form-steps__item-icon {
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.form-steps__item--completed .form-steps__item-text {
    color: #4f5e77;
}

.form-steps__item--active .form-steps__item-text {
    color: #4f5e77;
}

.form-steps__item--active .form-steps__item-line {
    background: #00aeef;
}

.form-steps__item--completed .form-steps__item-icon {
    background: #00aeef;
    color: #fff;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.form-steps__item--completed .form-steps__item-line {
    background: #00aeef;
}


#raq_back {
    background-color: #fff;
    cursor: pointer;
    color: #999;
    padding: 5px 20px;
    /* text-shadow: none; */
    background-image: none;
    border: 1px solid #999;
    font-weight: bold;
}

    #raq_back:hover {
        background-color: #999;
        color: #fff;
    }

/*#raq_next {
    background-color: #fff;
    cursor: pointer;
    color: #2185d0;
    padding: 8px 20px;*/
    /* text-shadow: none; */
    /*background-image: none;
    border: 1px solid #2185d0;
    font-weight: bold;
    width: 100%;
}

    #raq_next:hover {
        background-color: #2185d0;
        color: #fff;
    }

    #raq_next.submit {
        background-color: #21ba45;
    }*/

#raq_back.disabled {
    color: #bbbbbb;
    cursor: unset;
}


.question-container {
    display: none;
}

.active_panel {
    display: block;
}

.question-container {
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 1.2rem;
    color: #434343;
    line-height: 30px;
    margin: 0;
    /*padding-bottom: 10px;*/
}

#question-1 {
    padding-bottom: 50px;
}

.button-bar {
    position: absolute;
    bottom: 0px;
    right: 50px;
}

.tick {
    position: absolute;
    top: 5px;
    left: 50px;
    box-shadow: inset 3px -3px 0 green;
    height: 8px;
    transform: rotate(-50deg);
    width: 20px;
    margin: 50px auto;
    transition: all 1s;
}

.question-title {
    font-weight: 700;
    font-size: 3rem;
    color: #2785d0;
    line-height: 52px;
    margin-bottom: 28px;
    margin-top: 61px;
    text-align: center;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*end step*/
/*new package*/
.package-2 {
    width: 100%;
}

.snip1214 {
    display: inline-block;
    padding: 0px 0px 50px 0px;
    text-align: center;
    font-size: 16px;
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 0 auto;
}

    .snip1214 .plan {
        margin: 0 auto;
        width: 100%;
        position: relative;
        /*float: left;*/
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .snip1214 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .snip1214 header {
        position: relative;
    }

    .snip1214 .plan-title {
        position: relative;
        top: 0;
        font-weight: 800;
        padding: 5px 15px;
        margin: 0 auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        display: inline-block;
        background-color: #ffffff;
        color: #06485f;
        text-transform: uppercase;
    }

    .snip1214 .plan-cost {
        padding: 0px 10px 20px;
    }



    /*.snip1214 .plan-price:hover {
        font-weight: 800;
        font-size: 2.4em;
        color: #fff;
    }*/
    .snip1214 .plan-price {
        font-weight: 800;
        font-size: 2.4em;
        /*color: black;*/
    }

    .snip1214 .plan-type input[name='PackageId']:checked:not(.default):hover {
        color: white;
    }

    .snip1214 .plan-type {
        opacity: 0.6;
    }

    .snip1214 .plan-features {
        padding: 0;
        margin: 0;
        text-align: center;
        list-style: outside none none;
        font-size: 1em;
    }

        .snip1214 .plan-features li {
            border-top: 1px solid #d2d7e2;
            padding: 10px 5%;
            height: 100px;
        }

            .snip1214 .plan-features li:nth-child(even) {
                background: rgba(0, 0, 0, 0.08);
            }

        .snip1214 .plan-features i {
            margin-right: 8px;
            opacity: 0.4;
        }

    .snip1214 .plan-select {
        border-top: 1px solid #d2d7e2;
        /*padding: 10px 10px 0;*/
    }

        .snip1214 .plan-select:hover {
            border-top: 1px solid #d2d7e2;
            background: blue;
            color: white;
        }

        .snip1214 .plan-select a {
            font-size: 15px;
            background-color: #d2d7e2;
            color: #06485f;
            text-decoration: none;
            padding: 0.5em 1em;
            /*-webkit-transform: translateY(50%);
            transform: translateY(50%);*/
            font-weight: 800;
            text-transform: uppercase;
            display: inline-block;
            width: 100%;
        }


            .snip1214 .plan-select a:hover {
                background-color: #b3b1b1;
            }


    /*custom checked*/
    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured {
        /*background-color: #135c75;*/
        background: linear-gradient(-45deg, #135c75, #E73C7E, #047ca5, #17aee2);
        background-size: 400% 400%;
        -webkit-animation: Gradient 15s ease infinite;
        -moz-animation: Gradient 15s ease infinite;
        -ms-animation: Gradient 15s ease infinite;
        animation: Gradient 15s ease infinite;
        color: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
        z-index: 1;
    }
        /*Custom hover col*/
        .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured:hover {
            /*background-color: #135c75;*/
            background: linear-gradient(-45deg, #135c75, #E73C7E, #047ca5, #17aee2);
            background-size: 400% 400%;
            -webkit-animation: Gradient 15s ease infinite;
            -moz-animation: Gradient 15s ease infinite;
            -ms-animation: Gradient 15s ease infinite;
            animation: Gradient 15s ease infinite;
            color: #ffffff;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
            z-index: 1;
        }

    .snip1214 .package-2 .featured:hover {
        /*background-color: #135c75;*/
        background: linear-gradient(-45deg, #135c75, #E73C7E, #047ca5, #17aee2);
        background-size: 400% 400%;
        -webkit-animation: Gradient 15s ease infinite;
        -moz-animation: Gradient 15s ease infinite;
        -ms-animation: Gradient 15s ease infinite;
        animation: Gradient 15s ease infinite;
        color: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
        z-index: 1;
    }



    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-title {
        background-color: #17aee2;
    }

    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-select a {
        background-color: #17aee2;
        color: #ffffff;
    }

        .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-select a:hover {
            background-color: #17aee2;
            color: #ffffff;
        }

        .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-select a:hover {
            background-color: #198fb8;
            color: white;
        }

    .snip1214 .package-2 .featured .plan-select a:hover {
        background-color: #198fb8;
        color: #fff;
    }

    .snip1214 input[name='PackageId']:checked:not(.default) .package-2 .featured .plan-select a {
        background-color: #198fb8;
    }

    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-title,
    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-price {
        color: #fff;
    }

    .snip1214 ~ .package-2 .featured:hover .plan-title,
    .snip1214 ~ .package-2 .featured:hover .plan-price {
        color: #fff;
    }

/*.snip1214 input[name='PackageId']:checked:not(default) ~ .package-2 .featured .plan-cost {
        padding: 10px 10px 20px;
    }*/

/*.snip1214 input[name='PackageId']:checked:not(default) ~ .package-2 .featured .plan-features li {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }*/

/*.snip1214 input[name='PackageId']:checked :not(.default) ~ .package-2 .featured .plan-select:hover {
        background-color:deepskyblue;
        color:white;
    }*/
.height-prices {
    height: 178px !important;
}

@media only screen and (max-width: 1024px) {
    .snip1214 .plan-price {
        font-size: 1.5em;
    }

    .snip1214 .plan-features li {
        height: 100px;
    }

    .height-prices {
        height: 160px !important;
    }
}

@media only screen and (max-width: 768px) {
    .snip1214 .plan-price {
        font-size: 1.7em;
    }

    .snip1214 .plan-features li {
        height: 100px;
    }

    .height-prices {
        height: 160px !important;
    }
}

@media only screen and (max-width: 767px) {


    .package-2 {
        margin-bottom: 40px;
    }

    .snip1214 .plan {
        width: 60%;
    }

    .snip1214 .plan-title,
    .snip1214 .plan-select a {
        /*-webkit-transform: translateY(0);
        transform: translateY(0);*/
    }

    .snip1214 input[name='PackageId']:not(:checked) ~ .package-2 .featured .plan-features,
    .snip1214 input[name='PackageId']:not(:checked) ~ .package-2 .featured .plan-select {
        display: none;
    }

    .snip1214 .plan-cost,
    .snip1214 input[name='PackageId']:checked ~ .package-2 .featured .plan-cost {
        padding: 20px 10px 20px;
        font-size: 1.5em;
    }

    /*.snip1214 .plan-select,
    .snip1214 input[name='PackageId']:checked ~ .package-2 .featured .plan-select {
        padding: 10px 10px 10px;
    }*/

    .snip1214 input[name='PackageId']:checked ~ .package-2 .featured {
        margin-top: 0;
    }
}

@media only screen and (max-width: 440px) {
    .snip1214 .plan {
        width: 100%;
    }
}


/*info card package*/
.product-card-1 {
    margin: auto;
    max-width: 430px;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
    /*background: url(/images/bg-biz4-new/Mobile/Mobile_Bizbank.png);*/
    background-size:cover;
    height:auto;
    background-position:center;
}
.product-card-2 {
    margin: auto;
    max-width: 430px;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
    /*background: url(/images/About/Mobile/bizwork-BizWork.jpg);*/
    background-size: cover;
    height: auto;
    background-position: center;
}
.product-card-3 {
    margin: auto;
    max-width: 430px;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
    /*background: url(/images/bg-biz4-new/Mobile/Mobile_BizGov.png);*/
    background-size: cover;
    height: auto;
    background-position: center;
}
.product-card-4 {
    margin: auto;
    max-width: 430px;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
    /*background: url(/images/bg-biz4-new/Mobile/Mobile_BizSmart.png);*/
    background-size: cover;
    height: auto;
    background-position: center;
}

.custom-free {
    color: #000 !important;
    /*color: #17aee2!important;*/
    text-align: left;
    padding-bottom: 27px;
    padding-top: 27px;
}

    .custom-free img {
        padding-bottom: 2px;
    }

.badge {
    position: absolute;
    left: 0;
    top: 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    background: red;
    color: #fff;
    padding: 3px 10px;
}

.product-tumb {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 15px;
    /*height: 300px;*/
    /*padding: 35px;*/
    /*background: rgba(2, 75, 101, 0.47843137254901963);*/
    /*background-color: #2098d1;*/
    background-color: #0F588F;
    /*background-color: #2785d0;*/
}

    .product-tumb h6 {
        color: #fff;
        font-size: 39px;
        font-weight: 300;
    }

    .product-tumb img {
        max-width: 100%;
        max-height: 100%;
    }

.product-details {
    padding: 15px;
    /*background: #17aee2;*/
    /*background: #efefef;*/
    background: #fff;
    box-shadow: 0px 10px 12px 1px #efefef;
}

.product-catagory {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ccc;
    margin-bottom: 18px;
}

.product-details h4 a {
    font-weight: 500;
    display: block;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #ffff;
    text-decoration: none;
    transition: 0.3s;
}

    .product-details h4 a:hover {
        color: #fbb72c;
    }

.product-details p {
    font-size: 20px;
    /*line-height: 22px;*/
    /*font-size: 21px;*/
    margin-bottom: 0px;
    color: #d6d5d5;
}

.product-bottom-details {
    overflow: hidden;
    /*border-top: 1px solid #eee;
    padding-top: 20px;*/
}

    .product-bottom-details div {
        float: left;
        width: 50%;
    }

.product-price {
    font-size: 18px;
    color: #fbb72c;
    font-weight: 600;
}

    .product-price small {
        font-size: 80%;
        font-weight: 400;
        text-decoration: line-through;
        display: inline-block;
        margin-right: 5px;
    }

.product-links {
    text-align: right;
}

    .product-links a {
        display: inline-block;
        margin-left: 5px;
        color: #e1e1e1;
        transition: 0.3s;
        font-size: 17px;
    }

        .product-links a:hover {
            color: #fbb72c;
        }

.plan-price-2 {
    font-size: 2.4em;
}

.product-details a {
    font-size: 17px;
}

    .product-details a span:hover {
        color: #fbb72c;
    }

/*Xác nhận hoàn tất*/


.confirm-info-package .left {
    left: 25px;
}

.confirm-info-package .right {
    right: 25px;
}

.confirm-info-package .center {
    text-align: center;
}

.confirm-info-package .bottom {
    position: absolute;
    bottom: 25px;
}

.confirm-info-package {
    /*padding-top: 14px;*/
    min-height: 1300px;
    position: relative;
}

input {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    /*color: green !important;*/
}

.confirm-info-package #gradient {
    position: absolute;
    background: #0f588f17;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    /* border-radius: 5px; */
    /* width: 60%; */
    height: 100%;
    /* height: 70%; */
    /* max-height: 500px; */
    z-index: -1;
}

    .confirm-info-package #gradient .custom-gradient {
        background: #0f588f;
        height: 35%;
    }

@media only screen and (max-width: 501px) {
    .confirm-info-package #gradient {
        position: absolute;
        background: #fff;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        z-index: -1;
    }

        .confirm-info-package #gradient .custom-gradient {
            background: #fff;
            height: 35%;
        }

    .confirm-info-package #card {
        box-shadow: #fff;
    }
}
/*@media only screen and (min-width:500px) and (max-width:768px){
    .row .col-12 {
        padding: 0 50px;
    }
}*/

/*.confirm-info-package .confirm-info-card {
    width: 53%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 65%;
    position: absolute;
    top: 26.5px;
    background: #fff;
    transition: 1s;
    cursor: pointer;
    z-index: 5;
    border-radius:5px;
}*/

/*.custom-confirm-info-card {
    height: 3%;
    background: #0d6fb9;
}*/

/*@media only screen and (max-width:768px) {
    .confirm-info-package{
        width:80%;
    }
}*/

/*.confirm-info-package #card {
    height: 97%;
    padding:50px 15px 15px; 
}*/

.confirm-info-package #card {
    width: 65%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    min-height: 65%;
    position: absolute;
    /*top: 26.5px;
    padding: 25px;
    padding-top: 50px;
    padding-bottom: 10px;*/
    top: 26.5px;
    bottom: 20px;
    background: #fff;
    /*transition: 1s;*/
    /*cursor: pointer;*/
    z-index: 5;
    padding: 50px 15px 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px grey;
    -webkit-transition: box-shadow .6s ease-out;
    box-shadow: .8px .9px 3px grey;
}

    .confirm-info-package #card:hover {
        /*box-shadow: 1px 8px 20px grey;*/
        -webkit-transition: box-shadow .6s ease-in;
    }

    .confirm-info-package #card img {
        width: 150px;
        border-radius: 5px;
        margin-right: 20px;
        -webkit-filter: sepia(1);
        -moz-filter: sepia(1);
        filter: sepia(1);
    }

    .confirm-info-package #card h2 {
        font-weight: bold;
        color: #333;
        margin: 0 auto;
        padding: 0;
        font-size: 30px;
        padding: 10px 0px;
    }


    .confirm-info-package #card p {
        color: #555;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        padding: 10px 0px;
    }

    .confirm-info-package #card span {
    }

.row-card-package {
    text-align: left;
}

    .row-card-package span {
        font-size: 17px;
    }

.confirm-info-package span.bottom {
    font-size: 10px;
}

/*.confirm-info-package #gradient:after {
    content: "";
    z-index: -1;
    position: absolute;
    height: 90px;
    width: 100%;
    left: 0;
    background: linear-gradient(-45deg, #135c75, #E73C7E, #047ca5, #17aee2);
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}*/

.custom-form-login {
    height: 10%;
    background: #efefef;
}

.header-dv-1 {
    background: url(../../images/Service/bizwork-dang-ki-su-dung.jpg) no-repeat;
    background-size: cover;
    height: 500px;
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    /*color: #fff;*/
    background-position: bottom;
}

.header-dv {
    background: url(../../images/Service/DangKy.jpg) no-repeat;
    background-size: cover;
    height: 500px;
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    /*color: #fff;*/
    background-position: center;
}

@media screen and (max-width:768px) {
    .header-dv {
        background: url(../../images/registration/bizwork-DangKy.jpg) no-repeat center center;
        background-size: cover;
        height: 400px;
        padding-top: 20px;
    }

    .Ipad-Mode {
        /*padding-right: 15px;
        padding-left: 15px;*/
        margin: 0;
        max-width: 100%;
    }

    .product-details p {
        font-size: 22px;
    }

    .product-tumb {
        padding: 35px;
    }

        .product-tumb h6 {
            font-size: 30px;
        }

    .custom-free {
        padding-bottom: 27px;
        padding-top: 27px;
    }
}

@media screen and (max-width:995px) {
    .confirm-info-package #gradient {
        width: 100%;
    }

    .confirm-info-package #card {
        width: 80%;
    }

    .snip1214 .plan-features {
        font-size: 12px;
    }
}

@media screen and (max-width:995px) {
    .confirm-info-package #card {
        width: 95%;
    }
}

@media screen and (max-width:767px) {
    .Ipad-Mode {
        /*padding-right: 15px;
        padding-left: 15px;*/
        margin: 0;
        max-width: 100%;
    }

        .Ipad-Mode #question-3 {
            padding-bottom: 10px;
        }

    .snip1214 .plan-features {
        font-size: 1.5em;
    }

    .confirm-info-package #card h2 {
        font-size: 25px;
    }

    .confirm-info-package #card p {
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 701px) {
    .product-details p {
        font-size: 21px;
    }
}

@media only screen and (max-width:465px) {

    .confirm-info-package #card h2 {
        font-size: 20px;
    }

    .confirm-info-package #card p {
        font-size: 14px;
        line-height: 25px;
    }

    .product-details p {
        font-size: 19px;
    }
}

@media (max-width: 425px) {
    .product-details p {
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .product-details p {
        font-size: 13px;
    }
}

.hide {
    display: none;
}

.show {
    display: block;
}

fs-20 {
    font-size: 20px !important;
}

.custom-scroll-resiter {
    overflow-x: auto;
    /*overflow-x: hidden;*/
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 10px;
}

    .custom-scroll-resiter p {
        display: inline-block;
        margin-right: 30px;
        cursor: pointer;
    }

        .custom-scroll-resiter p:last-child {
            margin-right: 0px;
        }

    .custom-scroll-resiter::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .custom-scroll-resiter::-webkit-scrollbar {
        width: 10px;
        height: 3px;
        background-color: #F5F5F5;
    }

    .custom-scroll-resiter::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #888888;
    }

.custom-number-people {
    text-align: left;
    color: #888888;
    font-size: 14px;
    margin-left: 12px;
    font-weight: bold;
}

/*.contaitent {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contaitent input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #efefef;
    border-radius: 50%;
}

.contaitent:hover input ~ .checkmark {
    background-color: #ccc;
}

.contaitent input:checked ~ .checkmark {
    background-color: #17aee2;
}

input:checked ~ label {
    color: #0DFF92;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.contaitent input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

label {
    margin-bottom:unset;
}*/

input[type=radio].contaitent {
    display: none;
}

    input[type=radio].contaitent + label {
        font-size: 14px;
        color: #AFAAA9;
        padding: 3px 3px;
        align-self: center;
        white-space: nowrap;
        cursor: pointer;
        width: 18%;
        text-align: center;
        font-weight: 700;
        transition: transform .2s;
        /*border: 1px solid #17aee2;
        margin-bottom: 5px;
        border-radius: 50px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: all 0.3s ease 0s;*/
    }

        input[type=radio].contaitent:checked + label, input[type=radio].contaitent + label:hover {
            color: #17aee2;
            transform: scale(1.3);
            /*transition: all 0.3s ease 0s;
            border: 1px solid #2098d1;
            background: #17aee2;*/
            /*border-radius: 50px;*/
        }

label {
    margin-bottom: unset;
}

.product-details hr {
    width: 100%;
    border-bottom: 1px solid #f0f2f5;
}

.text-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.text-input input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.border {
    border: 0.5px solid #f0f2f5 !important;
}

.animate {
    animation-name: animateproduct;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

@keyframes animateproduct {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media screen and (max-width: 450px) {
    .custom-free {
        padding-bottom: 25px;
        padding-top: 25px;
    }
}

/*@media screen and (max-width: 991px) {
    .product-details p {
        font-size: 20px;
    }
}*/

/*Input style here*/
.font-oversize-1 {
    font-size: 1.3rem;
    color: #01579B;
}

.font-oversize-2 {
    font-size: 1rem;
    line-height: 30px;
}

.more-information {
    width: 80%;
    margin: auto;
    background-color: #FAFAFA;
    border-radius: 5px;
    padding: 15px;
}

.padding-info-signup {
    padding: 15px;
    /*height:160px;*/
}

@media only screen and (max-width: 1024px) {
    .padding-info-signup {
        padding: 15px;
        /*height: 180px;*/
    }

    .confirm-info-package {
        min-height: 1300px;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    .padding-info-signup {
        padding: 15px;
        /*height: 180px;*/
    }

    .confirm-info-package {
        min-height: 1300px;
        position: relative;
    }
}

@media only screen and (max-width: 736px) {
    .padding-info-signup {
        padding: 15px;
        /*height: 180px;*/
    }

    .confirm-info-package {
        min-height: 1950px;
        position: relative;
    }
}

@media only screen and (max-width: 426px) {
    .padding-info-signup {
        padding: 15px;
    }

    .confirm-info-package {
        min-height: 2050px;
        position: relative;
    }

    .more-information {
        width: 100%;
    }
}

@media only screen and (max-width: 376px) {
    .padding-info-signup {
        padding: 15px;
    }
}

@media only screen (max-width: 321px) and (max-width:375) {
    .confirm-info-package {
        min-height: 2050px;
        position: relative;
    }
}

@media only screen and (max-width: 321px) {
    .confirm-info-package {
        min-height: 2100px;
        position: relative;
    }
}

.filler-normal img {
    filter: inherit !important;
}

.icon-download {
    background-image: url(/images/Icon_11_4_2020/register_download_512.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 150px;
    margin: auto;
}

.icon-discover {
    background-image: url(/images/Icon_11_4_2020/register_webaccount_512.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 150px;
    margin: auto;
}

.btn-info-register {
    background-color: #fff;
    color: #0F588F;
}

.icon-contactCS {
    background-image: url(/images/Icon_11_4_2020/register_moreinfo_512.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 150px;
    margin: auto;
}

.icon-sign-in {
    background-image: url(/images/Icon_11_4_2020/register_support_512.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 150px;
    margin: auto;
}

.Operating-system {
    padding: 10px 0;
}

.info-button {
    padding: 10px 0;
}

.Operating-system img {
    height: 50px;
}

@media only screen and (max-width: 426px) {
    .Operating-system {
        text-align: center;
        padding: 0;
    }

        .Operating-system img {
            text-align: center !important;
            padding: 0;
        }

    .info-button {
        float: none !important;
    }

    .confirm-info-package #card img {
        margin-right: 0;
    }

    .btn-backprices {
        color: #2EA6CD !important;
    }
}


.banner-sale img {
    width: 100%;
    margin-top: 45px;
}

@media (max-width:750px) {
    .snip1214 input[name='PackageId']:checked:not(.default) ~ .package-2 .featured .plan-select a {
        font-size: 1.15em;
    }
}


/**************custom package dang ki**********************/
.tab-main {
    /*padding: 40px 0;*/
    border: none;
    background: transparent;
    box-shadow: none;
    width: 100%;
}

    .tab-main input {
        display: none;
    }

    .tab-main label {
        display: inline;
        border-radius: 6px;
        padding: 6px -11px;
        font-weight: 600;
        text-align: center;
        padding: 6px 6px;
        color: #2c2c2f;
        border: none;
        /* background: #eff0f1; */
        text-transform: uppercase;
        font-size: 0.9em;
    }
    /*.tab-main span {
        margin-right: 0.5em;
    }*/
    .tab-main input:checked + label {
        color: #fff;
        border: none;
        border-top: none;
        border-bottom: 1px solid #f2f2f2;
        background: #19aee2;
    }

    .tab-main section {
        display: none;
        padding: 1em 0 2em 0;
        /*border-top: 1px solid #ddd;*/
    }

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

.tab-wrap {
    padding: 4em 1em;
    border: 1px solid #ddd;
}

.mid-sec img {
    /*background: #fff;*/
    padding: 5px;
}

/*.tab-main img {
    width: 40%;
}*/

.tab-main #tab1:checked ~ #content1, .tab-main #tab2:checked ~ #content2, .tab-main #tab3:checked ~ #content3, .tab-main #tab4:checked ~ #content4 {
    display: block;
}

.checked-input {
    border-bottom: 1px solid #d2d7e2;
}
/*.bg-login-bank{
    background:url(/images/bg-biz4-new/Mobile/Mobile_Bizbank.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}*/