/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExcOPIDUg-g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExcOPIDUg-g.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExcOPIDUg-g.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExcOPIDU.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OOtLR8a8zILig.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OqtLR8a8zILig.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OCtLR8a8zILig.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.twentyfour-hour-format{
    color:gray;
}

button,hr,input{
    overflow:visible
}
audio,canvas,progress,video{
    display:inline-block
}
progress,sub,sup{
    vertical-align:baseline
}
[type=checkbox],[type=radio],legend{
    box-sizing:border-box;
    padding:0
}
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
code,kbd,pre,samp{
    font-family:monospace,monospace !important;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family:sans-serif !important;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
figure,h1,h2,h3,h4,html{
    margin:0
}
a,html{
    color:#000
}
img,input,select,textarea{
    width:100%
}
p,ul{
    margin:0 0 1em
}
.wrapper,section{
    position:relative
}
.globalnav,a.booking,button.booking,h1,h2,h3,h4{
    text-transform:uppercase
}
a.booking,button.booking,html{
    font-family:'PT Sans',sans-serif !important;
}
.globalfooter,.globalfooter a.top,.globalheader,.globalnav,section.about h1,section.banner .wrapper,section.booking h1{
    text-align:center
}
.globalfooter a.top,.globalnav a,a,a.booking,button.booking{
    text-decoration:none
}
.globalnav::after,.wrapper::after,section.about .peoplewrapper::after,section.about .person::after,section.booking .form .date::after,section.booking .form .location::after,section.booking .formwrapper::after,section::after{
    clear:both;
    content:'';
    display:block
}
.globalheader .languages a,.globalheader .logo{
    overflow:hidden;
    text-indent:101%;
    white-space:nowrap
}
html{
    background:#fff;
    box-sizing:border-box;
    font-size:1em;
    line-height:1.4;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    padding:0
}
*,::after,::before{
    box-sizing:inherit
}
h2,h3{
    margin-bottom:.5em
}
h1{
    font-size:1.8em;
    font-weight:700
}
h2,h3,h4{
    font-weight:400
}
h1 br{
    display:none
}
@media only screen and (min-width:40em){
    h1{
        font-size:2.8em
    }
    h1 br{
        display:inherit
    }
}
h2{
    font-size:1.7em
}
h3{
    font-size:1.3em
}
h4{
    font-size:1.1em
}
img{
    height:auto
}
a{
    border-bottom:1px solid #000
}
a.booking,button.booking{
    background:#e63532;
    border:0;
    color:#fff;
    display:inline-block;
    font-weight:700;
    padding:.5em 2em .4em
}
.globalheader .languages a,.globalheader .logo{
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block
}
a.booking:focus,button.booking:focus{
    outline:0
}
ul{
    list-style-type:square;
    padding:0 0 0 1.5em
}
.wrapper{
    margin:0 auto;
    max-width:1180px;
    width:96%
}
.globalheader .logo{

    border:0;
    height:45px;
    margin:30px auto;
    width:300px
}
.globalheader .languages{
    bottom:5px;
    position:absolute;
    right:0
}
.globalheader .languages ul{
    list-style:none;
    margin:0;
    padding:0
}
.globalheader .languages li{
    display:inline-block;
    margin:0 0 0 5px;
    padding:0
}
.globalheader .languages a{
    border:1px solid transparent;
    height:25px;
    text-decoration:none;
    width:32px
}
section.booking .form input,section.booking .form label.setheight,section.booking .form select{
    height:calc(2.25rem + 2px);
    vertical-align:middle
}
.globalnav,.globalnav .wrapper{
    width:100%
}
.globalheader .languages a{
    opacity: 0.4;
}

.globalheader .languages a.active{
    opacity: 1;
}


.globalheader .languages a.thailand{
    background-image:url(https://www.porterservice.no/_/img/thailand.svg);
    height: 25px !important;

}
.globalheader .languages a.japan{
    background-image:url(https://www.porterservice.no/_/img/japan.svg);
    border-color:#cfcfcf;
}

.globalheader .languages a.norway{
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Norway.svg/800px-Flag_of_Norway.svg.png);

}

.globalheader .languages a.english{
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Flag_of_Britain.svg/800px-Flag_of_Britain.svg.png);
    height: 25px !important;
    width: auto;


}
.globalnav{
    background:#e63532
}

.globalnav-language{
    background: white;
    padding: 0 !important;

}
.globalnav-language li{
    background: white;
    padding: 5px !important;
    margin-bottom: 5px!important;
}



section.about .person h4,section.banner h1{
    text-transform:none
}
.globalnav ul{
    list-style:none;
    margin:0;
    padding:0
}
.globalnav li{
    display:inline-block;
    margin:0 1em 0 0;
    padding:1em 0
}
section.offering .wrapper .groups .block.open .fa-chevron-right,section.offering .wrapper .groups .block>h4 .fa-chevron-down,section.offering .wrapper .individuals .block.open .fa-chevron-right,section.offering .wrapper .individuals .block>h4 .fa-chevron-down{
    display:none
}
.globalnav li:last-child{
    margin-right:0
}
.globalnav a{
    color:#fff;
    border-bottom:3px solid transparent;
    padding:1em 0
}
.globalnav a.active,.globalnav a:hover{
    border-color:#fff
}
section.banner{
    background-position:50% 0;
    background-repeat:no-repeat;
    background-size:cover;
    padding:3em 0 2em
}
@media only screen and (min-width:40em){
    section.banner{
        padding:6em 0 4em
    }
}
section.banner h1{
    line-height:1.3
}
section.banner h1+a{
    margin-top:2em
}
section.banner .wrapper{
    background:rgba(0,0,0,.6);
    color:#fff;
    padding:2em .1em
}
@media only screen and (min-width:40em){
    section.banner .wrapper{
        padding:3em .1em
    }
}
section.offering{
    padding:4em 0
}
section.offering .wrapper .start{
    padding:0 0 2.5em;
    text-align:center
}
section.offering .wrapper .start p{
    margin:0 auto;
    width:90%
}
section.offering .wrapper .groups figure,section.offering .wrapper .individuals figure{
    margin:0 0 .5em
}
section.offering .wrapper .groups .blocks,section.offering .wrapper .individuals .blocks{
    margin:1.5em 0
}
section.offering .wrapper .groups .block,section.offering .wrapper .individuals .block{
    border-top:1px solid #ccc;
    padding:.5em 0 .3em
}
section.offering .wrapper .groups .block:last-child,section.offering .wrapper .individuals .block:last-child{
    border-bottom:1px solid #ccc
}
section.offering .wrapper .groups .block>h4,section.offering .wrapper .individuals .block>h4{
    cursor:pointer;
    font-weight:700
}
section.offering .wrapper .groups .block>h4 .fa,section.offering .wrapper .individuals .block>h4 .fa{
    margin-right:.5em
}
section.offering .wrapper .groups .block>div,section.offering .wrapper .individuals .block>div{
    display:none;
    padding-top:.5em
}
section.offering .wrapper .groups .block.open .fa-chevron-down,section.offering .wrapper .individuals .block.open .fa-chevron-down{
    display:inline-block
}
section.offering .wrapper .groups .block.open>div,section.offering .wrapper .individuals .block.open>div{
    display:block
}
section.offering .wrapper .groups{
    margin-top:4em
}
@media only screen and (min-width:40em){
    section.offering .wrapper .groups,section.offering .wrapper .individuals{
        float:left;
        width:48%
    }
    section.offering .wrapper .groups{
        margin-top:0;
        margin-left:4%
    }
}
section.about .peoplewrapper,section.booking .formwrapper{
    margin-top:3em
}
section.booking{
    background:#f4f4f4;
    padding:4em 0
}
section.booking .form #solkysten{
    display:none
}
section.booking .form input,section.booking .form select,section.booking .form textarea{
    border:1px solid #ccc;
    border-radius:2px;
    color:#000;
    font-family:'PT Sans',sans-serif !important;
    line-height:1.25;
    padding:.375rem 1.75rem .375rem .75rem
}
section.booking .form input:focus,section.booking .form select:focus,section.booking .form textarea:focus{
    border-color:#5cb3fd;
    outline:0
}
.globalfooter .felt a,.globalfooter a.top{
    border:0;
    color:#fff
}
section.booking .form label.setheight{
    line-height:1.25;
    padding:calc(.375rem + 2px) 0 0 2px
}
section.booking .form select{
    display:inline-block;
    max-width:100%;
    background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
    background-size:8px 10px;
    -moz-appearance:none;
    -webkit-appearance:none
}
section.booking .form input{
    width:100%
}
section.booking .form textarea{
    height:100px;
    resize:vertical
}
section.booking .form div{
    margin-bottom:1em
}
section.booking .form div:last-child{
    margin-bottm:0
}
section.booking .form .date input,section.booking .form .date select,section.booking .form .location input,section.booking .form .location select{
    float:left;
    width:38%
}
section.booking .form .date .hotel,section.booking .form .date label,section.booking .form .location .hotel,section.booking .form .location label{
    float:left;
    margin-left:2%;
    width:60%
}
section.booking .form .date input{
    white-space:nowrap
}
section.booking .form .bookingthanks{
    display:none;
    margin-left:1em
}
section.booking .form .bookingthanks.show{
    display:inline-block
}
@media only screen and (min-width:40em){
    section.booking .form,section.booking .info{
        width:48%
    }
    section.booking .info{
        float:left
    }
    section.booking .form{
        float:right;
        margin-left:4%
    }
}
section.about{
    padding:4em 0
}
section.about .person{
    margin-bottom:2em;
    position:relative
}
section.about .person figure{
    line-height:.1;
    position:relative;
    width:36%
}
section.about .person .info{
    bottom:0;
    position:absolute;
    right:0;
    width:58%
}
section.about .person .info span{
    display:block
}
section.about .person .info p{
    font-size:.85em;
    margin-bottom:.5em
}
@media only screen and (min-width:40em){
    section.about .person .info p{
        font-size:1em;
        margin-bottom:1em
    }
    section.about .peoplewrapper .admin,section.about .peoplewrapper .porters{
        float:left;
        width:48%
    }
}
section.about .person .info p:last-child,section.about .person:last-child{
    margin-bottom:0
}
section.about .peoplewrapper .admin h3,section.about .peoplewrapper .porters h3{
    margin-bottom:1em
}
section.about .peoplewrapper .porters{
    margin-top:4em
}
.globalfooter{
    background:#e63532;
    color:#fff
}
.globalfooter .wrapper{
    padding-top:2em;
    padding-bottom:5em
}
.globalfooter p{
    font-size:1.8em
}
.globalfooter a.top{
    display:none;
    position:absolute;
    right:0;
    top:2em
}
@media only screen and (min-width:40em){
    section.about .peoplewrapper .porters{
        margin-top:0;
        margin-left:4%
    }
    .globalfooter p{
        font-size:2.8em
    }
    .globalfooter a.top{
        display:inline-block
    }
}
.globalfooter a.top i{
    font-size:3em;
    margin-top:-.5em
}
.globalfooter a.top span{
    display:block;
    margin-top:-.5em;
    text-transform:uppercase
}
.globalfooter .felt{
    bottom:3em;
    color:#fff;
    font-size:.8em;
    left:0;
    opacity:.5;
    position:absolute;
    white-space:nowrap
}
.globalfooter .felt:hover{
    opacity:1
}
body.content .wrapper{
    margin-top:2em;
    margin-bottom:2em
}
body.content .wrapper.japanese,body.content .wrapper.thai{
    font-family:'Noto Sans',sans-serif !important;
}



