@font-face {
    font-family: 'arial';
    src: url("../fonts/arial.eot");
    src: url("../fonts/arial.eot") format("embedded-opentype"), url("../fonts/arial.woff2") format("woff2"), url("../fonts/arial.woff") format("woff"), url("../fonts/arial.ttf") format("truetype"), url("../fonts/arial.svg#arial") format("svg");
}

body{background: #FFF; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: Roboto;
}

.text-dark {
    color: #444 !important;
}

.main-header{position:relative}
.header-wrap{width:100%;background:#1d3c70;z-index:999;position: absolute; 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: 999999;top: 0;left: 0;width: 100%;height: 40px;padding: 0;}
.main-header .menu-fixed .main-nav li a{color: #fff; text-shadow:none !important}
.main-header .main-nav .dropdown-content h5 a.demo{
    display: inline-block;
    line-height: normal;
    padding: 3px 5px;
    text-transform: capitalize;
    color: #333;
    border-radius: 3px;
    background-color: #f9ddbb;
}
.main-header .main-nav .dropdown-content h5 a.demo:hover{
    background-color: #f5ca97;
}
.menu-fixed .main-nav li.active a{color: #f90;}
.menu-fixed .main-nav li + li{border-left: 1px solid #5b5b5b;-webkit-box-shadow: -1px 0 0 0 #999;-moz-box-shadow: -1px 0 0 0 #999;box-shadow: -1px 0 0 0 #999;}
.site-logo{text-align: right;line-height: 40px}
.site-logo > a:before{content: ''; background: url(../images/icon-buy.png);height: 14px; width: 16px; position: absolute;left: 10px; top: 8px}
.site-logo > a:hover{opacity: 0.75}
.site-logo > a{position: relative;text-transform: uppercase;color:#fff;background: #ff9900;font-family: 'Arial';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}
a.logo {
    float: left;
    padding-right: 30px;
    margin-top: 6px
}
.main-nav{background:transparent;border:0; margin:0; line-height: 28px; text-align: left; float: left}
.main-nav .navbar-nav{margin:0;float: left}
.main-nav .navbar-nav > li{float: none;display: inline-block}
.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 15px;
    padding: 4px 20px;
}
.main-nav .pull-right a {
    color: #fff;
    font-family: "Arial";
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    background-color: rgba(255, 153, 0, 1);
}
.main-nav .pull-right a.active{
    background-color: rgba(255, 153, 0, 1);
}
.main-nav .pull-right i {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    position: relative;
}
.main-nav .pull-right i.uk-icon-external-link {
    position: relative;
    top: 3px;
}
/*dropdown menu*/
.main-nav .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    z-index: 9999;
}
.main-nav .dropdown:hover a{
    color: #fff;
}
.menu-fixed .main-nav .dropdown:hover a{
    color: #f90;
}
.main-nav .dropdown:hover .dropdown-content {
    display: block;
    border-left: 2px solid #f7931e;
    background-color: #f1f2f2;
}
.main-nav .dropdown .dropdown-content ul li a{
    padding: 0 20px;
    color: #666666;
    font-weight: bold;
    text-shadow: none;
    font-size: 13px;
    display: block;
}
.main-nav .dropdown .dropdown-content ul li a:hover {
    color: #111;
}
.main-nav .dropdown .dropdown-content .main-menu-dropdown {
    min-width: 220px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.main-nav .dropdown .dropdown-content .main-menu-dropdown li:not(:last-child){
    border-bottom: 1px solid #ebebeb;
}
.main-nav li.dropdown-full-with {
    position: static;
}
.main-nav li.dropdown-full-with .dropdown-content {
    left: 15px;
    right: 15px;
    padding: 20px 20px;
    max-height: 500px;
    overflow: auto;
}
.main-nav li.dropdown-full-with .dropdown-content .content-full-with {
    display: flex;
    flex-direction: row;
}
.main-nav .dropdown .dropdown-content h5 {
    font-size: 14px;
    font-weight: bold;
    height: 48.77px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 10px;
    padding-left: 0;
    border-bottom: 1px solid #ebebeb;
    color:#333;
}
.main-nav .dropdown .dropdown-content .main-feature {
    margin-top: 10px;
}
.main-nav .dropdown .main-feature li{
    list-style-type: disc;
    position: relative;
}
.main-nav .dropdown .main-feature li a {
    text-transform: capitalize;
    font-weight: normal !important;
    color: #666;
    line-height: 32px;
    padding: 0 !important;
}
.main-nav .dropdown .main-feature.menu-demo li {
    list-style: none;
}
.main-nav .dropdown .dropdown-content .main-feature.menu-demo ul {
    margin-left: 0;
}
.main-nav .dropdown .main-feature.menu-demo li a{
    font-weight: bold !important;
    text-transform: uppercase;
}
.main-nav .dropdown .main-feature.menu-demo li a.demo {
    text-transform: capitalize;
}
.main-nav .dropdown .main-feature li a:hover{
    color: #f90 !important;
}
.main-nav .dropdown .main-feature li a.demo{
    color: #444 !important;
    background-color: #ebebeb !important;
}

#features-main-menu .container-demo{
    position: relative;
}
#features-main-menu .demo {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 18px;
    font-style: italic;
    padding: 3px 10px;
}

.main-nav .dropdown .dropdown-content .main-feature .demo{
    line-height: normal;
    padding: 3px 7px !important;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.main-nav .dropdown .dropdown-content .main-feature ul {
    margin-left: 15px;
}
.menu-fixed .main-nav .dropdown .dropdown-content li + li {
    border-left: none;
    box-shadow: none;
}
.menu-fixed .main-nav .dropdown .dropdown-content a{
    color: #666;
}
.main-nav .dropdown .overview h4{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
}
.main-nav .dropdown .overview h4:after{
    left: 50%;
    position: absolute;
    content: '';
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #f7931d;
    height: 2px;
    width: 100px;
    top: 30px;
}
.main-nav .dropdown .overview .col-md-4{
    margin-bottom: 15px;
}
.main-nav .dropdown .overview > .row{
    display: flex;
}
.main-nav .dropdown .overview .col-lg-3 .content {
    background-image: url("../images/bg-menu-overview.jpg");
    background-size: cover;
    height: 600px;
}
.main-nav .header-box {
    width: 100%;
    height: 500px;
    background-size: 100% auto;
    background-position: 0 0;
    position: relative;
    transition: all 5s ease-out;
    -webkit-transition: all 5s ease-out;
}
.main-nav .header-box.democ1a {
    background-image: url("../images/demo-data/demo-data_01.jpg");
}
.main-nav .header-box.democ1b {
    background-image: url("../images/demo-data/demo-data_02.jpg");
}
.main-nav .header-box.democ1c {
    background-image: url("../images/demo-data/demo-data_03.jpg");
}
.main-nav .header-box.democ1d {
    background-image: url("../images/demo-data/demo-data_04.jpg");
}
.main-nav .header-box.democ1e {
    background-image: url("../images/demo-data/demo-data_05.jpg");
}
.main-nav .header-box.democ1f {
    background-image: url("../images/demo-data/demo-data_06.jpg");
}
.main-nav .header-box.democ1g {
    background-image: url("../images/demo-data/demo-data_07.jpg");
}
.main-nav .header-box.democ1h {
    background-image: url("../images/demo-data/demo-data_08.jpg");
}
.main-nav .header-box.democ1i {
    background-image: url("../images/demo-data/demo-data_09.jpg");
}
.main-nav .header-box:hover {
    background-position: 0 100%;
    -webkit-box-shadow: 0 0 27px 0 rgba(51, 51, 51, 0.35);
    box-shadow: 0 0 27px 0 rgba(51, 51, 51, 0.35);
}
.main-nav .header-box a:before {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.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;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.main-nav .header-box a:hover:before {
    opacity: 0.6;
}
.main-nav .header-box a span {
    position: absolute;
    top: 45%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%);
    line-height: normal;
    font-size: 14px;
    text-transform: capitalize;
    background: #f7931d;
    border: 1px solid #f7931d;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
    z-index: 10;
    right: 0;
    max-width: 110px;
    display: block;
    text-align: center;
    border-radius: 5px;
}
.main-nav .header-box {
    height: 250px;
}

.text-white{
    color: white !important;
}

.col-20 {
    width: 20%;
    position: relative;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.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 .moduletable > h3{margin-bottom: 0}
.solution-slider.owl-theme .owl-nav{margin-top: 0}
.main-header .main-nav li a{ font-weight: normal; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);color:#718dbc;text-transform: uppercase; font-size: 14px; padding: 0 20px;line-height: 40px}
.main-header .main-nav li a:hover,.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: 350px;top:0;right:auto;bottom:0;overflow: auto;left:0;position:fixed;padding:30px 15px;z-index:1500;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{color:red; font-size: 30px;top:15px;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:10px 0;font-size:18px;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:-1px;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: #ff9900}
.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; font-family: 'Roboto Light';font-weight: 500}
li{list-style: none}
a{text-decoration: none}
img{max-width:100%;height: auto}
.text-right{text-align: right}
ul{padding: 0}

/*Start solution*/
#solution-main{overflow:hidden;text-align:center}
section[class*="solution-"]{padding: 60px 0; position: relative}
.mg-title{display:block;font-size:30px;color:#f6931e;text-transform:capitalize;position:relative;margin:0 0 10px; text-align: center; font-family: 'Roboto'; font-weight: bold}
.mg-title:before,
.mg-title:after{content:'';width:20px;height:2px;background:#666666;position:absolute;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%); margin-left: -30px}
.mg-title:after{margin-left: 30px}
.mg-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: bold}
.mg-title-left:after{content: '';border-bottom: 1px solid #f7931e;width: 5%;position: absolute; left: 0; top: 40px}
.mg-title.special:before,
.mg-title.special:after{background:#fff; opacity: 0.75}
.mg-title.special,.mg-title-left.special{color:#fff}
.mg-sub-title.left{text-align: left; margin: 0 0 30px 0}
.mg-sub-title.special{color: rgba(255,255,255,0.75)}
.mg-sub-title{font-size:18px;line-height:24px;color:rgba(51,51,51,0.75);text-align: center;margin-bottom: 0; margin-top: 0}
.parallax { height: 100%; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover}

.solution-wf .workflow img{margin-top: 30px;}
.solution-wf .workflow{padding: 0 15px}
.solution-about{background-image:url(../images/who-use/bg-who-use.jpg);text-align: center;}
.solution-about .col-md-4 > img{padding-bottom: 25px; padding-top: 55px;}
.solution-about h4{font-size:18px;color:rgba(255,255,255,0.70);font-weight: bold; text-transform: uppercase;}
.solution-about .row p{font-size:15px;color:rgba(255,255,255,0.70);font-weight: normal; line-height: 24px;}

.solution-page .mg-sub-title{color: #444}

.text-color{color: #ff9900;}
.nummber{font-size: 21px;}

.solution-multi-vendor .vendor{margin-top: 60px;}
.solution-multi-vendor .step-icon .step-icon-con{background-repeat: no-repeat; margin: auto; width: 80px; height: 80px}
.solution-multi-vendor .icon-round{position: relative;margin: auto; margin-top: 20px; margin-bottom: 45px; background-image: url("../images/multi-vendor/vendor_05.png"); background-repeat: no-repeat; width: 13px;height: 13px;}
.solution-multi-vendor .col-md-3:nth-child(1) .icon-round:after{position: absolute; background-image: url("../images/multi-vendor/vendor_06.png"); background-repeat: no-repeat; width: 278px; height: 10px; top: 50%; left: 13px; content: ''}
.solution-multi-vendor .col-md-3:nth-child(2) .icon-round:after{position: absolute; background-image: url("../images/multi-vendor/vendor_06.png"); background-repeat: no-repeat; width: 278px; height: 10px; top: 50%; left: 13px; content: ''}
.solution-multi-vendor .col-md-3:nth-child(3) .icon-round:after{position: absolute; background-image: url("../images/multi-vendor/vendor_06.png"); background-repeat: no-repeat; width: 278px; height: 10px; top: 50%; left: 13px; content: ''}
.solution-multi-vendor .step-icon .ic1{background-image: url("../images/multi-vendor/vendor_01.png");}
.solution-multi-vendor .step-icon .ic2{background-image: url("../images/multi-vendor/vendor_02.png");}
.solution-multi-vendor .step-icon .ic3{background-image: url("../images/multi-vendor/vendor_03.png");}
.solution-multi-vendor .step-icon .ic4{background-image: url("../images/multi-vendor/vendor_04.png");}
.solution-multi-vendor .row{margin-top: 60px}
.solution-multi-vendor .step-content .content-first{font-size: 24px; font-weight: bold; color: #333}
.solution-multi-vendor .step-content .content-second{font-size: 14px; color: #333; font-weight: bold}


.solution-how-it-work .contain-image {
    margin-top: 60px;
}
.contain-image{
    text-align: center;
}

.solution-benenfits .title-solution{padding-top: 60px;}
.solution-benenfits{padding: 0 0 !important; background-color: #fff;}
.solution-benenfits > div > div:first-of-type .row{padding: 60px 0 40px 0}
.solution-benenfits .row{min-height: 400px;padding: 45px 0}
.solution-benenfits .uk-container .row{display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center;}
.solution-benenfits .bn-background{background-color: #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; padding-right: 30px}
.solution-benenfits > div > .bn-background .col-sm-6:last-of-type{padding-right: 30px; padding-left: 30px}
.solution-benenfits h4{color: #333; font-weight: bold; font-size: 21px}
.solution-benenfits .col-sm-6 p{color: #666; font-size: 16px;line-height: 24px}
.solution-benenfits .col-sm-6 p:last-of-type{padding-bottom: 25px}
.solution-benenfits .col-sm-6 > img{box-shadow: 0px 2px 10px rgba(0,0,0, 0.35);-webkit-box-shadow: 0px 2px 10px rgba(0,0,0, 0.35);-moz-box-shadow: 0px 2px 10px rgba(0,0,0, 0.35);}
.button-demo{position: relative;color: #ff9900;border: 2px solid #ff9900;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: #ff9900;-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}

.solution-screen{background-image: url(../images/admin-panel/bg-admin-panel.jpg)}
.solution-screen li{padding: 0 15px}
.solution-screen li .slider-box{padding: 15px 0}
.solution-screen .slider-wap{margin-bottom: 35px; margin-top: 30px}
.solution-screen .slider-wap:after {content: 'Screenshots (16)';position: absolute;color: #fff;font-size: 16px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); bottom: 60px}
.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: #ff9900;border: 1px solid #ff9900;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: 0.7}
.slider-box a:before{content: '';background: rgba(0, 0, 0, 0.6);opacity: 0.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: 0px;right: 0px;display: block}
.slider-box a{position: relative; display: block}

.solution-view-case{background-image:url(../images/ps-bg-logo.jpg)}
.solution-view-case >.uk-container >.row{padding-top: 30px}
.solution-view-case .row div{padding-bottom: 15px;padding-top: 15px;text-align: center;}
.solution-view-case img.img-pulse{background: #fff}

.solution-wf .content-lastest{margin-top: 60px; margin-bottom: 0}
.solution-wf .content-lastest .col-md-4{margin-bottom: 45px}
.solution-wf .content-lastest .lastest__image{min-height: 220px; background-color: #e1e1e1; margin-bottom: 30px}
.solution-wf .content-lastest h4{margin-bottom: 10px; font-weight: bold; color: #333;}
.solution-wf .content-lastest .lastest__text{font-size: 16px}
.solution-wf .content-lastest .lastest__datetime img{margin-right: 10px; margin-bottom: 3px}
.solution-wf .content-lastest .lastest__datetime span{color: #a7a7a7}
.solution-wf .content-lastest h4 a{color: #333}

.solution-changelog-Community .content .content-top h4{display: inline-block; font-size: 16px; font-weight: bold; margin-bottom: 0px;}
.solution-changelog-Community .content .content-top h4 a{color: #444; transition: all .3s}
.solution-changelog-Community .content .content-top h4 a:hover{color: #ffb754}
.solution-changelog-Community .content .content-top{margin-bottom: 10px;}
.solution-changelog-Community .content .content-top span{color: #ffb754; border: 1px solid #ffb754; font-size: 14px; border-radius: 3px; padding: 3px 10px; font-weight: normal}
.solution-changelog-Community .changelog .content .content-top span{margin-right: 20px;}
.solution-changelog-Community .community .content .content-top span{margin-left: 20px;}
.solution-changelog-Community .content .content-top span{color: #ffb754;}
.solution-changelog-Community .community .media-left img{border: 1px solid #ebebeb;}
/*.solution-changelog-Community .community,*/
.solution-changelog-Community .changelog
{border-right: 1px dashed #e1e1e1;}

.solution-demo-data{background-color: #3b2857;}
.solution-changelog-Community .changelog p{font-size: 18px; color: #939598; margin-bottom: 35px; margin-top: 10px}
.solution-changelog-Community .community p{font-size: 18px; color: #939598; margin-bottom: 35px; margin-top: 10px}
.solution-changelog-Community .content span{color: #939598;}
.solution-changelog-Community .content{margin-bottom: 30px;}
.solution-changelog-Community .community .media .media-left {width: 80px; padding-right: 20px}
.solution-changelog-Community .community .media .media-body{width: auto}
.solution-changelog-Community .community{padding-left: 30px}
.solution-changelog-Community .changelog{padding-right: 30px}
#demo .col-md-4 > p, #three-marketplace .col-md-4 > p {margin-top: 30px; margin-bottom: 40px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase}

.sl-package{padding-top: 60px; display: flex;}
.package-content h3{font-family: 'Roboto'; font-size: 18px; color: #fff; text-transform: uppercase; display: block; line-height: 45px; height: 45px; text-align: center;}
.package-content{background: #f1f1f1;}
.package-content:last-of-type{background: #dcdcdc;}
.package-content:last-of-type .domain_license, .package-content:last-of-type .regular-price{border-bottom: solid 1px #cccccc;}
.package-content:last-of-type .total-price{padding: 60px 30px 60px;}
.package-content h3{background: #ffc61b;}
.package-content:last-of-type h3{background: #ff9933;}
.regular-price{padding: 25px 30px 25px; border-bottom: 1px solid #e1e1e1;}
.regular-price span.price {color: #333;font-family: 'Arial';font-size: 36px;font-weight: 700;vertical-align: middle;display: inline-block;margin-right: 20px;}
.regular-price span.lb-regular {color: #666;font-family: 'Arial';font-size: 14px;padding: 8px 10px;border: 1px solid #c2c2c2;border-radius: 4px;display: inline-block;}
.regular-price p {font-family: 'Arial';}
ul.nb16-profit-recurring li i{color: #1976d2;}
.regular-price a{color: #1976d2;}
.domain_license{border-bottom: solid 1px #e1e1e1; padding: 30px}
.total-price{padding: 60px 30px; text-align: center;}
.total-price .total-final {
    font-family: 'Arial';
    font-weight: 700;
}
.total-price .total-final label {
    font-size: 18px;
}
.total-price .total-final span {
    font-size: 30px;
    color: #f60;
}
.total-price .reward-point {
    float: none;
    margin: 5px auto 10px;
    max-width: 360px;
}
.total-price #uk-button {
    background: #f7941e;
    color: #fff;
    border-color: #ba5e0f;
    border-style: none none solid;
    border-width: 0 0 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 8px 6px 5px;
    font-family: 'Arial';
    font-size: 18px;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    max-width: 360px;
    margin: 0 auto;
}

.solution-crm .row{margin-top: 65px}
.solution-crm .row .col-md-4{margin-bottom: 30px}
.solution-crm .crm-content .media-left{vertical-align: middle; padding-right: 30px}
.solution-crm .crm-content .media-left .container-icon{padding: 20px;height: 70px; width: 70px; background-color: #e5e5e5; border-radius: 50%}
.solution-crm .crm-content .media-body .media-heading{font-size: 18px; font-weight: bold; color: #444}
.solution-crm #crmCarousel .carousel-inner .item img{margin: auto}
.solution-crm #crmCarousel .carousel-control{background-image: none}
.solution-crm #crmCarousel .carousel-control{top: 50%; bottom: auto; width: 60px; height: 60px; border-radius: 50%; background-color: #ebebeb; color: #666}
.solution-crm #crmCarousel .carousel-control .glyphicon{top: 18px}

.solution-admin-panel{background-color: #752a57}
/*.solution-work-with .how-to-work-with{text-align: center; margin-top: 60px; padding: 0 30px;}*/
.solution-work-with .row{margin-top: 60px}
.solution-work-with .step-icon .step-icon-con{margin: auto; width: 120px; height: 120px; position: relative}
.solution-work-with .step-icon .sic1{background-image: url("../images/how-work-with/work-with_01.png");}
.solution-work-with .step-icon .sic1:after{content: ''; position: absolute; background-image: url("../images/how-work-with/icon-step.png"); background-repeat: no-repeat; top: 50%; left: 120px; height: 20px; width: 250px}
.solution-work-with .step-icon .sic2:after{content: ''; position: absolute; background-image: url("../images/how-work-with/icon-step.png"); background-repeat: no-repeat; top: 50%; left: 120px; height: 20px; width: 250px}
.solution-work-with .step-icon .sic3:after{content: ''; position: absolute; background-image: url("../images/how-work-with/icon-step.png"); background-repeat: no-repeat; top: 50%; left: 120px; height: 20px; width: 250px}
.solution-work-with .contain-image {margin-top: 60px;}

.solution-work-with .step-icon .sic2{background-image: url("../images/how-work-with/work-with_02.png");}
.solution-work-with .step-icon .sic3{background-image: url("../images/how-work-with/work-with_03.png");}
.solution-work-with .step-icon .sic4{background-image: url("../images/how-work-with/work-with_04.png");}
.solution-work-with .step-content{margin-top: 30px}
.solution-work-with .step-content .step-num{font-size: 30px}
.solution-work-with .step-content .step-des{font-size: 16px}

.solution-buy-now{background-color: #d7d7d7; padding: 80px 0 !important;}
.solution-buy-now .mg-sub-title{font-size: 30px; font-weight: 300; color: #444}
.solution-buy-now .container-btn{text-align: center; margin-top: 45px}
.solution-buy-now .btn-buy-now{padding: 5px 90px; border-radius: 10px; background-color: #ff9933; box-shadow: -0.2px 3px 0 0 #cc6600; display: inline-block;font-size: 30px; font-weight: 300; color: #fff}

.solution-vs-package{background: url(../images/ps-bg-solution-vs.jpg) repeat}
.solution-vs-package table{margin-top:40px}
.solution-vs-package table tr:first-of-type th{text-align: center; font-size: 18px; font-weight: bold;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: bold; width: 195px; padding: 13px 0; text-align: center}
.solution-vs-package table tr td{color: #666; font-size: 14px; font-weight: normal; line-height: 18px}

.solution-vendor{background-image: url("../images/vendor-page/bg-vendor.jpg"); background-repeat: no-repeat;background-size: cover}
.solution-features{background-image: url(../images/feature/bg-feature.jpg)}
.solution-features .row{margin-top: 45px}
.solution-features .nav-tabs{text-align: center}
.solution-features .nav-tabs > li{display: inline-block; float: none; margin-top: 15px;}
.solution-features .nav-tabs > li a{font-size: 16px; font-weight: bold; color: #333; background-color: #fff; border-color: transparent; border-radius: 5px 5px 0 0; text-transform: uppercase; margin-right: 0}
.solution-features .nav-tabs > li a:hover{background-color: #feae5e; color: #fff}
.solution-features .nav-tabs > li.active a{background-color: #ff9933; color: #fff; border-color: transparent}
.solution-features .tab-content{margin-top: 40px}
.solution-features .col-md-3{margin-bottom: 15px; height: 66px}
.solution-features .tab-content .list-feature{
    padding: 10px 25px;
    /*opacity: .6;*/
    border-radius: 5px;
    background-color: rgba(250,250,250,0.3);
    border: solid 1px #d7d7d7;
    font-size: 16px; 
    color: #fff;
    font-weight: 500;
    min-height:66px;
}
.solution-features .panel-group .list-feature{
    opacity: .6;
    border-radius: 5px;
    background-color: #fafafa;
    border: solid 1px #d7d7d7;
    font-size: 16px;
    padding: 10px 25px;
    color: #333;
    font-weight: 500;
    height: 66px;
}
.solution-features .panel-group .panel-title a{
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}
.solution-features .panel-group .panel-title{text-align: center}
.solution-features .panel-group .panel {border-color: transparent}

.solution-vendor .row{margin-top: 45px}
.solution-vendor .vendor__btn{margin-top: 40px;margin-bottom: 45px}
.solution-vendor .vendor__btn a{transition: all .3s; font-size: 18px; text-align: center; color: #fefefe; padding: 10px 20px; border-radius: 5px; background-color: #ff9900; text-transform: uppercase}
.solution-vendor .vendor__btn a:hover{background-color: #feae5e;}
.solution-vendor .vendor__btn p{font-size: 18px; margin-top: 15px; color: #fefefe;}
.solution-vendor .row .col-md-12:first-child .vendor__btn a{
    padding-left: 60px;
    padding-right: 60px;
}
#slider_layout .gallery-border{
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    background: #fbfbfb;
    padding: 14px;
}
#slider_layout .gallery-cell{
    padding-top: 16px;
    padding-bottom: 12px;
}
#slider_layout .gallery-cell img{
    box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.35);
}
#slider_layout .gallery-cell:nth-child(3n+1){clear: left}
#slider_layout .gallery-cell a:before{
    content: '';
    background: rgba(0,0,0,0.6);
    opacity: 0.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: 15px;
    right: 15px;
    bottom: 12px;
    border-radius: 5px;
    top: 15px;
    display: block;
}
#slider_layout .gallery-cell a:hover:before{
    opacity: 0.7;
}

#slider_layout .row{margin-top: 60px}

#slider_layout .gallery-cell .demo-title {background-color: transparent; text-align: center; padding-bottom: 0}

#slider_layout .gallery-cell .demo-title a{font-size: 17px; color: #444; font-weight: bold; text-transform: uppercase}

#slider_layout .gallery-cell span.visit-demo{
    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:#f7941e;
    border: 1px solid #f7941e;
    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;
}

/*dokan solution*/
.solution-dokan {
    background-color: #f1f2f2;
}
.solution-dokan .container-image{
    margin-bottom: 60px;
}
.solution-dokan .mg-sub-title {
    margin-bottom: 45px;
}
.solution-dokan .row{
    display: flex;
    flex-wrap: wrap;
}

.mtv-feature:nth-child(3n+1){
    clear: left;
}
.mtv-feature div.r-content {
    display: table-cell;
}
.mtv-feature div.r-content h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.mtv-feature div.left-icon{
    display: inline-block;
    width: 68px;
    height: 68px;
    margin-right: 30px;
    float: left;
    background: url('../images/sprites-vendor.png') no-repeat;
}
.mtv-feature.f2 div{
    background-position: 0 -68px;
}
.mtv-feature.f3 div {
    background-position: 0 -136px;
}
.mtv-feature.f4 div {
    background-position: 0 -204px;
}
.mtv-feature.f5 div {
    background-position: 0 -272px;
}
.mtv-feature.f6 div {
    background-position: 0 -340px;
}
.mtv-feature.f7 div {
    background-position: 0 -408px;
}
.mtv-feature.f8 div {
    background-position: 0 -476px;
}
.mtv-feature.f9 div {
    background-position: 0 -544px;
}
.mtv-feature.f10 div {
    background-position: 0 -612px;
}
.mtv-feature.f11 div {
    background-position: 0 -680px;
}
.mtv-feature.f12 div {
    background-position: 0 -748px;
}
.mtv-feature.f13 div {
    background-position: 0 -816px;
}
.mtv-feature.f14 div {
    background-position: 0 -884px;
}
.mtv-feature.f15 div {
    background-position: 0 -952px;
}

/*maketplace pricing*/
.faq-package {  background-color: #2e2140; }
.faq-package .mg-title-left{color: #1976d2; margin-bottom: 15px;}
.faq-package .mg-sub-title{margin-bottom: 50px}
.faq-package .mg-title-left:after{width: 10%; border-color: #444; top: 45px}
.suitable-package{padding: 60px 15px}
.faq-package .panel{box-shadow: none}
#pricing-main .suitable-package ul.nav li{width: 50%}
#pricing-main .suitable-package ul.nav li a{font-size: 18px; color: #fff; text-transform: uppercase; font-weight: bold; margin-right: 0; border: none; border-radius: 0}
#pricing-main .suitable-package ul.nav li a{background-color: #fbe298; transition: all .3s}
#pricing-main .suitable-package ul.nav li.active a{
    background-color: #FF9934; 
    transition: all .3s;
    border-left: 1px solid #FF9934;
}
/*solution pricing*/


#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-family: Arial;
    font-weight: bold;
    text-align: center;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #fff;
    background-color: #f7931e;
}
#solution-pricing .panel .panel-body {
    padding: 30px 30px 60px;
    font-family: Arial;
}
#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: 0.39;
    color: #333;
    font-weight: bold;
    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/pricing/icon-check.png");
    list-style-position: inside;
    font-size: 14px;
    line-height: 1.72;
}
#solution-pricing .panel .panel-body .save-up{
    color: #1976d2;
    margin-bottom: 50px;
}

.solution-price .domain-license-label{
    font-weight: bold;
    line-height: 1.29;
    margin-bottom: 15px;
}

.solution-price .domain-license {
    width: 100%;
    border-radius: 3px;
    background-color: #f5f5f5;
    border: solid 1px #cccccc;
    padding: 10px 20px;
    margin-bottom: 90px;
}

#solution-pricing .standard .panel .panel-body .desc {
    padding-bottom: 30px;
}
#solution-pricing .standard .panel .panel-body {
    padding-left: 0;
    padding-right: 0;
    background-color: #f1f1f1;
}
#solution-pricing .standard .main-price, #solution-pricing .standard p.desc, #solution-pricing .standard .domain-license-block{
    padding-left: 30px;
    padding-right: 30px;
}

#solution-pricing .standard .solution-price .domain-license {
    margin-bottom: 30px;
}
#solution-pricing .standard .solution-price hr{
    border-top: 1px solid #e1e1e1;
    margin-bottom: 30px;
}
#solution-pricing .standard .solution-price h2.price {
    margin-top: 215px;
}

.solution-price h2.price{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    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 #f7931d;
    display: inline-block;
    padding: 0 48px;
    margin-bottom: 15px;
}

.solution-price .add-cart {
    padding: 3px 125px;
    border-radius: 7px;
    background-color: #f7931e;
    font-family: Roboto;
    font-size: 18px;
    line-height: 1.89;
    color: #fff;
    font-weight: 900;
}

.standard .solution-price .add-cart {
    background-color: #444;
}

.standard .solution-price .add-cart:hover {
    background-color: #4c4c4c;
}

.standard .solution-price .text-center{
    padding-left: 30px;
    padding-right: 30px;
}

.solution-price .add-cart:hover{
    background-color: #faa036;
}

#table-pricing table td {
    border: 1px solid #ebebeb;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 15px;
    font-size: 14px;
}
#table-pricing table tr td:nth-child(1) {
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
#table-pricing table th:not(:first-child) {
    padding: 0;
    width: 22%;
}
#table-pricing table th:first-child {
    width: 34%;
}
#table-pricing table tr td:not(:first-child) {
    text-align: center;
    background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover{
    background-color: #f9f9f9;
}
#table-pricing table tr.empty {
    background-color: #ebebeb;
}
#table-pricing table tr.empty td {
    background-color: #ebebeb;
}
#document-online {
    display: flex;
    justify-content: space-between;
    padding: 45px 30px;
}
.document-online{
    background-image: url("../images/document-online.jpg");
    background-size: cover;
}

#document-online p{
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}
#document-online p > span{
    display: block;
}
#document-online a{
    padding: 10px 20px;
    background-color: #FF9934;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
}
#document-online a span{
    margin-left: 5px;
}
.demo{
    display: inline-block;
    padding: 0 10px;
    background: #ff9933;
    border-radius: 2px;
    color: #fff;
    text-transform: capitalize;
    margin-left: 10px;
}
.solution-package .uk-container > .row{padding-top: 50px}



.package-box {
    min-height: 388px;
}
.package-box .package-box-top > h3 {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 45px;

}
.package-box-top > p {
    font-size: 16px;
    color: #fff;
    margin: 0;

}
.package-box-top .add-back {
    width: 100%;
    height: 35px;
    position: absolute;
    top: -62px;
    left: 0;
    opacity: 0;
    visibility: hidden;

}
.package-box-top .package-popup {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: -27px;
    left: -7px;
    width: 105%;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    visibility: hidden;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;

}
.package-box-top .package-popup span {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 50%;
    background: #2b8ff3;
}

.package-box-top .package-popup span.active {
    background: #1976d2;

}

.package-box-top .package-popup span a{
    color: #fff;
    flex: 1 1 100%;
}

.package-box-top .package-popup:before {
    position: absolute;
    top: 100%;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #0456a8 #0456a8 transparent transparent;

}
.package-box-top .package-popup:after {
    position: absolute;
    top: 100%;
    right: 0;
    content: '';
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #1976d2 transparent transparent #1976d2;

}
.package-box.hover .package-box-price {
    background-color: #ebebeb;
}
.package-box-price {
    text-align: center;
    position: relative;
    width: 100%;
    float: left;
    padding: 50px 0 30px;    
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
}

.package-box-price:hover{
    background-color: #ebebeb;
}

.package-box-price h2 {
    font-size: 48px;
    margin: 30px 0 -2px;
    font-weight: bold;

}

#table-pricing tr th:nth-child(3) .package-box-price h2{
    margin-bottom: -2px;
}

.package-box-price select{
    display: block;
    margin: 0 auto 30px;
    padding: 5px;
    border-radius: 4px;
}
.package-box-price p {
    font-size: 16px;
    margin: 25px 0 15px;

}
.package-box-price input {
    font-size: 16px;
    padding: 10px 35px;
    border: none;
    box-shadow: 4px 2px 10px rgba(0, 0, 0, 0.35);
    color: #fff;
    font-weight: bold;
    background-color: #ff9933;

}

.package-box-price input:hover {
    background-color: #faa856;
}

.package-box-price .comming-soon {
    font-size: 14px;
    display: block;
    margin-top: -5px;
    color: #1976d2;
}
#table-pricing tr th:nth-child(4) .package-box .package-box-top > h3{
    margin-bottom: -10px;
}

.package-box h3 {
    font-size: 18px;
    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 {
    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%);

}

#powerful-core-theme{
    background-image: url('../images/feature/feature_18.jpg');
}
#powerful-core-theme img{
    padding-bottom: 60px;
}
.title-feature{
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 20px;
}
.sub-title-feature{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 45px;
}

#pricing-main .table-main{
    padding-top: 160px;
    padding-bottom: 60px;
}
.package-box-price > input{background:#6385c3}
.package-box-price > input:hover{background:#fff;color:#6385c3;-webkit-transition:all .8s;transition:all .8s}

.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;-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: #ebebeb;
    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;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{background: #f7931e; transform: background 1s;-webkit-transform: background 1s}
.show-shadow > p.and1{color: #000;font-size: 16px; font-weight: bold}
.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: 245px;margin-bottom: 48px}


#create-marketplace {
    text-align: center;
    padding: 75px 0;
    background-image: url("../images/pricing/bg-create-marketplace.jpg");
}

#create-marketplace h2 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

#create-marketplace a {
    background: #F7941E;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    text-transform: uppercase;
}

#create-marketplace a:hover {
    background-color: #faa856;
}

#pricing-main .suitable-package .sl-package{
    padding-top: 0;
    border-bottom: 1px solid #FF9934;
    border-left: 1px solid #FF9934;
    border-right: 1px solid #FF9934;
}
#pricing-main .frequently .panel-group{margin-top: -10px}

.solution-support > .uk-container >.row{padding-top: 60px}
.solution-support table th{
    padding: 0 15px;
    line-height: 1.6;
    vertical-align: middle;
    background: #1d3c70;
    height: 60px;
    color: #fff;
    font-size: 16px;
}
.solution-support table td{
    color: #333;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    font-weight: bold;
}

.solution-support table i{
    color: #f7931e;
    font-size: 16px;
    text-align: center;
    display: block;
}

.solution-support h4{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0 0 15px;
}
.solution-support .row p{
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 15px;
}

.solution-support table tr:nth-child(odd){background: #f9f9f9;}
.solution-support table tr:nth-child(even){background: #eeeeee;}
.solution-support .row .col-md-6{margin-bottom: 15px}
.solution-feadback{background-color: #f1f2f2}
.solution-feadback .row{padding-top: 60px}
.solution-feadback .register{border-radius: 0; box-shadow: none; border: none}
.solution-feadback .register > a{transition: all .3s; max-width: none; padding: 0 100px; display: inline-block; height: 44px; line-height: 44px; border-radius: 5px; color: #fff; font-weight: bold}
.solution-feadback .register > a:hover{background-color: #f5ae5b}
.solution-feadback .review-content .panel-heading{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #f7931e;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-radius: 5px;
    color: #fff;
}
.solution-feadback .review-content .rw-title{
    font-size: 14px;
    color: #000;
    line-height: 22px;
    text-align: left;
    margin-bottom: 10px;
}
.solution-feadback .review-content .rw-content{margin-bottom: 10px}
.solution-feadback .review-content .rw-meta{margin-bottom: 30px}
.solution-feadback .review-content .rw-title span{padding-left: 10px}
.solution-feadback .review-content .rw-title img{margin-bottom: 3px}
.solution-feadback .panel{border: none; box-shadow: none; border-radius: 0}
.feadback-review{border-right: 1px dashed #ccc;}

.solution-contact{
    background-color: #272f47;
}
.solution-contact .mg-sub-title {
    margin-bottom: 60px;
}
.solution-contact .people-support{background-color: #fff}
.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: 90px 15px 75px;
}
.solution-contact .people-support .items .item .content{
    text-align: center;
    background-color: #e6e7e8;
    padding: 50px 15px 25px;
    border-radius: 5px;
    position: relative;
}
.solution-contact .people-support .items .item .content .avatar {
    width: 71px;
    height: 71px;
    position: absolute;
    top: -50%;
    transform: translate(-50%, 50%);
    left: 50%;
    border-radius: 60px;
    border: 4px solid #8a8b8b;
}
.solution-contact .people-support .item .content .avatar.av1{
    background-image: url("../images/janet.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.solution-contact .people-support .item .content .avatar.av2{
    background-image: url("../images/ada.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.solution-contact .people-support .item .content p{
    margin-bottom: 0;
}
.solution-contact .form-contact{
    background-color: #fff;
    padding: 30px;
}
.solution-contact .form-contact input{
    background-color: #e6e7e8;
    width: 100%;
    padding-right: 0;
    height: 45px;
}
.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 {
    width: 100%;
    margin-top: 15px;
    text-transform: uppercase;
    color: #fff;
    background-color: #f7931e;
    font-size: 18px;
    box-shadow: none;
}

.solution-videos > .uk-container >.row{padding-top: 60px}
.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;
}
.btn-view-more {
    padding: 10px 20px;
    background-color: #FF9934;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}
#pricing-main .video-des p:last-of-type{font-style: normal}
#pricing-main .col-md-8 .video-des p:first-of-type{font-size: 18px}

.youtube-player {position: relative;padding-bottom: 56.23%;height: 0;overflow: hidden;max-width: 100%;background: transparent;}
.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 img:hover {-webkit-filter: brightness(75%);}
.col-md-8 .youtube-player .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;}
.left-video-col  .youtube-player .play{display: none}
.video-des p{text-transform: capitalize;color: #333; font-size: 16px; font-weight: bold; padding-top: 15px;padding-bottom: 12px; margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;}
.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 .uk-icon-play:before {
    color: #fff;
}
.video-border:after{border: 1px dashed #d7d7d7; display: block; content: '';margin: 0 15px 15px}

.sl-question{position: relative}
.sl-question:before{content:''; position: absolute; background-image:url(../images/ps-bg-faq.jpg); background-position: top left;width: 50%; height: 100%; background-size: cover}
.sl-question:after{content: ''; position: absolute; background-color: #f1f2f2; top: 0; right: 0; width: 50%; height: 100%}
.frequently .slimScrollDiv{padding-right: 20px;}
.frequently .slimScrollBar{height: 110px !important;}
/*.frequently .slimScrollDiv .panel-group{overflow: visible !important;}*/
.contact{padding: 60px 15px 60px 60px ; z-index: 10}
.frequently .panel{background-color: transparent;border-color: transparent;}
.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: 600;}
.frequently .panel-heading .panel-title a:hover,.frequently .panel-heading .panel-title a:focus{color: #f7931e}
.frequently .panel-active .panel-heading .panel-title a{color: #f7931e}
.frequently .panel-body{width: 98%;padding: 0;border-top-color: transparent !important;color: #fff;}
.frequently .panel-body p{margin: 16px 0;color: #fff;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%; 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}
.solution-log .row{padding-top: 50px}
.solution-review .row:first-of-type{padding-top: 60px}
.register,.review{border-radius: 5px;box-shadow: 1.7px 2.5px 0 0 rgba(204, 204, 204, 0.35); border: solid 1px #e1e1e1;padding: 0 15px 15px 15px;}
.review h2, .register h2{font-size: 18px;font-weight: bold;text-align: center;color: #333;text-transform: uppercase;background-color: #f7931e;height: 45px;line-height: 45px;font-family: 'Roboto';margin: 0 -15px 20px;}
.review-element {background: #efefef;border: 1px solid #e1e1e1;padding: 0;margin: 0 0 30px;}
.review-element > p {background: #fff;padding: 10px 20px;margin: 0 0 5px;text-transform: uppercase;}
.review-element span.author a {color: #666;font-size: 16px;font-weight: 700;text-transform: capitalize;}
.review-element .star-review {margin: -5px 0 0 30px;}
.review-element .comment-submit-time {color: #666;float: right;padding: 0;font-size: 12px;text-transform: capitalize;}
.review-element .comment-content {padding: 20px; overflow: hidden}
.review-element .comment-content .avatar-publisher {background: #fff;border: 1px solid #ddd;float: left;width: 85px;margin-right: 30px;vertical-align: middle;}
.review-element blockquote {color: #666;font-size: 13px;line-height: 18px;padding: 0;margin: 0;border: 0 none;overflow: hidden;}
.review-element blockquote:before {font-family: 'Arial';font-size: 24px;content: open-quote;}
.review-element blockquote:after {font-family: 'Arial';font-size: 24px;content: close-quote;}
/*.slimScrollDiv{margin-right: -15px}*/
.rating-number {display: inline-block;margin-left: 10px;}
.rating-number input[type="radio"] {margin-right: 5px;}
.review > a,.register > a{display: block;max-width: 200px;text-decoration:none;font-size:18px;color:#fff;line-height:35px;margin-bottom: 30px;background-color:#f7931e;height:35px;border-radius:0;text-transform: uppercase; font-weight: normal;text-align: center;}
.comment_main{background: #e5e5e5; padding: 20px;}
.comment__user,.list-comment-reply > a{float: left;position: relative;text-align: center;width: 89px;}
.avatar-wrapper,.list-comment-reply img {position: relative;margin: 0 auto;background: #fff;border: solid 1px rgba(204, 204, 204, 0.68);}
.comment__container {overflow: hidden;}
.more_info_comment{background-color: #cccccc;border: solid 1px #dcddde;padding: 20px;}
.more_info_comment .product_name{font-size: 16px;margin: 0 0 10px;}
.more_info_comment .product_name a{font-weight: bold;color: #444;}
.comment__initial {display: block;margin-bottom: 20px;overflow: hidden;padding-left: 15px;word-wrap: break-word;}
.comment__header {border-bottom: 1px dashed #ccc;margin-bottom: 15px;padding-bottom: 8px;min-height: 20px;overflow: hidden;}
.subject-comment h3 {font-weight: bold;font-size: 14px;text-transform: capitalize;display: inline;line-height: 30px;margin: 0;padding: 0;float: left;}
.submit-date{font-size: 12px;}
.share-comment {float: right;height: 18px;line-height: 30px;}
.share-comment i {background-image: url(../images/discussion_ico.png);background-position: 27px -18px;float: left;height: 20px;width: 20px;margin-top: 5px;}
.list-comment-reply{border: solid 1px #dcddde;margin: 20px 0 30px 10px;padding: 20px;}
.comment__username{font-weight: bold;}
.comment-reply__body{overflow: hidden;padding-left: 15px;}
ul.js-comment-tools {margin: 0;padding: 0;}
.comment__meta {float: right;list-style: outside none none;}
.user-html {overflow-x: auto;font-size: 13px;color: #666;}
.usage-tab li.active{background: #f7931e}
.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: bold; margin: -10px 0 15px 0}
@-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;}
#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;}
/*Responsive*/
@media (max-width:1199px ) {
    .header-service{padding: 0 15px; display: inline-block}
    .solution-features .col-md-6:nth-child(2n+1){clear: left}
    .mg-title-left{font-size: 25px}
    a.logo {padding-right: 14px;}
    .main-nav .cms-addtocart, .main-nav .cms-live-demo {margin: 5px 0 8px 15px;padding: 4px 6px;}
}
@media screen and (max-width: 1200px){
    /*.header-wrap{top: 0}*/
    #solution{margin-top: 40px}
}
@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 span.menu-icon-colapse{
        position: absolute;
        color: #fff;
        right: 5px;
        top: 32px;
        font-size: 18px;
        transform: translateY(-50%);
    }
    #menu-colapse .uk-parent{
        position: relative;
    }
    #menu-colapse .uk-parent ul{
        display: none;
        position: static;
        margin-left: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #menu-colapse .uk-parent ul li a{
        display: block;
        font-size: 16px;
    }

    #menu-colapse ul li a:hover,#menu-colapse ul li a:focus{background: transparent;font-weight: bold}
    .main-nav .navbar-nav{display: none}
    .main-nav #show-menu-colapse{float: left; margin-top: 8px}
    .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 30px;*/
        padding-bottom: 50px;
    }
    .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}
}
@media (max-width:991px ) {
    .solution-price .add-cart {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .package-box-price h2{
        font-size: 42px;
    }
    #table-pricing .table-main {
        overflow: auto;
    }
    .solution-contact .form-contact .first-input{
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .solution-contact .people-support .items {
        flex-wrap: wrap;
    }
    .solution-contact .people-support .items .item {
        flex: 1 1 100%;
    }
    .solution-contact .people-support .items .item:first-child {
        padding-bottom: 0;
    }

    #document-online{
        flex-wrap: wrap;
        align-items: center;
    }
    #document-online a{
        margin-top: 30px
    }

    #slider_layout .gallery-cell:nth-child(2n+1){
        clear: left;
    }
    #slider_layout .gallery-cell:nth-child(3n+1){
        clear: none;
    }
    .solution-work-with .step-icon .step-icon-con:after{display: none}
    .solution-work-with .col-md-3{margin-bottom: 45px}

    .header-service{padding: 0 30px;}
    .header-service a{font-size: 14px; padding-left: 0}
    .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}
    .solution-about .col-md-4:last-of-type{float: none; margin: 0 auto;}
    .main-header .main-nav li a{padding: 10px}
    .sl-question:before{width: 100%;background-size: inherit;}
    .sl-question:after{display: none}
    .contact{background: #f1f2f2;padding: 60px 15px}
    .register{text-align: center}
    .solution-vendor .vendor__btn{text-align: center; margin-bottom: 60px}
    #pricing-main .frequently{padding-bottom: 0}


}
@media (max-width:767px ) {
    .solution-changelog-Community .changelog, .solution-changelog-Community .community{text-align: left}
    .solution-changelog-Community .community{border-left: none}
    .mg-title{line-height: 40px;}
    .mg-title-left:after,
    .mg-title:before,
    .mg-title:after{display: none;}
    .img-slide{min-height: 150px;}
    .sl-package{display: block;}
    .package-content:last-of-type .total-price {padding: 60px 30px 60px;}
    .solution-features .nav-tabs{display: inline-block; margin-left: 15px}
    .solution-features .dropdown{display: inline-block}
    .solution-features .dropdown button {
        margin-bottom: 4px;
        font-weight: bold;
        line-height: 1.6;
        text-transform: uppercase;
        font-size: 16px;
        box-shadow: none;
        background-color: #fff;
        color: #333;
        border-radius: 5px 5px 0 0;
        border: none;
        padding: 10px 15px;
        border: 1px solid #fff;
    }
    .solution-features .dropdown button:focus,
    .solution-features .dropdown button:active,
    .solution-features .dropdown button:active:focus {
        color: #fff;
        background-color: #ff9933;
        border-color: #ff9933;
    }
    .solution-benenfits .text-right{text-align: left}


}
@media (max-width:515px ) {
    .header-service {padding: 0 15px;}
    .solution-view-case .row div{width: 100%; text-align: center; height: 163px}
    .mg-title{font-size: 24px}
    .mg-title-left{font-size: 22px}
    .mg-sub-title{font-size: 14px}

    #slider_layout .gallery-cell, #slider_layout .gallery-cell img{
        width: 100%;
    }
}
@media (max-width: 450px){
    a.logo {display: none;}
    .main-nav .cms-addtocart, .main-nav .cms-live-demo {margin: 5px 0 8px 15px;}
    .review-element .comment-submit-time{float: none; display: block; padding: 5px 0 0;}
    .review-element .comment-content .avatar-publisher, .comment__user{float: none; margin-bottom: 20px; margin-right: 0;}
    .comment__initial{padding-left: 0; text-align: left;}
    .comment-reply__body{text-align: left;padding-left: 0; display: block; padding-top: 20px;}
    .list-comment-reply > a{float: none; text-align: left; display: block;}
}
@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}
    .frequently .slimScrollDiv{padding-right: 20px}
    .mg-title,.mg-title-left{font-size: 20px}
    .solution-log .col-sm-3, .solution-log .col-sm-9{width: 100%}
    .usage-tab li{margin: 0 auto 15px}
}
/*style features*/
.ft-text-color{color: #f8981c}
.ent-review-error {color: red;display: block;padding-top: 10px;}
.cmsmart-mstrue {color: #1976d2;}
#features-main{padding-top: 60px;}
#features-main .update{
    font-size: 12px;
    color: #fff;
    background-color: #ff9933;
    border-radius: 3px;
    line-height: 16px;
    font-weight: 300;
    padding: 0 3px;
    top: 7px;
    right: 20px;
    font-style: italic;
}

#features-main-menu a.group-parent {position: relative; background-color: #e6e7e8; font-size: 18px; line-height: 24px; font-weight: bold; border-left: none; padding: 10px 30px; text-transform: capitalize}
#features-main-menu a.group-parent i{position: absolute; top: 57%; transform: translateY(-50%); right: 30px}
#features-main-menu .panel{border-radius: 0; border: none; box-shadow: none; margin-top: 0}
#features-main-menu .child-list li a{border: none; transition: all .3s}
#features-main-menu .child-list li a:hover{background-color: transparent}
#features-main-menu .child-list .list-group-item{padding-left: 0; text-transform: capitalize}
#features-main-menu .child-list .list-group-item:focus{background-color: transparent}

#features-main .features-responsive,
#features-main .features-creative-header,
#features-main .features-unique-footer,
#features-main .features-category,
#features-main .features-grid,
#features-main .features-multi-google,
#ft-currency,#ft-language,#ft-custom,#ft-brand,#ft-icon,#ft-best,#ft-hot,#ft-featured,
#ft-slider,#ft-function,#ft-cms,#ft-menu,
#ft-view,#ft-register-seller,#ft-approve-product,#ft-approve-order,#ft-allow-associated,
#ft-configure-sku,#ft-multiple-vendor,#ft-graph,#ft-checkout,
#ft-delivery,#ft-blog, #ft-faq, #ft-locator,#ft-shipping
{margin-bottom: 0}

.features-float{float: right}
.left-sidebar{max-width: 390px}
.features-side-bar .sb-title,#sidebar-colapse .sb-title{background: #ff9900; color: #fff;font-size: 21px; font-weight: 600; text-transform: uppercase; height: 53px; line-height: 53px;margin: 0; padding-left: 27px}
.features-side-bar, .features-content{border-radius: 3px;border: 1px solid #e1e1e1;-webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 0.35);-moz-box-shadow:2px 2px 0px 0px rgba(204, 204, 204, 0.35);box-shadow:2px 2px 0px 0px rgba(204, 204, 204, 0.35)}
.features-content{border: none;}
.features-side-bar ul, #sidebar-colapse ul{margin: 15px 0}
.features-side-bar li, #sidebar-colapse li{list-style: initial; margin-left: 45px; 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: #ff9900;}
.features-side-bar li a{color: #333; line-height: 20px}
.features-side-bar li a:hover, .features-side-bar li a:active, #sidebar-colapse li a:hover, #sidebar-colapse li a:active{color:#ff9900;}
.features-sub-title{text-align: center; font-size: 16px; color: #333; line-height: 24px;padding-bottom: 30px; margin: 0}
.features-content > section[class*="features-"]{margin-bottom: 25px;}
.features-content img {
    margin: 0 auto;
    display: block;
}
.features-content{margin-bottom: 50px}
#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}
.features-intro{background-color: #2b374d;position: relative;}
.features-highlight{text-align: center; background: #2b374d;}
.features-highlight .col-xs-4:nth-child(3n+1){clear: left;}
.features-light{position: relative; padding: 1px;}
.features-light:before {
    content: '';
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: rgba(47,184,247,1);
    background: -moz-linear-gradient(45deg, rgba(47,184,247,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(47,184,247,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(45deg, rgba(47,184,247,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(45deg, rgba(47,184,247,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(47,184,247,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(45deg, rgba(47,184,247,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb8f7', endColorstr='#ffffff', GradientType=1 );
    border-radius: 5px;
}
.features-highlight > h2{color: #fff; padding: 40px 0 20px; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.features-highlight p.has-status{position: relative}
.features-highlight p.has-status .feature-status{position: absolute;font-size: 12px; color: #fff; background-color: #ff9933; border-radius: 3px; line-height: 16px; font-weight: 300; padding: 0 3px; top: 7px;
                                                 right: 20px; font-style: italic}
.features-light > span{display: block;background-image: url('../images/features-highlight.png');background-color: #2fb8f7;background-repeat: no-repeat;width: 50px;height: 50px;position: relative; margin: 0 auto;}
.features-light .vendor1a{background-position: 0px 0px;}
.features-light .vendor1b{background-position: -50px 0px;}
.features-light .vendor1c{background-position: -100px 0px;}
.features-light .vendor2a{background-position: 0px -50px;}
.features-light .vendor2b{background-position: -50px -50px;}
.features-light .vendor2c{background-position: -100px -50px;}
.features-light .vendor3a{background-position: 0px -100px;}
.features-light .vendor3b{background-position: -50px -100px;}
.features-light .vendor3c{background-position: -100px -100px;}
.features-light .vendor4a{background-position: 0px -150px;}
.features-light .vendor4b{background-position: -50px -150px;}
.features-light .vendor4c{background-position: -100px -150px;}
.features-core > h2, .features-multi-highlight > h2, .features-sale-marketing > h2,.features-vtiger-crm > h2 
{font-size: 30px; font-weight: bold; text-transform: uppercase; color: #333; text-align: center}
.features-core > h2 span, .features-multi-highlight > h2 span, .features-sale-marketing > h2 span,
.features-vtiger-crm > h2 span
{color: #fff; background: #ff9900; border-radius: 10px; padding: 5px;}
.features-content div[class*="ft-"]{position: relative;}
.core-content{position: absolute; top: 0; padding: 0 90px;}
.core-content span{
    position: absolute;
    color: #fff;
    left: 90px;
    text-transform: uppercase;
    white-space: normal;
    background: #6600cc;
    padding: 3px 5px;
    transition: all .2s ease;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
}
.core-content span:before{
    content: "";
    position: absolute;
    border: 5px solid transparent;
    border-top: 5px solid #6600cc;
    bottom: -10px;
    left: calc(50% - 5px);
}
.ft-header .core-content{top: 50px;}
.ft-footer .core-content span{background: #f76b6c;}
.ft-footer .core-content span:before{border-top: 5px solid #f76b6c;}
.ft-content .core-content span{background: #0099ff;}
.ft-content .core-content span:before{border-top: 5px solid #0099ff;}
.ft-design .core-content span{background: #81be33;}
.ft-design .core-content span:before{border-top: 5px solid #81be33;}
.core-content p{margin-top: 50px; line-height: 24px;}
.features-multivendor{position: relative; background: #f3f3f3;}
.features-multivendor > div{position: absolute; text-align: center; width: 100%;}
span.multi{
    position: absolute;
    top: 0;
    padding: 3px 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    background: #39b54a;
    left: 0; 
}
.features-multivendor h2, .features-vendor h2{
    font-size: 24px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
    padding-top: 50px;
}
.features-multivendor h2 span, .features-vendor h2 span{color: #4db2ec;}
.features-multivendor p, .features-vendor p{font-size: 16px; color: #666; line-height: 18px; font-weight: 400; padding: 0 90px;}
.features-multilast{position: relative; background: #f8f8f8;}
.multivendor-box{display: flex;}
.features-box{flex: 0 0 50%;}
.features-box img{width: 100%;}
.content-box{justify-content: center; display: flex; flex-direction: column; padding: 0 50px;}
.content-box h4{font-size: 18px; font-weight: bold; color: #444;}
.content-box p{color: #666;}
.multivendor-box:nth-child(odd) .content-box{text-align: right; order: 1;}
.multivendor-box:nth-child(odd) .features-box{order: 2;}
.multivendor-box:nth-child(even) .content-box{text-align: left; }
.features-addon > span{font-size: 36px; font-weight: bold; color: #fff; background: #ff9900; font-family: 'Lato'; text-transform: uppercase; padding: 5px 10px; border-radius: 10px; -webkit-border-radius: 10px; margin: 0 auto; text-align: center; display: block; max-width: 200px;}
.features-addon > h2{color: #333; font-size: 31px; font-weight: 400; text-transform: capitalize; text-align: center; position: relative; margin-bottom: 60px;}
.features-addon > h2:after {
    content: '|';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #ff9900;
}
.features-addon > h2 span{color: #ff9900;}
.add-on-1, .add-on-2, .add-on-3{background: url(../images/features-bg-addon.jpg) repeat; margin-bottom: 25px; position: relative; background-size: cover;}
.add-on-3{margin-bottom: 0;}
div[class*="add-on-"] > div{padding: 0 50px;}
div[class*="add-on-"] h4{font-size: 21px; font-weight: 500; color: #fff; margin: 0 0 15px;}
.add-on-1 img, .add-on-2 img{display: block; margin: 0 auto; padding: 15px 0 30px 0;}
.add-on-1 > img, .add-on-2 > img, .add-on-3 >img{padding: 60px 0 40px;}
div[class*="add-on-"] p{color: #e6e7e8;}
.inline{display: inline-block;}
.inline img{padding: 15px 8px 30px 8px;}
.inline p{text-align: center;}
.addon-box:first-of-type{padding-top: 50px;}
.addon-box{display: flex; padding-bottom: 30px;}
.addon-left{flex: 0 0 50%;}
.addon-left img{width: 100%;}
.addon-right{display: flex; flex-direction: column; padding-left: 30px; justify-content: flex-start;}
.addon-right h4:after{content: ''; border-bottom: 2px solid #ff9900; width: 73px; padding-top: 15px; display: block;}
.features-vendor{position: relative; background: url(../images/features-bg-compatible.jpg) repeat; background-size: cover;}
.features-vendor > div{position: absolute; text-align: center;}
.features-vendor h2{color: #fff;}
.features-vendor p{color: #e6e7e8;}
.features-admin > div{position: relative;}
.features-admin h2{
    position: absolute;
    color: #2b374d;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 40px;
    width: 100%;
}
.features-admin p{
    position: absolute;
    color: #fff;
    bottom: 0;
    text-transform: capitalize;
    white-space: normal;
    transition: all .2s ease;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    padding: 10px 140px;
    text-align: center;
    margin: 0;
}
.features-admin p:before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    top: -20px;
    left: calc(50% - 10px);
}
#ft-admin p{background: #2fb8f7}
#ft-admin p:before{border-bottom-color: #2fb8f7;}
#ft-design p{background: #f76b6c}
#ft-design p:before{border-bottom-color: #f76b6c;}
#ft-header p{background: #81be33}
#ft-header p:before{border-bottom-color: #81be33;}
#ft-footer p{background: #008ed6}
#ft-footer p:before{border-bottom-color: #008ed6;}
#ft-detail p{background: #d8b40c}
#ft-detail p:before{border-bottom-color: #d8b40c;}
#ft-custom p{background: #26ba64}
#ft-custom p:before{border-bottom-color: #26ba64;}
.module-box{
    position: absolute;
    padding: 40px 90px 0;
    text-align: center;
    width: 100%;
}
.features-module > div{position: relative;}
.features-module{background: #f8f8f8; margin-bottom: 0 !important;}
.features-module h4{
    color: #2b374d;
    text-transform: capitalize;
    font-weight: bold;
}
.features-module p{
    color: #2b374d;
    line-height: 24px;
}
.features-core > div{background: #e5e6ea;}
@media (max-width:1199px){
    .left-sidebar{max-width: 340px}

    .solution-multi-vendor .icon-round:after{width: 270px !important;}
}

@media screen and (max-width: 1130px){
    .solution-multi-vendor .icon-round:after{width: 245px !important;}
}
@media screen and (max-width: 1024px){
    .package-box-top .package-popup span a {
        line-height:25px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .core-content span{left: 40px;}
    .core-content, .features-multivendor p, .features-vendor p, .content-box, div[class*="add-on-"] > div{padding: 0 40px;}
    .features-multivendor h2, .features-vendor h2{padding-top: 30px; line-height: 34px;}
}
@media (max-width: 991px){
    .left-sidebar {
        /*display: none;*/
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        max-width: 743px;
        /*margin: 0 auto;*/
        display: block;
        float: none;
    }

    /*.slimScrollBar{display: none !important;}*/

    .left-sidebar .menu-header{background-color: #7f7f7f; display: flex; align-items: center}
    .left-sidebar .menu-header h2{
        flex: 0 85%;
    }
    .left-sidebar .menu-header span{
        margin: auto;
        display: inline-block;
        color: #fff;
    }
    #show-sidebar-colapse{display: inline-block}
    #features-main-menu{display: none}
    .left-sidebar .features-side-bar{height: 300px}
    .left-sidebar .child-list{margin: 0; background-color: #fff}
    .features-float{width: 100%; max-width: 743px; margin: 0 auto; display: block; float: none;}
    /*#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}
    .solution-multi-vendor .step-content{margin-top: 30px; margin-bottom: 45px}
    #features-main-menu{max-height: 230px}
    #features-main-menu .panel{margin: 0}
    .features-side-bar{border-radius: 0; border: 1px solid #ededed; box-shadow: none}
}
@media(max-width:767px){
    .features-intro p, .core-content, .features-multivendor p, .features-vendor p{padding: 0 15px;}
    .core-content span{left: 15px; top: 0}
    .features-intro p{bottom: 0;}
    .core-content p{padding-top: 50px; margin: 0;}                
    .add-on-1, .add-on-2, .add-on-3{background-size: cover;}
    div[class*="add-on-"] > div{padding: 0 15px;}
    .features-admin p{padding: 10px 15px;}
    .core-content{position: static;}
    .module-box{padding: 30px 15px 0; position: relative; margin-bottom: -60px;}
    .content-box{padding: 0 15px;}
    .features-multivendor > div{position: static;}
    .addon-right{padding-left: 0; padding-top: 30px;}
    .solution-benenfits > div > .bn-background .col-sm-6:last-of-type,
    .solution-benenfits > div > .bn-background .col-sm-6:first-of-type{
        padding-left: 15px;
        padding-right: 15px;
    }
    .solution-benenfits > div > .uk-container .col-sm-6:last-of-type{
        padding-left: 15px;
    }

}
@media(max-width:500px){
    .inline > a{display: block; padding: 15px}
    .features-intro p{position: static; font-size: 14px; line-height: 18px; margin-top: -30px;}
    .features-core > h2, .features-multi-highlight > h2, .features-multivendor h2, .features-vendor h2{font-size: 20px; line-height: 30px;}
    .ft-header .core-content span{top: 50px; font-size: 16px;}
    .ft-header .core-content p{padding-top: 100px;}
    .features-multivendor p, .features-vendor p{font-size: 14px;}
    .multivendor-box{display: block;}
    .multivendor-box:nth-child(odd) .content-box{text-align: left;}
    .content-box{padding: 20px 15px 0;}
    .features-addon > span{font-size: 24px;}
    .features-addon > h2{font-size: 22px; line-height: 30px;}
    .add-on-1 > img, .add-on-2 > img, .add-on-3 >img{padding: 40px 15px 0;}
    .addon-box{display: block;}
    .features-admin p{padding: 5px 15px; line-height: 18px;}
    .features-admin h2{font-size: 20px; line-height: 30px; padding-top: 20px; position: static;}
    .features-vendor > div{position: static;}
}
/*Page demo*/
.landing-page-demo > div{padding-top: 100px; padding-bottom: 100px;}
.landing-page-demo .col-sm-4:nth-child(3n+1), .landing-page-demo .col-sm-3:nth-child(4n+1), .landing-page-demo .col-sm-6:nth-child(2n+1){clear: left;}
.landing-page-demo h2 {font-size: 36px;text-transform: uppercase;font-weight: bold;color: #333;}
.bottom-border{
    color: #ff9900;
}
.core_value .media{padding-top: 38px;margin-top: 0;}
.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-body{text-align: right;}
.core_value .media:nth-child(even) .media-left{margin-top: auto;float: left;margin-right: 30px;}
.core_value .media h4{font-size: 18px; color: #000; text-transform: uppercase; font-weight: 700;margin: 2px 0px 22px;}
.core_value .media p{margin: 0 0 0;}
.core-icon{display: block;background-image: url('../images/demo-icon-core.png');background-color: #e5e5e5;background-repeat: no-repeat;width: 95px;height: 95px;position: relative;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.ci-1{background-position: 0px 0px;}
.ci-2{background-position: 0px -95px;}
.ci-3{background-position: 0px -190px;}
.ci-4{background-position: 0px -285px;}
.ci-5{background-position: 0px -375px;}
.ci-6{background-position: 0px -470px;}
.ci-1b{background-position: -95px 0px;}
.ci-2b{background-position: -95px -95px}
.ci-3b{background-position: -95px -190px;}
.ci-4b{background-position: -95px -285px;}
.ci-5b{background-position: -95px -375px;}
.ci-6b{background-position: -95px -470px;}

#three-marketplace{background: url('../images/three-kind/bg-three-kind.jpg') no-repeat;background-size: cover;}
#three-marketplace .header-box.democ1a{background-image: url("../images/three-kind/kind_01.jpg");}
#three-marketplace .header-box.democ1b{background-image: url("../images/three-kind/kind_02.jpg");}
#three-marketplace .header-box.democ1c{background-image: url("../images/three-kind/kind_03.jpg");}
.cms-breadcrumbs{display: none;}
#demo{background: url('../images/demo-data/bg-demo-data.jpg') no-repeat;background-size: cover;padding-bottom: 55px;}
#demo .row, #three-marketplace .row{padding-top: 40px;}
#demo h2, #demo p.desc, .core-theme h2, .core-theme p.desc{color: #fff;}
#demo .header-box{position:relative}
#demo .header-box .free-install{
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    background: #e28703;
    color: #fff;
    text-transform: uppercase;
}
#demo .header-box, #three-marketplace .header-box {width: 100%;height: 500px;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;}
#demo .header-box:hover, #three-marketplace .header-box:hover {background-position: 0 100%;}
#demo .header-box.democ1a {background-image: url("../images/demo-data/demo-data_01.jpg");}
#demo .header-box.democ1b {background-image: url("../images/demo-data/demo-data_02.jpg");}
#demo .header-box.democ1c {background-image: url("../images/demo-data/demo-data_03.jpg");}
#demo .header-box.democ1d {background-image: url("../images/demo-data/demo-data_04.jpg");}
#demo .header-box.democ1e {background-image: url("../images/demo-data/demo-data_05.jpg");}
#demo .header-box.democ1f {background-image: url("../images/demo-data/demo-data_06.jpg");}
#demo .header-box.democ1g {background-image: url("../images/demo-data/demo-data_07.jpg");}
#demo .header-box.democ1h {background-image: url("../images/demo-data/demo-data_08.jpg");}
#demo .header-box.democ1i {background-image: url("../images/demo-data/demo-data_09.jpg");}
#demo .header-box.democ2a{background-image: url("../images/demo-home-4.jpg");}
#demo .header-box.democ2b{background-image: url("../images/demo-home-5.jpg");}
#demo .header-box.democ2c{background-image: url("../images/demo-home-6.jpg");}
#demo .col-sm-4 > p, #three-marketplace .col-sm-4 > p{font-size: 16px;font-weight: bold;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;margin-bottom: 45px;}
#demo .col-sm-4 > p a, #three-marketplace .col-sm-4 > p a{text-decoration: none;color: #fff;}
.pages-demo .gallery-cell{padding-top: 15px; padding-bottom: 15px;}
.pages-demo .gallery-cell a:before{content: '';background: rgba(0,0,0,0.6);opacity: 0;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: 15px;right: 15px;bottom: 15px;top: 15px;display: block;}
.pages-demo .gallery-cell a:hover:before,
.header-box:hover > a > span, .pages-demo .gallery-cell:hover span.visit-demo{opacity: 1;}
.pages-demo .gallery-cell span.visit-demo,
.header-box > a > span{position: absolute;top: 50%;left: 50%;opacity: 1;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);font-size: 14px;text-transform: capitalize;background: #ff9900;border: 1px solid #ff9900;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;}
.gallery-cell > a {display: block;height: 323px;overflow: hidden;box-shadow:0px 2px 10px rgba(153,153,153, 0.35);-webkit-box-shadow: 0px 2px 10px rgba(153,153,153, 0.35);-moz-box-shadow:0px 2px 10px rgba(153,153,153, 0.35);}
.header-box > a:hover:before{
    opacity: 1;
}
.header-box > a:before{
    content: '';
    background: rgba(0,0,0,0.6);
    opacity: 0.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: 0px;
    right: 0px;
    display: block;
}
.header-box img{
    -webkit-box-shadow: 0px 5px 18px 0 rgba(7, 7, 7, 0.6);
    -moz-box-shadow:    0px 5px 18px 0 rgba(7, 7, 7, 0.6);
    box-shadow:         0px 5px 18px 0 rgba(7, 7, 7, 0.6);
}
.header-box p{
    font-size: 16px; 
    font-weight: bold;
    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: #ffffff;
}
.header-box > p > a span{
    font-size: 16px;
    display: block;
    color: #999;
    text-transform: capitalize;
    font-weight: normal;
    padding-bottom: 30px;
}
.core-theme{background: url('../images/demo-bg-theme.jpg') no-repeat;background-size: cover;}
.core-theme img{padding-top: 30px;}
.core-theme .core_value .media h4{color: #ff9a00;}
.core-theme .core_value .media p{color: #eeeeee;}
.core-theme .theme-icon{display: block;background-image: url('../images/demo-icon-theme.png');background-color: transparent;background-repeat: no-repeat;width: 120px;height: 120px;position: relative;}
.theme-icon.ci-1{background-position: 0 0;}
.theme-icon.ci-1b{background-position: 0 -120px;}
.theme-icon.ci-2{background-position: -120px 0;}
.theme-icon.ci-2b{background-position: -120px -120px;}
#headerlink .header-box > a:before{left: 15px; right: 15px;}
#headerlink .header-box img{width: 100%;}
#headerlink .header-box:not(:last-of-type){margin-bottom: 45px;}
#headerlink .header-box:first-of-type{margin-top: 30px;}
#multivendor{
    background: url('../images/demo-bg-multi.jpg') no-repeat;
    background-size: cover;
    padding-bottom: 60px;
}
#multivendor h2, #multivendor p.desc{
    color: #fff;
}
#multivendor .row{padding-top: 40px;}
#multivendor .col-sm-3 p{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: rgba(230, 231, 232, 0.85);
    margin: 20px 0 40px;
}
.multi-box{position: relative;}
.multi-box:before{
    width: 72px;
    height: 72px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: rgba(6,206,193,1);
    background: -moz-linear-gradient(left, rgba(6,206,193,1) 0%, rgba(6,200,195,1) 11%, rgba(6,162,209,1) 80%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,206,193,1)), color-stop(11%, rgba(6,200,195,1)), color-stop(80%, rgba(6,162,209,1)));
    background: -webkit-linear-gradient(left, rgba(6,206,193,1) 0%, rgba(6,200,195,1) 11%, rgba(6,162,209,1) 80%);
    background: -o-linear-gradient(left, rgba(6,206,193,1) 0%, rgba(6,200,195,1) 11%, rgba(6,162,209,1) 80%);
    background: -ms-linear-gradient(left, rgba(6,206,193,1) 0%, rgba(6,200,195,1) 11%, rgba(6,162,209,1) 80%);
    background: linear-gradient(to right, rgba(6,206,193,1) 0%, rgba(6,200,195,1) 11%, rgba(6,162,209,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06cec1', endColorstr='#06a2d1', GradientType=1 );
}
#multivendor .col-sm-3 span{
    width: 104px;
    height: 104px;
    position: relative;
    display: block;
    margin: 0 auto;
}
#multivendor .col-sm-3 span:before{
    content: '';
    width: 104px;
    height: 104px;
    background-image: url(../images/demo-icon-multi.png);
    display: block;
    background-repeat: no-repeat;
}
.vendor1a:before{
    background-position: 0 0;
}
.vendor1b:before{
    background-position: -104px 0;
}
.vendor1c:before{
    background-position: -208px 0;
}
.vendor1d:before{
    background-position: -312px 0;
}
.vendor2a:before{
    background-position: 0 -104px;
}
.vendor2b:before{
    background-position: -104px -104px;
}
.vendor2c:before{
    background-position: -208px -104px;
}
.vendor2d:before{
    background-position: -312px -104px;
}
.vendor3a:before{
    background-position: 0 -208px;
}
.vendor3b:before{
    background-position: -104px -208px;
}
.vendor3c:before{
    background-position: -208px -208px;
}
.vendor3d:before{
    background-position: -312px -208px;
}
.vendor4a:before{
    background-position: 0 -312px;
}
.vendor4b:before{
    background-position: -104px -312px;
}
.vendor4c:before{
    background-position: -208px -312px;
}
.vendor4d:before{
    background-position: -312px -312px;
}
.vendor5a:before{
    background-position: 0 -416px;
}
.vendor5b:before{
    background-position: -104px -416px;
}
.vendor5c:before{
    background-position: -208px -416px;
}
.vendor5d:before{
    background-position: -312px -416px;
}
.vendor6a:before{
    background-position: 0 -520px;
}
.vendor6b:before{
    background-position: -104px -520px;
}
.vendor6c:before{
    background-position: -208px -520px;
}
.vendor6d:before{
    background-position: -312px -520px;
}
#vendor-pages{text-align: center; padding-left: 15px; padding-right: 15px;}
#vendor-pages p{text-align: center; margin: 10px 0 30px;}
.vendor-pages-1{display: inline-block;}
#vendor-pages p > a{font-weight: bold; color: #444; text-transform: uppercase;display: block;}
#vendor-pages .col-md-4:first-of-type .button-demo{float: right;}
#vendor-pages .col-md-4:last-of-type .button-demo{float: left;}
#addon{padding-top: 0px;}
#addon .text-addon h3{font-size: 30px; font-weight: bold; color: #444; padding-top: 10px;}
#addon .text-addon h3 span{font-weight: normal; font-family: 'Lato'; color: #ff9900;}
#addon .text-addon > span{color: #fff; font-size: 36px; text-transform: uppercase; font-weight: bold; height: 45px; line-height: 45px; border-radius: 10px;background-color: #ff9900; padding: 0 10px;}
#addon .text-addon{padding-bottom: 30px;}
#addon .header-box{position: relative;}
#addon .row p{font-weight: bold; color: #444; text-align: center; text-transform: uppercase; margin: 30px 0 40px; font-size: 16px;}
#top_header {
    background: url("../images/demo-slide.jpg") no-repeat;
    background-size: cover;
    position: relative;
    min-height: 996px;
    background-position: center center;
}
p.desc {
    margin: 0px;
    padding-bottom: 17px;
    font-size: 18px;
    font-weight: 300;
    color: #666666;
}
#personal-service p.desc{margin: 0 0 30px;}
#personal-service div > a{
    color: #ff9900;
    border: 2px solid #ff9900;
    padding: 12px 30px 12px 15px;
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
}
#personal-service div > a:hover{color: #fff;background: #ff9900}
.right-service a > span{padding-left: 17px}
.buy-now 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{
    color: #ff9900; 
    background: #fff;
    font-weight: bold;
}
.buy-now{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}
.p-slide {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 0;
    padding-bottom: 25px;
    line-height: 32px;
}
p{
    color: #666;
    font-size: 14px; 
    font-weight: 400;
    line-height: 20px;
}
#personal-service{
    background-color: #dfe0e1;
    padding-top: 0;
    padding-bottom: 0;
}
#personal-service .row.text-center{
    position: relative;
}
.left-services img {
    left: -100px;
    position: absolute;
    bottom: 0;
}
.right-service {
    margin-left: 55%;
    padding-bottom: 130px;
    padding-top: 110px;
    text-align: left;
}
.number-demo {
    background: #ff9900 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{
    background-color: #a3a3a3;
    text-transform: uppercase;
    padding: 11px 20px;
}
.demo-title a{
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}
@media (max-width: 1199px){
    .gallery-cell > a {
        height: auto;
    }
}

@media (max-width: 400px){
    .solution-buy-now .btn-buy-now{
        padding: 15px 0;
        width: 100%;
    }
}
@media (max-width: 991px){
    .core_value .media:nth-child(odd) .media-left{float: left; margin-right: 30px; margin-left: 0;}
    .core_value .media:nth-child(odd) .media-body{text-align: left;}
    #demo .header-box{height: 400px;}
    .left-services{display: none;}
    h2 {
        font-size: 30px;
        line-height: 41px;
    }
    .right-service {
        padding-bottom: 90px;
        text-align: center;
        padding-top: 60px;
        margin-left: 0;
    }
}
@media (max-width: 767px){
    .landing-page-demo > div{padding-top: 70px; padding-bottom: 70px;}
    #top_header{min-height: 600px;}
    .landing-page-demo .col-sm-4:nth-child(3n+1),.landing-page-demo .col-sm-3:nth-child(4n+1){clear: none;}
    .landing-page-demo .col-sm-4:nth-child(2n+1), .landing-page-demo .col-sm-3:nth-child(2n+1){clear: left;}
    #multivendor .col-sm-3{width: 50%; float: left;}
    #addon .row{text-align: center;}
}
@media (max-width: 480px){
    .landing-page-demo > div{padding-top: 50px; padding-bottom: 50px;}
    .landing-page-demo h2{font-size: 24px; line-height: 30px;}
    #top_header{min-height: 400px;}
    .buy-now{left: auto; transform: translate(0, -45%);}
    #multivendor .col-sm-3, .pages-demo .col-sm-4, #vendor-pages .col-md-4{width: 100%;}
    .pages-demo .gallery-cell img{width: 100%;}
    #vendor-pages .col-md-4:first-of-type .button-demo, #vendor-pages .col-md-4:last-of-type .button-demo{float: none; display: block;}
    #vendor-pages .col-md-4:first-of-type .button-demo{margin-bottom: 30px;}
    .core_value .media:nth-child(odd) .media-left, .core_value .media:nth-child(even) .media-left{float: none; display: block;margin-right: auto; margin-left: auto;}
    .core_value .media:nth-child(odd) .media-body{text-align: center;}
    .core-icon, .core-theme .theme-icon{margin: 0 auto 15px;}
    .core_value{text-align: center;}
}

@media (max-width: 400px){
    .solution-feadback .register > a {padding: 0 30px}
}

@media (max-width: 472px) {
    #pricing-main .suitable-package .nav-tabs li:first-child a{padding-right: 75px}
}

@media screen and (max-width: 767px){
    #menu-colapse{
        width: 100%;
    }
}

#change-log .compatible-row{
    padding-top: 15px;
}
#change-log .compatible-row .item{
    color: #f7931e;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}

.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:9999999}
.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:99;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:100;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}

.dmvf { 
    background: url('../images/sprites-vendor2.png') no-repeat top left;
    display: inline-block;
    width: 68px;
    height: 68px;
    margin-right: 30px;
    float: left;
} 
.dmvf.aasfs { background-position: 0 0; } 
.dmvf.spifv { background-position: -74px 0; } 
.dmvf.csp { background-position: -148px 0; } 
.dmvf.oscwosd { background-position: -222px 0; } 

.nb-designer-slider .wp-btn{
    padding: 10px 35px;
    border-radius: 5px;
    background-color: #f6931e;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}
.nb-designer-slider{background-image:url("../images/bg-slider_02.jpg");background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-end;padding:120px 10px 90px;}
.nb-designer-slider .logo{font-size:72px;font-weight:bold;line-height:normal;color:#4385f5;}
@media screen and (max-width: 767px){
    .nb-designer-slider .logo{font-size:36px;}
}
.nb-designer-slider .main-slider{display:inline-block;text-align:center;}
.nb-designer-slider .main-slider .logo{margin-bottom:20px;}
.nb-designer-slider .main-slider h1{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    max-width: 890px;
    margin: 0 auto 30px;
    line-height: 30px;
}
.nb-designer-slider .main-slider p{
    color: #fff;
    line-height: 30px;
    max-width: 980px;
    margin: 0 auto 25px;
    font-size: 18px;
}
.nb-designer-slider .main-slider .relate{margin-bottom:35px;}
@media screen and (max-width: 1024px){
    .nb-designer-slider{padding:45px 10px;}
    .nb-designer-slider .main-slider{min-height:282px;}
    .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;}
}