/*@Shumanto*/
@import 'font-style.css';

body {

	margin: 0 auto;
	background: #ececec;
    overflow-x:hidden;
    
}

.box {width:100%;float:left;margin:3px;padding:10px;border:1px solid #ccc;}
.pbox {width:97%;float:left;margin-left:15px;border:0px solid #000;}
.td1 {background:#F3F3F3;font-family:arial;font-weight:bold;font-size:11px;width:100px; float:left; text-align:left;padding:5px;border-bottom:1px solid #fff;}
.td2 {background:#FBFBFB;font-family:arial;font-weight:normal;font-size:11px;width:60%; float:left; text-align:left;padding:5px;border-bottom:1px solid #fff;height:26px;}
.note {font-family:arial;font-weight:normal;font-size:11px;float:left; text-align:left;padding:5px;}
.note strong {font-family:arial;font-weight:bold;font-size:12px; text-align:left;padding: 25px 15px;}
.pwbox {height:130px;}

p {

	font-family: 'Raleway';

	font-size: 16px;

	line-height: 30px;

}

.center {

	text-align: center;
}
.right {
    text-align: right;
}

.container-fluid {

	max-width: 1440px;

}

.clearHeader {

    background: #ffffff;
    height: auto;

    position: relative;

    width: 100%;

    transition: all 0.4s ease;

    z-index: 9999;

}

.clearHeader.sticky {

	width: 100%;
    position: fixed;

}

.clearHeader .bottom-bar {

	background: none;

	transition: all 0.4s ease;

}

.clearHeader.sticky .bottom-bar {

	background-color: rgba(255,255,255,1);

	border-bottom: 1px solid rgba(0,0,0,0.2);

}

.clearHeader.sticky h1.logo {

	padding: 0;

}

.clearHeader h1.logo img {

	height: 68px;
	margin-left:-10px;
	transition: all 0.4s ease;

}

.clearHeader.sticky  h1.logo img {

	height: 55px;

	margin-top: -20px;

}

.clearHeader.sticky  h2.lowongan img {

	height: 45px;
	margin-top: -10px;
	transition: all 0.4s ease;

}

.clearHeader .top-bar {

	background: #1abef0;

    color: #fff;

    font-size: 12px;

    font-family: 'arial';

    transition: all 0.4s ease;

    overflow: hidden;

    line-height: 30px;

}

.clearHeader.sticky .top-bar {

	background-color: #33338c;

}

.banner-home {
	height: auto;
    padding: 0;
}

.banner-jenis-usaha {

    background: url(../img/banner-3.jpg);

    background-size: 100%;

    height: 670px;

    background-position: center;    

}

.btn.green {

	background: #00b7f1;

	border: 0 none;

    color: #fff;

    font-family: "Raleway";

    font-size: 14px;

    line-height: 22px;

    margin-top: 9px;

    padding-left: 20px;

    padding-right: 20px;

    outline: none;
    border-radius: 5px;
    border: 2px solid transparent;

}

.btn.green:hover {
    opacity: .9;
}

.btn.blue {

	background: #1d78cb;

	border: 0 none;

    color: #fff;

    font-family: "Raleway";

    font-size: 14px;

    line-height: 22px;

    margin-top: 9px;

    padding-left: 20px;

    padding-right: 20px;

    outline: none;

}

.btn.blue:hover {

	background: #1c73c3;

}

.btn.btn-banner {

	font-size: 15px;

    line-height: 40px;


    width: 235px;

}

a.create-account {

	float: right;

	/*margin-top: 1px !important;*/

    transition: all 0.4s ease;

}

.sticky a.create-account {

	margin-top: 0px !important;

}

a.login-header {

	float: right;

	color: #fff;

	font-family: arial;

	margin-left: 5px;
	font-size:11px;

}

li.glyphicon-menu-down::before {

	float: right;

	margin-left: -10px;

	margin-right: 10px;

	margin-top: 36px;

	color: #00b7f1;

    transition: all 0.4s ease;

}

.sticky li.glyphicon-menu-down::before {

	margin-top: 25px;

}
.frame-caption-banner {
    position: absolute;
    max-width: 60%;
    height: 670px;
    display: table;    
    max-height: 100%;
    top: 20%;
    text-align: right;
    right: 30px;
}
.caption-banner {
    display: block;
    text-align: right;
    vertical-align: middle;

}
.caption-banner-all {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.caption-banner h1 {

    line-height: 42pt;
    font-family: 'Raleway';
    font-weight: 200;
    font-size: 3.5em;
    color: #ffffff !important;
    margin-top: 0;

}

.caption-banner p {
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;

}
.caption-banner .btn-try {
    text-transform: uppercase;
    margin-top: 20px;
}
.store_type {

	margin-bottom:10px;

	font-weight: bold;

}

.caption-banner input {

	height: 45px;

	margin-bottom: 15px;

}

.form-banner {

	margin-top: 25px;

	padding: 15px;

	border-radius: 5px;

	border: 1px solid #ccc;

	background:rgba(255,255,255,0.3);

}

input.css-checkbox[type="radio"] {

    display: none !important;

}

input.css-checkbox[type="radio"] + label.css-label {

    background-position: 0 0;

    background-repeat: no-repeat;

    cursor: pointer;

    display: inline-block;

    font-size: 12px;

    height: 22px;

    line-height: 22px;

    padding-left: 27px;

    vertical-align: middle;

    margin-right: 15px;

}

input.css-checkbox[type="radio"]:checked + label.css-label {

    background-position: 0 -22px;

}

label.css-label {

    -moz-user-select: none;

    background-image: url("../img/cbx.png");

}

#store_address {

    float: left;

    width: calc(100% - 90px) !important;

}

.foliopos {

    float: right;

    margin-top: 12px;

    padding-bottom: 42px;

    width: 86px;

}

.form-banner .row {

	margin-left: -5px;

	margin-right: -5px;

}

.form-banner .form-tag {

	padding-left: 5px;

	padding-right: 5px;

}



/*CONTENT*/

content {

	position: relative;

	display: block;

}

.content {

	background: #fff;

	padding: 50px 15px;

}

h1.what-folio {

	font-size: 3.5em;

	font-family: 'Raleway';

	color: #00b7f1 !important;

    line-height: 46pt;
    margin-top: 0;
    font-weight: 200;

}

h1.what-folio span {

	color: #00b7f1;

}

p.teaser-home {

	max-width: 70%;

	margin: 0 auto;
    margin-bottom: 20px;

}

.title-feature {

	font-size: 27px;

	font-family: 'Raleway';

	color: #dd8500;

	margin: 25px auto 20px;

}

.frame-what-folio {

	margin-bottom: 0;

}

.video-home {

	margin: 85px auto;

}

.excellence-list {

	padding-top: 20px;

}

.excellence-list .media {

	margin-top: 10px;

}

.excellence-list a.glyphicon {

	font-size: 18px;

	color: #7dbd21;

	top: 3px;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

.excellence-title {

	margin-bottom: 50px;

}

.excellence-title h1.what-folio {

	margin-top: 0;

}

.contact-us-home {

	background: url(../img/parallax_img3.jpg);

	background-attachment: fixed;

	background-position: center;

	background-size: 100% auto;

	padding: 90px 15px;

}

.contact-us-home input {

	height: 43px;

	margin-bottom: 21px;



}

button.send-msg {

	background: #ff6062;

	margin-top: 30px;

	color: #fff;

    display: inline-block;

    border: 0;

    font-family: 'Raleway';

    font-size: 12px;

    font-weight: 700;

    padding: 15px 30px 13px;

    text-transform: uppercase;

    transition: all 200ms linear 0s;

}

button.send-msg:hover {

	background: #333;

    color: #ffffff;

    transition: all 200ms linear 0s;

}

.no-banner {

    padding-top: 100px;

}

.list-all {

    margin-left: -10px;

    margin-right: -10px;

}

.support-list {

    height: 120px;

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px;

}

.support-list a {

    width: 100%;

    height: 100%;

    display: block;

}

.support-list a:hover {  

    text-decoration: none;

    opacity: 0.9;

}

.support-list .fa {

    color: #ffffff;

    font-size: 50px;

}

.support-list .media {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.support-list .media-left {

    padding-right: 15px;

}

.support-list h2.title-support-list {

    color: #ffffff;

    font-family: "Raleway";

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 5px;

    margin-top: 0;

}

.support-list .media-body p {

    font-size: 12px;

    color: #ffffff;

    line-height: 14px;

    margin-bottom: 0;

}

.nav-registrasi {

    background: #dd9933;

    padding: 15px;

}

.man-inventori {

    background: #dd3333;

    padding: 15px;

}

.shortcut-btn {

    background: #00b7f1;

    padding: 15px;

}

.man-customer {

    background: #cdcd1d;

    padding: 15px;

}

.transactions {

    background: #1e73be;

    padding: 15px;

}

.report-support {

    background: #d32148;

    padding: 15px;

}

.log-support {

    background: #424a4d;

    padding: 15px;

}

.language-support {

    background: #11913e;

    padding: 15px;

}

.setting-support {

    background: #990399;

    padding: 15px;

}

.storecashier-support {

    background: #753a1a;

    padding: 15px;

}

.pajak-support {

    background: #bf4179;

    padding: 15px;

}

.man-karyawan-support {

    background: #129996;

    padding: 15px;

}

.man-user-support {

    background: #a5a5a5;

    padding: 15px;

}

.layout-support {

    background: #1e73be;

    padding: 15px;

}

.no-banner {

    padding-top: 30px; 

}











/*FOOTER*/

.ft-top {
    background: #06a8da;
    
    background-position: center;

    background-attachment: fixed;

    background-size: auto 100%;

    padding-top: 50px;

    padding-bottom: 40px;

}

h1.title-footer {

    font-weight: bold;

    font-family: arial;

    font-size: 14px;

    text-transform: uppercase;

    color: #ffffff !important;

    margin-top: 0;

}

.menu-footer ul {

	list-style: none;

	padding: 0;

}

.menu-footer ul li {

	margin-bottom: 5px;

}

.menu-footer ul li a {

	font-family: arial;
    font-size: 11px;

    color: #fff;

}

.menu-footer ul li a:hover {

	color: #00b7f1;

}

.menu-footer p,
.menu-footer span {

	font-family: arial;
    font-size: 11px;

    color: #fff;

    line-height: 24px;

}

.menu-footer p a {

	color: #fff;

}

.menu-footer p a:hover {

	color: #00b7f1;

}




.ft-bottom {

	background: #353693;
	border-top:2px solid #fff;
	color: #fff;

	padding-top: 20px;

	padding-bottom: 20px;

}

.social-link {

    list-style: outside none none;

    margin: 0;

    padding: 20px;

}

.social-link li {

    display: inline-block;

    margin: 3px;

}

.social-link li a {

    background: #515151 none repeat scroll 0 0;

    border-radius: 100%;

    color: rgba(255,255,255,0.5) !important;

    display: inline-block;

    font-size: 16px !important;

    height: 30px;

    line-height: 30px;

    padding: 0;

    text-align: center;

    width: 30px;

}

.social-link li a:hover {

	background: #00b7f1;
    color: #ffffff !important;

}

.social-connect h4 {

    font-family: 'Raleway';

    font-size: 16px;

    margin-bottom: 0;

    text-transform: uppercase;

}

.copyright {

    font-size: 11px;

}





.anchor-bt {

    bottom: 10px;

    height: auto;

    position: fixed;

    right: 20px;

    width: auto;

    z-index: 99999;

    display: none;

    opacity: 0.6;

    background: rgba(0, 0, 0, 0.2);

    padding: 5px 10px;

    border-radius: 5px;

    color: #fff;

    font-size: 28px;

    text-decoration: none;

    transition: all 200ms linear 0s;

}

.sticky .anchor-bt {

    display: block;

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

}

.anchor-bt:hover {

    opacity: 0.8;

    box-shadow: 0 0 5px #000;

    cursor: pointer;

    color: #fff;

    text-decoration: none;

    background: rgba(0, 0, 0, 0.8);

}

form.contact-us {

    max-width: 80%;

    margin: 0 auto;

}

.event-foto .thumbnail {

    border:0;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #c2c2c2;

}

.event-foto .thumb-attach {

    height: 175px;
    position: relative;
    width: 100%;
    overflow: hidden;

}
.event-foto .thumb-attach img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    max-width: 150%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.event-foto .thumbnail img {

    max-width: 100%;

}

.event-foto h3 {

    margin-top: 0;

    font-family: 'open_sansregular';
    color: #555555;
    font-size: 18px;

    text-align: center;

}

.nav-js-btm ul {

    list-style: none;

    padding: 0;

}

.nav-js-btm ul li {

    float: left;

    width: 25%;

    font-size: 10px;

}

.nav-js-btm ul li i {

    color: #000000;

    font-family: 'Raleway';

    font-size: 14px;

    font-style: normal;

    line-height: 36px;

    font-weight: 400;

    padding-left: 15px;

}

.price p {

    font-size: 18px;

}

.price .media {

    border-bottom: 1px solid #ebebeb;

}

.price a.create-price {

    line-height: 24px;

    padding: 10px 20px;

    margin-top: 60px;

    font-weight: 600;

}

.contact-price {

    text-align: center;

    color: #fff;

    background: #050035;

    padding: 50px 15px;

    border-radius: 5px;

    border: 1px inset #000000;

    margin-top: 15px;

}

.contact-price h4 {

    font-weight: bold;

    line-height: 30px;

    margin-bottom: 20px;

}
.no-padding {
    padding: 0;
}
.features-list-home {
    background: #00b7f1;
}
.features-green {
    text-align: center;
}
.list-features-green {
    width: 19%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    height: 210px;
}
.table-features {
    display: table;
    width: 100%;
    height: 210px;
}
.tablecell-features {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: #ffffff;
    padding: 10px;
}
.tablecell-features h4 {
    font-size: 14px;
    font-family: 'open_sanssemibold';
    color: rgba(255,255,255,0.9);
    text-transform: uppercase;
}
.tablecell-features p {
    font-size: 12px;
    font-family: 'open_sansregular';
    color: rgba(255,255,255,0.9);
    line-height: 16px    
}
.frame-features-type {
    background: #ffffff;
}
.table-features-2 {
    height: 280px;
}
.table-features-2 .tablecell-features h4 {
    color: #00b7f1;
    font-family: 'Lato';
    text-transform: none;
    font-size: 24px;
}
.table-features-2 .tablecell-features p {
    color:#565656;
}
.col-features-type {
    border-left: 1px solid #e5e5e5;
}
.frame-customerlist-home {
    background: url(../images/back-customer.jpg);
    background-size: 100% auto;
    height: 685px;
    background-attachment: fixed;
}
.table-customerlisthome {
    height: 685px;
    width: 100%;
    display: table;
    text-align: center;
}
.tablecell-customerlisthome {
    vertical-align: middle;
    display: table-cell;
}
.tablecell-customerlisthome h3 {
    font-family: 'Raleway';
    font-size: 3.5em;
    color: #ffffff;
    margin-top: 0;
    font-weight: 200;
}
.tablecell-customerlisthome p {
    font-size: 1em;
    color: #ffffff;
    font-family: 'Raleway';
    font-weight: 300;
    line-height: 22px;
}
.diamond-frame {
    position: relative;
    display: inline-block;
    padding-bottom: 25px;
}
.diamond-grid {
    width: 818px;
    margin: 0 auto;
    padding-right: 10px;
    margin-top: -30px;
}

ul.diamond-grid li {
    list-style: none;
    float: left;
    margin-left: 80px;
    margin-top: 80px;
}

.diamond {
    height: 140px;
    width: 140px;
    border-radius: 15px;
    background: #fff;
    color: #121212;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    border: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: color .35s linear;
    -moz-transition: color .35s linear;
    -o-transition: color .35s linear;
    transition: color .35s linear;
}

.diamond:hover {
    background: #28190a;
    color: #fff;
}
.diamond:hover img {
    display: none;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}
.diamond span {
    display: none;
}
.diamond:hover span {
    display: block;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    color: #ffffff;
}
.diamond-grid > li:nth-child(9n+6) {
    margin-left: 80px;
    margin-top: -8px;
}

.diamond-grid > li:nth-child(5) {
    margin-left: -30px;
}

.diamond-grid > li:nth-child(n+5) {
    margin-top: -30px;
}

.content-diamond {
    width: 140px;
    height: 140px;
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 10px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
}
.content-diamond img {
    max-width: 100%;
}
img.img-what-folio {
    margin-top: 50px;
    max-width: 100%;
}
.banner-pages {
    position: relative;
    height: auto;
    width: 100%;
    height: auto;
}

.banner-pages img {
    width: 100%;
}
.caption-banner-all .container {
    position: relative;
    min-height: 100%;
}
.caption-banner-all .col-captionbanner {
    position: absolute;
    min-height: 90%;
    top: 15px;
}
.address-contact-ft {
    text-align: right;
}
.container-form-contact {
    padding-top: 50px;
    padding-bottom: 50px;
}
form.form-contact-us {
    margin-top: 25px;
}
form.form-contact-us textarea {
    height: 100%;
    border: 1px solid #898989;
    border-radius: 0;
}
.input-contact input {
    border: 1px solid #898989;
    border-radius: 0;
    margin-bottom: 15px;
    line-height: 38px;
    height: auto;
}
.input-contact input.form-control-last {
    margin-bottom: 0;
}
button.btn-send-contact {
    background: #00b7f1;
    font-family: 'open_sansbold';
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 25px;
    margin-top: 15px;
    border: 0;
}
button.btn-send-contact:hover {
    background: #4a8f0c;
    color: #fff;
}
input.btn-send-contact {
    background: #00b7f1;
    font-family: 'open_sansbold';
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 25px;
    margin-top: 15px;
    border: 0;
}
input.btn-send-contact:hover {
    background: #4a8f0c;
    color: #fff;
}
.price-page-desc {
    margin: 30px auto;
    margin-top: 120px;
    position: relative;
    width: 100%;
}
.price-page-desc span {
    color: #00b7f1;
    font-family: 'open_sansbold';
    line-height: 50px;
}
.price-page-desc span.rp-text {
    font-size: 18px;
    position: absolute;
    right: 98%;
    top: -9.5%;
}
.price-page-desc span.month-list {
    position: absolute;
    left: 98%;
    /*top: 23%;*/
    bottom: -4px;
}
.price-page-desc span.rp-text-right {
    right: auto;
    left: 98%;
}
.price-page-desc span.price-text {
    font-size: 90px;
    display: block;
    line-height: 80px;
    padding-bottom: 10px;
    width: 160px;
    position: relative;
    margin: 0 auto;
}
.price-page-desc span.rb-text {
    font-size: 18px;
}
.price-page-desc span.per-text {
    font-size: 39px;
    display: block;
}
.price-page-desc span.per-text-2 {
    font-size: 18px;
    border-bottom: 0;
}
.price-page-desc span.per-text-2.title-per-text {
    position: absolute; 
    left: 0; 
    right: 0; 
    top: -65px;
    color: #555555;
    text-transform: uppercase;
    
}
.price-page-desc hr {
    border-top: 1px solid #00b7f1;
    margin-bottom: 0;
    width: 70%;
    margin: 0 auto;
}
.frame-feature-rotate {
    width: 950px;
    max-width: 100%;
    position: relative;
    margin: 50px auto;
    display: inline-block;
    padding-left: 50px;
}
.list-feature-rotate {
    width: 25%;
    float: left;
}
.feature-rotate {
    border: 4px solid #00b7f1;
    border-radius: 20px;
    width: 165px;
    height: 165px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-feature-rotate {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);   
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
}
.back-feature-rotate {
    font-size: 14px;
    font-family: 'open_sansbold';
    color: #00b7f1;
    padding: 22px;
}
.back-feature-rotate span {
    display: block;
    margin-top: 10px;
    font-family:arial;
    size:11px;
    color:#000;
}
.back-feature-rotate img {
    max-height: 61px;
}
.btn-freature-rotate {
    margin-top: 30px;
    margin-bottom: 100px;
}
.btn-freature-rotate a.btn {
    font-weight: bold;
    margin: 0 15px;
}
.btn-freature-rotate a.btn.back-white {
    background: #fff;
    border: 3px solid #00b7f1;
    color: #00b7f1;
}
.container-price {
    background: #077698;
}
.content-price {
    padding-bottom: 0;
}
.text-footer-price {
    font-size: 18px;
    font-family: 'open_sansbold';
    color: #fff;
    padding: 70px 0;
    padding-bottom: 110px;
}
.text-footer-price h4 {
    font-size: 18px;
    font-family: 'open_sansbold';
    color: #fff; 
    margin-top: 0;
    margin-bottom: 30px;
}
.contact-price-footer {
    margin: 0 auto;
}
.text-footer-price span {
    width: 50%;
    text-align: left;
    float: left;
    font-size: 24px;
}
.container-list-usaha {
    text-align: center;
    margin-top: 30px;
}
.row-list-usaha {
    width: 850px;
    margin: 0 auto;
    max-width: 100%;
}
.container-carousel-jenisusaha {
    background: url(../images/content/services01.jpg) center;
    background-size: auto 100%;
    background-attachment: fixed;
}
.container-carousel-jenisusaha .slide-jenisusaha .content-slider {
    display: table;
    position: relative;
    min-height: 320px;
    width: 100%;
    margin-bottom: 50px;
}
.container-carousel-jenisusaha .slide-jenisusaha .carousel-control.left,
.container-carousel-jenisusaha .slide-jenisusaha .carousel-control.right {
    background: none;
}
.desc-testi {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.desc-testi img {
    margin-bottom: 20px;
}
.text-testi {
    width: 50%;
    margin: 0 auto;
    color: #fff;
}
.text-testi p {
    font-size: 14px;
    font-family: 'open_sansregular';
    color: #ffffff;
}
.text-testi h2 {
    font-size: 18px;
    font-family: 'open_sanssemibold';
    color: #ffffff;
}
.text-testi h4 {
    font-size: 16px;
    font-family: 'open_sansregular';
    color: #ffffff;
}
.text-testi p a {
    color: #39b54a;
}
h2.testimon-ju {
    line-height: 42pt;
    font-family: 'Raleway';
    font-weight: 200;
    font-size: 3.5em;
    color: #ffffff;
    text-align: center;
}
.green-number {
    background-color: #4d940c;
    width: 25px;
    height: 25px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-family: 'Arial';
    font-size: 16px;
    line-height: 26px;
    border-radius: 50px;
    margin-right: 10px
}
.list-slider-features {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}
.thumb-list-slider {
    width: 100%;
    height: 100px;
    position: relative;
    overflow: hidden;
}
.thumb-list-slider img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto!important;
  width: auto !important;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.caption-owl-carousel {
    padding: 1px 20px;
}
.caption-owl-carousel h4 {
    color: #00b7f1;
    font-family: 'Lato';
    text-transform: none;
    font-size: 24px;
}
.caption-owl-carousel p {
    font-size: 12px;
    font-family: 'open_sansregular';
    color: #565656;
    line-height: 16px;
}
.frame-slider {
    padding-top:  40px;
    padding-bottom: 40px;
}
.container-fluid-retail-marine {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}
.retail-list-marine {
    width: 100%;
    display: block;
    position: relative;
    padding: 3px 5px;
}
.thumb-retail-list-marine {
    width: 100%;
    height: 125px;
    position: relative;
    overflow: hidden;
}
.thumb-retail-list-marine img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.retail-list-marine {
    text-align: center;
}
.desc-retail-list-marine {
    padding: 0 15px;
}
.desc-retail-list-marine h2 {
    font-family: 'open_sansbold';
    font-size: 18px;
    color: #5e5e5e;
    margin-top: 0;
    margin-bottom: 5px;
}
.desc-retail-list-marine p {
    font-family: 'open_sansregular';
    font-size: 14px;
    color: #5e5e5e;
    line-height: 22px;
}
.title-section {
    font-size: 3.5em;
    font-family: 'Raleway';
    color: #5e5e5e;
    line-height: 30pt;
    margin-top: 0;
    font-weight: 200;   
}
.container-fluid-testi {
    background: url(../img/back-testi-retail.jpg) no-repeat center;
    background-size: 100% auto;
}
.container-fluid-testi2 {
    background: url(../img/back-testi2.jpg) no-repeat center;
    background-size: 100% auto;
}
.container-fluid-testi-cafe {
    background: url(../../images/article/large/banner-cafe.jpg) no-repeat center;
    /*background: url(../img/back-testi-cafe.jpg) no-repeat center;*/
    background-size: 100% auto;    
}
.container-fluid-testi2-cafe {
    background: url(../images/content/profile01.jpg) no-repeat center;
    background-size: 100% auto;    
}
.container-fluid-testi-salon {
    background: url(../img/back-testi-salon.jpg) no-repeat center;
    background-size: 100% auto;    
}
.container-fluid-testi2-salon {
    background: url(../img/back-testi2-salon.jpg) no-repeat center;
    background-size: 100% auto;    
}
.testi-box {
    width: 300px;
    background: #464646;
    padding: 100px 30px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    position: relative;
    max-width: 100%;
}
.testi-box p {
    color: #fff;
    font-family: 'open_sansregular';
    font-size: 14px;
    line-height: 25px;
}
.inven-manage {
    padding-top: 15px;
    padding-bottom: 15px;
}
.title-inven-manage {
    font-family: 'open_sanssemibold';
    font-size: 18px;
    color: #5e5e5e;
}
.title-inven-manage span {
    width: 36px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.title-inven-manage img {
    margin-right: 10px;
    max-width: 100%;
}
.desc-inven-manage {
    font-family: 'open_sansregular';
    font-size: 14px;
    color: #5e5e5e;
    line-height: 22px;
    margin-top: 10px;
}
.margin-btm {
    margin-bottom: 30px;
}
.container-fluid-profile {
    background: url(../img/back-retail-profile.jpg) no-repeat center;
    background-size: 100% auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.container-fluid-profile h1.title-section {
    color: #fff !important;
}
.container-fluid-profile-salon {
    background: url(../img/container-fluid-profile-salon.jpg) no-repeat center;
    background-size: 100% auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.container-fluid-profile-salon h1.title-section {
    color: #fff !important;
}
.container-fluid-profile-cafe {
    background: url(../img/container-fluid-profile-cafe.jpg) no-repeat center;
    background-size: 100% auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.container-fluid-profile-cafe h1.title-section {
    color: #fff !important;
}
.thumb-profile-retail {
    width: 100%;
    height: 125px;
    position: relative;
    overflow: hidden;
}
.thumb-profile-retail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.list-profile-retail {
    margin-top: 15px;
}
.list-profile-retail p {
    font-family: 'open_sansregular';
    font-size: 16px;
    color: #fff;
}
.container-fluid-reporting {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}
.text-footer-retail {
    padding: 50px 0;
}
.text-footer-retail h4 {
    font-family: 'open_sanssemibold';
    font-size: 23px;
    color: #fff;
    margin-top: 0;
}
.text-footer-retail h5 {
    font-family: 'open_sansregular';
    font-size: 18px;
    color: #fff;
    margin-top: 0;
}
.btn-transparant-border {
    font-family: 'open_sanssemibold';
    font-size: 18px;
    color: #fff;
    border:1px solid #fff;
    background: none;
    padding: 10px 20px;
    margin-top: 30px;
}
.label-top-hardware {
    background: #3cb878;
    color: #fff;
    font-family: 'Raleway';
    font-size: 40px;
    font-weight: 100;
    padding: 10px 30px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.list-product-hardware {
    position: relative;
    display: block;
    padding: 0 30px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.list-product-hardware h3 {
    font-family: 'Raleway';
    font-weight: 500;
    color: #212121;
    font-size: 18px;
}
.list-product-hardware h2,
.list-product-hardware h4 {
    font-family: 'open_sanssemibold';
    color: #434343;
    font-size: 16px;
}
.list-product-hardware p {
    font-family: 'open_sansregular';
    font-size: 14px;
    line-height: 18px;
    color: #787878;
}
.thumnail-hardware {
    width: 100%;
    height: 190px;
    position: relative;
    overflow: hidden;
}
.thumnail-hardware img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.pricing-nav {
    position: relative;
    text-align: center;
}
.nav-pricing-menu {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
.nav-pricing-menu .nav-tabs.nav-justified>li {
    padding: 0 5px;
}
.nav-pricing-menu .nav-tabs.nav-justified>li>a {
    color: #00b7f1;
    border: 0;
    padding: 5px;
    font-family: 'Lato', sans-serif;
    border-radius: 50px;
    border: 1px solid #00b7f1;
}
.nav-pricing-menu .nav-tabs.nav-justified>.active>a, 
.nav-pricing-menu .nav-tabs.nav-justified>.active>a:focus, 
.nav-pricing-menu .nav-tabs.nav-justified>.active>a:hover,
.nav-pricing-menu .nav-tabs.nav-justified>li>a:hover {
    background: #00b7f1;
    color: #fff;
    border-radius: 50px;
    border:0;
    border: 1px solid #fff;
}
.tab-content-pricing-folio {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}
.tbox {position:absolute; display:none; padding:14px 17px; z-index:10001}

.tinner {-moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}

.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:10000}

.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}

.tclose:hover {background-position:0 -30px}

.tcontent > iframe{
    border-radius:5px;
}

/* Tabs panel */
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/*.media-gal{
    padding-left:10px;
    text-align: justify;
    font-size: 0.1px;   
    -webkit-backface-visibility: hidden;
    margin-top: 0;
}

.media-gal:after{
    content: '';
    display: inline-block;
    width: 100%;
}

.media-gal .mix,
.media-gal .gap{
    display: inline-block;
    width: 49%;
}
*/
.media-gal .mix{
    text-align: left;
    margin-bottom: 2%;
    display: none;
}

/*.media-gal .mix:after{
    content: attr(data-myorder);
    color: white;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding: 4% 6%;
    padding-bottom: 3px;
    font-weight: 700;
}

.media-gal .mix:before{
    content: '';
    display: inline-block;
    padding-top: 43%;
}*/