/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 75%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.porterservice-footer{
    background: white;

    padding-bottom: 30px;
}
.porterservice-footer .footer-single{
    margin-top: 30px;
}
.porterservice-footer .footer-title{
    display: block;
    margin: 10px 0 25px 0;

}
.porterservice-footer .footer-single a{
    text-decoration: none;
}

.blockquote{
    font-size: 18px;
    border-left: 5px solid #dd4c3f;;
}

.blockquote-footer{
    font-size: 18px !important;
}

.porterservice-footer .footer-single h2{
    color: #181818;
    font-size: 18px;
    font-weight: 200;
    display: inline-block;
    border-bottom: 2px solid #dd4c3f;
    padding-bottom: 5px;
    margin-bottom: -2px;
}
.porterservice-footer .footer-single li{
    border-top: solid 1px #353535;
}
.porterservice-footer .footer-single li:first-child{
    border-top: none;
}
.porterservice-footer .footer-single li a{
    color: #979797;
    font-size: 16px;
    padding: 6px 0px;
    display: block;
    transition:all 0.4s ease-in-out;
}
.porterservice-footer .footer-single li a:hover{
    color: #dd4c3f;
}
.porterservice-footer .footer-single li a:hover i{
    color: #dd4c3f;
}
.porterservice-footer .dummy-logo {
    margin-top: 26px;
    padding-bottom: 9px;
}
.porterservice-footer .dummy-logo img {
    margin-right: 10px;

    margin-top: 24px;
}
.porterservice-footer .brand {
    background: #dd4c3f;
}
.porterservice-footer .dummy-logo i {
    font-size: 50px;
    color: #fff;
    padding: 5px;
}
.porterservice-footer .dummy-logo p {
    color: #999;
    font-size: 12px;
}
.porterservice-footer .dummy-logo h2 {
    font-size: 24px !important;
    border-bottom: none;
    color: #696969;
    padding: 5px 0;
}
.porterservice-footer .btn-footer{
    border: 1px solid #dd4c3f;
    margin-top: 10px;
    color: #999;
    font-size: 1.2em;
}
.porterservice-footer .btn-footer:hover{
    background: white;
    color: #dd4c3f;
    transition:all 0.4s ease-in-out;

}

