body
{
    background-image: none; 
}
ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
li
{
    margin:0px;
    padding:0px;
}
strong{
    font-size:11px;
    font-style:normal;
}
input,
button {
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}
.new-green-btn,
.whiteblackbutton
{
    font-family: 'montserrat_semibold', Arial, Helvetica, sans-serif!important;
}
input[type="text"].textinput {
    font-size: inherit;
    line-height: inherit;
}
.slider-container {
    width: 100%;
    margin:0;
    height:100%;
    position: relative;
}
.slider-right-side
{
    width: 100%;
    height: 510px;
    position: absolute;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}
.slider-container,
.slider-rght
{
    display: none;   
}
/*.sc-intro .new-green-btn,
{
    background-color: #47b44b;
    box-shadow: none !important;
}*/

/*REDESIGN*/
.container
{
    width: 90%;    
}
.mingleheader{
    margin: 0 auto;
    width:930px !important
}
.rewrite-header
{
    position: relative;
    z-index: 12;
    background: #fff;
    -webkit-box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,.2);
    box-shadow: inset 0 -1px 0px 0 rgba(0,0,0,.2)
}
.rewrite-header .container:before,
.rewrite-header .container:after
{
    content: none;
    float: left;
}
.header-submenu{
    position:relative;
    z-index:9999;
    display: none;
}
.header-submenu.active
{
    display: block;
    width: 170px;
    float: right;
    position: relative;
    z-index: 1000;
    margin: 0px 0px 0 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0px 0 4px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 0 4px rgba(0,0,0,.15);
    box-shadow: 0px 0 4px rgba(0,0,0,.15);
}
.header-submenu.active .container
{
    width: 100%
}
.header-submenu.active .minglemenu-container
{
    display: table;
    position: relative;
    right: 0px;
    top: 0;  
}
.header-submenu.active .submenuitem
{
    display: block;
    border: none;
    border-bottom: solid 1px rgba(235,235,235,.8);
    text-align: left; 
    background: rgba(255,255,255,.9);
    margin: 0;
    padding: 0;
    font-family: 'montserrat_semibold', Helvetica, Arial, sans-serif;
}
.header-submenu.active .submenuitem:last-child {
    border: none;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.header-submenu.active .submenuitem img
{
    float: left;
    padding: 14px 10px 0 15px;
    max-width: 16px;
}
.header-submenu.active .submenuitem a
{
    display: block;
    padding: 13px;
}
.header-submenu.active .submenuitem:last-child a
{
    background: rgba(245,245,245,.9);
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.header-submenu .submenuitem.home 
{
    display: none;
}
.header-submenu.active .submenuitem.online img
{
    height: 12px; 
    margin: 0px -1px 0 -1px;
}
.header-submenu.active .submenuitem.comm img
{
    height: 12px;
    margin: 0px -3px 0 -3px;
}
.header-submenu.active .submenuitem.contact img
{
    height: 11px;
    margin: 0px 1px 0 0px;
}
.header-submenu.active .submenuitem.profile img.profile-thumb-img
{
    height: 18px;
    width: 18px;
    max-width: 18px;
    padding: 0;
    margin: -3px 6px 0 -2px;
}
.header-submenu.active .submenuitem.profile span.username
{
    font-weight: bold;
    color: #47b44b
}
.tablemingleheader-right .minglehead .child9 .submenuarrow {
    width: 21px;
}
.submenuarrow
{
    float: right;
    height: 20px;
    position: relative;
    z-index: 1001;
    top: 0px;
}
.submenuarrow:hover
{
    background: rgba(0,0,0,.1);
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.submenuarrow.active
{
    background: rgba(255,255,255,.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.minglebody{
    padding:0!important;
    box-shadow:none!important;
    border-top:solid 0px #dedede!important;
    margin-top:0;
    position: relative;
    z-index: 99;
}
#tablemingleheader{
    padding-top: 0
}
.tablemingleheader-right
{
    position: relative;
    height: 63px;   
}
.tablemingleheader-left .logo
{
    width: 200px;    
}
.tablemingleheader-right .minglehead
{
    width: auto;
    margin-bottom: 5px;
    float: right;
    height: 58px;
    padding-right: 0
}
.tablemingleheader-right .mobile-nav-btn
{
    display: none;
    width: 50px;
    height: 50px;
    float: right;
    text-align: center;
}
.minglehead.active
{
    background: #fff;
    z-index: 9999;
    top: 63px;
    width: 100% !important;
}
.minglehead.active .headeritem
{
    width: 96%!important;
}
.minglehead.active .headeritem a
{
    padding: 18px 10px;
    border-bottom: solid 1px #ddd;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.minglehead.active .headeritem a:hover
{
    color: #47b44b    
}
.headeritem
{
    border: none;
    overflow: visible
}
.headeritem:hover
{
    color: #000;
    border-right: none;
    border-left: none;
    background: transparent;
}
.headeritem:hover a
{
    color: #333;  
}
.headeritem a,
.headeritem a:hover{
    color: #333;
    display: inline-block;
    border-bottom: solid 2px transparent;
    font-size: 11px;
    padding: 10px 2px
}
.headeritem a:hover
{
    color: #47b44b
}
.tablemingleheader-right .cartitem
{
    display: none;    
}
.tablemingleheader-right .minglehead .child1,
.tablemingleheader-right .minglehead .child2
{
    width: 125px;
    position: relative;  
}
.tablemingleheader-right .minglehead .child3
{
    width: 132px;    
}
.tablemingleheader-right .minglehead .child5
{
    width: 90px;    
}
.tablemingleheader-right .nav-slider {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 1px;
    padding: 0;
    background: #47b44b;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity:0;
	-ms-filter: 'alpha(opacity=0)';
	filter: alpha(opacity=0); 
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
.minglehead:hover .headeritem .nav-slider
{
    height: 3px;
    opacity: 100;
	-ms-filter: 'alpha(opacity=100)';
	filter: alpha(opacity=100); 
	-khtml-opacity: 100;
	-moz-opacity: 100;
}

.footer-section
{
    background: #fff;
    padding:25px 0 30px;
}
.footertitle {
    color:#666;
    padding: 0 8px 15px;
    text-shadow: 0 1px 0 #f4f4f4;
    font-size:12px;
    font-weight:bold;
}
.footermenu{
    padding-top: 25px;
    width:100%;
    margin:0 auto;
    max-width: 100%;
}
.footermenu tr td
{
    width: 20%;
}
.footermenu a {
    color: #666;
    line-height:21px;
    padding:0px 8px;
    display:block;
    font-size: 13px;
}
.footermenu a:hover {
    color: #444;
}
.footertitle:hover {
    background:url(images/footer-bk.png?v=001);
}
.footermenu li:first-child {
    background:none;
}
.footer-icons{
    width:100%;
    height:50px;
    margin: 30px 0 0;
    background:url(../images/footericons.png?v=001) center bottom no-repeat;
    background-size: 100%;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s;
    -ms-filter: "alpha(opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
    -khtml-opacity: .4;
    -moz-opacity: .4;
}
.footer-icons:hover{
    background:url(../images/footericons-hover.png?v=001) center top no-repeat;
    background-size: 100%;
    -webkit-transition: background 0.7s;
    -moz-transition: background 0.7s;
    transition: background 0.7s;
}
.footer-content .copyright,
.footer-content .copyright *
{
    text-align: right;
    color: #666!important;
}
.footer-divider
{
    display: none;
}
.footer-content .container
{
    width: 90%    
}
/*carousel*/
.carousel.macbook {
    position: relative;
    border: 0;
    width: 100%;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

.carousel.macbook .carousel-inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel.macbook .item {
    overflow: hidden;
}
.carousel.macbook .item img{
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
	width: 100%;
}
.carousel.macbook .carousel-control.left {
    background-image: url(../carousel/img/carousel-macbook-prev.png?v=001);
    background-position: top center;
    background-size: contain;
}

.carousel.macbook .carousel-control {
    top: 45%;
    display: none;
}
.carousel-control.left {
    left: -0px;
    background: url(../carousel/img/carousel-prev.png?v=001) top center no-repeat;
    background-size: contain;
}
.carousel-control {
    position: absolute;
    background: transparent;
    background-repeat: no-repeat;
    color: transparent;
    width: 48px;
    height: 71px;
    top: 540%;
    margin-top: -25px;
    border: 0;
    padding: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
}

.carousel.macbook .carousel-control.right {
    background-image: url(../carousel/img/carousel-macbook-next.png?v=001);
    background-position: top center;
    background-size: contain;
}

.carousel-control.right {
    right: -0px;
    background: url(../carousel/img/carousel-next.png?v=001) top center no-repeat;
    background-size: contain;
}
.carousel-nav{
    position: absolute;
    bottom: -22px;
    left:230px;
    z-index: 9;
    display: none;
}
.carousel-nav a {
    width: 8px;
    height: 8px;
    background: #ddd;
    text-indent: -9999px;
    border: 0;
    float: left;
    margin-left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    -moz-transition: background-color 0.25s, border-color 0.25s;
    transition: background-color 0.25s, border-color 0.25s;
    margin:2px 10px;
}
.carousel-nav a.active {
    background: transparent;
    border: solid 2px #47b44b;
    width: 6px;
    height: 6px;
    margin:1px 8px;
}
.carousel-nav a:hover {background:#fff;}
.carousel-nav a.active:hover {background:transparent;}
.carousel.macbook .item
{
    background-size: cover !important;
    min-height: 600px;
    width: 100%;
}
.carousel.macbook .item1
{
    background: url(../images/slide-bk06.jpg?v=008) top center no-repeat;
}
.carousel.macbook .item2
{
    background: url(../images/slide-bk03.jpg?v=008) top center no-repeat;
}
.carousel.macbook .item3
{
    background: url(../images/slide-bk04.jpg?v=008) top center no-repeat;
}
.carousel.macbook .item4
{
    background: url(../images/slide-bk05.jpg?v=008) top center no-repeat;
}

/*** home > background ***/
#rainBackground { display: none; }
#canvas-rain { position: absolute; top: 0px; left: 50%; margin-left:-960px; height:418px;z-index:0;}
#cholder{position:relative;}

.slider-box{
    margin:0 auto;
    width: 100%;
    height:calc(100% - 63px);
    position:absolute;
    top: 63px;
}
img.video-frame{border:0; width:930px;position:relative;z-index:1; margin:-100px 0 0 0}
img.glare-screen{border:0;position:absolute; z-index:3;left:236px;top:164px;}
img.play-icon{border:0;position:absolute; z-index:4;left:50%;top:270px;margin-left:-70px}
.opacity70:hover
{
	opacity:.7;
	-ms-filter: 'alpha(opacity=70)';
	filter: alpha(opacity=70); 
	-khtml-opacity: .7;
	-moz-opacity: .7;
}
img.play-video{border:0;vertical-align:middle}
.video-object{z-index:2;position:absolute;left:0;right:0;top:98px;margin:0 auto;}
.mini-separator{width:60px;height:3px;margin:0 auto 20px auto;background:#47b44b}
.separator-or {
    display: inline-block;
    background: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    color: #777;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* dark theme */
.dark.slider-box
{
    background: #444;    
}
.dark .sc-intro-title *
{
    color: #eee !important;  
}
.dark .minglehead .headeritem a
{
    color: #eee;
}
.dark .minglehead .headeritem a:hover
{
    color: #bbb;
}
.dark .minglehead.active .headeritem a
{
    color: #666;
}
.dark .counter-title
{
    color: #fff; 
}
.dark .counter-title .published-apps {
    /*border-bottom: solid 2px #fff */
}
.sc-intro
{
    position:relative;
    height:663px;
    vertical-align: top;
    background: #e3e3e3
}
.sc-intro-overlay
{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #000;
    -ms-filter: "alpha(opacity=10)";
    filter: alpha(opacity=10);
    opacity: 0.1;
    -khtml-opacity: 0.1;
    -moz-opacity: 0.1;
}
.sc-intro-title{margin:15px 0 25px 0;}
.sc-intro-title h1{color:#444;font-size: 44px;margin-bottom: 30px; line-height: 1.2; position: relative;}
.sc-intro-title h2{color:#777;font-size: 28px;line-height:28px; font-weight: 300;}
.sc-intro-title h3{color:#777;font-size:16px; font-weight: 100}
.sc-intro-title h1 div {
    font-size: 64px;
    display: inline-block
}
.sc-intro-title h1 span{
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 0px;
    margin: 0 auto;
    background: #999;
}
/*rewrite jQuery*/
.ui-widget-overlay{background:#000 !important}
.ui-dialog{left:50% !important;margin-left:-415px;}

.sidemenu-top-height
{
    display: none
}

.sc-global-tab
{
    min-width: auto;
    -webkit-animation-name: fadeInTab;
    animation-name: fadeInTab;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    float: left
}
.sc-global-tab:nth-child(2)
{
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
.sc-global-tab:nth-child(3)
{
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.sc-global-tab:nth-child(4)
{
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
}
.sc-global-tab:nth-child(5)
{
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}
.sc-global-tab .sc-global-tab-container
{
    margin: 2px 0 0px 3px;
    border-bottom: none;
    background: #fff;
    border: solid 1px #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
.sc-global-tab .sc-global-tab-container:hover
{
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s;
}
.sc-global-tab .sc-global-tab-title
{
    color: #555;
}
.tabs-table
{
    margin-left: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 7
}
.tabs-table tr td{
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
.tabs-table tr td:hover{
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
.ui-tabs-vertical > .ui-tabs-nav
{
    width: 30%;
}
.ui-tabs-vertical > .ui-tabs-panel
{
    width: 70%; 
}
.ui-tabs-vertical > .ui-tabs-nav li.ui-state-active *{color: #47b44b !important}
.ui-tabs-vertical > .ui-tabs-nav li.ui-state-default *{font-weight: bold}
.ui-tabs-vertical .ui-tabs-nav li a {font-size:16px; padding:20px 30px 20px 20px; }
._51m-{display:none !important}
.get-started
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #fff!important;
    background-color: #47b44b;
    margin: 0;
    display: inline-block;
}
.get-started:hover
{
    background-color: #3B3;
    color: #fff!important
}
.reseller-box
{
    position: relative;    
}
.resellers
{
    font-size:12px;
    color: #444 !important;
    width: 200px;
    text-align: right;
    position: absolute;
    top: -34px;
    right:0;
}
.resellers img{height:11px; width:145px; padding-top: 12px}
.resellers:hover
{
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    opacity: .9;
    text-decoration: underline;
}
.howitworks
{
    font-size: 12px;
    color:#444 !important;
    position:absolute;
    right:0;
    top:-35px;
    width: 200px;
    text-align: right;
}
.howitworks:hover, .howitworks2:hover
{
    text-decoration: underline;
}
.howitworks2
{
    font-size: 12px;
    color:#999 !important;
}
.sc-features
{
    background: #fff
}
.sc-features #section-title
{
    font-size:30px;
    margin: 0px 0 20px 0;
    padding-top: 35px;
    font-weight:300;
    color:#666;
    text-align:left;
    border-bottom: none;
}
.sc-features-box
{
    position:relative;
    margin: 0 auto;
    max-width: 550px;
    height: 340px;
    -webkit-animation: zoominout 7s infinite linear;
    animation: zoominout 7s infinite linear;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    opacity: 1;
}
.sc-tree
{
   position: absolute;
   margin: auto;
   bottom: -24px;
   left: 0;
   right: 0;
   display: none; 
}
.sc-features-box a.link-market
{
    margin:0 auto;
}
.sc-features-box a 
{
    position:absolute;
}
.sc-features-box a:hover
{
    background: url(../images/tab-features-hover.png?v=002) no-repeat;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    transition: background 0.4s;
}
.link-market
{
    width: 544px;
    height: 340px;
    position: absolute;
    background: url(../images/tab-features.png?v=002) no-repeat;
    left: 8px;
    top: -9px;
    -webkit-transition: background 0.8s !important;
    -moz-transition: background 0.8s !important;
    transition: background 0.8s !important;
}
.link-market:hover
{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;   
}

.links{z-index: 13 !important;}
.links:hover{z-index: 13 !important;}

.sc-features, sc-xcode
{
    padding:0 0 30px 0;
    position: relative;
    z-index: 9;
}
.sc-features *, .sc-previwer *, .sc-clients *
{
    text-shadow: none !important;    
}
.sc-feature-bankcard1
{
    float: right;
    height: 19px;
    padding-top: 9px;
}
.sc-features .vertical-tabs
{
    position: relative;    
}
.sc-features .dev-tab
{
    height:auto!important
}
.sc-features .vertical-tabs .tabs-divider
{
    position: absolute;
    background: #f5f5f5;
    min-height: 100%;
    width: 30%;
    -moz-box-shadow: inset -3px 3px 3px -2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset -3px 3px 3px -2px rgba(0,0,0,.05);
    box-shadow: inset -3px 3px 3px -2px rgba(0,0,0,.05);
}
.sc-features .vertical-tabs .no-coding
{
    position: relative
}
.vertical-tabs .no-coding img
{
    position: absolute;
    bottom: 0;
    margin: auto;
    width:80%;
    left: 0;
    right: 0;
}

.sc-xcode .h1-style
{
    border:none;
    padding: 0;
    border-bottom:none;
    padding-bottom:10px;
    margin-bottom: 20px;
}
.sc-xcode
{
    background: url(/images/bg-dots-transparent.png?v=001) #555;
    background-position: left top -4px;
    background-size: 8px;
    background-repeat: repeat;
    position: relative;
}
    .sc-xcode *,
    .sc-xcode .list-3col li h3 {
        color: #fff;
        text-shadow: none
    }
.xcode-left-side
{
    float: left;
    width: 50%; 
}
.xcode-right-side
{
    float: right;
    width: 50%;
    text-align: right    
}
.xcode-left-side .list-3col li
{
    width: 100%;    
}
.sc-xcode-table
{
    position: relative;
    z-index: 1;
}
.sc-xcode-gif
{
    -moz-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -10px 10px 0px 0px rgba(0, 0, 0, 0.1);
    margin-top: -20px;
    width: 100%;
    max-width: 480px;
}
.sc-previwer
{
    background: #f2f2f2;
    background-size: 16px 12px;
    padding: 30px 0 55px 0;
    position: relative;
    z-index: 9999
}
.sc-previwer .preview-title
{
    width:100%;
    margin:0px auto 0 auto;
    text-align:left;
    color:#666;
}
.sc-previwer-box .sc-prev-box .qrcode
{
    cursor:pointer;
    text-decoration: underline
}
.sc-previwer .preview-title.second-title
{
    width: 100%;
    text-align:center;
}
.sc-previwer .preview-title .h1-style{
    border:none;
    padding: 30px 0 0px;
    border-bottom:solid 1px #e7e8e7;
    margin-bottom: 23px;
    font-size: 25px;
    border: none;
}
.sc-previwer .preview-title.second-title .h1-style{
    margin-bottom: -10px;
    border: none;
    padding: 30px 0 0;
}
.sc-previwer-table
{
    width: 100%
}
.sc-previwer-table .sc-video-box
{
    width: 70%;
    float: right;
    margin-bottom: 10px;
}
.sc-previwer-table .video .video-object embed
{
    width: 430px;
    height: 270px;    
}

.sc-industry {
    background: #fff;
}
    .sc-industry * {
        transition: all 0.2s ease;
    }
    .sc-industry .h-step {
        float: left;
        width: calc(25% - 23px);
        background: #fff;
        margin: 0 15px;
        text-align: left;
        -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
        background-position: -100px center;
    }
    .sc-industry .h-step.no-shadow {
        padding: 15px 0 0
    }
        .sc-industry .h-step.no-shadow:hover {
            background: transparent;
        }
        .sc-industry .h-step:hover {
            background: #f2f2f2;
        }
        .sc-industry .h-step.business:hover {
            background: url(/images/templates-personal.png) no-repeat left -18px center /48px  #f2f2f2;
        }
        .sc-industry .h-step.restaurant:hover {
            background: url(/images/templates-restaurant.png) no-repeat left -18px center /48px  #f2f2f2;
        }
        .sc-industry .h-step.radio:hover {
            background: url(/images/templates-music.png) no-repeat left -18px center /48px  #f2f2f2;
        }
        .sc-industry .h-step:first-of-type {
            margin-left: 0
        }
        .sc-industry .h-step:last-of-type {
            margin-right: 0;
            padding: 0;
        }
    .sc-industry .h-step .work-step {
        display: block;
        margin-right: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        line-height: 1.3
    }
    .sc-industry .h-step .work-step-title {
        color: #888;
        margin: 0
    }
        .sc-industry .h-step .work-step-title a {
            color: #888;
            display: block;
            padding: 15px 20px 15px;
        }
            .sc-industry .h-step .work-step-title a:hover {
                color: #0079C1;
                padding-left: 40px;
            }
        .sc-industry .h-step .work-step-title .fa {
            color: #888;
            margin-top: 4px;
        }
            .sc-industry .h-step .work-step-title a:hover .fa {
                color: #47b44b;
            }

.sc-process
{
    /*background: url(/images/bk-howitworks.jpg?v=001) top rgb(56,56,56);
    background-size: cover;
    background-attachment: fixed;*/
    background: #444
}
.sc-process .bk-opacity{
    background: rgba(70, 70, 70, 0.6);
}
.sc-process .work-process-table
{
    width: 50%;
}
.sc-process .work-process-table.left
{
    float: left;
}
.sc-process .work-process-table.right
{
    float: right;
}
.sc-process .work-process-table .work-step-img
{
    width: 40%;    
}
.sc-process .work-process-table .work-proces-arrow
{
    width: 10%;    
}
    .sc-process .h-step {
        float: left;
        width: calc(25% - 23px);
        background: #fff;
        margin: 0 15px 15px;
        padding: 20px 20px 15px;
        text-align: left;
        -moz-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.2);
        box-shadow: 0 12px 50px rgba(0, 0, 0, 0.2);
    }
        .sc-process .h-step:first-of-type {
            margin-left: 0
        }
        .sc-process .h-step:last-of-type {
            margin-right: 0
        }
    .sc-process .h-step .work-step {
        display: block;
        margin-right: 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        line-height: 1.3
    }
    .sc-process .h-step .work-step-title {
        color: #333;
        border-top: solid 1px #ddd;
        padding-top: 15px;
    }
        .sc-process .h-step .work-step-title .fa {
            color: #0079C1;
            margin-top: 4px;
        }
.sc-process .web2app-box
{
    float:right;
    width:400px;
    margin:-20px 0 0 0;
    text-align: right;
}
.sc-process .web2app-box .ellipse {
    width: 222px;
    margin: 0;
    height: 24px;
}

.bk-opacity{
    background: rgba(70,70,70,.5);
}
.sc-process .h1-style {
    border-bottom-color: rgba(255,255,255,0);
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: none;
}
.sc-clients
{
    /*background: url(/images/bk-customers.jpg?v=002) center #999;
    background-size: 100%;
    background-attachment: fixed;*/
    background: #f2f2f4;
    /*-webkit-box-shadow: inset 0px 0px 5px 0px #111;
    -moz-box-shadow: inset 0px 0px 5px 0px #111;
    box-shadow: inset 0px 0px 5px 0px #111;*/
}
.sc-clients-right
{
    float:right;    
}
.sc-clients > table
{
    margin: 0 auto;
    border-spacing: 0;
    width: 100%;
}
.sc-clients .bk-opacity {
    background: transparent
}
.sc-clients .customers-badges
{
    width:80px;
    float:right;
    margin: 0 4px 0 0;
    position: relative;
    z-index:9;
    overflow:hidden;
}
.sc-clients .godaddy
{
    cursor:pointer;
    float:right;
    padding:0 5px 0 0;
}
.sc-clients .h1-style {
    color: #555;
    border-bottom-color: rgba(0,0,0,0.05);
}
.sc-clients .button-box{
    padding:30px 0 45px;
    margin: 0 auto;
    text-align:center;
    border-top: solid 1px rgba(0,0,0,0.05);
}
.sc-clients .customers-box
{
    margin:0;
    padding:0;
}
.sc-clients .customers-images
{
    padding:0px 0 20px;
    text-align:center;
}

.sc-features .ui-tabs-vertical
{
    border: none;
    -moz-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
}

.sc-features-box .link1{left:45px; top:90px; width:35px; height:38px; background-position: -37px -99px;}
.sc-features-box .link1:hover{background-position: -37px -99px;}

.sc-features-box .link2{left:28px; top:137px; width:35px; height:38px; background-position: -20px -146px;}
.sc-features-box .link2:hover{background-position: -20px -146px;}

.sc-features-box .link3{left:18px; top:187px; width:35px; height:38px; background-position: -10px -196px;}
.sc-features-box .link3:hover{background-position: -10px -196px;}

.sc-features-box .link4{left:8px; top:237px; width:35px; height:38px; background-position: 0px -246px;}
.sc-features-box .link4:hover{background-position: 0px -246px;}

.sc-features-box .link5{left:46px; top:231px; width:35px; height:38px; background-position: -38px -240px;}
.sc-features-box .link5:hover{background-position: -38px -240px;}

.sc-features-box .link6{left:91px; top:236px; width:35px; height:38px; background-position: -83px -245px;}
.sc-features-box .link6:hover{background-position: -83px -245px;}

.sc-features-box .link7{left:136px; top:239px; width:35px; height:38px; background-position: -128px -248px;}
.sc-features-box .link7:hover{background-position: -128px -248px;}

.sc-features-box .link8{left:100px; top:200px; width:55px; height:38px; background-position: -92px -209px;}
.sc-features-box .link8:hover{background-position: -92px -209px;}

.sc-features-box .link9{left:62px; top:183px; width:35px; height:38px; background-position: -54px -192px;}
.sc-features-box .link9:hover{background-position: -54px -192px;}

.sc-features-box .link10{left:68px; top:128px; width:55px; height:48px; background-position: -60px -137px;}
.sc-features-box .link10:hover{background-position: -60px -137px;}

.sc-features-box .link11{left:124px; top:145px; width:45px; height:48px; background-position: -116px -154px;}
.sc-features-box .link11:hover{background-position: -116px -154px;}

.sc-features-box .link12{left:168px; top:148px; width:60px; height:48px; background-position: -160px -157px;}
.sc-features-box .link12:hover{background-position: -160px -157px;}

.sc-features-box .link13{left:129px; top:83px; width:55px; height:48px; background-position: -121px -92px;}
.sc-features-box .link13:hover{background-position: -121px -92px;}

.sc-features-box .link14{left:90px; top:83px; width:35px; height:38px; background-position: -82px -92px;}
.sc-features-box .link14:hover{background-position: -82px -92px;}

.sc-features-box .link15{left:78px; top:45px; width:35px; height:38px; background-position: -70px -54px;}
.sc-features-box .link15:hover{background-position: -70px -54px;}

.sc-features-box .link16{left:127px; top:35px; width:35px; height:38px; background-position: -119px -44px;}
.sc-features-box .link16:hover{background-position: -119px -44px;}

.sc-features-box .link17{left:170px; top:39px; width:35px; height:38px; background-position: -162px -48px;}
.sc-features-box .link17:hover{background-position: -162px -48px;}

.sc-features-box .link18{left:223px; top:39px; width:35px; height:28px; background-position: -215px -48px;}
.sc-features-box .link18:hover{background-position: -215px -48px;}

.sc-features-box .link19{left:201px; top:73px; width:50px; height:50px; background-position: -193px -82px;}
.sc-features-box .link19:hover{background-position: -193px -82px;}

.sc-features-box .link20{left:257px; top:65px; width:30px; height:38px; background-position: -249px -74px;}
.sc-features-box .link20:hover{background-position: -249px -74px;}

.sc-features-box .link21{left:291px; top:39px; width:35px; height:30px; background-position: -283px -48px;}
.sc-features-box .link21:hover{background-position: -283px -48px;}

.sc-features-box .link22{left:333px; top:42px; width:35px; height:30px; background-position: -325px -51px;}
.sc-features-box .link22:hover{background-position: -325px -51px;}

.sc-features-box .link23{left:293px; top:80px; width:50px; height:35px; background-position: -285px -89px;}
.sc-features-box .link23:hover{background-position: -285px -89px;}

.sc-features-box .link24{left:255px; top:118px; width:52px; height:40px; background-position: -247px -127px;}
.sc-features-box .link24:hover{background-position: -247px -127px;}

.sc-features-box .link25{left:321px; top:145px; width:60px; height:50px; background-position: -313px -154px;}
.sc-features-box .link25:hover{background-position: -313px -154px;}

.sc-features-box .link26{left:388px; top:145px; width:44px; height:50px; background-position: -380px -154px;}
.sc-features-box .link26:hover{background-position: -380px -154px;}

.sc-features-box .link27{left:446px; top:128px; width:48px; height:50px; background-position: -438px -137px;}
.sc-features-box .link27:hover{background-position: -438px -137px;}

.sc-features-box .link28{left:358px; top:82px; width:45px; height:50px; background-position: -350px -91px;}
.sc-features-box .link28:hover{background-position: -350px -91px;}

.sc-features-box .link29{left:419px; top:98px; width:35px; height:30px; background-position: -411px -107px;}
.sc-features-box .link29:hover{background-position: -411px -107px;}

.sc-features-box .link30{left:400px; top:51px; width:35px; height:35px; background-position: -392px -60px;}
.sc-features-box .link30:hover{background-position: -392px -60px;}

.sc-features-box .link31{left:444px; top:59px; width:35px; height:35px; background-position: -436px -68px;}
.sc-features-box .link31:hover{background-position: -436px -68px;}

.sc-features-box .link32{left:472px; top:92px; width:45px; height:35px; background-position: -464px -101px;}
.sc-features-box .link32:hover{background-position: -464px -101px;}

.sc-features-box .link33{left:498px; top:140px; width:42px; height:35px; background-position: -490px -149px;}
.sc-features-box .link33:hover{background-position: -490px -149px;}

.sc-features-box .link34{left:413px; top:190px; width:50px; height:45px; background-position: -405px -199px;}
.sc-features-box .link34:hover{background-position: -405px -199px;}

.sc-features-box .link35{left:473px; top:176px; width:40px; height:35px; background-position: -465px -185px;}
.sc-features-box .link35:hover{background-position: -465px -185px;}

.sc-features-box .link36{left:513px; top:197px; width:40px; height:35px; background-position: -505px -206px;}
.sc-features-box .link36:hover{background-position: -505px -206px;}

.sc-features-box .link37{left:513px; top:245px; width:40px; height:35px; background-position: -505px -254px;}
.sc-features-box .link37:hover{background-position: -505px -254px;}

.sc-features-box .link38{left:466px; top:233px; width:40px; height:35px; background-position: -458px -242px;}
.sc-features-box .link38:hover{background-position: -458px -242px;}

.sc-features-box .link39{left:427px; top:238px; width:40px; height:35px; background-position: -419px -247px;}
.sc-features-box .link39:hover{background-position: -419px -247px;}

.sc-features-box .link40{left:385px; top:238px; width:40px; height:35px; background-position: -377px -247px;}
.sc-features-box .link40:hover{background-position: -377px -247px;}

.sc-features-box .link41{left:169px; top:4px; width:40px; height:35px; background-position: -161px -13px;}
.sc-features-box .link41:hover{background-position: -161px -13px;}

.sc-features-box .link42{left:218px; top:-4px; width:40px; height:35px; background-position: -210px -5px;}
.sc-features-box .link42:hover{background-position: -210px -5px;}

.sc-features-box .link43{left:260px; top:23px; width:28px; height:35px; background-position: -252px -32px;}
.sc-features-box .link43:hover{background-position: -252px -32px;}

.sc-features-box .link44{left:284px; top:-4px; width:40px; height:35px; background-position: -276px -5px;}
.sc-features-box .link44:hover{background-position: -276px -5px;}

.sc-features-box .link45{left:331px; top:2px; width:40px; height:35px; background-position: -323px -11px;}
.sc-features-box .link45:hover{background-position: -323px -11px;}

.sc-features-box .link46{left:371px; top:17px; width:40px; height:35px; background-position: -363px -26px;}
.sc-features-box .link46:hover{background-position: -363px -26px;}

.home-badge{width:159px;height:48px;margin:8px 0 5px}
.home-badge-link
{
    text-align:justify;
    font-size:14px;
    line-height:12pt;
    font-weight:bold;
    text-decoration:underline;
}
.home-badge-sublink
{
    color:#444 !important;
    text-align:justify;
    font-size:10pt;
    line-height:12pt;
    font-weight:bold;
}
.home-qrcode-container{width: 110px; height: 110px; overflow: hidden; display:none}
.home-qrcode{margin: -20px 0px 0px -20px}

/*** Home Register Form ***/
.reg_container
{
    position:fixed;
    right:-250px;
    z-index:999;
    top: 255px;
}
.reg_container_open .home_register_form
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.home_register_form
{
    text-align:left;
    padding: 20px 20px 20px 24px;
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.25);
    box-shadow: 0px 0 5px rgba(0,0,0,.25);
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    background:#6B6B6B;
}
.reg_optionbtn
{
    margin:  0 0 0 -34px;
    padding: 10px;
    background:#6B6B6B;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float:left;
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.25);
    box-shadow: 0px 0 5px rgba(0,0,0,.25);
    cursor: pointer;
}
.optionbtn_open
{
    margin:0;
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,0);
    box-shadow: 0px 0 5px rgba(0,0,0,0);
}
.reg_whitespace
{
    float:left;
    width:40px;
    height: 34px;
    background:#6B6B6B;
}
.reg_container .divider-or
{
    background: #888;
    color: #bbb;   
}
.reg_container .divider-solid-line
{
    border-color: #999;    
}
.reg_container .reg-sc-title
{
    font-size:12px;
    margin: 0;
    color: #eee;
}
.reg_container .reg_openbutton
{
    height:14px;
    width: 14px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.reg_container .reg_openbutton:hover
{
    height:14px;
    width: 14px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.reg_container .reg_closebutton 
{
    height:18px;
    width: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    background: rgba(255,255,255,.15);
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.reg_container .reg_closebutton:hover
{
    background: rgba(255,255,255,.5);
    cursor: pointer;
}
.social-btn-login-mini
{
	-webkit-transition: background-color 100ms linear,color 100ms linear;
	-moz-transition: background-color 100ms linear,color 100ms linear;
	-ms-transition: background-color 100ms linear,color 100ms linear;
	-o-transition: background-color 100ms linear,color 100ms linear;
	transition: background-color 100ms linear,color 100ms linear;
	text-transform: capitalize;
	line-height: normal;
	text-indent: 0;
	text-decoration: none;
	color: #fff !important;
	width: 280px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	float: right;
	font-size: 14px;
	width:34px;
	display:inline-block;
	text-align:left;
	padding:5px 0;
	text-align: center;
}
.google-btn-login-mini{background:#df4a32; margin-left: 3px}
.google-btn-login-mini:hover{background:#ef5a43}
.google-btn-login-mini img{margin:1px}
.facebook-btn-login-mini{background: #3b5998;height: 24px;}
.facebook-btn-login-mini:hover{background: #4366ae;}
.facebook-btn-login-mini img{margin:0px}
.divider-or {
    display: inline-block;
    background: #eee;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    color: #777;
    text-align: center;
}
.divider-solid-line{
    margin:15px 0;
    border-bottom:solid 1px #eee;
    height:1px;
}

.popular-companies div {
    background: #fff;
}
.popular-companies img
{
	width:100%;
	min-height: 39px;
	padding: 12px 14px;
    background:white;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0, .1) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0, .1) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0, .1) !important;
    opacity: .8;
	-ms-filter: 'alpha(opacity=100)';
	filter: alpha(opacity=100); 
	-khtml-opacity: 100;
	-moz-opacity: 100;
}

/*** counter ***/
.counter-title
{
    margin: 0;
    color: #888;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 40px;
}
.counter
{
    width:104px;
    height:29px;
	border:3px solid #fff;
    overflow:hidden;
    position:relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    display: inline-block;
    margin: 20px 10px 0 0;
    vertical-align: top
}
.counter > img{
    margin-top:1px;
    width: 14px;
    height: 465px;
}
.counter-title h3
{
	border-bottom: solid 2px #f55;
	color:#f55;
	padding:2px 0px;
	font-size:16px;
	margin: 31px 8px 0 0;
	display:inline-block;
	text-align: center;
    font-weight: bold;
    line-height: 1
}

.jodometer_dot{
    width:4px !important;
    background-size: 14px 465px !important;
}

/*** home video ***/
#homevideoicon1, #homevideoicon2, #homevideoicon3
{
    font-weight: bold;
    color: #47b44b;
    padding: 5px 20px 5px 9px;
    display: inline-block;
    border-right: solid 1px #f2f2f2;
}
#homevideoicon3{
    border: none;
}
#homevideoicon1:hover, #homevideoicon2:hover, #homevideoicon3:hover
{
    color: #8dbf24;
}

.video-stats {
    text-align: center;
}
    .video-stats .numbr {
        margin: 15px 0 70px;
        font-size: 16px
    }
        .video-stats .numbr span {
            font-weight:bold;
            color:#47b44b
        }
    .video-stats .video-box {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -80px;
        width: 95%;
        border-top: solid 1px #f2f2f2;
    }
.video-section {
	display: block;
	padding: 10px 0;
}
.video-section img {
    height: 14px;
    margin: -1px 5px 0
}

a#bbblink.sehzbas:hover img,
a#bbblink.rbhzbas:hover img,
a#bbblink.ruhzbas:hover img,
a#bbblink.sehzbus:hover img,
a#bbblink.rbhzbus:hover img,
a#bbblink.ruhzbus:hover img {
    margin-left: -80px !important;
}
.video {
    padding: 0px 0 10px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    text-align:center;
    -moz-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
}
.video-frame
{
    height: 360px;
    background: url(/images/video-frame.png?v=001) no-repeat center;
    background-size: 630px;
    margin-top: 0px
}
.sc-previwer-box
{
    float: left;
    width: 30%;
}
.sc-previwer-box .preview-item-box
{
    margin-bottom: 10px;    
}
.sc-prev-box
{
    padding: 0 0 0 20px;
    height: 100%;
    position: relative;
    z-index: 9;
}
.sc-prev-box > table
{
    width: 100%    
}
.sc-prev-box *
{
    color: #333;
}
.sc-prev-box a
{
    color: #0079C1;
}
.sc-prev-box > table tr td
{
    padding: 0px;
    width: 230px;
}

/*** How it Works ***/
.work-step
{
    border: solid 2px #47b44b;
    padding: 3px 7px;
    font-weight: bold;
    width: 6px;
    margin: 0px 0 -25px;
    text-align: left;
    font-size: 14px;
    float: left;
    color: #fff;
    background: #47b44b;
    height: 18px;
    width: 10px;
    text-align: center
}
.work-step-title
{
    font-size: 18px;
    margin: 15px 0 0px;
    color: #fff;  
}
.work-step-title a:hover{text-decoration:underline}

.border-box
{
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.animated {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(-40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}

/* WEBAPPS/NEWSLETTER */
.sc-other
{
    /*background: url(/images/squared_metal.png?v=001) #eee;
    background-position: left top -1px;
    background-size: 16px 12px;
    background-repeat: repeat;*/
    background: #fff;
    position: relative;
    margin-top: -1px;
}
.sc-other .container
{
    padding: 25px 0;    
}
.sc-other .container form,
.sc-other .container .ellipse
{
    margin: 0;
    float: left   
}
.sc-other .container .col-sm-6
{
    float: left;
    width: 50%;   
}
.sc-other .container .col-sm-6:last-of-type
{
    border-left: solid 1px #ddd;
    padding-left: 8%;    
}
.sc-other .web2app-box .whiteblackbutton {
    padding: 7px 15px!important;
}

.sc-other .newsletter .whiteblackbutton {
    padding: 7px 15px !important;
    margin: 0 0 0;
}
.sc-other #subscribe_container img {
    margin: -10px 10px 9px 0;
}
.sc-other #thanks_message{
    color: #47b44b;
    padding: 16px;
}
.sc-other .newsletter .newsletter-msg {
    color: #FF3B30;
    height: 0;
    display: none
}
.sc-other .newsletter .newsletter-msg img {
    height: 16px;
    margin: 0!important;
    vertical-align: top
}
.sc-other .newsletter .newsletter-msg .inner-mes {

}

/*HOME BG VIDEO*/
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    top: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%
}
.video-container video {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
}
   
/*HOME SIMULATOR*/
.app-industry
{
    margin-top: 20px;    
}
.app-industry.mobile
{
    visibility:hidden;
    height: 1px;
    overflow:hidden;
}
.app-industry .sim
{
    float: left;
    position: relative;
    margin-right: -50px;
    margin-bottom: -170px;
    width: 30%;
}
.app-industry .sim .loading-indicator,
.app-industry .sim .clicktoaction
{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 170px;
    left: 0;
    height: 40px;
    text-align: center;
    z-index: 9;
    width: 100%
}
.app-industry .sim .loading-indicator img {
    height: 34px;
}
.app-industry .sim .clicktoaction
{
    background: rgba(0,0,0,.6);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 60px;
    width: 70px;
    left: auto;
    right: -30px;
    top: -270px;
    color: #fff;
    padding: 10px 0 0 0;
    display: none;
}
.app-industry .sim .clicktoaction .cursor
{
    height: 42px;
    position: absolute;
    top: -21px;
    left: -14px;   
}
.app-industry #homesimulator
{
    -moz-transform: scale(.8);
    -moz-transform-origin: 0 0;
    -o-transform: scale(.8);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(.8);
    -webkit-transform-origin: 0 0;
    transform: scale(.8);
    transform-origin: 0 0;
}
.app-industry .applications
{
    width: 64%;
    padding-left: 6%;
    float: right;
    max-width: calc(100% - 400px);
}
.app-industry .h1-style
{
    margin-top: 80px;
}
.app-industry .section-title
{
    font-size: 21px;
    padding: 8px 0 8px;
}
.app-industry .marketplace-filter {
    padding:0px;
    margin: 30px 0 0 0;
    border-top: none;
    width: 100%;
}
.app-industry .marketplace-filter:after
{
    clear: both;
    content: '';
    display: block;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #eee;  
}
.app-industry .marketplace-filter li {   
    padding: 0 0 0 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    font-size: 12px;
    height: 74px;
    float: left;
    width: 50%;
    border-top: none;
    border-bottom: none;
    position: relative;
    cursor: pointer;
}
.app-industry .marketplace-filter li:nth-child(2n+1){border-right: none;}
.app-industry .marketplace-filter li:nth-child(2n+2){border-left: none}
.app-industry .marketplace-filter li img
{
    width:48px;
    height:48px;
    display:block;
    margin: 10px 15px 10px 20px;
    float: left;
    opacity: .85;
}
.app-industry .marketplace-filter li span {
    display:block;
    padding:25px 0;
    font-size: 18px;
    text-decoration:none;
    width:100%;
    color:#666;
    font-weight: bold
}
.app-industry .marketplace-filter li.filter_item_selected 
{
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.app-industry .marketplace-filter li.filter_item_selected img,
.app-industry .marketplace-filter li:hover img
{
    opacity: 1;    
}
.app-industry .marketplace-filter li.filter_item_selected span{color:#47b44b;}
.app-industry .marketplace-filter li:hover span{color:#47b44b;}
.app-industry .playlink
{
    cursor:pointer;
    color:#0079C1;
    margin: 0 5px 0 0;
}
.app-industry .app-playvideo,
.app-industry .app-emulator
{
    margin: -2px 2px 0 0;
    height: 16px;
    width: 22px;
}
.app-industry .template-filters
{
    background-color:#f0f0f0;
    margin: 10px;
    padding: 0;
    text-align: center;
    box-shadow: inset 4px 0px 3px -3px rgba(0,0,0,.1);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,.1);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,.1);
}
.app-industry .marketplace-filter li {
	position: relative;
	overflow: hidden;
	display: block;
}
.app-industry .marketplace-filter li div {
	position: absolute;
	z-index: 1;
	top: 100%;
	background: rgba(0,0,0,0.03);
    -webkit-box-shadow: inset 0px 0px 4px 0px #e5e5e5;
    -moz-box-shadow: inset 0px 0px 4px 0px #e5e5e5;
    box-shadow: inset 0px 0px 4px 0px #e5e5e5;
	width: 100%;
	height: 100%;
}

.bounceInUp {
    -webkit-animation: bounceInUp 1s;
    animation: bounceInUp 1s;
}
/* start of home nav */
.fixed_nav{
    height: 100%;
    background-color: #ffffff;
    position: relative;
    z-index: 9999999;
    /* position: fixed!important;
    top: -64px!important;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); */
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}
/* end of home nav */
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.zoomIn {
    -webkit-animation: zoomIn 1s;
    animation: zoomIn 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  50% {
    opacity: 1;
  }
}

.zoomOut {
    -webkit-animation: zoomOut 1s;
    animation: zoomOut 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    -webkit-transform-origin: center;
    transform-origin: center;
  }

  to {
    opacity: 0;
  }
}

/*** Animate Tabs ***/
@-webkit-keyframes fadeInTab 
{
    0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInTab 
{
    0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

/*** Animate SC Box ***/
/*@-webkit-keyframes zoominout {
    0% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.98) translateZ(0);
        transform: scale(0.98) translateZ(0);
        opacity: .8
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}
@keyframes zoominout {
    0% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(0.97) translateZ(0);
        transform: scale(0.97) translateZ(0);
        opacity: .8
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}*/


/*** Media Queries ***/
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: inherit;
}

.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.row 
{
    margin: 0;
}

.popular-companies .col-md-2
{
    width: 11.7%;
    float: left;
}
.popular-companies > div
{
    margin: 0.4%;
}
@media (min-width: 1180px) {
    .container,
    .footer-content .container
    {
        width: 1120px
    }
}
@media (max-width: 980px) {
    .container {
        width: 98%;
    } 
    .sc-intro .tabs-table
    {
        width: 100%;   
    }
    .sc-intro .tabs-table .sc-global-tab
    {
        width: 25%;
    }
    .sc-intro .sc-global-tab .sc-global-tab-container
    {
        width: 98%;
        margin: 0 auto;
        text-align: center;
    }
    .footer-icons
    {
        background-size: 100%;    
    }
    .sc-intro .slider-right-side
    {
        height: 530px;
    }
}

@media (max-width: 930px) {
    .popular-companies .col-xs-3
    {
        width: 24.2%;
        margin: 0.4%;
        float: left;
    }
    .sc-previwer-box .preview-title .h1-style
    {
        font-size: 21px;
    }
    .tablemingleheader-right .minglehead .cartitem
    {
        width: 20px;
    }
    .sc-intro-title h2
    {
        font-size: 26px;    
    }
    .footer-content .container
    {
        width: 100%
    }
}

@media (max-width: 880px) 
{
    .sc-intro
    {
        background: url(../images/slide-bk05.jpg?v=007) top center no-repeat;  
    }
    .sc-intro .slider-container,
    .sc-intro .slider-right-side
    {
        width: 100%
    }
    .sc-intro .slider-box
    {
        display: none;    
    }
    .sc-intro .slider-right-side
    {
        width: 100%;
        height: 530px;
    }
    .sc-intro-title h1 span
    {
        right: 0;
    }
    .slider-go-left
    {
        text-align: center;
    }
    .sc-intro .slider-right-side .counter-title,
    .sc-intro .slider-right-side .sc-intro-title
    {
        text-align: center;
        float: none;    
    }
    .sc-intro .slider-right-side .sc-intro-title h1 div {
        font-size: 1.4em
    }
    .sc-intro .slider-right-side .sc-intro-title h1
    {
        font-size: 2.5em
    }
    .sc-intro-title h2
    {
        font-size: 28px; 
        color:#777;   
    }
    .sc-intro .slider-right-side .counter-title
    {
        padding-bottom: 20px;
        color:#777;
    }
    .sc-intro .slider-right-side .counter-title h3
    {
        margin: 9px 8px 0 10px;
    }
    .sc-intro .slider-right-side .counter-title .counter
    {
        margin: 0 auto;
        zoom: 1;
    }
    .slider-container .carousel-nav
    {
        margin: auto;
        left: 0;
        right: 0;
        width: 170px;
        display: none;
    }
    .sc-features-box
    {
        zoom: 0.9;
        -ms-zoom: 0.9;
        -webkit-zoom: 0.9;
        -moz-transform:  scale(0.9,0.9);
        -moz-transform-origin: left center;
    }
    .sc-feature-bankcard1,
    .sc-feature-bankcard2
    {
        display: none;    
    }
    
    /* work process */
    .xcode-right-side
    {
        float: right;
        width: 48%
    }
    .xcode-right-side .sc-xcode-gif
    {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .xcode-left-side
    {
        width: 50%
    }
    .xcode-left-side .list-3col li
    {
        width: 100%    
    }
    
    /* customers */
    .sc-clients
    {
        background-size: cover;
        background-attachment: initial;
    }
}
@media (max-width: 830px) 
{
    .minglehead,
    .header-submenu,
    .tablemingleheader-right .nav-slider,
    .submenuarrow
    {
        display: none
    }
    .rewrite-header {
        z-index: 12
    }
    #tablemingleheader
    {
        padding: 0    
    }
    .tablemingleheader-right
    {
        vertical-align: middle    
    }
    .tablemingleheader-right .mobile-nav-btn,
    .tablemingleheader-right .mobile-nav-phone {
        display: block;
    }
    .tablemingleheader-right .mobile-nav-btn img,
    .tablemingleheader-right .mobile-nav-phone img
    {
        width: 25px;
        height: 25px;
        padding: 13px;
    }
    
    .sc-features-box
    {
        zoom: 0.8;
        -ms-zoom: 0.8;
        -webkit-zoom: 0.8;
        -moz-transform:  scale(0.8,0.8);
        -moz-transform-origin: left center;
    }
    
    .sc-previwer-table .sc-video-box,
    .sc-previwer-box
    {
        width: 100%   
    }
    .sc-previwer-box .preview-item-box
    {
        float: left;
        width: 50%    
    }
    .sc-previwer-box .sc-prev-box
    {
        padding:  30px 10px 0 15px;   
    }
    .sc-previwer-box .sc-prev-box .home-badge 
    {
        width: 98%;
        height: auto;
    }
    .sc-previwer-box .sc-prev-box .qrcode
    {
        display: none;
    }
    .sc-previwer-box .preview-title .h1-style
    {
        font-size: 25px;    
    }
    .preview-item-box .preview-title *
    {
        font-size: 12px;
    }
    .preview-item-box .home-badge-link
    {
        display: block;
    }
    
    /* work process */
    .sc-industry .h-step,
    .sc-process .h-step
    {
        width: calc(50% - 22px);
        margin: 11px!important
    }
    .xcode-right-side
    {
        float: none;
        margin: 30px 0;
        width: 100%  
    }
    .xcode-left-side,
    .sc-xcode-gif,
    .xcode-left-side .list-3col li
    {
        width: 100%    
    }
}
@media (max-width: 770px) 
{
    .app-industry
    {
        display: none;    
    }
}
@media (max-width: 730px) 
{
    .reg_container
    {
        top: 80px;    
    }
    .reseller-box
    {
        display: none;    
    }
    .sc-features-box
    {
        zoom: 0.7;
        -ms-zoom: 0.7;
        -webkit-zoom: 0.7;
        -moz-transform:  scale(0.7,0.7);
        -moz-transform-origin: left center;
    }
    #vertical-tabs-1 .vertical-tabs-content
    {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .footer-content .container
    {
        width: 100%;    
    }
    .footer-content .container .copyright
    {
        text-align: center;
    }
    .ui-tabs-vertical .ui-tabs-panel
    {
        padding: 10px;
    }
}

@media (max-width: 640px) 
{
    /* global */
    .h1-style
    {
        font-size: 25px!important;    
    }
    .tablemingleheader-right .mobile-nav-btn img,
    .tablemingleheader-right .mobile-nav-phone img
    {
        width: 25px;
        height: 25px;
        padding: 13px 0px;
    }
    
    .sc-clients-right,
    .minglefootericons,
    .minglefooter-top-height,
    .livechatbox,
    #social
    {
        display: none
    }
    
    /* features */
    .sc-features
    {
        padding-bottom: 3px;    
    }
    .ui-tabs-vertical > .ui-tabs-nav,
    .ui-tabs-vertical > .ui-tabs-panel
    {
        width: 100%
    }
    .ui-tabs-vertical > .ui-tabs-nav li.ui-state-default
    {
        width: calc(50% - 1px);
        float: left;
        clear: none;
    }
    .ui-tabs-vertical > .ui-tabs-nav li:last-child {
        border-bottom: solid 1px #e7e7e7 !important;
    }
    .ui-tabs-vertical > .ui-tabs-panel
    {
        height: auto!important    
    }
    .vertical-tabs .sc-tree
    {
        position: static    
    }
    .vertical-tabs .sc-features-box {
        zoom: 0.5;
        -ms-zoom: 0.5;
        -webkit-zoom: 0.5;
        -moz-transform: scale(0.5,0.5);
        -moz-transform-origin: left center;
    }
    .vertical-tabs .no-coding img
    {
        position: static;
        width: 100%   
    }
    .vertical-tabs .reseller-tab .world.second
    {
        right: -40px;
        bottom: -80px;
    }
    .vertical-tabs .reseller-tab .reseller-devices
    {
        width: 100%;
        margin: 0!important;
        padding: 0!important;   
    }
    .vertical-tabs .reseller-tab .world
    {
        display: none;    
    }
    .ui-tabs-vertical > .ui-tabs-nav li a
    {
        width: 80%;    
    }
    .ui-tabs-vertical .ui-tabs-nav li a {
        font-size: 12px;
        padding: 12px 15px 12px 5px;
    }
    .tabs-divider
    {
        display: none;    
    }
    
    /* scintro */
    .slider-box,
    .slider-box .slider-container,
    .carousel.macbook,
    .carousel.macbook .carousel-inner,
    .carousel.macbook .item img
    {
        width: 100%;
        height: auto;
        min-height: initial;
    }
    .sc-intro .container
    {
        width: 100%    
    }
    .sc-intro .slider-right-side
    {
        height: 540px;
    }
    .sc-intro .tabs-table
    {
        width: 100%;   
    }
    .sc-intro .tabs-table .sc-global-tab
    {
        width: 25%;
    }
    .sc-intro .sc-global-tab .sc-global-tab-container
    {
        width: 98%;
        height: 64px;
        margin: 0 auto;
        text-align: center;
        border-left: solid .5px #555;
        border-right: solid .5px #555;
    }
    .sc-intro .sc-global-tab img 
    {
        height: 32px;    
    }
    .sc-intro .sc-global-tab-title
    {
        font-size: 12px;
        font-weight: bold; 
    }
    
    /* video */
    .sc-previwer
    {
        padding-bottom: 3px;    
    }
    .sc-previwer .preview-title.second-title,
    .sc-previwer .video-frame,
    .sc-previwer .video-section
    {
        display: none;    
    }
    .sc-video-box .newsletter
    {
        position: relative;
        text-align: center;
        width: 100%;
        top: 0;
    }
    .video-object
    {
        position: relative;
        top: 8px;
        width: 100% 
    }
    .video-object video
    {
        width: 100%!important
    }
    .sc-previwer .video-stats
    {
        margin-top: 20px;
    }
    
    /* work process */
    .sc-process .work-step
    {
        margin-bottom: 10px;   
    }
    .sc-process .work-process-table,
    .sc-process .work-process-table
    {
        width: 100%
    }
    .sc-process .work-process-table.right
    {
        margin-top: 40px;    
    }
    .sc-process .work-process-table .work-proces-arrow.hide-arrow,
    .sc-process .howitworks2
    {
        display: none;
    }
    
    .xcode-right-side
    {
        margin-top: -20px;    
    }
    
    /* footer */
    .footermenu tr td ul
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }
    .footermenu tr td .footertitle
    {
        margin-top: 20px;
    }
    .footermenu li
    {
        margin: 6px 0;
    }
}
@media (max-width: 570px) 
{
    .sc-intro .slider-right-side
    {
        height: 580px;
    }
    
    .sc-other .container .col-sm-6
    {
        width:100%;
        padding: 0 10px!important;
        border: none!important;
    }
    .sc-other .container .web2app-box {
        border-bottom: solid 1px #eee!important;
        padding-bottom: 20px!important;
        margin-bottom: 20px
    }
    .sc-other .container .web2app-box h3 {
        text-transform
    }
    #subscribe_container img
    {
    	height:25px;
    }
    
    #subscribe_container input[type=text],
    .web2app-box input[type=text]
    {
    	width:190px !important;
    	font-size:12px;
    }
     #subscribe_container input[type=button]
     {
    	padding:4px !important;
     }
     .sc-industry .h-step,
     .sc-process .h-step
     {
        width: calc(100% - 22px);
        margin: 11px!important
     }
    .popular-companies img {
        min-height: auto;
    }
}
@media (max-width: 470px) 
{
    .container {
        width: 94%;
    }
    .vertical-tabs .sc-features-box {
        zoom: 0.4;
        -ms-zoom: 0.4;
        -webkit-zoom: 0.4;
        -moz-transform: scale(0.4,0.4);
        -moz-transform-origin: left center;
    }
    .sc-intro-title h1
    {
        font-size: 26px;    
    }
    .ui-tabs-vertical .ui-tabs-panel
    {
        padding: 15px;    
    }
    .sc-previwer .preview-title .h1-style {
        margin: 0;
        padding: 0;
    }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-device-pixel-ratio: 2) 
       {
           body{ background: none !important; }
       }