/* Add here all your CSS customizations */
#header .header-nav-top .nav > li.nav-button a { border:1px solid rgba(80, 80, 80, 0.2);border-radius:2px; padding-left:15px; padding-right:15px}
.page-header { border:none}
.page-header h1 { border-bottom:0px}
.short p,#footer .short a,#footer .short a:visited { color:#C0C0C0}


#editor pre {
    display: -ms-flexbox;
    display: flex;
}
pre {
    position: relative;
    color: #424770;
}
#editor .custom-line-numbers {
    text-align: right;
    background: #f2feef;
    color: #5dc79e;
    border-radius: 2px 0 0 2px;
}

pre .highlighted-line{background:hsla(0,0%,100%,.8)}code .token{padding:0;margin:0}code .token:not(.script){font-weight:400}code .token.property{font-weight:500}.language-php .token.operator,code .token.atrule,code .token.keyword{color:#6772e5}code.language-markup .token.namespace,code .token.attr-name,code .token.tag,code .token.tag *{color:#0075d6}.language-php .token.operator,code .token.atrule,code .token.keyword,code .token.tag{font-weight:600}code .token.attr-name{font-style:italic}code .token.comment{font-weight:400;color:#91a2b0}code.language-url,code .token.function,code .token.url{font-weight:600;color:#3297d3}.language-ruby .token.constant+.token.punctuation,.language-ruby .token.constant+.token.punctuation+.token.symbol,code .token.boolean,code .token.builtin,code .token.class-name,code .token.constant,code .token.namespace{font-weight:600;color:#2191ef}code .token.number{color:#fa755a}.language-bash .token.function,code .token.curl,code .token.option,code .token.variable{color:teal;font-weight:600}.language-bash .token.function,code .token.curl,code .token.option{font-weight:500}.language-bash .token.option,code .token.parameter,code .token.symbol{font-weight:500;color:#d14}code.language-html .token.attr-value>.punctuation:not(:first-child),code.language-markup .token.attr-value>.punctuation:not(:first-child),code .token.attr-value,code .token.macro,code .token.string,code .token.stripe,code .token.value{font-weight:400;color:#159570}code .token.macro .keyword{color:#064508}code .token.publishable-key,code .token.secret-key{background:#eceff1;border-radius:3px;padding:2px;margin:-2px}code .token.publishable-key.enabled,code .token.secret-key.enabled{background:#dfe3e6}pre{position:relative;color:#424770}pre .line-numbers{position:absolute;pointer-events:none;top:11px;left:29px;width:16px;counter-reset:a;line-height:19px;font-family:Source Code Pro,monospace}pre .line-numbers>span{pointer-events:none;display:block;counter-increment:a}pre .line-numbers>span:before{content:counter(a);color:#bec5ca;display:block;font-size:13px;text-align:right;user-select:none}pre .line-numbers>span.highlighted:before{color:#858c90;font-weight:500}pre.language-bash .line-numbers>span:before,pre.language-curl .line-numbers>span:before{content:'>'}pre.language-bash .line-numbers>span:first-child:before,pre.language-curl .line-numbers>span:first-child:before{content:'$'}
#footer .footer-copyright p.gray {color: #C0C0C0}
.list.list-icons li.color .fa { color:#FEC63E; font-size:12px}
.list.list-icons.list-icons-sm li { padding-left:18px}
.contactReview { text-align:center; padding:10px 20px}

.footerlink { list-style:none; padding:0px; margin:0px; text-align:right}
.footerlink li { display:inline-block;} 
.footerlink li a { color:#C0C0C0; padding:0px 0px 0px 15px}
.page-header {background-color: #00B0FF;}
.page-header .breadcrumb > li a,.page-header .breadcrumb > li a:visited,.page-header .breadcrumb > li.active,.breadcrumb > li + li::before {color:#f8f8f8}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: 0.8;}
html .btn-primary[disabled], html .btn-primary[disabled]:hover, html .btn-primary[disabled]:active, html .btn-primary[disabled]:focus { color:#ffffff}
.demo-btn {box-shadow:0 2px 4px rgba(0,0,0,.08)}
.client { position: absolute; z-index:100; width: 100%; text-align: center; bottom: 0px}
.client img { width: 85%}
.service-box { border-radius: 6px; position: relative;}
.service-box img {width: 100%; border-radius: 6px}
.service-icon { width: 104px; height: 110px; margin: 0px auto; position: relative; bottom: 50px}
.service-content {position: relative; bottom: 60px}
.service-img { padding: 0px 20px 40px}
.service-img img { vertical-align: middle; width: auto}
#alepay-bg {
    background-image:url(/images/slides/bg-pattern-1.jpg);
    background-attachment: fixed;
    background-size: cover;
    min-height: 650px;
    padding: 100px 0px 50px 0px;
    background-position: center;
}
.oneclickbg { background:url(../images/slides/lantoa.png) no-repeat; background-position:50% 0%;}
.oneclick-pic { position:relative}
.oneclick-pic img { max-width:700px}
.caption-onclick { width: 154px;text-align: center;margin: 0px auto;color: #fff;font-size: 16px;font-weight: bold;top: 110px;position: absolute;
left: 44%;}
.card-token { position:relative}
.card-token img { max-width:300px; position:absolute; right:0px; top:-100px}
.clickpayment img.clickpay { width:90%}
@media (max-width: 676px) {
    .caption-onclick{
        left: 42%;
        top: 60px;
    }
}
@media (max-width: 533px){
    .oneclickbg {
        background: #00b0ff;
    }
    .caption-onclick{
        left: 54%;
    }
}
@media (max-width: 414px){
    .oneclick-pic img{
        max-width: 540px;
    }
    .caption-onclick {
        top: 23px;
    }
}
@media (max-width: 360px){
    .oneclick-pic img {
        max-width: 440px;
    }
}
@media (max-width: 320px){
    .caption-onclick {
        display: none;
    }
}
.m-b-10 { margin-bottom: 10px }
#footer.short p {line-height: 18px}
.contact-logo-detail > .contact-logo{
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: block;
    padding: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 65px;
    height: 36px;
    display: inline-block;
    background: #fff
}
.contact-logo-detail > .contact-logo:hover{
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
    border-color: #FF6600;
}
.contact-logo-detail > .contact-logo > img{
    width: 100%;
}
.news-talk h4 { font-size: 15px; line-height: 20px; margin-top: 10px}
.owl-carousel .owl-item article img { width: 100%; filter: grayscale(0);}
.news-talk p {color: #999999; font-size: 13px}
.image-logo{
    display: block;
    margin-bottom: 10px;
    margin-right: 10px;
    filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: inline-block;
}
.image-logo:hover{
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
    border-color: #FF6600;
}
.image-logo > img{
    width: 100%;
}