.porterservice-footer .footer-project a{
    font-size: 13px;
}
.porterservice-footer .footer-project img{
    margin-bottom: 20px;
    border: 1px solid #666;
    border-radius: 6px;
    padding: 1px;
    opacity: 0.7;
    transition:all 0.4s ease-in-out;
}
.porterservice-footer .footer-project img:hover{
    opacity: 1.0;
    cursor: pointer;
}
.porterservice-footer .footer-project .footer-title{
    margin-top: 0;
}
.porterservice-footer .footer-single p, .footer-single address{
    color: #979797;
    font-size: 14px;
    margin-top: 5px;
    line-height: 22px;
}
.porterservice-copyright{
    background: #fafafa;
    padding-bottom: 10px;
}
.porterservice-copyright .copyrt{
    margin-top: 22px;
    font-size: 14px;
    color:black;
}
.porterservice-copyright .copyrt a{
    color: #dd4c3f;
}
.porterservice-copyright .footer-social{
    margin-top: 10px;
}
.porterservice-copyright .footer-social i{
    padding: 5px 10px;
    color: #999;
    border: 1px solid #333;
    margin-top: 10px;
    font-size: 20px;
    border-radius: 5px;
    transition:all 0.4s ease-in-out;
}
.porterservice-copyright .footer-social i:hover{
    color:#dd4c3f;

}
.porterservice-copyright .footer-social .fa-facebook{
    padding: 5px 14px;
}

