@import "icons.css";
body{background:#FFF;font-family:'Roboto';overflow: hidden;overflow-y: auto;}
span,p,h1,h2,h3,h4,h5,h6{font-family:Roboto}
/*div{font-family:Roboto}*/
h2, .h2, .uk-h2 {
    font-size: 36px;
}
h4, .h4, .uk-h4 {
    color: #333;
}
.img-border img{
    border-radius: 5px;
}
.cms-noscroll{position:fixed;overflow-y:scroll}
.image-container{text-align:center}
.nbl-box-shadow{box-shadow: 0 0 4px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.24);}
.box-shadow-image{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}
.text-color{color:#4385f5}
.wp-btn{padding:10px 35px;border-radius:30px;background-color:#4385f5;color:#fff;font-size:18px;text-transform:uppercase;display:inline-block;text-align: center}
@media screen and (max-width: 575px){.wp-btn {width: 100%;}}
.wp-btn:hover{background-color:#3079f4}
.text-box .text-head{font-size:21px;font-weight:500;text-transform:capitalize;margin-bottom:20px}
.text-box .text-content{font-size:16px;margin-bottom:25px}
.text-box.large .text-head{font-size:30px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle{position:relative;width:220px;height:220px;-webkit-border-radius:50%;border-radius:50%}
.ih-item.circle .img{position:relative;width:220px;height:220px;-webkit-border-radius:50%;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.3);-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{-webkit-border-radius:50%;border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-border-radius:50%;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);box-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square.effect6{overflow:hidden}
.ih-item.square.effect6.colored .info{background:#1a4a72;background:rgba(26,74,114,0.6)}
.ih-item.square.effect6.colored .info h3{background:rgba(12,34,52,0.6)}
.ih-item.square.effect6 .img img{min-height: 100%;height: auto;object-fit: cover}
.ih-item.square.effect6 .img{-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.ih-item.square.effect6 .info{background:#333;background:rgba(0,0,0,0.6);visibility:hidden;opacity:0;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;display:flex;justify-content:center;align-items:center}
.ih-item.square.effect6 .info h3{text-transform:uppercase;color:#fff;text-align:center;font-size:14px;padding:10px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.square.effect6 .info p{font-style:italic;font-size:12px;position:relative;color:#bbb;padding:20px;text-align:center}
.ih-item.square.effect6 .info button{-webkit-transition:all .35s .1s linear;transition:all .35s .1s linear}
.ih-item.square.effect6 a:hover .img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.ih-item.square.effect6 a:hover .info{visibility:visible;opacity:1}
.ih-item.square.effect6.from_top_and_bottom .info h3{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.ih-item.square.effect6.from_top_and_bottom .info p,.ih-item.square.effect6.from_top_and_bottom .info button{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,.ih-item.square.effect6.from_top_and_bottom a:hover .info p,.ih-item.square.effect6.from_top_and_bottom a:hover .info button{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.ih-item.square.effect6.from_left_and_right .info h3{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.ih-item.square.effect6.from_left_and_right .info p,.ih-item.square.effect6.from_left_and_right .info button{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,.ih-item.square.effect6.from_left_and_right a:hover .info p,.ih-item.square.effect6.from_left_and_right a:hover .info button{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.ih-item.square.effect6.top_to_bottom .info h3{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.ih-item.square.effect6.top_to_bottom .info p,.ih-item.square.effect6.top_to_bottom .info button{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,.ih-item.square.effect6.top_to_bottom a:hover .info p,.ih-item.square.effect6.top_to_bottom a:hover .info button{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.ih-item.square.effect6.bottom_to_top .info h3{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.ih-item.square.effect6.bottom_to_top .info p,.ih-item.square.effect6.bottom_to_top .info button{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,.ih-item.square.effect6.bottom_to_top a:hover .info p,.ih-item.square.effect6.bottom_to_top a:hover .info button{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin-bottom:0}
.main-header{position:relative;padding-top:40px;z-index: 9;}
.header-wrap{width:100%;background:#1d3c70;z-index:8;position:absolute;top:0;height:40px;box-shadow:0 3px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.3)}
.header-wrap.menu-fixed{background:#7f7f7f;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);-moz-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8);position:fixed;z-index:10;top:0;left:0;width:100%;height:40px;padding:0}
.menu-fixed .main-nav li a{color:#fff!important;text-shadow:none!important}
.menu-fixed .main-nav li + li{border-left:1px solid #ccc}
.menu-fixed .main-nav .navbar-nav > li{border-left:1px solid #ccc}
.site-logo{text-align:right;line-height:40px}
.site-logo > a:before{content:'';height:14px;width:16px;position:absolute;left:10px;top:8px}
.site-logo > a:hover{opacity:.75}
.site-logo > a{position:relative;text-transform:uppercase;color:#fff;background:#f90;font-size:14px;font-weight:700;border-width:0 0 2px;border-style:none none solid;border-color:transparent transparent #c60;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:block;height:30px;line-height:30px;text-align:center;margin-top:5px;max-width:130px;padding-left:10px;width:100%;float:right;overflow:hidden}
.service-print .cms-live-demo:before{content:unset}
.nb-btn {
    padding: 10px 35px;
    border-radius: 30px;
    background-color: #f90;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
}

.nb-hover-effect {
    position: relative;
    overflow: hidden;
}

.effect-1:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.effect-1:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.effect-1:hover:before{
    right: 50%;
    left: 50%;
    background: rgba(255,255,255,.2);
}
.effect-1:hover:after {
    top: 50%;
    bottom: 50%;
    background: rgba(255,255,255,.2);
}

.effect-2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -115%, 0);
}
.effect-2:hover:before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 115%, 0);
}
.effect-2 img {
    opacity: 1;
    transition: all .3s;
    transform: scale3d(1.05, 1.05, 1);
}
.effect-2:hover img{
    transform: scale3d(1, 1, 1);
    opacity: .6;
}


.nb-designer-slider {
    background-image: url("../images/bg-slider.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 45px 10px 60px;
    min-height: 650px;
}

.nb-designer-slider .main-slider {
    display: inline-block;
    text-align: center;
}
.nb-designer-slider .main-slider .logo{
    margin-bottom: 45px;
}
.nb-designer-slider .main-slider h2{
    color: #fff;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: bold;
}
.nb-designer-slider .main-slider p {
    color: #fff;
    line-height: 25px;
    max-width: 780px;
    margin-bottom: 25px;
}
.nb-designer-slider .main-slider .relate {
    margin-bottom: 35px;
}

.nb-designer-slider .logo img {
    max-width: 85%;
}
@media screen and (max-width: 1024px){

    .nb-designer-slider{
        padding: 45px 10px;
    }
    .nb-designer-slider .main-slider {
        min-height: 282px;
        width: 100%;
    }

    .nb-designer-slider .logo img{
        max-width: 60%;
    }

    .nb-designer-slider p {
        display: none;
    }
    .nb-designer-slider .main-slider h2 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: normal;
    }

    .nb-designer-slider .main-slider .logo {
        margin-bottom: 30px;
    }
    .nb-designer-slider .main-slider .relate {
        margin-bottom: 30px;
    }

}
@media screen and (max-width: 992px){
    .nb-slider-woopanel .left-block,.nb-slider-woopanel .right-block {
        margin-left: 0;
        text-align: center;
    }
}
@media screen and (max-width: 575px){
    .nb-designer-slider {
        min-height: 350px;
    }

    .nb-designer-slider .main-slider {
        min-height: 1px;
    }
    #solution-features #nav-tab .nav-item.active:after {
        display: none !important;
    }
}

.nb-flex{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}
/*Fix bug in ipad*/
.nb-flex .flex-item:first-child {
    flex:1;
    -webkit-box-flex:1;
    -webkit-flex:1;
}
/*.nb-flex .flex-item:last-child {*/
/*flex:1;*/
/*-webkit-box-flex:1;*/
/*-webkit-flex:1;*/
/*}*/




.main-nav{background:transparent;border:0;margin:0;line-height:40px;text-align:left;float:left}
.main-nav .navbar-nav{margin:0;float:left}
.main-nav .navbar-nav > li{float:none;display:inline-block;border-left:1px solid #315592}
.main-nav .navbar-nav > li:first-child{padding-left:20px}
.main-nav .cms-addtocart,.main-nav .cms-live-demo{background:#f90 none repeat scroll 0 0;border-color:transparent transparent #c60;border-radius:4px;border-style:none none solid;border-width:0 0 2px;box-shadow:none;float:right;font-size:14px;font-weight:700;margin:5px 0 8px 30px;padding:4px 20px}
.main-nav .pull-right a{color:#fff;font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}
.main-nav .pull-right i{display:inline-block;font-size:16px;margin-right:10px;position:relative;top:2px}
.main-nav .pull-right i.uk-icon-external-link{position:relative;top:3px}
.main-nav #show-menu-colapse i{color:#fff;display:none}
.menu-fixed{position:fixed;top:0}
.main-header .main-nav li:first-of-type a{padding-left:0}
.main-header .logo-responsive {
    display: none;
    float: left;
}
.main-header .logo-responsive i{
    font-size: 28px;
    color: #fff;
    margin-right: 15px;
    margin-top: 3px;
    display: inline-block;
}
@media screen and (max-width: 450px){
    .main-header .logo-responsive {
        display: inline-block;
    }
}
.solution-slider.owl-theme .owl-nav{margin-top:0}
.main-header .main-nav li a{font-weight:400;text-shadow:3px 3px 5px rgba(0,0,0,0.15);color:#718dbc;text-transform:uppercase;font-size:14px;padding:0 8px;line-height:40px}
.main-header .main-nav li:hover a,.main-header .main-nav li a:focus{color:#fff;background:transparent;text-shadow:3px 3px 5px rgba(255,255,255,0.15)}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background:transparent}
#menu-colapse{display:none;width:250px;height:80000px;top:0;right:auto;bottom:auto;left:0;position:fixed;padding:30px 15px;z-index:10;background:rgba(0,0,0,0.8)}
#menu-colapse > p{font-size:20px;color:#fff;text-transform:uppercase;font-weight:700}
.uk-icon-cancel-circled{font-size:17px;color:#f90;top:30px;right:15px;bottom:auto;left:auto;position:absolute;cursor:pointer}
#menu-colapse ul{margin:0;padding:0}
#menu-colapse ul li{width:100%}
#menu-colapse ul li a{margin:0;padding:0;font-size:14px;color:#fff;line-height:35px;text-transform:capitalize;border-bottom:1px solid #ccc}
.solution-slider{padding:0;margin-bottom:0}
.solution-header{box-shadow:0 2px 0 #707070;text-align:center;padding:0!important;top:auto;right:auto;bottom:0;left:auto;position:relative;width:100%;z-index:10;background:#464646;height:65px}
.header-service{height:65px;line-height:65px;display:inline-block;border-right:2px solid #707070;padding:0 30px;box-shadow:1px 0 0 #272727}
.header-service:last-of-type{border-right:none;box-shadow:none}
.header-service:hover a{color:#f90}
.header-service a i{font-size:32px;margin-right:7px;position:relative;top:3px}
.header-service a{font-size:20px;margin:0;color:#d1d3d4;padding-left:15px}
li{list-style:none}
a{text-decoration:none}
img{max-width:100%;height:auto}
.text-right{text-align:right}
ul{padding:0}
#solution-main{overflow:hidden;text-align:center}
section[class*="solution-"]{padding:60px 0;position:relative}
.wp-title{display:block;font-size:36px;color:#444;text-transform:capitalize;position:relative;margin:0 0 15px;text-align:center;font-family:'Roboto';margin-top: -5px}
.wp-title-left{display:block;font-size:30px;color:#444;text-transform:capitalize;position:relative;margin:0 0 10px;text-align:left;font-family:'Roboto';font-weight:700}
.wp-title-left:after{content:'';border-bottom:1px solid #f7931e;width:5%;position:absolute;left:0;top:40px}
.wp-title.special:before,.wp-title.special:after{background:#fff;opacity:.75}
.wp-title.special,.wp-title-left.special{color:#fff}
.wp-sub-title.left{text-align:left;margin:0 0 30px}
.wp-sub-title.special{color:rgba(255,255,255,0.75)}
.wp-sub-title{font-size:18px;line-height:24px;color:rgba(51,51,51,0.75);text-align:center;margin-bottom:43px}
.parallax{height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.parallax .col-xs-8{padding:0}
.solution-highlight{padding-bottom:0!important}
.blog-post .post-thumb{margin-bottom:30px; height: 205px;overflow: hidden;cursor: pointer;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.blog-post .post-thumb img{height: 100%; object-fit: cover; width: 100%}
.blog-post .post-title{font-size:18px;font-weight:600;margin-bottom:10px;display: block}
.blog-post .post-author{font-size:14px;color:#888;margin-bottom:15px}
.blog-post .post-desc{font-size:14px;line-height:24px;margin-bottom:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
.blog-post-style .post-main {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.blog-post-style .post-main .post-info-more i{
    color: #999;
    margin-right: 10px;
}
.blog-post-style .post-thumb {
    position: relative;
    height: 205px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.blog-post a, .blog-post-style a{color: #666}
.blog-post a:hover, .blog-post-style a:hover{color: #4385f5}
.blog-post .post-author a{color: #888}
.blog-post-style .post-author{margin-bottom: 0 !important;color: #666;}
.blog-post .post-author a:hover{color: #4385f5}
.blog-post-style .post-thumb img{object-fit: cover; height: 100%;width: 100%}
.blog-post-style .post-thumb .text {
    position: absolute;
    top: 20px;
    right: -30px;
    font-size: 12px;
    color: #fff;
    padding: 5px 30px;
    background-color: #4385f5;
    margin: 0;
    text-transform: uppercase;
    transform: rotate(45deg);
}
.blog-post-style .post-main .post-date {
    position: relative;
    margin-right: 30px;
}
.blog-post-style .post-main .post-date .day {
    font-size: 60px;
    line-height: 55px;
    color: #ededed;
}
.blog-post-style .post-main .post-date .month {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #4385f5;
    text-transform: uppercase;
}
.blog-post-style .post-main .post-date .month {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #4385f5;
    text-transform: uppercase;
}
.blog-post-style .post-main .post-info-more {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.blog-post-style .post-main .post-info-more p {
    margin-bottom: 0;
}
.blog-post-style .post-main .post-info-more .post-author {
    margin-right: 20px;
}

@media screen and (min--moz-device-pixel-ratio:0),screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none) {
    .blog-post .post-desc{overflow:hidden;position:relative;max-height:72px}
}
@media screen and (max-width: 991px) {
    .blog-post{margin-bottom:45px}
    .solution-highlight .col-lg-4:last-child .blog-post,.solution-project-case-study .col-lg-4:last-child .blog-post{margin-bottom:0}
}
.blog-post .post-more{text-transform:uppercase;font-size:14px;color:#666;position:relative;display:inline-block;margin-left:55px}
.blog-post .post-more:hover{color:#4385f5}
.blog-post .post-more:after{content:'';position:absolute;width:45px;height:3px;background-color:#4385f5;bottom:5px;left:-55px}
.blog-post .image-container{text-align:left}
.solution-wf .uk-container > .row{display:none;margin-top:55px}
.solution-wf > .row p{font-size:12px;color:rgba(51,51,51,0.75);margin:0}
.wf-b2c{border-bottom:1px dashed #3092f6;padding:90px 100px 50px;max-width:500px;margin:0 auto;position:relative}
.wf-b2c .b2c-box{position:absolute;max-width:100px}
.wf-b2c .b2c-box:first-of-type{left:0;bottom:40%;z-index:1}
.wf-b2c .b2c-box:nth-of-type(2){left:0;bottom:65%;z-index:2}
.wf-b2c .b2c-box:nth-of-type(3){left:17%;top:4%;z-index:3}
.wf-b2c .b2c-box:nth-of-type(4){left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:4}
.wf-b2c .b2c-box:nth-of-type(5){right:18%;top:4%;z-index:5}
.wf-b2c .b2c-box:nth-of-type(6){right:0;bottom:65%;z-index:6}
.wf-b2c .b2c-box:nth-of-type(7){right:0;bottom:40%;z-index:7}
.wf-five{border-bottom:1px dashed #3092f6;max-width:500px;margin:0 auto;overflow:hidden;padding-bottom:25px}
.wf-five .five-box{margin:25px 0}
.wf-agency{border-bottom:1px dashed #3092f6;position:relative;max-width:500px;padding:50px 100px;margin:50px auto}
.wf-agency .agency-box{position:absolute;max-width:100px}
.wf-agency .agency-box:first-of-type{top:15%;left:0;z-index:1}
.wf-agency .agency-box:nth-of-type(2){left:50%;top:-5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}
.wf-agency .agency-box:nth-of-type(3){top:15%;right:0;z-index:3}
.wf-agency .agency-box:nth-of-type(4){top:50%;left:0;z-index:4}
.wf-agency .agency-box:last-of-type{top:50%;right:0;z-index:5}
.wf-store{position:relative;max-width:500px;margin:0 auto;padding:100px}
.wf-store .store-box{position:absolute;max-width:100px}
.wf-store .store-box:first-of-type{top:10px;left:0;z-index:1}
.wf-store .store-box:nth-of-type(2){top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}
.wf-store .store-box:nth-of-type(3){top:10px;right:0;z-index:3}
.wf-store .store-box:nth-of-type(4){bottom:0;left:0;z-index:4}
.wf-store .store-box:nth-of-type(5){bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}
.wf-store .store-box:last-of-type{bottom:0;right:0;z-index:6}
.wf1{position:relative;padding:90px 90px 70px;margin-top:55px}
.wf1 .wf1-box{position:absolute;text-align:center}
.wf1 .wf1-box:first-of-type{top:30%;left:0}
.wf1 .wf1-box:nth-of-type(2){top:15%;left:0;max-width:70px}
.wf1 .wf1-box:nth-of-type(3){top:15px;left:38px}
.wf1 .wf1-box:nth-of-type(4){top:0;left:13%}
.wf1 .wf1-box:nth-of-type(5){top:10px;left:23%}
.wf1 .wf1-box:nth-of-type(6){top:10%;left:26%}
.wf1 .wf1-box:nth-of-type(7){top:22%;left:27%}
.wf1 .wf1-box:nth-of-type(8){top:25%;left:40%}
.wf1 .wf1-box:nth-of-type(9){top:25%;left:55%}
.wf1 .wf1-box:nth-of-type(10){top:37%;left:37%}
.wf1 .wf1-box:nth-of-type(11){top:37%;left:47%}
.wf1 .wf1-box:nth-of-type(12){top:37%;left:60%}
.wf1 .wf1-box:nth-of-type(13){top:10%;right:19%}
.wf1 .wf1-box:nth-of-type(14){top:4%;right:14%}
.wf1 .wf1-box:nth-of-type(15){top:10%;right:3%}
.wf1 .wf1-box:nth-of-type(16){right:16%;top:53%}
.wf1 .wf1-box:nth-of-type(17){right:7%;top:53%}
.wf1 .wf1-box:nth-of-type(18){bottom:13%;right:30%}
.wf1 .wf1-box:nth-of-type(19){bottom:0;left:18%}
.wf1 .wf1-box:nth-of-type(20){bottom:0;left:33%}
.wf1 .wf1-box:nth-of-type(21){bottom:0;left:42%}
.wf1 .wf1-box:nth-of-type(22){bottom:0;right:36%}
.wf1 .wf1-box:nth-of-type(23){bottom:0;right:23%}
.wf1 .wf1-box:nth-of-type(19) > p,.wf1 .wf1-box:nth-of-type(20) > p,.wf1 .wf1-box:nth-of-type(21) > p,.wf1 .wf1-box:nth-of-type(22) > p,.wf1 .wf1-box:nth-of-type(23) > p{margin:0}

.solution-review {
    margin-bottom: 60px;
}
.solution-review .testimonial-review, .solution-testimonial .testimonial-review{
    display: flex;
    flex-wrap: wrap;
}
.solution-testimonial{
    padding-bottom: 0 !important;
}
.solution-testimonial .testimonial-head {
    background-image: url("../images/bg-testimonial.jpg");
    background-size: cover;
    padding: 30px 135px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
    flex-wrap: wrap;
    background-position: center;
}
.solution-testimonial .slimScrollDiv {
    margin-left: 0;
}

.solution-testimonial .testimonial-head p {
    color: #fff;
}
.solution-testimonial .testimonial-head .head-item {
    flex: 1 1 50%;
}
.solution-testimonial .testimonial-head .head-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.solution-testimonial .testimonial-head .count {
    position: relative;
    margin-bottom: 0;
}
.solution-testimonial .testimonial-head .count .number {
    font-size: 72px;
    line-height: normal;
    font-weight: bold;
}
.solution-testimonial .testimonial-head .count .plus {
    position: absolute;
    font-size: 48px;
    top: 0;
    right: -30px;
}
.solution-testimonial .testimonial-head .text {
    font-size: 36px;
    margin-bottom: 0;
    line-height: normal;
}

.solution-testimonial .testimonial-head .head-right {
    /*padding-right: 45px;*/
}
.solution-testimonial .testimonial-head .head-right-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
}
.solution-testimonial .testimonial-head .head-right .head-right-item:last-child {
    margin-bottom: 0;
}
.solution-testimonial .testimonial-head .head-right-item i {
    margin-right: 15px;
    color: #4385f5;
}
.solution-testimonial .testimonial-head .head-right-item p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
}

.solution-testimonial .review-item {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-bottom: 30px;
}
.solution-testimonial .review-item .review-head {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.solution-testimonial .review-item .review-head p,.solution-testimonial .review-item .review-head span{
    margin-bottom: 0;
    line-height: normal;
}
.solution-testimonial .review-item .review-head .review-date {
    margin-left: auto;
    font-size: 12px;
}
@media screen and (max-width: 450px){
    .solution-testimonial .review-item .review-head .review-date {
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }
}


.solution-testimonial .review-item .review-head .review-name {
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
}
.solution-testimonial .review-item .review-content {
    padding: 30px 20px;
    background-color: #f4f4f4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#review .review-item .review-content {
    padding: 15px;
}
.solution-testimonial .review-item .review-content i {
    font-size: 11px;
}
.solution-testimonial .review-item .review-content img{
    margin-right: 30px;
    width: 75px;
    height: 75px;
    /*object-fit: cover;*/
    display: block;
    flex: 0 1 auto;
}
.solution-testimonial .review-item .review-content p {
    line-height: 24px;
    margin-bottom: 0;
    flex: 0 1 auto;
}

@media screen and (max-width: 1025px){
    .solution-testimonial .review-item .review-content{
        display: inline-block;
        width: 100%;
    }
    .solution-testimonial .review-item .review-content img{
        display: inline-block;
        float: left;
    }
    .solution-testimonial .review-item .review-content p {
    }

}

@media screen and (max-width: 991px){
    .solution-testimonial .testimonial-head {
        padding: 30px 15px;
        /*display: block;*/
    }
    .solution-testimonial .testimonial-head .head-right {
        padding-right: 0;
        flex: 0 0 auto;
    }

    .solution-testimonial .testimonial-head .head-left {
        margin-bottom: 30px;
        align-items: center;
        flex: 1 1 100%;
    }
    .solution-testimonial .testimonial-head .head-right-item {
        justify-content: flex-start;
    }
}
@media screen and (max-width: 767px){
    .solution-testimonial .testimonial-head .head-right {
        flex: 1 1 auto;
    }
}
@media screen and (max-width: 575px){
    .solution-testimonial .testimonial-head .head-right-item {
        justify-content: flex-start;
    }
}

.solution-about{background-image:url(../images/who-use/bg-who-use.jpg)}
.solution-about .wp-title{color:#fff}
.solution-about .wp-sub-title{color:#f4f4f4}
.solution-about h4{font-size:18px;text-align:left;margin-top:-4px;font-weight:500;color:#fff}
.solution-about .col-md-4{margin-bottom:40px}
.solution-about .col-md-4:nth-child(3n+1){clear:left}
.solution-about .col-xs-12 > p{font-size:14px;line-height:22px;text-align:left;margin:0;color:#f4f4f4}
.solution-about .box{background-image:url(../images/sprite_02.png); margin-left: auto}
.solution-about .box-1{width:75px;height:68px;background-position:0 0}
.solution-about .box-2{width:75px;height:80px;background-position:0 -140.5px}
.solution-about .box-3{width:75px;height:67px;background-position:3px -290px}
.solution-about .box-4{width:75px;height:71px;background-position:0 -69px}
.solution-about .box-5{width:75px;height:68px;background-position:3px 204px}
.solution-about .box-6{width:75px;height:68px;background-position:3px -357px}
.solution-about .printing-business {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.solution-about .row{
    display: block;
}
.solution-about .printing-item {
    background-color: #cfd2d2;;
    padding: 0;
}
.solution-about .printing-item h4{
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    background-color: #078f74;
}
.solution-about .printing-owner {
    border-right: 1px dotted #06ab8c;
}
.solution-about .printing-item .content {
    padding: 15px 45px;

}
.solution-about .printing-item .printing-top {
    border-bottom: 1px dotted #06ab8c;
    padding-right: 75px;
}
.solution-about .printing-item .printing-top p:last-child {
    margin-bottom: 0;
}

.solution-about .printing-item .printing-bottom p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.solution-about .printing-item .printing-bottom ul {
    margin: 0;
}
.solution-about .printing-item .printing-bottom ul li {
    padding: 5px 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.solution-about .printing-item .printing-bottom ul li i {
    margin-right: 10px;
    color: #999999;
}

@media screen and (max-width: 767px){
    .solution-about .box {
        margin-left: 0;
    }
}
@media screen and (max-width: 575px){
    .solution-about .printing-item .content {
        padding: 15px;
    }
    .solution-about .box {
        margin: auto;
    }
    .solution-about .col-xs-12 > p,.solution-about .col-xs-12 > h4 {
        text-align: center;
    }
}

.solution-about .output-file {

}
.solution-about .output-file h4 {
    text-align: center;
    margin-bottom: 80px;
    text-transform: uppercase;
}
.solution-about .output-file .file-item {
    text-align: center;
    padding: 70px 35px 30px;
    background-color: #d2d5d5;
    position: relative;
}
.solution-about .output-file .file-item .item-icon {
    width: 100px;
    height: 100px;
    padding: 30px;
    border-radius: 50%;
    background-color: #06ab8c;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,50%);
}
.solution-about .output-file .file-item .item-icon i {
    background-image: url("../images/spetor_03.png");
    width: 40px;
    height: 40px;
    display: block;
}
.solution-about .output-file .file-item .item-icon .ci1 {
    background-position: 0 0;
}
.solution-about .output-file .file-item .item-icon .ci2 {
    background-position: 0 40px;
}
.solution-about .output-file .file-item p {
    margin-bottom: 0;
}
.solution-about .output-file .file-item .item-icon .ci3 {
    background-position: 0 80px;
}
.solution-about .output-file .file-item h3{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
@media screen and (max-width: 1199px){
    .solution-about .output-file .file-item .item-icon {
        position: relative;
        margin: 0 auto 15px;
        top:auto;
        left: auto;
        transform: none;
    }
    .solution-about .output-file .file-item {
        padding: 35px 30px;
    }
}

.solution-changelog-Community .content{margin-bottom:30px}
.solution-changelog-Community .wp-btn{margin-top:30px}
.solution-changelog-Community .usage-update h3{margin-bottom:10px}
solution-changelog-Community h2{margin-bottom:15px}
.solution-changelog-Community .content .content-top{margin-bottom:10px}
.solution-changelog-Community .content .content-top h4{display:inline-block;font-size:16px;font-weight:700;margin-bottom:0}
.solution-changelog-Community .content .content-top h4 a{color:#444;transition:all .3s;font-size: 14px}
.solution-changelog-Community .content .content-top h4 a:hover{color:#ffb754}
.solution-changelog-Community .content .content-top span{color:#ffb754;border:1px solid #ffb754;font-size:14px;border-radius:3px;padding:0 5px;font-weight:400;color:#ffb754;line-height: normal;}
.solution-changelog-Community .content span{color:#939598}
.solution-changelog-Community .changelog{border-right:1px dashed #e1e1e1;padding-right:30px;min-height:510px}
.solution-changelog-Community .changelog .content .content-top span{margin-right:20px}
.solution-changelog-Community .changelog .sub-title{font-size:18px;color:#939598;margin-bottom:35px}
.solution-changelog-Community .community{padding-left:30px}
.solution-changelog-Community .community .content .content-top span{margin-left:10px}
.solution-changelog-Community .community .media-left img{border:1px solid #ebebeb}
.solution-changelog-Community .community p{font-size:18px;color:#939598;margin-bottom:35px;margin-top:10px}
.solution-changelog-Community .community .media .media-left{width:80px;padding-right:20px}
.solution-changelog-Community .community .media .media-body{width:auto}
.solution-changelog-Community .usage-tab{display:flex}
.solution-changelog-Community .usage-tab li + li{margin-left:10px}
.solution-changelog-Community .compatible .item {color: #4385f5;}
@media screen and (max-width: 991px) {
    .solution-changelog-Community .changelog{border-right:none;min-height:auto;margin-bottom:45px;padding-right:15px}
    .solution-changelog-Community .title,.solution-changelog-Community .sub-title{text-align:center}
    .solution-changelog-Community .btn-container{text-align:center}
    .solution-changelog-Community .usage-tab li a{font-size:14px}
}
@media screen and (max-width: 475px) {
    .solution-changelog-Community .usage-tab li:last-child{display:none}
}
@media screen and (max-width: 345px) {
    .solution-changelog-Community .usage-tab li:last-child,.solution-changelog-Community .usage-tab li:nth-child(3){display:none}
}
.solution-benenfits > div > div:first-of-type .row{padding:60px 0 40px}
.solution-benenfits > div > div:last-of-type .row{padding:40px 0 10px}
.solution-benenfits .row{min-height:400px;padding:40px 0}
.solution-benenfits .uk-container .row{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}
.solution-benenfits .bn-background{background:#f1f2f2}
.solution-benenfits > div > .bn-background p img{padding-right:20px}
.solution-benenfits > div > .uk-container p img{padding-left:20px}
.solution-benenfits > div > .uk-container .col-sm-6:first-of-type{padding-right:30px}
.solution-benenfits > div > .uk-container .col-sm-6:last-of-type{padding-left:30px}
.solution-benenfits > div > .bn-background .col-sm-6:first-of-type{padding-left:30px}
.solution-benenfits > div > .bn-background .col-sm-6:last-of-type{padding-right:30px}
.solution-benenfits h4{color:#333;font-weight:500;font-size:21px}
.solution-benenfits .col-sm-6 p{color:#666;font-size:16px;font-weight:500;line-height:24px}
.solution-benenfits .col-sm-6 p:last-of-type{padding-bottom:25px}
a.button{position:relative;color:#f90;border:2px solid #f90;border-radius:2px;padding:10px 20px;text-transform:uppercase;font-size:14px;font-weight:500;font-family:'Roboto';-webkit-transition-duration:.3s;transition-duration:.3s}
a.button:hover{color:#fff}
a.button:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:#f90;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
a.button:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
a.button span{position:relative}
.sale{color:#f90}
.package-box{width:33.3%}
.package-box-top{max-height:180px;position:absolute;top:0;left:0;width:100%;float:left;padding:40px 0;box-shadow:2px 2px 8px rgba(0,0,0,0.35)}
.package-box .package-box-top > h3{font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;margin:0 0 15px}
.package-box-top > p{font-size:16px;color:#fff;margin:0}
.package-box-top .add-back{width:100%;height:35px;position:absolute;top:-85px;left:0;box-shadow:0 3px 10px #888;opacity:0;visibility:hidden}
.package-box-top .package-popup{text-transform:uppercase;font-size:18px;color:#fff;line-height:50px;text-align:center;font-weight:500;position:absolute;top:-50px;left:-9px;width:105%;opacity:0;transition:opacity .1s ease-in-out;visibility:hidden;-webkit-transition:opacity .1s ease-in-out;-moz-transition:opacity .1s ease-in-out}
.package-box-top .package-popup span.active{background:#f7931e}
.package-box-top .package-popup span{background:#fdac5a;width:50%;display:inline-block;float:left}
.package-box-top .package-popup:before{position:absolute;top:100%;left:0;content:'';width:0;height:0;border:5px solid;border-color:#f7931e #f7931e transparent transparent}
.package-box-top .package-popup:after{position:absolute;top:100%;right:0;content:'';width:0;height:0;border:5px solid;border-color:#f7931e transparent transparent #f7931e}
.package-box-price{position:relative;width:100%;float:left;padding:180px 0 40px}
.package-box-price h2{font-size:48px;color:#fff;margin:30px 0 5px;font-weight:700}
.package-box-price p{font-size:16px;color:#fff;margin:0 0 25px}
.package-box-price input{font-size:16px;padding:10px 35px;box-shadow:4px 2px 10px rgba(0,0,0,0.35);background:#FFF;color:#000;font-weight:700}
.package-box h3{font-size:18px;color:#000;font-weight:500;text-transform:uppercase;font-weight:bold}
.package-box ul li{font-size:16px;color:#4d4d4d;line-height:28px;text-decoration:none}
.show-shadow{min-height:1640px;background-color:#f1f1f1}
.show-shadow > p{max-width:278px;margin:0 auto;padding-bottom:10px;font-size:18px;font-weight:300;line-height:24px;text-align:center;color:#939598;clear:both}
.upload h3:after{font-size:14px;position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;height:1px;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.package-box-price > input{background:#6385c3}
.package-box-price > input:hover{background:#fff;color:#6385c3;-webkit-transition:all .8s;transition:all .8s}
.full-storefront{width:100%;float:left}
.full-storefront h3{margin:40px 0 30px}
.full-storefront ul{padding-bottom:30px;position:relative}
.full-storefront ul:after{position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;height:1px;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.configuration{width:100%;float:left}
.configuration ul{padding-bottom:30px;position:relative}
.configuration ul:after{position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;height:1px;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.metrix{width:100%;float:left}
.metrix h3{margin:11px 0 0}
.upload{width:100%;float:left}
.upload h3{margin:30px 0;padding-bottom:24px;position:relative}
.solution-vs-package table{margin-top:40px}
.solution-vs-package table tr:first-of-type th{text-align:center;font-size:18px;font-weight:700;text-transform:uppercase;padding:13px 0}
.solution-vs-package table tr:first-of-type th:nth-child(odd){background:#a9e3f4;color:#444}
.solution-vs-package table tr:first-of-type th:nth-child(even){background:#3189e3;color:#fff}
.solution-vs-package table tr:nth-child(even){background:#e9e9e9;padding:13px 0}
.solution-vs-package table tr td:first-of-type{color:#666;font-size:16px;font-weight:700;width:195px;padding:13px 0;text-align:center}
.solution-vs-package table tr td{color:#666;font-size:14px;font-weight:400;line-height:18px}
.package-box:hover .package-box-top .package-popup,.package-box.hover .package-box-top .package-popup{opacity:1;visibility:visible}
.package-box.hover .show-shadow,.package-box:hover .show-shadow{box-shadow:0 5px 12px #666;min-height:1700px;-webkit-transition:all .8s;transition:all .8s;-moz-transition:all .8s}
.package-box.hover .package-box-top .add-back,.package-box:hover .package-box-top .add-back{background:#0f9898;opacity:1;visibility:visible;transition:opacity 1.25s ease-in-out;-webkit-transition:opacity 1.25s ease-in-out;-moz-transition:opacity 1.25s ease-in-out}
.package-box.hover .package-box-price > input,.package-box:hover .package-box-price > input{background:#3cb878}
.package-box.hover .package-box-price > input:hover{background:#fff;color:#3cb878;-webkit-transition:all .8s;transition:all .8s}
.printshop-website{position:relative;width:100%;float:left;padding:30px 0;margin-bottom:48px}
.printshop-website:after{position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;color:#4d4d4d;height:1px;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.printshop-website > p{font-size:16px;color:#000;font-weight:500}
.printshop-website > h3{color:#f7931e;max-width:200px;text-align:center;margin:0 auto}
.package-box.hover .package-box-price input,.package-box:hover .package-box-price input{color:#fff;background:#f7931e;transform:background 1s;-webkit-transform:background 1s}
.show-shadow > p.and1{color:#000;font-size:16px;font-weight:700}
.package-box h3:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){margin-bottom:40px;margin-top:0}
.package-box h4{margin:0 0 20px}
.package-box ul{padding-bottom:30px;margin-bottom:30px;position:relative}
.configuration ul:after,.full-storefront ul:after{position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;height:1px;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.package-box > p{color:#dd9494}
.online-design{float:left;margin-bottom:48px;position:relative;width:100%;padding-bottom:168px}
.online-design:after{position:absolute;content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _';width:100%;color:#4d4d4d;height:1px;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.package-box ul.online-design{padding-bottom:472px;margin-bottom:48px}
.solution-anything{background-image:url(../images/anything/bg-you-can-design.jpg);background-size:cover}
.solution-anything .wp-title{font-size:48px;font-weight:700;text-transform:uppercase;margin-bottom:60px;color:#4385f5}
.solution-anything .title-box-special{text-align:center;font-size:18px;text-transform:uppercase;color:#fff;position:relative;display:inline-block;padding:12px 15px}
.solution-anything .title-box-special:after,.solution-anything .title-box-special:before{position:absolute;content:'';width:20%;height:100%;border:2px solid #fff}
.solution-anything .title-box-special:after{top:0;left:0;border-right:none}
.solution-anything .title-box-special:before{top:0;right:0;border-left:none}
.solution-anything .box-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}
.solution-anything .box-item .box-image{box-shadow:0 7px 8px 0 rgba(0,0,0,.14),0 1px 1px 1px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.12);border-radius:50%;margin-bottom:10px;width:60px;height:60px;background-image:url(../images/spite.png);background-size:60px;background-color:#fff}
.solution-anything .box-item .box-1{background-position:-1px -1px}
.solution-anything .box-item .box-2{background-position:-1px -61px}
.solution-anything .box-item .box-3{background-position:-1px -121px}
.solution-anything .box-item .box-4{background-position:-1px -181px}
.solution-anything .box-item .box-5{background-position:-1px -241px}
.solution-anything .box-item .box-6{background-position:-1px -301px}
.solution-anything .box-item .box-7{background-position:-1px -361px}
.solution-anything .box-item .box-8{background-position:-1px -421px}
.solution-anything .box-item .box-9{background-position:-1px -481px}
.solution-anything .box-item .box-10{background-position:-1px -540px}
.solution-anything .box-item .box-11{background-position:-1px -601px}
.solution-anything .box-item .box-12{background-position:-1px -661px}
.solution-anything .box-item .box-13{background-position:-1px -721px}
.solution-anything .box-item .box-14{background-position:-1px -781px}
.solution-anything .box-item .box-15{background-position:-1px -841px}
.solution-anything .box-item .box-16{background-position:-1px -901px}
.solution-anything .box-item .box-17{background-position:-1px -961px}
.solution-anything .box-item .box-18{background-position:-1px -1021px}
.solution-anything .box-item .box-19{background-position:-1px -1081px}
.solution-anything .box-item .box-20{background-position:-1px -1141px}
.solution-anything .box-item .box-21{background-position:-1px -1201px}
.solution-anything .box-item .box-22{background-position:-1px -1261px}
.solution-anything .box-item .box-23{background-position:-1px -1321px}
.solution-anything .box-item .box-24{background-position:-1px -1381px}
.solution-anything .box-item .box-25{background-position:-1px -1441px}
.solution-anything .box-item .box-26{background-position:-1px -1501px}
.solution-anything .box-item .box-27{background-position:-1px -1561px}
.solution-anything .box-item .box-28{background-position:-1px -1621px}
.solution-anything .box-item .box-29{background-position:-1px -1681px}
.solution-anything .box-item .box-title{text-align:center;height:38px;color:#fff}
.solution-videos .wp-btn{margin-top:30px}

.solution-why-use {
    padding-bottom: 0 !important;
}
.solution-why-use img{border-radius:4px}
.solution-why-use .row{margin-bottom:30px}
@media screen and (max-width: 991px){
    .solution-why-use .row{margin-bottom:45px}
}
.solution-why-use .wp-sub-title{margin-bottom:45px}
.solution-why-use .text-box{margin-top:45px}

.solution-library-media {

}
.solution-library-media .row-media {
    display: flex;
    justify-content: center;
    align-items:center;
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
}

.solution-library-media .media-item {
    padding: 0;
}
.solution-library-media .media-block {
    padding: 30px 60px;
    flex: 1 1 50%;
}
.solution-library-media .media-block h3{
    margin-bottom: 15px;
    font-size: 18px;
}
.solution-library-media .media-block h3 span {
    font-size: 24px;
    font-weight: bold;
}
.solution-library-media .media-block p {
    margin-bottom: 30px;
}
.solution-library-media .row-reverse .media-block {
    text-align: right;
}
@media screen and (max-width: 991px){
    .solution-library-media .row-reverse {
        flex-direction: column-reverse;
    }
    .solution-library-media .row-media .media-block {
        text-align: center;
    }
    .solution-library-media .row-media {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px){
    .solution-library-media .media-block {
        padding: 15px;
    }
}


@media screen and (max-width: 991px) {
    .solution-why-use{text-align:center}
    .solution-why-use .image-container{text-align:center}
}
.solution-screen{background-image:url(../images/screenshot/bg-screenshots.jpg);background-size:cover}
.solution-screen .wp-title{color:#fff}
.solution-screen .wp-sub-title{color:#f4f4f4;margin-bottom: 30px}
.solution-screen ul{margin:0}
.solution-screen li{padding:0 15px}
.solution-screen li .slider-box{padding:15px 0}
.solution-screen .owl-controls .owl-prev,.solution-screen .owl-controls .owl-next,.solution-videos .owl-controls .owl-prev,.solution-videos .owl-controls .owl-next{background-color:transparent}
.solution-screen .slider-wap {
    position: relative;
}
.solution-screen .slider-box img{
    box-shadow: 0 0 15px 1px rgba(0,0,0,0.45);
}
.controls-style .owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
}

.controls-style .owl-controls .owl-next {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
}

.solution-screen .discover {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 45px;
}
.solution-videos .controls-style .owl-controls .owl-prev {
    left: -30px;
    top: 45%;
}
.solution-videos .controls-style .owl-controls .owl-next {
    right: -30px;
    top: 45%;
}

.solution-videos .controls-style .owl-controls i {
    font-size: 28px;
}

@media screen and (max-width: 1199px){
    .controls-style .owl-controls {
        display: none;
    }
}

.solution-screen .owl-controls .owl-prev:hover,.solution-screen .owl-controls .owl-next:hover,.solution-videos .owl-controls .owl-prev:hover,.solution-videos .owl-controls .owl-next:hover{background-color:transparent}
.solution-screen .owl-controls .owl-prev:hover i,.solution-screen .owl-controls .owl-next:hover i,.solution-videos .owl-controls .owl-prev:hover i,.solution-videos .owl-controls .owl-next:hover i{color:#4385f5}
.controls-style .owl-controls i{color:#fff;font-size:40px}
.solution-videos .owl-controls i{font-size:21px;color:#999}
.solution-screen .owl-controls .owl-nav,.solution-videos .owl-controls .owl-nav{margin-top:0}
.slider-box a{position:relative;display:block}
.slider-box a span{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);font-size:14px;text-transform:capitalize;background:#4385f5;border:1px solid #4385f5;padding:5px 10px;color:#fff;font-weight:500;z-index:10;right:0;max-width:110px;display:block;text-align:center;border-radius:20px;-webkit-border-radius:20px}
.slider-box a:hover span{opacity:1}
.slider-box a:hover:before{opacity:.7}
.slider-box a:before{content:'';background:rgba(0,0,0,0.6);opacity:.2;position:absolute;height:100%;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;left:0;right:0;display:block}
.solution-clients .client-review{position:relative;padding:0 60px}
.solution-clients img{min-height: 94px}
#case-study .solution-clients .wp-title{color:#fff}
#case-study .solution-clients .wp-sub-title{color:#f4f4f4}
@media screen and (max-width: 991px) {
    .solution-clients .client-review{text-align:center;margin-bottom:15px}
}
.solution-clients .client-review .text-head{color:#fff;margin-bottom:15px}
.solution-clients .client-review .text-content{margin-bottom:45px;color:#f4f4f4}
.client{display:inline-flex;justify-content:flex-start;align-items:center}
.client .image-container{border-radius:50%;margin-right:10px}
.client span{display:block}
.client .name{margin-bottom:5px;color:#fff}
.client .job{color:#4385f5}
.solution-clients{background-image:url(../images/happy-client/bg-client.jpg);background-size:cover;padding-bottom: 30px !important;}
.solution-clients .wp-title{color:#fff}
.solution-clients .wp-sub-title{color:#f4f4f4}
.solution-clients .owl-controls .owl-prev{position:absolute;top:50%;left:0;margin:0;padding:0;background:transparent}
.solution-clients .owl-controls .owl-prev:hover{background:transparent}
.solution-clients .owl-controls .owl-next{position:absolute;top:50%;right:0;margin:0;padding:0;background:transparent}
.solution-clients .owl-controls .owl-next:hover{background:transparent}
.solution-clients .owl-controls i{color:#d8d8d8;font-size:40px}
.solution-clients .row-review{margin-bottom:45px}
.solution-clients .row-client{display:block;}
.solution-clients .row-client img{border-radius: 4px;overflow: hidden;}
.solution-clients .row-client .col-lg-2{margin-bottom:30px;}
/*.solution-stories .story{display:flex;justify-content:flex-end;align-items:center;position:relative;margin-bottom:45px}*/
.solution-stories .story{position:relative;margin-bottom:45px}
/*.solution-stories .story .testimonial{position:absolute;left:0;max-width:50%;background:#fff;padding:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:4px;z-index: 9}*/
.solution-stories .story .testimonial{position:absolute;left:0;max-width:50%;background:#fff;padding:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:4px;z-index: 9;top:50%;transform: translateY(-50%)}
.solution-stories .story.reverse .testimonial{left:auto;right:0}
.solution-stories .story .testimonial i{font-size:40px;color:#4385f5;line-height:1;display:inline-block;margin-bottom:5px}
.solution-stories .story .testimonial p{font-size:18px;line-height:1.5;margin-bottom:40px}
.solution-stories .story.reverse .testimonial p{text-align:right}
.solution-stories .story .image-container{margin-left:35%}
.solution-stories .story.reverse .image-container{margin-left:auto;margin-right:35%}
.solution-stories .story .client{display:flex}
.solution-stories .story.reverse .client{flex-direction:row-reverse}
.solution-stories .story .client .image-container{margin-left:0;margin-right:30px}
.solution-stories .story.reverse .client .image-container{margin-left:30px;margin-right:0}
.solution-stories .story .client .name{font-size:18px;font-weight:500;color:#333}
.solution-stories .story .client .job{font-size:14px}
@media screen and (max-width: 991px) {
    .solution-stories .story{flex-wrap:wrap}
    .solution-stories .story .testimonial{max-width:unset;width:100%;position:relative;margin-bottom:30px;transform: translateY(0)}
    .solution-stories .story .image-container{width:100%;margin:auto}
    .solution-stories .story .client .image-container{width:auto}
    .solution-stories .story.reverse .image-container{margin:auto}
}
.solution-complete {
    background-image: url("../images/bg-complete.jpg");
    background-size: cover;
    padding: 90px 15px !important
}
.solution-complete .wp-sub-title{
    max-width: 1044px;
    padding: 0 10px;
    margin: 0 auto 60px;
}
.solution-complete .wp-title{margin-bottom:20px}
.banner-page{position:relative;background-color: #ccc;background-size:cover;text-align:center;background-position: center}
.banner-page p{display:inline-block;padding:160px 0 200px;line-height:normal;font-size:60px;margin-bottom:0;color: #fff;text-transform: capitalize}

@media screen and (max-width: 991px) {
    .banner-page p{font-size:45px;padding:100px 10px}
}
@media screen and (max-width: 575px) {
    .banner-page p{font-size:40px;padding:60px 10px 75px}
}
#document-online{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:45px 30px}
.document-online{background-image:url(../images/document-online.jpg);background-size:cover;background-position: center}
#document-online p{margin-bottom:0;font-weight:700;text-transform:uppercase;font-size:18px;line-height:normal}
#document-online p > span{display:block}
#document-online a{padding:10px 20px;background-color:#4385f5;border-radius:5px;text-transform:uppercase;color:#fff}
#document-online a:hover{background-color:#3079f4}
#document-online a span{margin-left:5px}
.solution-faqs{background-image:url(../images/bg-faq.jpg);background-size:cover}
.solution-faqs .wp-title{color:#fff}
.solution-faqs .wp-sub-title{color:#f4f4f4}
.solution-contact{background-image:url(../images/bg-contact.jpg);background-size:cover}
.solution-contact .wp-title{color:#fff}
.solution-contact .wp-sub-title{color:#f4f4f4}
.solution-contact .mg-sub-title{margin-bottom:60px}
.solution-contact .people-support{background-color:#fff;border-radius:4px}
.solution-contact .people-support .items{display:flex;flex-direction:row;padding-left:15px;padding-right:15px}
.solution-contact .people-support .items .item{flex:1 1 50%;padding:40px 15px}
.solution-contact .people-support .items .item .content{text-align:center;border-radius:5px;position:relative}
.solution-contact .people-support .items .item .content .avatar{width:140px;height:140px;border-radius:100px;border:4px solid #ecf3fe;margin:0 auto 25px}
.solution-contact .people-support .item .content .avatar.av1{background-image:url(../images/janet.jpg);background-size:cover}
.solution-contact .people-support .item .content .avatar.av2{background-image:url(../images/ada.png);background-size:cover;background-color:#e8e8e8}
.solution-contact .people-support .item .content p{margin-bottom:0;font-size:14px;line-height:24px}
.solution-contact .people-support .item .content .avatar-name{color:#4385f5;margin-bottom:2px;font-weight:700}
.solution-contact .form-contact{background-color:#fff;padding:30px;border-radius:4px}
.solution-contact .form-contact input{background-color:#e6e7e8;width:100%;padding-right:0;height:45px}
.solution-contact .form-control{border:none;box-shadow:none}
.solution-contact .form-contact .first-input{padding-right:0}
.solution-contact .form-contact .comment{margin-top:15px;width:100%;background-color:#e6e7e8;height:118px}
.solution-contact .form-contact .contact-submit{margin:15px auto 0;display:block;text-transform:uppercase;color:#fff;background-color:#4385f5;font-size:18px;box-shadow:none;padding:10px 35px;border-radius:30px;border:none}
.solution-contact .form-contact .contact-submit:hover{background-color:#3079f4}
@media screen and (max-width: 991px){
    .solution-contact .people-support {
        margin-bottom: 30px;
    }
}
#solution-pricing {
    padding-bottom: 50px;
}
#solution-pricing .panel{background-color:#e0e0e0;border:none}
#solution-pricing .standard .panel .panel-heading{background-color:#444}
#solution-pricing .panel .panel-heading{font-size:18px;font-weight:700;text-align:center;font-style:normal;line-height:1.89;letter-spacing:normal;color:#fff;background-color:#4385f5}
#solution-pricing .panel .panel-body{padding:30px 30px 60px}
#solution-pricing .panel .panel-body .main-price{display:flex;align-items:center;margin-bottom:20px}
#solution-pricing .panel .panel-body .main-price p{font-size:36px;line-height:.39;color:#333;font-weight:700;margin-right:40px;margin-bottom:0}
#solution-pricing .panel .panel-body .main-price .well{border-radius:3px;background-color:transparent;border:solid 1px #c2c2c2;font-size:14px;color:#666;margin-bottom:0;padding:8px}
#solution-pricing .panel .panel-body .desc{font-size:14px;line-height:1.29;color:#666}
#solution-pricing .panel .panel-body ul li{list-style-image:url(../images/icon-ckeck.png);list-style-position:inside;font-size:14px;line-height:1.72}
#solution-pricing .panel .panel-body .save-up{color:#4385f5;margin-bottom:30px}
.solution-price .domain-license-label{font-weight:700;line-height:1.29;margin-bottom:15px}
.solution-price .domain-license{width:100%;border-radius:3px;background-color:#f5f5f5;border:solid 1px #ccc;padding:10px 20px;margin-bottom:85px}
#solution-pricing .standard .panel .panel-body{background-color:#f1f1f1}
.solution-price h2.price{text-align:center;font-size:18px;font-weight:700;text-transform:capitalize;margin-bottom:20px}
.solution-price h2.price span{font-size:30px}
.solution-price .reward-ponts{padding:0;text-align:center;font-size:16px;line-height:2.13;color:#333;font-family:Roboto;border-radius:7px;background-color:transparent;border:solid 1px #4385f5;display:inline-block;padding:0 48px;margin-bottom:15px}
.standard .reward-ponts{border:solid 1px #999}
.solution-price .add-cart{padding:3px 125px;border-radius:7px;background-color:#4385f5;font-family:Roboto;font-size:18px;line-height:1.89;color:#fff;font-weight:900}
@media screen and (max-width: 375px) {
    .solution-price .add-cart{padding:3px 40px}
}
.standard .solution-price .add-cart{background-color:#444}
.standard .solution-price .add-cart:hover{background-color:#535353}
.standard .solution-price .text-center{padding-left:30px;padding-right:30px}
.solution-price .add-cart:hover{background-color:#0fd2aa}
.solution-support >.row{padding-top:60px; display: block}
.solution-support .wp-sub-title {
    margin-bottom: 25px;
}
.section.solution-support .box-item{
    margin-bottom: 18px;
}
#help .solution-support .wp-sub-title{
    margin-bottom: 40px;
}
/*.solution-support .box-item .box-description {min-height: 110px;}*/
/*.solution-support .row {display: flex;flex-wrap: wrap;}*/
.solution-support .row p{color:#555;font-size:14px;font-weight:400;line-height:18px;margin:0 0 15px}
.solution-support h4{font-size:16px;color:#333;font-weight:600;tttmargin:0 0 15px}
.solution-support table th{background:#4385f5;height:60px;line-height:60px;color:#fff;font-size:16px}
.solution-support table i{color:#f7931e;font-size:16px;text-align:center;display:block}
.solution-support table td{color:#333;font-size:16px;line-height:50px;height:50px;font-weight:700}
.solution-support table tr:nth-child(even){background:#eee}
.solution-support table tr:nth-child(odd){background:#f9f9f9}
.youtube-player{position:relative;height:130px;overflow:hidden;max-width:100%;background:transparent;margin-bottom:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);cursor:pointer}
.video-container .youtube-player{position:relative;height:636px;overflow:hidden;max-width:100%;background:transparent;margin-bottom:0px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);cursor:pointer}

@media screen and (max-width: 767px) {
    .youtube-player{height:0;padding-top:50.25%}
    .video-des p{margin-bottom:30px;margin-top:15px}
}
@media screen and (max-width: 1024px){
    /*.solution-support .row{display: block;}*/
    /*.solution-support .box-item .box-description {min-height: 110px;}*/
}
@media screen and (max-width: 767px){
    .solution-support .box-item .box-description {min-height: 1px;}
    .section.solution-support{padding-bottom: 50px !important;}
}
.youtube-player:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.2;transition:all .5s}
.youtube-player:hover:after{opacity:.4}
.right-video-col .video-des p:last-child{font-size:16px;line-height:normal}
.video-des p:first-of-type{font-weight:400}
.youtube-player.feature{height:310px}
.right-video-col .video-des p:first-child{margin-top:0}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player .play{left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);border-radius:30px;z-index: 9}
.youtube-player .play i{color:#fff;display:flex;justify-content:center;align-items:center;margin-left:3px;font-size:18px}
.left-video-col .youtube-player .play{display:none}
.video-des p{font-style:normal!important;color:#333;font-size:16px;font-weight:700;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%}
.video-des p:first-of-type{margin-bottom:20px}
.video-border:after{border:1px dashed #d7d7d7;display:block;content:'';margin:0 15px 15px}
.tutorial-video .video-item .thumb_default{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}
.sl-question{position:relative}
.sl-question:after{content:'';position:absolute;background-color:#f1f2f2;top:0;right:0;width:50%;height:100%}
.frequently .slimScrollDiv{padding-right:60px}
.contact{padding:60px 15px 60px 60px;z-index:10}
.frequently .panel{background-color:transparent;border-color:transparent;box-shadow:none}
.frequently .panel .panel-heading .panel-title a:after{content:url(../images/nb-arrow-down.png);position:absolute;right:0}
.frequently .panel-active .panel-heading .panel-title a:after{content:url(../images/nb-arrow-up.png)!important}
.frequently .panel-heading{margin:0;padding:5px 0 14px;background-color:transparent;border-color:transparent;color:#fff;border-bottom:1px dashed #ccc}
.frequently .panel-heading .panel-title{font-size:16px;font-weight:500}
.frequently .panel-heading .panel-title a{display:block;line-height:22px;text-decoration:none;position:relative;color:#fff;font-weight:500}
.frequently .panel-heading .panel-title a:hover,.frequently .panel-heading .panel-title a:focus{color:#4385f5}
.frequently .panel-body{width:98%;padding:0;border-top-color:transparent!important;color:#fff}
.frequently .panel-body p{margin:16px 0;color:#ececec;font-size:14px;font-weight:400;line-height:22px}
.customer-contact{position:relative;padding-top:60px;padding-bottom:30px}
.customer-contact img{border-radius:50%;width:30%;border:5px solid #999;position:absolute;top:-50px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}
.bg-contact{text-align:center;background:#fff}
.customer-contact p{font-size:14px;color:#666;line-height:18px;margin:0;padding-top:60px;padding-bottom:30px;border-radius:4px}
.customer-form{padding:30px 15px;background:#fff;margin:0;border-radius:4px}
.customer-form form div{margin-bottom:15px;position:relative}
.customer-form form textarea{height:115px!important;padding-top:13px;padding-left:15px;text-indent:0!important}
.customer-form form input[type="text"],.customer-form form textarea{width:100%;background:#e6e7e8;border:none;border-radius:4px;outline:none;height:45px;text-indent:15px;color:#666}
.customer-form form input[type="submit"]{width:100%;height:45px;border-radius:4px;text-align:center;color:#fff;font-size:18px;background-color:#f7931e;border:none;text-transform:uppercase;font-weight:600}
.customer-form form input[type="submit"]:hover{-webkit-transition:all .8s;transition:all .8s}
.review{border-right:1px dashed #ccc;margin-bottom:30px}
.review .rw-title{font-size:14px;color:#000;line-height:22px;text-align:left;margin:0 0 10px}
.review .rw-title span{padding-left:15px}
.review .rw-title img{margin-bottom:3px}
.review .rw-title .icon-star{font-size:15px;float:left}
.review .rw-title .icon-star:before{margin:0}
.review .rw-title .icon-star:not(:last-of-type){color:#ffed23}
.review .rw-title .icon-star:last-of-type{color:#bdbdbd;margin-right:10px}
.review .rw-content{margin:0 0 10px}
.review .rw-meta{font-size:14px;line-height:24px;color:#999;text-align:left;margin:0 0 30px}
.review .rw-meta span:first-child{margin-right:15px}
.rating-number{display:inline-block;margin-left:10px}
.rating-number input[type="radio"]{margin-right:5px}
.register > a{text-decoration:none;font-size:20px;color:#fff;line-height:50px;padding:0 100px;margin-bottom:30px;background-color:#4385f5;height:50px;border-radius:4px;display:inline-block;text-transform:uppercase;font-weight:700}
@media screen and (max-width: 575px){
    .register > a {
        padding: 0;
        width: 100%;
    }
}
.register p{font-size:14px;line-height:24px;color:#747474}
.register p a{color:#4385f5;text-decoration:none}
.register .add-review{font-size:16px;text-transform:uppercase}
.usage-tab li.active{background:#4385f5}
.usage-tab li.active a{color:#fff}
.usage-tab li{height:40px;max-width:260px;text-align:center;width:100%;background:#d4d4d4;line-height:40px;margin-bottom:15px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.usage-tab li a{font-size:18px;color:#333;display:block}
.usage-update h3{color:#333;font-size:14px;font-weight:700;margin:-10px 0 15px}
@-webkit-keyframes fadeIn {
    from{opacity:0}
    to{opacity:1}
}
.tab-pane.fade{display:none}
.tab-pane.fade.in{display:block}
.change-log-content{border:1px solid #e1e1e1;margin:0;padding:0}
.change-log-content p{background:#ededef none repeat scroll 0 0;font-size:13px;line-height:20px;margin:0;padding:5px 10px 5px 30px}
.change-log-content p:nth-child(2n+1){background:#ddd none repeat scroll 0 0}
#change-log {
    padding-bottom: 25px !important;
}
#change-log .compatible-row .item {
    color: #4385f5;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}
#change-log .wp-sub-title {
    margin-bottom: 15px;
}
#change-log .compatible-row {
    margin-bottom: 40px;
}


#submit-review{cursor:pointer;margin-top:20px;width:100%;height:45px;border-radius:4px;text-align:center;color:#fff;font-size:18px;background-color:#f7931e;border:none;text-transform:uppercase;font-weight:600}
.cms-breadcrumbs{display:none}
@media (max-width:1199px ) {
    .header-service{padding:0 15px;display:inline-block}
    .solution-wf .uk-container > .row{display:block;text-align:center}
    .wf1{display:none}
    .solution-support .col-md-6:nth-child(2n+1){clear:left}
}
@media (max-width:991px ) {
    .header-service a{font-size:14px}
    .header-service a i{font-size:28px}
    .solution-about .col-md-4:nth-child(3n+1){clear:none}
    .solution-about .col-md-4:nth-child(2n+1){clear:left}
    .main-header .main-nav li a{padding:10px}
    .package-box .package-box-top h3{font-size:18px}
    .package-box .package-box-top p,.package-box h3{font-size:16px!important}
    .package-box-top .package-popup{font-size:15px;width:108%}
    .upload h3:after{content:'_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _'}
    .sl-question:before{width:100%;background-size:inherit}
    .sl-question:after{display:none}
    .contact{background:#f1f2f2;padding:60px 15px}
    .register{text-align:center}
    .solution-contact .form-contact .first-input{padding-right:15px;margin-bottom:15px}
}
@media (max-width:1019px ) {
    .header-service a span{display:none}
    .header-service a i{font-size:30px;cursor:pointer}
    .uk-container{width:100%;padding-left:15px;padding-right:15px}
    #menu-colapse ul li a{cursor:pointer}
    #menu-colapse > ul{width:100%}
    #menu-colapse ul li a:hover,#menu-colapse ul li a:focus{background:transparent;font-weight:700}
    .main-nav .navbar-nav{display:none}
    .main-nav #show-menu-colapse{float:left}
    .main-nav #show-menu-colapse i{display:block;float:right;font-size:20px;cursor:pointer}
    #menu-colapse > i:before{content:"\f05c"}
    .solution-benenfits .uk-container .row{display:block}
    .solution-benenfits .row .col-sm-6:first-child{padding:0 30px 50px}
    .package-box{padding-left:15%;padding-right:15%;height:100%;width:100%}
    .package-box:not(:last-of-type){padding-bottom:120px}
    .table-responsive > .table-bordered{border:1px solid #e1e1e1}
    .table-responsive{border:none}
    .package-box-top .package-popup{font-size:18px;width:103%}
    .contact:before,.contact:after{display:none}
    .register{text-align:center}
}
@media (max-width:515px ) {
    .header-service{padding:0 15px}
    .solution-view-case .row div{width:100%;text-align:center}
    .wf-store .store-box p,.wf-b2c .b2c-box p,.wf-five .five-box p,.wf-agency .agency-box p{font-size:11px}
    .wp-title{font-size:24px; line-height: normal}
    .wp-title:before{margin-left:-15px}
    .wp-title:after{margin-left:15px}
    .wp-sub-title{font-size:16px}
    .package-box{padding-left:15px;padding-right:15px}
    .wf-b2c .b2c-box:nth-of-type(2){bottom:60%}
    .wf-b2c,.wf-five,.wf-agency,.wf-store{max-width:400px}
    .solution-b2c-b2b .box-title{font-size: 21px !important;}
}
@media (max-width: 420px) {
    .customer-contact > .col-xs-6{width:100%}
    .customer-contact > .col-xs-6:last-of-type{margin-top:70px}
}
@media (max-width: 375px) {
    .header-service{padding:0 10px}
    .header-service a{padding-left:0}
    .wf-b2c .b2c-box:first-of-type{bottom:20%}
    .wf-b2c .b2c-box:nth-of-type(2){bottom:45%}
    .wf-b2c .b2c-box:nth-of-type(3){left:17%;top:5%}
    .wf-b2c .b2c-box:nth-of-type(4){left:50%;top:0}
    .wf-b2c .b2c-box:nth-of-type(5){right:18%;top:5%}
    .wf-b2c .b2c-box:nth-of-type(6){right:0;bottom:45%}
    .wf-b2c .b2c-box:nth-of-type(7){right:0;bottom:20%}
    .frequently .slimScrollDiv{padding-right:20px}
    .solution-log .col-sm-3,.solution-log .col-sm-9{width:100%}
    .usage-tab li{margin:0 auto 15px}
    .package-box-top .package-popup{width:106%}
    .wp-btn{padding:10px}
}
.hight-light{border:1px solid red}
.ent-review-error{color:red;display:block;padding-top:10px}
.cmsmart-mstrue{color:#0f9898}
#features-main{padding-top:25px}
#features-main .tab-content{min-height: 800px}
section[class*="features-"] > img{margin-bottom:30px}
.features-float{float:right}
.left-sidebar{max-width:390px}
.features-side-bar .sb-title,#sidebar-colapse .sb-title{background:#f90;color:#fff;font-size:21px;font-weight:600;text-transform:uppercase;height:53px;line-height:53px;margin:0;padding-left:27px}
.features-side-bar .sb-sub-title,#sidebar-colapse .sb-sub-title{text-transform:capitalize;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;position:relative;background:#e6e7e8;color:#444;font-weight:700;font-size:18px;height:43px;line-height:43px;margin:0;padding-left:27px}
.features-side-bar .sb-sub-title i,#sidebar-colapse .sb-sub-title i{position:absolute;top:0;right:30px;cursor:pointer;font-size:24px}
.features-side-bar .sb-sub-title i:last-of-type,#sidebar-colapse .sb-sub-title i:last-of-type{display:none}
.features-side-bar,.features-content{background:#FFF;border-radius:3px;border:1px solid #e1e1e1;-webkit-box-shadow:2px 2px 0 0 rgba(204,204,204,0.35);-moz-box-shadow:2px 2px 0 0 rgba(204,204,204,0.35);box-shadow:2px 2px 0 0 rgba(204,204,204,0.35)}
.features-side-bar ul,#sidebar-colapse ul{margin:15px 0}
.features-side-bar li,#sidebar-colapse li{list-style:initial;margin-left:40px;padding-left:10px;color:#ccc;font-size:16px;position:relative}
.features-side-bar li.active a,.child-list li:hover,#sidebar-colapse li.active a{color:#f90;font-weight:700}
.features-side-bar li a{color:#333;line-height:36px}
.features-side-bar li a:hover,.features-side-bar li a:active,#sidebar-colapse li a:hover,#sidebar-colapse li a:active{color:#f90;font-weight:700}
.features-title:after{content:'';border-bottom:3px solid #4385f5;width:70px;position:absolute;left:50%;top:45px;transform:translateX(-50%)}
.features-sub-title{text-align:center;font-size:16px;line-height:24px;padding-bottom:30px;margin:0}
.features-title{margin-top:50px;text-align:center;font-size:21px;font-weight:700;text-transform:uppercase;color:#333;position:relative}
/* .features-title > span{display:block;font-size:16px;text-transform:capitalize;font-weight:500;color:#666} */
.features-content > section[class*="features-"],.header{padding:25px;border-bottom:2px solid #ccc}
.features-content p{font-weight:500}
.features-design > img.pt-bt-0{padding-bottom:0!important;padding-top:0!important}
.features-highlight > .row{padding-top:30px}
.features-highlight .col-sm-6{padding-bottom:25px}
.features-highlight div h4{color:#333;font-size:16px;font-weight:700;font-family:'Roboto';margin:-5px 0 0;line-height:24px}
.features-highlight div p{font-size:14px;color:#333;font-weight:400;margin:0}
.p-tab{padding-left:25px}
p.title{font-family:'Roboto';font-size:16px;font-weight:700}
p.title:before{content:"\f111";font-family:'fontawesome';color:#4385f5;font-size:12px;padding-right:15px}
.features-content .col-sm-3 > p,.features-content .col-sm-4 > p{text-align:center;padding-top:20px}
.features-layouts .col-sm-3{padding-top:15px;padding-bottom:15px}
.content5 > div{float:left;width:20%;padding:15px}
.content5{padding-bottom:40px}
.features-content img{margin:0 auto;display:block}
.text-upper{text-transform:uppercase;color:#333;font-size:16px;font-weight:700}
.features-slider > img{padding-bottom:0!important}
.features-slider > .row{background:#f6f6f6;margin-left:13px;margin-right:13px;padding-top:60px}
.features-slider > .row p{text-transform:uppercase;font-size:16px;color:#666;font-weight:600;text-align:center;padding-top:20px}

.padding-tp{padding-top:30px}
.padding-bt{padding-bottom:30px}
.features-origin .features-title:after{top:auto!important}
section[class*="features-"] > .row > ul > li{position:relative;overflow:hidden;padding-left:30px;line-height:28px}
section[class*="features-"] > .row > ul > li:before{content:"\f00c";font-family:'fontawesome';color:#13190f;font-size:12px;position:absolute;left:0}
ol li{list-style:decimal;line-height:30px;color:#333}
.features-wishlist .col-sm-4 > p{color:#fff;background:#4385f5;min-height:78px;padding:20px 15px;font-size:13px}
.features-wishlist h6{font-size:16px;color:#333;text-align:center}
.features-design .col-sm-6 > h3{color:#333;font-size:18px;font-weight:700;text-transform:capitalize;margin:0}
.features-design .col-sm-6 > p{font-size:14px;color:#666;line-height:24px}
.feature-text{padding:20px;background:#e6e7e8;font-size:16px}
.text-center{text-align:center}
.design-softwate{background:#e8e7e7;max-height:200px;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:30px 10px;height:100%}
.design-softwate >div{padding-bottom:15px}
.design-softwate > p{font-size:16px}
.design-softwate > p:before{border-top:3px solid #d7d7d7;width:60px;margin:0 auto;content:"";display:block;padding-top:15px}
.features-notifi h4{color:#333;font-size:16px;text-transform:capitalize;font-weight:700}
.features-seo .col-sm-4,.features-newletter .col-sm-4,.features-gift .col-sm-4{padding:15px}
.features-bg-box{background:#e6e7e8;text-align:center;max-height:190px;height:190px}
.features-bg-box img{padding-top:40px;padding-bottom:20px}
.inline{text-align:center;padding-bottom:30px}
.inline > a{display:inline-block;padding:0 15px}
.padding-bt-45{padding-bottom:45px}
.features-inventory .col-sm-4{padding:15px}
.features-content{margin-bottom:50px}
.features-content .features-price-matrix > .row{padding-top:40px}
.features-content .features-price-matrix h4{font-weight:700}
#show-sidebar-colapse,#sidebar-colapse{display:none}
#show-sidebar-colapse{padding-left:15px;font-size:18px;cursor:pointer}
.uk-icon-times-circle{font-size:20px;position:absolute;right:10px;top:10px;z-index:9999;cursor:pointer}
li.sb-sub-title{list-style:none}
@media (max-width:1199px) {
    .left-sidebar{max-width:340px}
    .features-side-bar .sb-sub-title i{right:15px}
}
@media (min-width: 991px) {
    .features-content .features-price-matrix .col-md-6{min-height:148px}
}
@media (max-width: 991px) {
    .left-sidebar{display:none}
    .features-float{width:100%}
    #show-sidebar-colapse,#sidebar-colapse{display:block}
    #sidebar-colapse{max-width:390px;width:100%;background:rgba(0,0,0,0.8)}
    #sidebar-colapse li a{color:#fff;line-height:36px}
    #sidebar-colapse li.hot-sale a{color:#444}
}
@media(max-width:767px) {
    .content5 > div{width:50%}
    .features-sidebar .col-xs-12,.features-design .col-xs-12{padding:15px}
    .features-inventory .col-xs-6:nth-child(2n+1){clear:left}
    #features-main .col-sm-4:nth-child(3n+1){clear:none}
}
@media(max-width:500px) {
    .inline > a{display:block;padding:15px}
    .features-content > section[class*="features-"]{padding:20px 10px}
    .features-title{font-size:16px;line-height:24px;height:50px}
    .features-sub-title{font-size:14px}
    .content5 > div{width:100%}
    .features-category .col-xs-6,.features-layouts .col-xs-6,.features-inventory .col-xs-6{width:100%}
    .text-upper{font-size:14px}
}
#top_header .navbar-inner{margin-top:20px}
a.logo-header{display:block;left:0;position:absolute;right:0;top:421px}
.navbar-header{width:25%;margin-top:-5px}
a.logo{float:left;padding-right:30px}
#top_header .navbar{margin-bottom:0;min-height:96px;margin-top:40px}
#top_header .navbar-default{background:rgba(255,255,255,0.3);border-radius:0;border:none}
#top_header .navbar-collapse{float:right!important;padding-right:0;padding-left:0}
.dropdown-menu{width:707px!important;max-width:707px!important;z-index:3;padding:20px!important;display:block!important;opacity:0;visibility:hidden}
.dropdown-menu .header-box > a{overflow:hidden;height:150px;width:100%}
.dropdown-menu .header-box > a:before{left:0;right:0}
.open>.dropdown-menu{opacity:1;visibility:visible}
#top_header .navbar-default .navbar-nav>.open>a,#top_header .navbar-default .navbar-nav>.open>a:focus,#top_header .navbar-default .navbar-nav>.open>a:hover{background:transparent;color:#23beec;text-shadow:2px 2px 3px rgba(0,0,0,0.5)}
.pages-demo{background:#fff;padding-bottom:30px}
#online .img-padding,#multivendor .img-padding,#crm .img-padding{padding-top:50px;padding-bottom:100px}
.icon-text-box{overflow:hidden;margin-bottom:10px}
.icon-text-box h5{font-family:'Roboto';font-size:18px;font-weight:700;color:#444;text-transform:capitalize}
.icon-text-box p{font-size:14px;color:#666;font-weight:400;line-height:18px}
.icon-box{float:left;margin-right:30px}
.icon-box span{display:block;background-repeat:no-repeat;width:70px;height:70px;position:relative;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.olc1a{background-position:0 0}
.olc1b{background-position:-70px 0}
.olc1c{background-position:-140px 0}
.olc2a{background-position:0 -70px}
.olc2b{background-position:-70px -70px}
.olc2c{background-position:-140px -70px}
.olc3a{background-position:0 -140px}
.olc3b{background-position:-70px -140px}
.olc3c{background-position:-140px -140px}
.olc4a{background-position:0 -210px}
.olc4b{background-position:-70px -210px}
.olc4c{background-position:-140px -210px}
.landing-page-demo #multivendor h2{color:#fff}
.landing-page-demo #multivendor p.desc{color:#fff}
.landing-page-demo #multivendor .icon-text-box h5,.landing-page-demo #multivendor .icon-text-box p{color:#fff}
.vendor1a{background-position:0 0}
.vendor1b{background-position:-70px 0}
.vendor1c{background-position:-140px 0}
.vendor2a{background-position:0 -70px}
.vendor2b{background-position:-70px -70px}
.vendor2c{background-position:-140px -70px}
.vendor3a{background-position:0 -140px}
.vendor3b{background-position:-70px -140px}
.vendor3c{background-position:-140px -140px}
.vendor4a{background-position:0 -210px}
.vendor4b{background-position:-70px -210px}
.vendor4c{background-position:-140px -210px}
.vendor5a{background-position:0 -280px}
.vendor5b{background-position:-70px -280px}
.vendor5c{background-position:-140px -280px}
.vendor6a{background-position:0 -350px}
.vendor6b{background-position:-70px -350px}
.vendor6c{background-position:-140px -350px}
#crm{padding-bottom:80px;padding-top:40px}
.crm1a{background-position:0 0}
.crm1b{background-position:-70px 0}
.crm1c{background-position:-140px 0}
.crm2a{background-position:0 -70px}
.crm2b{background-position:-70px -70px}
.crm2c{background-position:-140px -70px}
.slider_layout ul{list-style:outside none none;margin:0;padding:0}
.slider_layout .demo-item{display:flex;justify-content:center;align-items:center}
.slider_layout .flickity-slider li{width:100%;list-style:none}
.slider_layout .gallery-cell{position:relative;}
.slider_layout .gallery-cell img{border-radius: 4px}
/*.slider_layout .gallery-cell:nth-child(3n+1){clear:left}*/
.slider_layout .gallery-cell a.overlay:before{content:'';background:rgba(0,0,0,0.6);opacity:.2;position:absolute;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;left:0;right:0;bottom:0;top:0;display:block;border-radius:4px}
.slider_layout .gallery-cell a:hover:before,.header-box:hover > a > span{opacity:1}
.slider_layout .gallery-cell span.visit-demo,.header-box > a > span{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);font-size:14px;text-transform:capitalize;background:#4385f5;border:1px solid #4385f5;padding:5px 10px;color:#fff;font-weight:500;z-index:10;right:0;max-width:110px;display:block;text-align:center;border-radius:20px;-webkit-border-radius:20px}
.slider_layout .gallery-cell:hover span{opacity:1}
#top_header .navbar-default .navbar-nav>li>a:focus,#top_header .navbar-default .navbar-nav>li>a:hover{background:transparent;color:#23beec;text-shadow:2px 2px 3px rgba(0,0,0,0.5)}
#top_header .navbar-default .navbar-nav>li>a{color:#fff;transition:all .4s;text-transform:uppercase;font-weight:500;line-height:50px;padding:0 15px}
#top_header .navbar-nav>.active>a:focus{color:#23beec;outline:none}
#top_header .navbar-nav>li>a{padding-top:10px}
#top_header ul.navbar-nav li i:before{font-size:24px}
p.desc{margin:0;padding-bottom:17px;font-size:18px;font-weight:300;color:#666}
.media-left > a,.media-right > a{position:relative;overflow:hidden;display:inline-block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
#personal-service h2{margin-top:34px;margin-bottom:12px;color:#666}
#personal-service div > a{color:#23beec;border:2px solid #23beec;padding:7px 26px 12px 15px;font-size:22px;text-transform:uppercase;text-decoration:none}
#personal-service div > a:hover{color:#fff;background:#23beec}
.right-service a > span{padding-left:17px}
#testimonial{padding-bottom:15px}
#testimonial .gallery-cell p{font-size:16px;color:#080b14}
#testimonial .gallery-cell p:not(.testimonial-by){font-weight:300;margin:0 auto;padding-bottom:43px;width:80%}
#testimonial .gallery-cell p.testimonial-by{font-size:18px}
#testimonial .gallery-cell p.testimonial-by > span:first-child{font-weight:700}
#testimonial .gallery-cell p.testimonial-by > span:last-child{font-weight:300}
#testimonial .flickity-page-dots{bottom:-47px}
p.copy-right a{text-decoration:none;color:#23beec}
.buy-now a,.printshop-footer a{color:#fbfbfa;font-size:14px;text-transform:uppercase;text-decoration:none;border-radius:5px;border:1px solid #fff;padding:12px 44px;position:relative;background:transparent;z-index:2;font-weight:500;margin-left:-4px}
.buy-now a:hover,.printshop-footer a:hover{color:#23beec;background:#fff;font-weight:700}
.printshop-footer a{border:1px solid #23beec;color:#23beec}
.printshop-footer a:hover{background:#23beec;color:#fff}
.p-slide{color:#fff;font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;margin:0;padding-bottom:39px;padding-top:481px;text-transform:uppercase}
.row.core_value{padding:23px 0 99px}
.core_value .media{padding-top:38px}
.core_value .media:nth-child(2n+1){clear:left}
.core_value .media:nth-child(odd) .media-left{float:right;margin-left:35px}
.core_value .media:nth-child(odd) .media-left img{position:relative;left:7px;margin-top:3px}
.core_value .media:nth-child(odd) .media-body{text-align:right}
.core_value .media:nth-child(even) .media-left{margin-top:auto;float:left;margin-right:30px}
.core_value .media:nth-child(1),.core_value .media:nth-child(2){padding-top:16px;margin:0}
.core_value .media h4{font-size:18.08px;color:#000;text-transform:uppercase;font-weight:700;margin:2px 0 22px}
.core_value .media:nth-child(1) img{left:4px!important;margin-top:3px!important;position:relative}
.core_value .media:nth-child(1) h4{margin-bottom:23px}
.core_value .media:nth-child(2) .media-left{margin-right:23px}
.core_value .media:nth-child(2) h4{margin-bottom:20px}
.core_value .media:nth-child(2) img{left:-3px;margin-top:3px;position:relative}
.core_value .media:nth-child(3),.core_value .media:nth-child(4){padding-top:15px}
.core_value .media:nth-child(3) img{left:5px!important;margin-top:4px!important;position:relative}
.core_value .media:nth-child(4) img{left:-5px!important;margin-top:4px!important;position:relative}
.core_value .media:nth-child(4) .media-left{margin-right:18px}
.core_value .media:nth-child(5),.core_value .media:nth-child(6){padding-top:14px}
.core_value .media:nth-child(5) img{left:5px!important;margin-top:3px!important}
.core_value .media:nth-child(5) .media-left{margin-right:1px}
.core_value .media:nth-child(6) img{left:-5px!important;margin-top:4px!important;position:relative}
.core_value .media:nth-child(6) .media-left{margin-right:21px}
.core_value .media:nth-child(7),.core_value .media:nth-child(8){padding-top:13px}
.core_value .media:nth-child(7) img{left:4px!important;margin-top:3px!important}
.core_value .media:nth-child(7) .media-left{margin-left:38px}
.core_value .media:nth-child(8) img{left:-5px!important;margin-top:4px!important;position:relative}
.core_value .media:nth-child(8) .media-left{margin-right:25px}
.core_value .media:nth-child(9),.core_value .media:nth-child(10){padding-top:15px}
.core_value .media:nth-child(9) img{left:5px!important;margin-top:3px!important}
.core_value .media:nth-child(9) .media-left{margin-left:36px}
.core_value .media:nth-child(10) img{left:-5px!important;margin-top:3px!important;position:relative}
.core_value .media:nth-child(10) .media-left{margin-right:25px}
p{color:#666;font-size:14px;font-weight:400;line-height:20px}
.header-box > a:before{content:'';background:rgba(0,0,0,0.6);opacity:0.7;position:absolute;height:100%;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;left:0;right:0;display:block}
.bottom-border{color:#23beec}
.header-box img{-webkit-box-shadow:0 2px 10px 0 rgba(35,31,32,0.35);-moz-box-shadow:0 2px 10px 0 rgba(35,31,32,0.35);box-shadow:0 2px 10px 0 rgba(35,31,32,0.35)}
.header-box p{font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;text-align:center}
.header-box > p > a{text-decoration:none;color:#fff}
.header-box > p > a span{font-size:16px;display:block;color:#999;text-transform:capitalize;font-weight:400;padding-bottom:30px}
#myNavbar .header-box > p > a{color:#999;text-transform:none}
#myNavbar .header-box > p{margin:20px 0 25px}
.font-bold{font-weight:700;font-size:18px}
.printshop-footer a{position:absolute;left:50%;transform:translateX(-50%);top:58%;text-decoration:none}
.printshop-footer img{position:absolute;left:50%;transform:translateX(-50%);top:27.5%}
#slider_testimonial .gallery-cell{width:100%}
.flickity-page-dots .dot{background:#999;border:2px solid rgba(0,0,0,0.18);border-radius:50%;-webkit-border-radius:50%;height:15px;width:15px;margin:0 5px}
#myNavbar{float:left!important;font-family:'Roboto',sans-serif;font-size:16px;padding-left:68px}
#personal-service{background-color:#dfe0e1}
#personal-service .row.text-center{position:relative}
.left-services img{left:0;position:absolute;bottom:0;width:33%}
.right-service{margin-left:51%;padding-bottom:132px;text-align:left}
.right-service .desc{margin-bottom:29px}
#demo h2,#demo p{color:#fff}
.number-demo{background:#23beec none repeat scroll 0 0;color:#fff;font-size:29.94px;font-weight:700;padding:1px 14px;position:absolute;right:15px;top:15px}
.demo-title{font-size:18px;padding:20px 20px 45px}
.demo-title a{color:#fff;font-weight:700;font-size:18px;text-decoration:none;}
.title-line {
    position:relative
}
.title-line:after {
    content:'';width:calc(100% - 20px);position:absolute;bottom:-10px;left:10px;border:1px solid #4385f5
}
.gallery-cell > a{display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(153,153,153,0.35);-webkit-box-shadow:0 2px 10px rgba(153,153,153,0.35);-moz-box-shadow:0 2px 10px rgba(153,153,153,0.35)}
#demo h2{margin-bottom:17px;margin-top:34px}
#demo p{padding-bottom:60px}
#demo .col-sm-4 > p,#demo .col-sm-6 > p{font-size:16px;font-weight:700;text-transform:uppercase;margin-top:30px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;text-align:center}
#demo .col-sm-4 > p a,#demo .col-sm-6 > p a{text-decoration:none;color:#fff}
#demo{background-color:#495771;text-align:center}
#demo .title-special{display:inline-block;position:relative;margin-bottom:40px}
#demo .title-special span{position:relative}
#demo .title-special:before{content:'';width: 220px;height: 180px;border:10px solid #4385f5;position:absolute;bottom: -15px;left: 50%;margin-left: -110px;}
#demo .title-special .amount{font-size:189px;font-weight:700;color:#fff;line-height:1}
@media screen and (max-width: 375px) {
    #demo .title-special .amount{font-size:100px}
}
#demo .title-special .status{font-size:40px;font-weight:700;display:block;color:#fff;margin-top:-20px;text-transform:uppercase}
#demo p.desc{padding:0 15px 45px;color:#fff;max-width:700px;margin:auto}
.custom-design .demo-title a{color:#333}
.custom-design .demo-title a:after{width:calc(100% - 50px);left:25px}
.custom-design .demo-title{padding:40px 10px 25px}
.custom-design .gallery-cell > a{border-radius:5px}
@media screen and (max-width: 767px) {
    .custom-design .slider_layout .gallery-cell{margin-bottom:20px}
    .custom-design .demo-title{padding:25px 10px}
}
#testimonial h2{margin-bottom:19px}
#testimonial p.desc{padding-bottom:55px}
#personal-service p.desc{padding-bottom:16px}
#personal-service div > a{display:inline-block}
.printshop-footer a{font-size:18.38px;font-weight:400;margin-left:-1px;padding:12px 36px}
@media (max-width: 1198px) {
    .number-demo{right:14px;top:16px}
    .gallery-cell > a{height:auto}
    a.logo{padding-right:14px}
    .main-nav .cms-addtocart,.main-nav .cms-live-demo{margin-left:15px;padding:4px 6px}
}
@media (max-width: 998px) {
    #demo .row .row{margin:0}
    #testimonial .gallery-cell p:not(.testimonial-by){line-height:25px}
}
@media (max-width: 991px) {
    #top_header .navbar-default .navbar-nav>li>a{font-size:14px;padding:0 10px}
    .p-slide{padding-top:25%}
    .nav>li>a{padding:10px}
    .left-services img{left:-16%;width:50%}
    h2{font-size:30px;line-height:41px}
    #personal-service h2{color:#666;margin-bottom:12px;margin-top:0;padding:25px 0 0}
    p.desc{font-size:15.93px;line-height:24px}
    #personal-service div > a{font-size:18px;padding:7px 17px 8px 15px}
    .right-service{padding-bottom:96px}
    a.logo-header{top:30%}
    .p-slide,.buy-now{position:absolute;top:45%;left:0;padding-top:0;right:0}
    .buy-now{top:51%}
    .right-service{padding-bottom:78px}
}
@media (max-width: 776px) {
    #demo .row .row{margin:0}
}
@media (max-width: 767px) {
    #testimonial h2,#pages h2,#demo h2,#core h2{margin-top:0}
    #testimonial{padding-bottom:110px}
    #demo .header-box{float:none;width:100%;margin:0 auto}
    .navbar-collapse{float:none;border-top:0;background:rgba(0,0,0,0.7)}
    .navbar-right{display:none}
    .navbar-collapse li:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.3)}
    canvas{display:none}
    .container>.navbar-header{margin-right:0;margin-left:0}
    .dropdown-menu{display:none!important}
    .left-services{display:none}
    .right-service{padding:67px 0 75px;margin:0 auto;text-align:center}
    #personal-service h2{padding-top:0}
    #personal-service div > a{display:inline-block}
    .right-service .desc{margin-bottom:0}
    .testimonial h2{margin-top:0}
    .navbar-header{margin-top:0;width:100%}
    #top_header .navbar-collapse{float:none!important;padding-left:50px}
    #top_header .navbar-toggle{background-color:#ddd}
    #myNavbar{position:relative;top:19px;float:none!important;font-family:"Roboto",sans-serif;font-size:14px;padding-left:0}
    .cart-header{float:none;margin-top:11px;position:absolute;right:104px;top:27px}
}
@media (max-width: 630px) {
    h2{font-size:30px}
    #service div a{font-size:18px}
    .buy-now a{font-size:12px}
    a.logo-header{top:30%;margin:0 auto}
    #top_header{min-height:758px;min-height:334px;background-size:100% 100%}
    a.logo-header{display:block;position:static;width:50%;padding-top:20px}
    .p-slide{padding-top:11px!important;position:static!important;padding-bottom:25px}
    .buy-now{top:51%;position:static}
    .buy-now a{font-size:12px;padding:8px 20px}
    h2{font-size:25px}
    p.desc{font-size:14.93px}
    #core h2{margin-bottom:5px;margin-top:0}
}
@media (max-width: 600px) {
    .slider_layout .gallery-cell{float:none;width:100%}
    .gallery-cell > a{display:inline-block}
    .slider_layout .gallery-cell{float:none;margin:0 auto}
}
@media (max-width: 540px) {
    #top_header{min-height:303px}
}
@media (max-width: 500px) {
    .slider_layout .gallery-cell{width:80%}
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
}
@media (max-width: 450px) {
    #top_header .navbar-inner{margin-top:15px}
    .cart-header{top:17px}
    .navbar{min-height:80px}
    #top_header{min-height:280px}
    .p-slide{font-size:14px;width:81%;margin:0 auto;line-height:21px;padding-bottom:17px}
    .buy-now a{padding:7px 17px}
    .core_value{padding:0!important}
    .core_value .media-left{float:none!important;display:block;margin:0!important;width:100%!important;text-align:center!important;margin-bottom:15px!important}
    .core_value .media{margin-bottom:20px!important}
    .core_value{padding-bottom:57px!important}
    .core-icon{position:static;margin:0 auto!important}
    a.logo{display:none}
}
@media (max-width: 383px) {
    #top_header{min-height:264px}
    .cart-header{display:none}
}
@media (max-width: 375px) {
    #service div a{font-size:14px}
    a.logo{position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
    #top_header .navbar-toggle{margin-right:0;margin-top:22px}
}
.domain-license{padding:5px;border-radius:4px;margin-bottom:15px}
@media (max-width: 1019px) {
    .main-nav #show-menu-colapse{width:40px;text-align:center;margin-left:-10px}
    .main-nav #show-menu-colapse i{float:none;margin-top:3px}
}
.btn-nav-main{display:none}
.header-wrap.menu-fixed{z-index:10;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}
.main-header .main-nav{position:static;min-height:40px}
.main-header .logo img{}
.main-header .navbar-nav li a{padding:0 20px}
.main-header .navbar-nav > li i{margin-left:5px}
.main-header .navbar-nav li.dropdown-full-width{position:static}
.navbar-nav .dropdown .dropdown-content{box-shadow:1px 3px 5px rgba(0,0,0,0.15);display:none;position:absolute;background-color:#fff;min-width:160px;z-index:10}
.navbar-nav .dropdown:hover .dropdown-content{display:block;background-color:#fff}
.navbar-nav .dropdown .dropdown-content li{border-left:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.navbar-nav .dropdown .dropdown-content li a{padding:0 20px;color:#666!important;font-weight:400;text-shadow:none;font-size:13px;display:block;line-height:20px;padding-top:10px;padding-bottom:10px}
.navbar-nav .dropdown .dropdown-content li:hover a,.navbar-nav .dropdown .dropdown-content li.active a{color:#f7931d!important}
.navbar-nav .dropdown.dropdown-full-width .dropdown-content{left:0;right:0;padding:0 0 1px;max-height:500px;overflow:auto;width:100%}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab{margin-left:0;border:none}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item{float:none;border-right:1px solid #e1e1e1;border-top:1px solid transparent;border-bottom:1px solid transparent}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item:hover,.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item.active{border-right:none;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item:first-child{padding-top:20px}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item:last-child{padding-bottom:30px;border-bottom:none}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item .nav-link{border:none;font-size:15px;line-height:30px;font-weight:400;text-transform:capitalize;padding:5px 40px 5px 0;position:relative; cursor: pointer}
.navbar-nav .dropdown-full-width .dropdown-content #submenu-tab .nav-item .nav-link i{position:absolute;top:50%;right:30px;transform:translateY(-50%)}
.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent{padding:30px 0}
.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent ul li{list-style-type:disc;line-height:30px; color: #c5c5c5}
.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent ul li a{font-weight:400;font-size:14px;line-height:30px;text-transform:capitalize;padding-left:10px;padding-top:0;padding-bottom:0}
.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent ul li a{display:block}
.navbar-nav .dropdown-full-width ul li.parent{
    list-style-type: disc;
}
.navbar-nav .dropdown-full-width ul li.parent a {
    font-weight: 600 !important;
}
.navbar-nav .dropdown-full-width ul li.children {
    list-style-type: none !important;
}
.mg-title{display:block;font-size:30px;color:#333;text-transform:capitalize;position:relative;margin:0 0 10px; text-align: center; font-family: 'Roboto'; font-weight: bold}
.mg-sub-title{font-size:18px;line-height:24px;color:rgba(51,51,51,0.75);text-align: center;margin-bottom: 45px; margin-top: 0}
.button-demo{position: relative;color: #4385f5;border: 2px solid #4385f5;border-radius: 2px;padding: 10px 20px;text-transform: uppercase;font-size: 14px;font-weight: 500;font-family: 'Roboto'; -webkit-transition-duration: 0.3s;transition-duration: 0.3s}
.button-demo:hover{color: #fff}
.button-demo:before{content: '';position: absolute;top: 0; bottom: 0;left: 0;right: 0;background: #4385f5;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-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;}
.button-demo:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1)}
.button-demo span{position: relative}
.sale{color: #f7931e}
.menu-fixed .main-nav li.active > a,.menu-fixed .main-nav .dropdown:hover > a{color:#f90!important}
#menu-colapse{display:none;width:350px;top:0;right:auto;bottom:0;overflow-y:auto;overflow-x:hidden;left:0;position:fixed;padding:30px 15px;z-index:10;background:rgba(0,0,0,0.8);max-width:100%;height:auto}
.uk-icon-cancel-circled{font-size:30px}
#menu-colapse ul li{width:100%;position:relative}
#menu-colapse ul li a{line-height:22px;padding:15px 0;font-size:18px;color:#fff}
#menu-colapse ul li.active > a{color:#f90}
#menu-colapse .uk-parent .menu-icon-colapse{position:absolute;top:0;right:0;padding:10px 0;color:#fff;line-height:35px;width:40px;text-align:center}
#menu-colapse .uk-parent ul{display:none;position:static;margin-left:15px;margin-bottom:10px}
#menu-colapse .uk-parent ul li a{display:block;font-size:16px}
#features-main{margin-top:-47px;padding-top:0;position:relative;max-width: 1164px;}
#features-main .row{
    /*display: -webkit-flex;*/
    /*display: -moz-flex;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.banner_top{background-color:#ccc;background-size:cover;background-repeat:no-repeat;background-position:center;height:430px;display:block;position: relative;}
@media (max-width: 1200px) {
    .banner_top{height:320px}
}
@media (max-width: 900px) {
    .banner_top{height:250px}
}
@media (max-width: 700px) {
    .banner_top{height:0;padding-top:35%}
}
@media screen and (max-width: 575px){
    /*.banner_top{padding-top:80%}*/
}
#features-main .tab-menu{margin-bottom:60px;margin-right: auto;margin-left: auto;}
#features-main .tab-menu.fixed{height:49px}
#features-main .tab-menu .selected-tab{display:none}
#features-main .tab-menu .nav-pills{display:flex;justify-content:center}
#features-main .tab-menu .nav-pills li a{background-color:#f3f3f3;color:#666;font-size:19px;text-transform:capitalize;border-radius:5px 5px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
@media (max-width: 1023px) {
    #features-main .tab-menu .nav-pills li a{line-height:29px;font-size:16px}
}
#features-main .tab-menu .nav-pills li.active a{background-color:#4385f5;color:#fff}
#features-main .tab-menu.fixed .nav-pills{position:fixed;top:40px;z-index:9;width:100%;left:0;margin-bottom:0;background-color:#f3f3f3;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);transition:all .5s ease}
#features-main .tab-menu.fixed .nav-pills li a{font-size:16px;padding-top:10px;padding-bottom:10px;line-height:20px;border-radius:0}
@media (max-width: 820px) {
    #features-main .tab-menu{margin-bottom:30px}
    #features-main .tab-menu .selected-tab{display:block;background-color:#f90;color:#fff;line-height:29px;padding:10px 15px;border-radius:0;font-size:18px}
    #features-main .tab-menu .selected-tab .uk-icon-bars{float:right;line-height:29px;font-size:24px;padding:10px;margin:-10px -15px -10px 0;width:50px;text-align:center}
    #features-main .tab-menu .nav-pills{display:none;z-index:10;position:absolute;width:200px;max-width:100%;right:0;padding:5px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e1e1e1;background:#fff;color:#444;-webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 1px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2)}
    #features-main .tab-menu .nav-pills.active{display:block}
    #features-main .tab-menu .nav-pills li{float:none;display:block;margin:0}
    #features-main .tab-menu .nav-pills li a{line-height:20px;font-size:14px;border-radius:0;background-color:transparent}
}
.left-sidebar{max-width:386.66px}
@media (max-width: 1199px) {
    .left-sidebar{max-width:376.66px}
}
@media (max-width: 991px) {
    .left-sidebar{display:block;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;z-index:9;width:350px;max-width:100%;max-height:100%;float:none;padding:0;padding-top:50px}
}
.left-sidebar.leftmenu-fixed{position:fixed;top:100px}
.left-sidebar.stopped{position:absolute;bottom:75px}
.features-side-bar{background:#FFF;border-radius:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}
.features-side-bar .panel{border-radius:0;border:none;box-shadow:none;margin-top:0;margin-bottom:0}
.features-side-bar .group .group-parent{position:relative;background-color:#f3f3f3;font-size:18px;line-height:24px;border:none;padding:10px 20px;text-transform:capitalize;font-weight:700}
.features-side-bar .group-single .group .group-parent{background-color:#a3a3a3;color:#fff}
.features-side-bar .group .group-parent i{position:absolute;top:57%;transform:translateY(-50%);right:30px}
.features-side-bar .group .child-list{padding:15px 0;margin-bottom:0;margin-top:0;max-height:300px;overflow:hidden;overflow-y:auto;}
.features-side-bar .group-single .group .child-list{max-height:540px}
.features-side-bar .group .child-list li{list-style:initial;list-style:none;padding-left:25px;margin:0;color:#ccc;font-size:16px;position:relative}
.features-side-bar .group .child-list li:last-child{margin-bottom: 45px}
.features-side-bar .group .child-list li.active{border-left:2px solid #4385f5}
.features-side-bar .group .child-list li a{color:#333;line-height:20px;border:none;font-weight:400;transition:all .3s;text-transform:capitalize;padding:5px 10px;font-size:16px}
.features-side-bar .group .child-list li a:hover,.features-side-bar .group .child-list li a:focus{background-color:transparent}
.features-side-bar .group .child-list li:hover a,.features-side-bar .group .child-list li.active a{color:#4385f5}
.feature-hot{background:#fe121b;color:#fff;font-size:13px;line-height:20px;padding:3px 6px;border-radius:3px;margin-left:10px;position:relative}
.feature-hot:before{content:'';border:6px solid transparent;border-right-color:#fe121b;height:0;width:0;position:absolute;top:4px;left:-12px}
.features-content{padding-top:30px;padding-bottom:30px;background:#FFF;border-radius:0;border:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}
.features-content .group-section{padding-left:15px;padding-right:15px}
.features-side-bar .group .child-list li a{display:inline-block;line-height: 1.8}
.package-box-top .package-popup span a{display:block;color:#fff}
.package-box-price{min-height:455px}
.slide1-layer2 .title-slider{font-size:40px;font-weight:700;margin:0 0 20px}
.slide1-layer2 .sub-title-slider{font-size:16px;font-weight:500;color:#fff;margin-bottom:35px}
.slide1-layer2 .btn-slider{display:inline-block;padding:10px 30px;border-radius:30px;background-color:#4385f5;font-size:16px;color:#fff}
.slide1-layer2 .btn-slider:hover{background-color:#3079f4}
.banner-demo{position:relative;background-image:url(../images/demo/bg-header.jpg);display:flex;justify-content:center;align-items:center;background-position: center}
.banner-demo .main{text-align:center;display:inline-block;padding:125px 0 50px}
.banner-demo .main h2{font-size:30px;font-weight:700;color:#fff;margin-bottom:10px;padding:0 10px}
.banner-demo .main p{font-size:14px;color:#fff;max-width:700px;margin-bottom:35px;padding:0 10px}
.landing-page-demo > div{padding:60px 0}
.landing-page-demo .title{font-size:38px;margin-bottom:15px}
.landing-page-demo .desc{font-size:18px;margin-bottom:45px;padding-bottom:0}


.core-value .values{display:flex;flex-wrap:wrap; display: -webkit-flex; -webkit-flex-wrap: wrap;}
.core-value .values .value:first-child{flex: 1;-webkit-box-flex:1; -webkit-flex:1;}
/*.core-value .values .value:last-child{flex: 1;-webkit-box-flex:1; -webkit-flex:1;}*/
.core-value .value{border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;padding-top:25px;padding-bottom:25px}
.core-value .value.last{border-bottom:none;padding-bottom: 20px}
.core-value .row .value:nth-child(4n){border-right:none} .value .media-left{padding-right:20px}

.core-value .value .value-icon{width:50px;height:50px;}
.core-value .value .value-name{font-size:18px;font-weight:600;margin-bottom: 10px; text-align: left}
.core-value .value .value-desc{font-size:14px;margin-bottom:0; text-align: left}

.core-value.online-design_tab .value .value-icon{background-image:url(../images/features/online-design/spite.png)}
.core-value.online-design_tab .value .ci-1{background-position:0 0}
.core-value.online-design_tab .value .ci-2{background-position:0 -47px}
.core-value.online-design_tab .value .ci-3{background-position: -4px -95px}
.core-value.online-design_tab .value .ci-4{background-position:-7px -152px}
.core-value.online-design_tab .value .ci-5{background-position:-5px -207px}
.core-value.online-design_tab .value .ci-6{background-position:-8px -257px}
.core-value.online-design_tab .value .ci-7{background-position:-5px -307px}
.core-value.online-design_tab .value .ci-8{background-position:0 -360px}
.core-value.online-design_tab .value .ci-9{background-position:-4px -411px}
.core-value.online-design_tab .value .ci-10{background-position:-4px -462px}
.core-value.online-design_tab .value .ci-11{background-position:0 -520px}
.core-value.online-design_tab .value .ci-12{background-position:0 -577px}
.core-value.online-design_tab .value .ci-13{background-position:0 -628px}
.core-value.online-design_tab .value .ci-14{background-position:0 -684px}
.core-value.online-design_tab .value .ci-15{background-position:0 -741px}
.core-value.online-design_tab .value .ci-16{background-position:0 -788px}
.core-value.online-design_tab .value .ci-17{background-position:0 -850px}
.core-value.online-design_tab .value .ci-18{background-position:0 -909px}
.core-value.online-design_tab .value .ci-19{background-position:0 -970px}
.core-value.online-design_tab .value .ci-20{background-position:0 -1037px}
.core-value.online-design_tab .value .ci-21{background-position:0 -1097px}
.core-value.online-design_tab .value .ci-22{background-position:0 -1153px}
.core-value.online-design_tab .value .ci-23{background-position:-5px -1212px}
.core-value.online-design_tab .value .ci-24{background-position:0 -1273px}

.core-value.order-upload_tab .value .value-icon{background-image:url(../images/features/order-upload/spite.png)}
.core-value.order-upload_tab .value .ci-1{background-position: -5px 2px}
.core-value.order-upload_tab .value .ci-2{background-position: -5px -45px}
.core-value.order-upload_tab .value .ci-3{background-position: -5px -93px}
.core-value.order-upload_tab .value .ci-4{background-position: -5px -146px}
.core-value.order-upload_tab .value .ci-5{background-position: -5px -205px}
.core-value.order-upload_tab .value .ci-6{background-position: -5px -255px}
.core-value.order-upload_tab .value .ci-7{background-position: -5px -305px}
.core-value.order-upload_tab .value .ci-8{background-position: -5px -358px}

.core-value.warehouse_tab .value .value-icon{background-image:url(../images/features/warehouse/spite.png)}
.core-value.warehouse_tab .value .ci-1{background-position: -5px 2px}
.core-value.warehouse_tab .value .ci-2{background-position: -5px -46px}
.core-value.warehouse_tab .value .ci-3{background-position: -5px -95px}
.core-value.warehouse_tab .value .ci-4{background-position: -5px -148px}
.core-value.warehouse_tab .value .ci-5{background-position: -5px -203px}
.core-value.warehouse_tab .value .ci-6{background-position: -5px -257px}


.core-value.price-matrix_tab .value .value-icon{background-image:url(../images/features/price-matrix/spite.png)}
.core-value.price-matrix_tab .value .ci-1{background-position: -5px 2px}
.core-value.price-matrix_tab .value .ci-2{background-position: -5px -46px}
.core-value.price-matrix_tab .value .ci-3{background-position: -5px -95px}
.core-value.price-matrix_tab .value .ci-4{background-position: -5px -148px}
.core-value.price-matrix_tab .value .ci-5{background-position: -5px -203px}
.core-value.price-matrix_tab .value .ci-6{background-position: -5px -257px}
.core-value.price-matrix_tab .value .ci-7{background-position: -5px -306px}
.core-value.price-matrix_tab .value .ci-8{background-position: -5px -358px}


.core-value.demo_icon .value .value-icon{background-image:url(../images/demo/spite.png)}
.core-value.demo_icon .value .ci-1{background-position: 0 0}
.core-value.demo_icon .value .ci-2{background-position: 0 -50px}
.core-value.demo_icon .value .ci-3{background-position: 0 -100px}
.core-value.demo_icon .value .ci-4{background-position: 0 -150px}
.core-value.demo_icon .value .ci-5{background-position: 0 -200px}
.core-value.demo_icon .value .ci-6{background-position: 0 -250px}
.core-value.demo_icon .value .ci-7{background-position: 0 -300px}
.core-value.demo_icon .value .ci-8{background-position: 0 -350px}
.core-value.demo_icon .value .ci-9{background-position: 0 -400px}
.core-value.demo_icon .value .ci-10{background-position: 0 -450px}
.core-value.demo_icon .value .ci-11{background-position: 0 -500px}
.core-value.demo_icon .value .ci-12{background-position: 0 -550px}

@media screen and (max-width: 1199px){
    .core-value .values .value {
        border-bottom: 1px solid #ebebeb !important;
    }
    .core-value .values .value{
        border-right: 1px solid #ebebeb !important;
    }
    .core-value .values .value:nth-child(3n){
        border-right: none !important;
    }
}
@media screen and (max-width: 991px){
    .core-value .values .value:nth-child(2n+1){
        border-right: 1px solid #ebebeb !important;
    }
    .core-value .values .value:nth-child(2n){
        border-right: none !important;
    }
}
@media screen and (max-width: 767px){
    .core-value .values .value{
        border-right: none !important;
    }
    .core-value .values .value:nth-child(2n+1){
        border-right: none !important;
    }
    .core-value .value.last{border-bottom:1px solid #ebebeb;border-right:none}
}


.landing-page-demo .footer{text-align:center;background-image:url(../images/demo/bg-footer.jpg)}
.landing-page-demo .footer .main{display:inline-block;padding-top:55px;padding-bottom:20px}
.landing-page-demo .footer .main p{font-size:40px;font-weight:700;max-width:800px;line-height:normal;color:#fff;margin-bottom:40px}
.landing-page-demo .footer .wp-btn{padding:15px 35px;font-size:18px; color: #fff;text-transform: none}

.quick-tool{position:fixed;right:0;top:0;z-index:10;height:100%;width:0;transition:width .5s;padding:0!important;box-shadow:0 0 6px rgba(0,0,0,.25);color:#fff;background-color:#323439}
.quick-tool p,.quick-tool span{color:#f4f4f4}
.quick-tool .overlay{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;visibility:hidden;opacity:0}
.quick-tool.active .overlay{visibility:visible;opacity:1}
.quick-tool.active{width:350px}
.quick-tool .toolbar{display:block;position:absolute;left:-40px;top:100px;width:40px;background-color:#323439;box-shadow:0 0 6px rgba(0,0,0,.25);border-top-left-radius:4px;border-bottom-left-radius:4px}
.quick-tool .toolbar .items{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0}
.quick-tool .toolbar .items .item{width:100%;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer}
.quick-tool .toolbar .items i{font-size:21px;line-height:normal;color:#dbdcdd;height: 22px;}
.quick-tool .toolbar .items i.uk-icon-cog{animation-name: settings;animation-duration: 1.5s; animation-iteration-count: infinite;animation-timing-function: linear;}
.quick-tool .tool-content{width:350px;height:100%;overflow:hidden;background:#323439;padding:25px}
.quick-tool .tool-content .main{text-align:center}
.quick-tool .tool-content .main > div{border-bottom:1px solid #43464e}
.quick-tool .tool-content .purchase{padding:5px 0 30px}
.quick-tool .tool-content .purchase .wp-btn{border-radius:4px;margin-bottom:30px}
.quick-tool .tool-content .purchase p{margin-bottom:0}
.quick-tool .tool-content h4{font-size:18px;font-weight:500;text-transform:uppercase;margin-bottom:25px; color: #fff}
.quick-tool .tool-content .document-online{padding:30px 0;background-image:none}
.quick-tool .tool-content .document-online a{padding:10px 20px;background-color:#4385f5;border-radius:4px;text-transform:uppercase;color:#fff;display:inline-block}
.quick-tool .tool-content .document-online a:hover{background-color:#3079f4;}
.quick-tool .tool-content .document-online span{color:#fff}
.quick-tool .tool-content .document-online i{margin-left:5px}
.quick-tool .tool-content .tutorial-video{padding:30px 0}
.quick-tool .tool-content .tutorial-video .nav{display:block;margin-bottom:30px}
.quick-tool .tool-content .tutorial-video .nav li{width:48%;background:transparent;border:none;border-radius:4px;margin-bottom:10px;min-height:58px;}
.quick-tool .tool-content .tutorial-video .nav li:nth-child(odd) {
    margin-left: 0px;
}
.quick-tool .tool-content .tutorial-video .nav li a:hover,.quick-tool .tool-content .tutorial-video .nav li a:focus,.quick-tool .tool-content .tutorial-video .nav li.active a{background-color:#4385f5;color:#fff}
.quick-tool .tool-content .tutorial-video .nav li a{color:#555;text-transform:uppercase;background-color:#fff}
.quick-tool .nav-pills > li + li{margin-left:10px}
.quick-tool .tool-content .tutorial-video .items{display:flex;flex-wrap:wrap}
.quick-tool .tool-content .tutorial-video .items .item{width:50%}
.quick-tool .tool-content .tutorial-video .items .item:nth-child(2n+1){padding-right:5px}
.quick-tool .tool-content .tutorial-video .items .item:nth-child(2n){padding-left:5px}
.quick-tool .tool-content .tutorial-video i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ddd}
.quick-tool .tool-content .tutorial-video .youtube-player{margin-bottom:0;height:0;padding-top:56.25%}
.quick-tool .tool-content .tutorial-video .youtube-player img{margin:0;min-height: 100px;object-fit: cover;}
.quick-tool .tool-content .tutorial-video .video-des p{font-size:14px;color:#fff;font-style:normal;padding:15px 0;margin-bottom:0}
.quick-tool .tool-content .demo-page{padding:30px 0}
.quick-tool .tool-content .demo-page .items{display:flex;flex-wrap:wrap}
.quick-tool .tool-content .demo-page .items .item{width:50%;padding-bottom:15px}
.quick-tool .tool-content .demo-page .items .item:nth-child(2n+1){padding-right:5px}
.quick-tool .tool-content .demo-page .items .item:nth-child(2n){padding-left:5px}
.quick-tool .tool-content .demo-page .ih-item{border-radius:4px;max-height: 120px}
.quick-tool .title-line{margin-bottom: 0;}
.quick-tool .title-line:after{bottom: 10px}
@media screen and (max-width: 400px) {
    .quick-tool{display:none}
}
.cms-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:center;transition:all .3s}
.cms-popup .main-popup{pointer-events:all;background-color:#fff;border-radius:2px;box-shadow:0 0 42px rgba(0,0,0,0.15);box-sizing:border-box;padding:20px;text-align:left;width:525px;transition:all .6s;position:relative}
.cms-popup.nb-show{opacity:1;visibility:visible;z-index:10}
.cms-popup[data-animate="scale"] .main-popup{transform:scale(0.8);transition:all .3s}
.cms-popup[data-animate="scale"].nb-show .main-popup{transform:scale(1)}
.cms-popup[data-animate="bottom-to-top"] .main-popup{transform:translate(0,50%);transition:all .3s}
.cms-popup[data-animate="bottom-to-top"].nb-show .main-popup{transform:translate(0,0)}
.cms-popup[data-animate="top-to-bottom"] .main-popup{transform:translate(0,-50%);transition:all .3s}
.cms-popup[data-animate="top-to-bottom"].nb-show .main-popup{transform:translate(0,0)}
.cms-popup[data-animate="left-to-right"] .main-popup{transform:translate(-50%,0);transition:all .3s}
.cms-popup[data-animate="left-to-right"].nb-show .main-popup{transform:translate(0,0)}
.cms-popup[data-animate="right-to-left"] .main-popup{transform:translate(50%,0);transition:all .3s}
.cms-popup[data-animate="right-to-left"].nb-show .main-popup{transform:translate(0,0)}
.cms-popup[data-animate="fixed-top"]{align-items:flex-start}
.cms-popup[data-animate="fixed-top"] .main-popup{margin-top:60px;transform:translate(0,-50%);transition:all .3s}
.cms-popup[data-animate="fixed-top"].nb-show .main-popup{transform:translate(0,0)}
.cms-popup .close-popup{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}
.cms-popup .overlay-popup{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.cms-popup .overlay-main{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;z-index:-1;opacity:0;visibility:hidden;transition:all .4s}
.cms-popup .overlay-main.active{z-index:9;opacity:1;visibility:visible;transition:unset}
.cms-popup.cms-popup-video .main-popup{min-width:725px}
@media screen and (max-width: 991px) {
    .cms-popup.cms-popup-video .main-popup{min-width:auto;width:80%}
}
.cms-popup.cms-popup-video .video{margin-top:20px}
.cms-popup.cms-popup-video .video .video-container{margin-bottom:15px;position:relative;height:0;padding-top:56.25%}
.cms-popup.cms-popup-video .video .video-title{font-size:18px;font-weight:500;line-height:24px}
.cms-popup.cms-popup-video .video iframe{width:100%;height:100%;z-index:10;background:#aaaaaa;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);position:absolute;top:0;left:0}
@media screen and (max-width: 875px) {
    #document-online p{margin-bottom:15px}
}
@media screen and (max-width: 475px) {
    .solution-contact .people-support .items{flex-wrap:wrap}
    .solution-contact .people-support .items .item{flex:1 1 100%;padding:60px 15px 30px}
}

@-webkit-keyframes settings {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes settings {
    0% {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
}

.icon-group:before {
    content: "\e900";
}
.icon-box:before {
    content: "\e901";
}
.icon-budget:before {
    content: "\e902";
}
.icon-paint:before {
    content: "\e903";
}
.icon-time:before {
    content: "\e904";
}
.icon-upload:before {
    content: "\e905";
}
.icon-web:before {
    content: "\e906";
}

#solution-features .hidden {
    height: 75px;
    min-height: 75px;
    visibility: hidden;
}
#solution-features #nav-tab {
    display: flex !important;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 2px solid #5284f4;
    position: relative;
}
@media screen and (max-width: 1025px){
    #solution-features #nav-tab .owl-controls .owl-nav > div {
        background-color: #999;
    }
    #solution-features #nav-tab .owl-controls .owl-nav > div:focus,
    #solution-features #nav-tab .owl-controls .owl-nav > div:active,
    #solution-features #nav-tab .owl-controls .owl-nav > div:visited,
    #solution-features #nav-tab .owl-controls .owl-nav > div:hover{
        background-color: #5284f4;
    }
}
@media screen and (max-width: 991px) {
    #solution-features #nav-tab {
        display: block;
        padding-bottom: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    #solution-features #nav-tab .owl-controls .owl-nav {
        margin-top: 20px;
    }
    #solution-features #nav-tab .owl-controls .owl-nav > div {
        padding: 4px 15px;
        margin: 5px 10px;
    }
}
#solution-features #nav-tab .nav-item {
    display: flex;
    color: #6e6e6e;
    flex-direction: column;
    align-items: center;
    position: relative;
}
#solution-features #nav-tab .nav-item:hover,
#solution-features #nav-tab .nav-item.active,
#solution-features #nav-tab .nav-item:hover span,
#solution-features #nav-tab .nav-item.active span{
    color: #5284f4;
}
#solution-features #nav-tab .nav-item i {
    font-size: 66px;
    transition: all .3s;
    margin: 0 auto 15px;
}
@media screen and (max-width: 991px) {
    #solution-features #nav-tab .nav-item i {margin: 0 auto 30px;}
}
#solution-features #nav-tab .nav-item span {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    transition: all .3s;
    text-align: center;
    text-transform: uppercase;
}
#solution-features #nav-tab .nav-item:after {
    content: '';
    display: none;
}
#solution-features #nav-tab .nav-item.active:after {
    height: 40px;
    width: 40px;
    border-bottom: 2px solid #4385f5;
    border-right: 2px solid #4385f5;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: rotate(45deg);
    transition: all .7s;
    background-color: #fff;
    display: block;
    margin-bottom: -21px;
    margin-left: -20px;
}
@media screen and (max-width: 991px) {
    #solution-features #nav-tabContent .tab-feature-top .container-image {margin-bottom: 30px;}
}
#solution-features #nav-tabContent .tab-feature-top .feature-intro h2 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: normal;
    text-transform: uppercase;
}
@media screen and (max-width: 991px) {
    #solution-features #nav-tabContent .tab-feature-top .feature-intro h2 {margin-bottom: 20px;}
}
#solution-features #nav-tabContent .tab-feature-top .feature-intro p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 40px;
}
#solution-features #nav-tabContent .tab-feature-bottom {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
#solution-features #nav-tabContent .tab-feature-bottom .sub-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
#solution-features #nav-tabContent .tab-feature-bottom .sub-feature img {
    margin-right: 30px;
    max-width: none;
    box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.35);
}
#solution-features #nav-tabContent .tab-feature-bottom .sub-feature .content h3 {
    font-size: 18px;
    line-height: normal;
    color: #333333;
    margin-bottom: 10px;
}
#solution-features #nav-tabContent .tab-feature-bottom .sub-feature .content p {
    font-size: 14px;
    line-height: 18px;
    color: #6e6e6e;
    margin-bottom: 0;
}
#solution-features #nav-tabContent .multi-vendor-steps {margin-top: 60px;}
#solution-features #nav-tabContent .multi-vendor-steps .step {text-align: center;}
@media screen and (max-width: 991px) {
    #solution-features #nav-tabContent .multi-vendor-steps .step {margin-bottom: 30px;}
}
#solution-features #nav-tabContent .multi-vendor-steps .step.step4 .container-image:before {width: 13px;}
#solution-features #nav-tabContent .multi-vendor-steps .step .container-image {
    text-align: center;
    margin-bottom: 75px;
    position: relative;
}
@media screen and (max-width: 1300px) {
    #solution-features #nav-tabContent .multi-vendor-steps .step .container-image {margin-bottom: 30px;}
}
#solution-features #nav-tabContent .multi-vendor-steps .step .container-image:before {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 47%;
    width: 112%;
    height: 14px;
}
@media screen and (max-width: 1300px) {
    #solution-features #nav-tabContent .multi-vendor-steps .step .container-image:before {display: none;}
}
#solution-features #nav-tabContent .multi-vendor-steps .step .content-step h2 {
    font-size: 24px;
    color: #5284f4;
    margin-bottom: 5px;
}
#solution-features #nav-tabContent .multi-vendor-steps .step .content-step p {
    font-size: 16px;
    color: #fff;
}
#solution-features .view-more {
    margin-top: 45px;
    margin-bottom: 30px;
}
#solution-features .view-more a {
    padding: 10px 30px;
}

.bg-help {background-image:url(../images/bg-help.jpg);}
.bg-services {
    background-image: url(../images/bg-services.jpg);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 10px;
    background-position: center;
}
.bg-printful {
    background-image: url(../images/banner-service.jpg);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
    background-position: left;
    height: 500px;
}
.bg-printful h2, .bg-printful p {
    color: #fff;
}
.bg-printful h2{
    font-size: 30px;
}
.bg-printful p {
    font-size: 16px;
    padding-bottom: 20px;
}
.bg-services .image-container img {
    margin: auto;
}
.bg-system {
    background-image: url(../images/bg-system.jpg);
}

.bg-features {background-image:url(../images/bg-features.jpg);}
.bg-case-study {background-image:url(../images/bg-case-study.jpg);}
.bg-demo {background-image:url(../images/bg-demo.jpg);min-height: 500px; display: flex; justify-content: center; align-items: center;padding: 0 15px;}
.bg-pricing {background-image:url(../images/bg-pricing.jpg);}

.wp-title.no-subtitle {
    margin-bottom: 42px;
}
@media screen and (max-width: 991px){
    .wp-title.no-subtitle {
        margin-bottom: 20px;
    }
    .solution-customize .image-container {
        margin-top: 20px;
    }
}
section .box-item,
.section .box-item {
    margin-top: 20px;
    margin-bottom: 15px;
}
section .box-item .box-thumbnail,
.section .box-item .box-thumbnail{
    margin-bottom: 25px;
}
section .box-item .box-title,
.section .box-item .box-title{
    font-size: 18px;
    text-align: left;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    display: block;
    margin: 0 0 10px;
}
section .box-item .box-description,
.section .box-item .box-description{
    display: block;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 0;
    color: #666;
}

.parallax .wp-title {
    color: #fff;
}
.section.parallax .box-item .box-title {color: #fff;}
.section.parallax .box-item .box-description {color: #ccc;}

ul.list-check-style li {
    background-image: url(../images/icon-ckeck.png);
    background-repeat: no-repeat;
    background-position-y: 14px;
    padding: 8px 0 8px 20px;
    font-size: 14px;
    line-height: 18px;
}

.solution-business {
    background-image: url(../images/bg-business.jpg);
}
@media screen and (max-width: 1025px){
    .solution-business .box-description {
        max-height: 132px;
    }
}

.solution-printing {
    background-image: url(../images/bg-printing.jpg);
}
@media screen and (max-width: 991px){
    .solution-business .col-first, .solution-customize .col-first, .solution-printing .col-first{
        margin-bottom: 30px;
    }
    .solution-business img, .solution-customize img, .solution-printing img {
        margin-right: auto !important;
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 992px) {
    .solution-customize ul.list-check-style {
        margin-top: 30px;
    }
}

.row {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.text-primary {
    color: #4385f5;
}

.box-icon .col-xs-3{padding-right: 0;}
.box-icon .col-xs-9{padding-left:0;}

.list-icon-check { margin-top: 10px; }
.list-icon-check > li{position:relative;overflow:hidden;padding-left:30px;line-height:28px}
.list-icon-check > li:before{content:"\f00c";font-family:'fontawesome';color:#13190f;font-size:12px;position:absolute;left:0;width: 30px;text-align: center;}

@media screen and (min-width: 1500px){
    .core-value.demo_icon .uk-container { max-width: 1440px; }
    .core-value.demo_icon .values {
        -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    }
    .core-value.demo_icon .value {padding-top: 35px!important;padding-bottom: 35px!important;}
}

.header-box {
    width:100%;
    height:400px;
    background-size:100% auto;
    background-position:0 0;
    position:relative;
    transition:all 5s ease-out;
    -webkit-transition:all 5s ease-out;
    -moz-transition:all 5s ease-out;
    -ms-transition:all 5s ease-out;
    -o-transition:all 5s ease-out
}
.header-box:hover{
    background-position:0 100%;
}
.header-box p {
    margin:25px 0 -18px!important;
}
.header-box > a > span {
    padding: 8px 15px;
    font-size: 16px;
    max-width: 150px;
    margin-top: -20px;
}
.quick-tool .ih-item .badge,
.header-box .badge {
    background-color: #4385f5;
    padding: 5px 15px;
    border-radius: 20px;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.quick-tool .ih-item .badge.badge-new,
.header-box .badge.badge-new {
    background-color: #fd483f;
}
.quick-tool .ih-item .badge.badge-new:before,
.header-box .badge.badge-new:before {
    content: 'New!';
}
.header-box:hover .badge {
    top: -15px;
}
.header-box + .box-title {
    font-size: 18px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: normal;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    text-align: center;
    position: relative;
}
.header-box + .box-title a { color: #fff; }
.header-box + .box-title:after {
    content: '';
    height: 1px;
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    background-color: #4385f5;
}

@media screen and (min-width: 1500px){
    #demo .uk-container {max-width: 1440px;}
}


.core-value .video-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
}
.demo {
    display: inline-block;
    color: #ff9933;
    font-size: 14px;
    text-decoration: underline;
    font-style: italic;
    text-transform: capitalize;
    margin-left: 5px;
    line-height: normal;
}

/**
 * PRICING TABLE
 */
.comming-soon {
    font-size: 14px;
    line-height: 18px;
    color: #2b8ff3;
    font-style: italic;
    font-weight: normal;
    display: inline-block;
}

@media (min-width: 1540px) {
    #package-price .uk-container {
        max-width: 1440px !important; } }

.content-package {
    background-color: #ebebeb;
    color: #666666; }
.content-package .title-package {
    background-color: rgba(0, 0, 0, 0.08);
    line-height: 25px;
    padding: 0 10px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #444444;
    height: 65px;
    display: table;
    width: 100%; }
.content-package .title-package span.title {
    display: table-cell;
    vertical-align: middle; }
.content-package > div {
    position: relative;
    z-index: 10; }
.content-package .content {
    text-align: center;
    padding: 45px 10px; }
.content-package .content .price {
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 30px; }
.content-package .content .recurring {
    margin-bottom: 15px; }
.content-package .content .recurring p {
    margin-bottom: 0;
    font-size: 16px; }
.content-package .content .domain-license-label {
    margin-bottom: 10px; }
.content-package .content .domain-license {
    max-width: 100%;
    margin-bottom: 30px;
    padding: 8px 5px;
    border-radius: 5px;
    color: #666;
    font-weight: normal; }
@media (min-width: 1025px) {
    .content-package .content .domain-license {
        padding-left: 10px;
        padding-right: 10px;} }
.content-package .content .addtocart {
    background-color: #f19a34;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase; }

.price-table {
    margin-top: -15px;
    margin-bottom: 0;
    color: #333333;
    position: relative; }
@media (min-width: 1200px) {
    .price-table {
        margin-right: -15px; } }
@media (max-width: 1025px) {
    .price-table {
        overflow-x: auto; } }
.price-table * {
    box-sizing: border-box; }
.price-table p {
    margin-bottom: 10px; }
.price-table .ribbon {
    position: absolute;
    right: -7px;
    top: -6px;
    z-index: 10;
    overflow: hidden;
    width: 76px;
    height: 76px;
    text-align: right; }
.price-table .ribbon span {
    font-size: 12px;
    color: #FFF;
    text-transform: capitalize;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 103px;
    display: block;
    background: #f19a34;
    background: linear-gradient(#f19a34 0%, #f6a546 100%);
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 20px;
    right: -20px; }
.price-table .ribbon span:before, .price-table .ribbon span:after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    border-top: 3px solid #f46a5c; }
.price-table .ribbon span:before {
    left: 0px;
    border-left: 3px solid #f19a34;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent; }
.price-table .ribbon span:after {
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid #f46a5c;
    border-bottom: 3px solid transparent; }
.price-table .price-table-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 65px 0 15px 0; }
@media (min-width: 1200px) {
    .price-table .price-table-inner {
        padding-right: 15px; } }
.price-table table {
    border-spacing: 0;
    border-collapse: unset;
    border: 1px solid #e1e1e1;
    border-bottom: 0; }
.price-table td, .price-table th, .price-table tr {
    padding: 10px 15px;
    line-height: 20px;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    min-height: 42px; }
.price-table .lv-1 {
    background-color: #cccccc;
    line-height: normal; }
.price-table .lv-2.has_child {
    background-color: #ebebeb; }
.price-table .top-head th {
    padding: 0; }
.price-table .ft-item i {
    color: #4385f5;
    font-size: 15px; }
.price-table .has_child .btn-details {
    float: right;
    color: #4385f5;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    text-transform: none; }
.price-table .has_child .btn-details:before {
    content: "\f106";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    line-height: 20px;
    font-size: inherit;
    margin-right: 5px; }
.price-table .has_child.collapsed .btn-details:before {
    content: "\f107"; }

.features-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 275px; }
@media (min-width: 1025px) {
    .features-label {
        width: 300px;
        max-width: 300px; } }
.features-label .top-head .nav-tabs {
    position: absolute;
    top: -50px;
    border: 0;
    white-space: nowrap;
    width: 1000px;
    margin-left: -1px; }
.features-label .top-head .nav-tabs > li > a {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    padding: 13px;
    color: #fff;
    border: 0;
    background-color: #4385f5;
    text-transform: uppercase; }
.features-label .top-head .nav-tabs > li.active > a {
    background-color: #f7931d; }
.features-label .top-head .tab-pane {
    padding: 20px;
    background-color: #f7931d;
    color: #fff;
    position: relative;
    margin-left: -1px; }
.features-label .top-head .tab-pane:before {
    content: '';
    position: absolute;
    top: 120px;
    right: -36px;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-left-color: #f7931d;
    z-index: 11; }
.features-label .top-head .tab-pane p, .features-label .top-head .tab-pane a {
    color: #fff; }
.features-label .demo, .features-label .new {
    font-weight: normal !important; }
.features-label .lv-1, .features-label .lv-2, .features-label .lv-3 {
    font-family: "Poppins", sans-serif; }
.features-label .lv-1 {
    background-color: #cccccc;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: normal; }
.features-label .lv-1 .demo, .features-label .lv-1 .new {
    color: #fff !important; }
.features-label .lv-2 {
    text-transform: capitalize;
    font-size: 15px;
    padding-left: 40px; }
.features-label .lv-2.has_child {
    background-color: #ebebeb; }
.features-label .lv-3 {
    font-size: 15px;
    padding-left: 60px; }

.package-item {
    margin-left: -1px; }
@media (min-width: 1540px) {
    .package-item {
        width: 360px; } }
@media (min-width: 1025px) {
    .package-item {
        /*width: 275px;*/
        max-width: 280px;} }
@media screen and (min-width: 1600px){
    .package-item{
        max-width: 278px;
    }
}
.package-item .actions th {
    padding: 40px 60px; }
.package-item .btn-buynow {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    opacity: .7;
    background-color: #f7931d;
    padding: 10px 30px;
    border: 0;
    width: 100%; }
.package-item.active {
    box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.35);
    z-index: 1;
    position: relative;
    z-index: 11; }
.package-item.active .title-package {
    color: #fff; }
.package-item.active .title-package .comming-soon {
    color: #ccc; }
.package-item.active .content-package {
    background-color: #4385f5;
    color: #fff; }
.package-item.active .content-package p {
    color: #fff; }
.package-item.active .btn-buynow {
    opacity: 1;
    color: #333333; }
.package-item th, .package-item td {
    text-align: center; }

.features-label .top-head .tab-pane,
.content-package {
    height: 400px;
    position: relative; }
.features-label .top-head .tab-pane:after,
.content-package:after {
    content: '';
    height: 8px;
    background-color: #f7931d;
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    right: -1px; }

.content-package {
    padding-top: 7px; }

.features-label .top-head .tab-pane:after {
    left: 0; }

.actions {
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-top: -16px;
    margin-bottom: 10px;
}
.actions .btn-buynow {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    background-color: #4385f5;
    padding: 10px 30px;
    min-width: 300px;
}
@media screen and (max-width: 375px){
    .actions .btn-buynow {
        min-width: auto;
        width: 100%;
    }
}

.nbl-tab-demo{
    margin-bottom: 60px;
}
.nbl-tab-demo .nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.nbl-tab-demo .nav li {
    margin: 0 15px;
}
.nbl-tab-demo .nav li a{
    background-color: #f9f9f9;
    font-size: 18px;
    color: #444;
    padding: 10px 30px;
}
.nbl-tab-demo .nav li.active a{
    background-color: #1e71f5;
    color: #fff;
}

@media screen and (max-width: 767px){
    .nbl-tab-demo .nav li {
        margin: 0 10px;
    }
    .nbl-tab-demo .nav li a {
        padding: 10px 15px;
        font-size: 16px;
    }
}

.navbar-nav .status{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -26px;
}
.navbar-nav .status:before {
    content: "•";
    color: #c5c5c5;
    margin: 0 10px;
    font-size: 17px;
}
.navbar-nav .status .status-item {
    background-color: transparent;
    cursor: pointer;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    color: #ff9933;
    text-transform: capitalize;
    text-decoration: underline;
    padding: 0;
    margin: 0;
}
.navbar-nav .status .status-item.status-new {
    color: red;
}
.navbar-nav .status .status-item.status-demo {
    color: #f90 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    text-transform: capitalize !important;
}
.navbar-nav .status .status-item.status-demo.fix-pos {
    position: absolute;
    right: 0px;
}

.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent .nav-party ul li a {
    display: block;
    padding: 12px 15px;
    border: 1px solid #ebebeb;
    line-height: normal;
    border-radius: 0;
}

.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent .nav-party ul li.active a {
    background-color: #4b90f5;
    color: #fff !important;
}

.navbar-nav .dropdown-full-width .dropdown-content .submenu-tabContent .nav-party ul li {
    margin-right: 5px;
    margin-bottom: 5px;
}

.navbar-nav .nav-party {
    margin-bottom: 25px;
}
.navbar-nav .parties {
    display: flex;
    flex-wrap: wrap;
}

.navbar-nav .parties .party:nth-child(4n) {
    margin-right: 0;
}

.navbar-nav .party {
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ebebeb;
}
.navbar-nav .party .image-container {
    min-width: 168px;
    text-align: left;
}
.navbar-nav .party .party-name {
    line-height: normal;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.navbar-nav .tab-party {
    /*min-height: 200px;*/
}

.required-wrap {

}

.required-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-text-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.box-text-wrap.box-head .box-text{
    margin-bottom: 30px;
}
.box-text {
    width: 226px;
    border-radius: 5px;
    padding: 25px 20px;
    overflow: hidden;
    cursor: pointer;
    background-color: #e5e5e5;
    margin: 0 15px;
}
.box-text .title,
.box-text .value {
    text-transform: uppercase;
    line-height: 20px; }
.box-text .title {
    font-size: 16px;
    font-weight: normal;
    float: left;
    color: #000;
}
.box-text .value {
    font-size: 24px;
    font-weight: bold;
    color: #1b8eec;
    float: right; }

.box-text-wrap.box-second {
    margin: 0 auto 50px;
}
.box-text-wrap.box-second .box-text {
    width: 370px;
}
.box-text-wrap a:hover{
    background-color: #4caaf7;
}

@media screen and (max-width: 375px){
    .box-text-wrap.box-second .box-text {
        width: 280px;
    }
}

.box-text-wrap .well {
    background-color: #1b8eec;
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
}

.solution-b2c-b2b .box-well {
    padding: 60px 30px;
}
.solution-b2c-b2b .box-title {
    text-align: center;
    margin-bottom: 35px;
    font-size: 30px;
}
.solution-b2c-b2b .box-well .box-text {
    margin: 0;
    width: 100%;
    background-color: transparent;
    text-align: center;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    min-height: 110px;
}

/*fix bug page features*/
#ft-multiple-header .col-md-3 img{
    min-height: 113px;
}
#ft-multiple-footer img{
    min-height: 124px;
}
#ft-slider-revolution img{
    min-height: 229px;
}
#ft-slider-revolution p{
    min-height: 60px;
}

.mb-30 {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px){
    .g-recaptcha {
        overflow: hidden;
        overflow-x: auto;
    }
}

.video-container .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(/images/icon_video.png) no-repeat;
    cursor: pointer;
}
.video-container iframe {
    width: 100%;
}

#tab-printful h3.title {
    font-size: 20px;
    color: #444;
    font-weight: bold;
}
#tab-printful .title_list {
    font-size: 16px;
    color: #444;
    margin-bottom: 5px;
}
#tab-printful .title_list:before {
    content: "\f111";
    font-family: 'fontawesome';
    color: #4385f5;
    font-size: 10px;
    padding-right: 15px;
}
#tab-printful .des {
    font-size: 14px;
    color: #888;
}
#ft-printful-fservices .features-title {
    text-transform: none;
}
#ft-printful-fservices .features-title:after {
    border: 0px;
}
.section-space-top {
    margin-top: 20px;
    margin-left: 0px;
}
.backend-demo .header-box + .box-title a {
    color: #444;
}
.backend-demo .uk-container .wrap-title {
    display: block;
    margin: 0 auto;
}
.backend-demo .uk-container .desc {
    line-height: 30px;
}
.special-feature h3.title {
    font-size: 20px;
    font-weight: bold;
}
.special-feature .wrap-sfeature {
    margin: 20px 30px;
    text-align: left;
}
.special-feature .wrap-sfeature .wp-btn {
    text-transform: none;
}
.block-wrap .post-item.item-video .module-thumb .entry-thumb {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.block-wrap.layout-grid.grid-style-2 .post-item .module-thumb .image-wrap .entry-thumb {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
}
.block-wrap .post-item.item-video .module-thumb .entry-thumb:before {
    display: block;
    content: '';
    position: absolute;
    width: 46px;
    margin-top: -23px;
    height: 46px;
    margin-left: -23px;
    top: 50%;
    left: 50%;
    background-color: rgba(248,146,31,0.8);
    border-radius: 100%;
    transition: all .1s ease-out;
}
.block-wrap .post-item.item-video .module-thumb .entry-thumb:after {
    display: block;
    content: '';
    position: absolute;
    background-image: url(../images/playhead.svg);
    top: 50%;
    left: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px 25px;
    width: 22px;
    margin-left: -9px;
    height: 25px;
    margin-top: -12px;
}
.block-wrap.layout-grid.grid-style-2 .post-item .meta-info-container .grid-meta .entry-title {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    max-height: 40px;
    min-height: 40px;
    overflow: hidden;
}
.block-wrap.layout-grid.grid-style-2 .post-item .module-thumb .image-wrap {
    padding-top: 60%;
    position: relative;
    display: block;
    overflow: hidden;
}
.block-wrap .post-item .meta-info-container .grid-meta .entry-title a {
    color: #333;
    text-transform: capitalize;
}
.block-wrap.layout-grid.grid-style-2 .post-item .meta-info-container .meta-info {
    color: #999;
    font-size: 13px;
    margin-top: 5px;
}
.item.post-item.item-video {
    margin-top: 30px;
}
#menutab-fulfillment-delivery .wp-btn {
    padding: 3px 30px;
    border-radius: 30px;
    background-color: #4385f5;
    color: #fff;
    font-size: 16px;
    text-transform: unset;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
.solution-package {
    padding-top: 0px !important;
}
.solution-package .video-container {
    margin-top: 30px;
}
.landing-page-demo .backend-demo .item-video .module-thumb { border: 1px solid #ccc; }
@media screen and (min-width: 1500px) {
    .backend-demo .uk-container {
        max-width: 1440px;
    }
}

.nb-slider-woopanel .left-block li span:before {
    position: absolute;
    left: -10px;
}

#features-main-menu .panel {
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 5px;
}

.nb-slider-woopanel {
    color: #fff;
}
.nb-slider-woopanel .wrap-slider {
    margin: 30px 0px 10px;
    text-align: left;
}
.nb-slider-woopanel .wrap-slider li {
    line-height: 25px;
}
.nb-slider-woopanel .wrap-slider li span {
    padding-left: 10px;
}
#contact-form-wm {
    margin-top: 60px;
}
.nb-slider-woopanel .main-slider h2 {
    font-size: 50px;
    font-weight: lighter;
}
.nb-slider-woopanel .left-block {
    position: relative;
    font-size: 16px;
}
.nb-slider-woopanel .left-block li span:before {
    position: absolute;
    left: -10px;
}
.core-value .media-body h4 {
    font-size: 16px;
    color: #222;
    font-weight: bold;
}
.value .media-left {
    padding-right: 20px;
    vertical-align: baseline;
    padding-top: 3px;
}
.core-value .value {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding-top: 20px;
}
.core-value .value .value-icon:before {
    font-size: 40px;
    color: #4385f5;
}
.orange-peel:before {
    color: #ff9900;
}
.solution-woopanel {
    padding-top: 0px !important;
}
.solution-woopanel .bn-background {
    background-color: #f1f2f2;
}
.solution-woopanel .row {
    min-height: 400px;
    padding: 45px 0;
}
.solution-woopanel h4 {
    color: #333;
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    padding-top: 10px;
}
.solution-woopanel .bn-background p img, .solution-woopanel .media .media-left {
    padding-right: 15px;
}
.solution-woopanel > .uk-container p img {
    padding-left: 15px;
}
.solution-woopanel .button-demo {
    margin-top: 15px;
    display: inline-block;
}
.solution-woopanel p.new:after, .solution-woopanel .media .media-body p.new:after {
    content: "(New)";
    font-style: italic;
    font-size: 15px;
    color: #ff9900;
    font-weight: 400;
    padding-left: 10px;
}
.solution-woopanel .media {
    margin-top: 0px;
    padding-bottom: 10px;
}
.solution-woopanel .media img.media-object {
    max-width: 28px;
}
.solution-woopanel span.coming-soon {
    font-style: italic;
    color: #ff9900;
    font-weight: 400;
    padding-right: 10px;
}
.screen-woopanel .wp-title {
    color: #fff;
    display: block;
    font-size: 30px;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 10px;
    text-align: center;
}
.screen-woopanel .wp-sub-title {
    font-size: 18px;
    line-height: 24px;
    color: #f4f4f4;
    text-align: center;
    margin-bottom: 60px;
}

.media-left, .media-right, .media-body{
    vertical-align: middle;
}
.solution-woopanel .col-xs-12.img{
    text-align: center;
    padding-top:15px;
}
.solution-package #play-video .play{
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}
.solution-woopanel [class^="icon-"], .solution-woopanel [class*=" icon-"] { color: #5893f6; }