.porter-nav-mobile-hide{
    display: inline-block !important;
}


.mobile-language-ul{
    display: inline;
    padding: 0!important;
}

.mobile-language-ul li a{
    opacity: 0.5;
    padding:0 !important;
    margin:0 !important;
}

.mobile-language-img{
    width: 34px !important;
    height: 22px !important;
    border: 1px solid #cfcfcf;



}

.flag-active{
    opacity: 1 !important;
}

@media(max-width: 930px){
    .hide-tablet{
        display: none !important;
    }
}

@media(max-width: 767px){
    .xs-center{
        text-align: center;
    }
    .left-clear{
        padding-left: 0;
    }
    .right-clear{
        padding-right: 0;
    }
    .porter-nav-mobile-hide{
        display: none !important;
    }
    .porter-nav-mobile-show{
        display: block !important;
    }

    .globalheader .logo{

        margin:5px auto;

    }


    html{
        font-size: 1.1em !important;
    }

    .hidden-mobile{
        display:none;
    }

    .globalnav li {

        margin: 0 0.9em 0 0;
        font-size: 0.85em!important;
    }
}

.bookingconfirmation{
    background: rgba(0,182,9,0.62); color:white; padding:10px; border-radius: 10px
}


.footer-orgnr{
    color: #6d6d6d;
    font-weight: bold;
}

/*
    Footer active
*/

.footer-active a{
    color:#dd4c3f !important;
}

/*
    Footer contact buttons
*/

.porterservice-footer .btn-footer-contact{
    border: 1px solid #dd4c3f;
    margin-top: 10px;
    color: #999;
    font-size: 0.8em;
}
.porterservice-footer .btn-footer-contact:hover{
    background: white;
    color: #dd4c3f;
    transition:all 0.4s ease-in-out;

}

address a {
    color: #7d7d7d;
}

/*
    Remove double bottom border caused by frontpage css
*/
footer.footer * {
    border-bottom: none;
    text-transform: none;
}
.porter-red-text{
    color:#e63532;
}

.horizontal-scrolling {
    overflow-x:auto !important;
    white-space: nowrap;

}

.logo{
    margin: 10px auto !important;
}


[class^="langinfo"] {
    position: relative;
}
[class^="langinfo"]:after {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    content: attr(data-loc);
    font-size: 0.7em;
    padding: 10px 10px;
    top: 0.4em;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-2px);
    transform: translateX(-50%) translateY(-2px);
    background: rgba(0, 0, 0, 0.79);
    color: white;
    white-space: nowrap;
    z-index: 2;
    border-radius: 2px;
    transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
[class^="langinfo"]:hover:after {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.langinfo--left:after {
    top: -4px;
    left: 0;
    -webkit-transform: translateX(-112%) translateY(0);
    transform: translateX(-112%) translateY(0);
}
.langinfo--left:hover:after {
    -webkit-transform: translateX(-110%) translateY(0);
    transform: translateX(-110%) translateY(0);
}

.langinfo--right:after {
    top: -4px;
    left: 100%;
    -webkit-transform: translateX(12%) translateY(0);
    transform: translateX(12%) translateY(0);
}
.langinfo--right:hover:after {
    -webkit-transform: translateX(10%) translateY(0);
    transform: translateX(10%) translateY(0);
}