body{
    padding-top: 70px;
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    color: #797979;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 500;
	color: #30373b;
	margin: 0;
}
img{
	max-width: 100%;
}

.pt-3{
    padding-top: 30px;
}
input::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300;
}
input::-moz-placeholder {
  color: #ccc;
  font-weight: 300;
}
input:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300;
}
input:-moz-placeholder {
  color: #ccc;
  font-weight: 300;
}
#billing,
#confirm{
	float: left;
	width: 100%;
	padding: 70px 0;
}
#billing h3,
#confirm h3{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 2.25em;
}
#billing form{
	float: left;
	width: 100%;
}
#billing .control-group{
	float: left;
	width: 100%;
	margin-bottom: 18px;
}
#billing .control-group label{
	float: left;
	width: 100%;
	padding: 0 0 3px;
	color: #505050;
	text-align: left;
}
#billing .control-group .controls{
	float: left;
	width: 100%;
}
#billing .control-group .controls input,
#billing .control-group .controls select{
	float: left;
	width: 350px;
	height: 38px;
	line-height: 36px;
	border: 1px solid #ddd;
	padding: 0 10px;
	border-radius: 2px;
}
#billing .control-group .controls span{
	float: left;
    width: 100%;
    font-size: 13px;
    font-style: italic;
    line-height: 14px;
    margin: 8px 0 0;
}
.lumise-table{
	float: left;
    background: #fff;
    width: 100%;
    text-align: left;
    border-collapse: inherit;
    border: 1px solid #e0e0e0;
    border-spacing: 0;
}
.lumise-table thead th {
    color: #393749;
    padding: 12px;
    font-weight: bold;
    white-space: nowrap;
    border-left: 1px solid #e0e0e0;
    border-bottom: 0;
    padding: 10px;
    background: #eee;
}
.lumise-table thead th:first-child,
.lumise-table td:first-child{
	border-left: none;
}
.lumise-table tbody td:first-child{
	font-weight: 700;
	color: #505050;
}
.lumise-table td {
    color: #777;
    padding: 12px;
    vertical-align: middle;
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
}
.lumise-table tfoot td{
	border-left: 0;
	color: #393749;
}
.lumise-table a{
	color: #47c1bf;
	font-weight: 500;
	text-transform: uppercase;
}
.lumise-table a:hover{
	text-decoration: underline;
}
.lumise-table.sty2{

}
.lumise-table.sty2 thead th{
	background: transparent;
	padding: 15px;
}
.lumise-table.sty2 td{
	padding: 15px;
}
.lumise-table .action a{
    text-transform: capitalize;
    margin: 3px 0;
    padding: 0px 10px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline-block;
    white-space: nowrap;
}
.lumise-table .action a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.lumise-table .action a.edit{
	background: #8BC34A;
}
.lumise-table .action a.remove{
	background: #f44336;
}
.lumise-table .action a:before{
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	padding-right: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lumise-table .action a.edit:before{
	content: '\f044';
}
.lumise-table .action a.remove:before{
	content: '\f00d';
}
.span12{
	float: left;
	width: 100%;
}
.span12.last{
	margin-top: 25px;
}
.span12 h4{
	float: left;
	width: 100%;
	margin-bottom: 12px;
}
.span6{
	float: left;
	width: 48%;
    margin-right: 4%;
}
.span6.last{
	margin-right: 0;
}
.span5{
	float: left;
	width: 40%;
    margin-right: 4%;
}
.span7{
    width: 56%;
    float: left;
}
.span4{
	float: left;
	width: 33%;
    margin-right: 4%;
}
.span8{
    width: 63%;
    float: left;
}
.last{
	margin-right: 0;
}
#confirmform{
	float: left;
	width: 100%;
}
#confirmform .control-group{
	float: left;
	width: 100%;
}
#confirmform .control-group label{
	float: left;
	width: 110px;
	padding: 0;
	color: #505050;
}
#confirmform .control-group .controls{
	float: left;
	width: calc(100% - 110px);
	padding-left: 15px;
}
#confirmform button{
	margin-top: 20px;
}

/**checkout page*/
#checkout .billing input{
    width: 100%;
}
.control-group{
    margin-bottom: 10px;
}
.billing{
	padding-right: 30px;
}
.billing h3,
.order_overview h3{
	margin-bottom: 15px;
}
.order_overview{
    padding-left: 30px;
}
.order_overview .lumise-table th,
.order_overview .lumise-table td{
	border-left: 0 !important;
}
.control-group{
	margin-bottom: 20px;
}
.control-group.comment{
	margin-top: 20px;
}
.control-group.comment .control-label{
	font-size: 16px;
}
.control-group textarea{
	border: 1px solid #ddd;
	height: 100px;
	line-height: 36px;
	padding: 0 10px;
	width: 100%;
}
.control-group .control-label{
	padding: 0 0 4px;
	color: #373737;
	font-size: 13px;
}
.control-group .control-label em{
	color: red;
	padding-left: 3px;
	font-style: normal;
}
.control-group input,
.control-group select{
	border: 1px solid #ddd;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	width: 100%;
}
.control-group .controls label.error{
	font-style: italic;
	margin: 0;
	font-size: 13px;
	font-weight: 300;
	color: #ff6363!important;
}

/* Header */
.header{
	float: left;
	width: 100%;
	transition: all 0.3s ease 0s;
	z-index: 9999;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*box-shadow: 0 2px 3px rgba(0,0,0,0.1);*/
	border-bottom: 1px solid #f3f3f3;
}
.header.fixed{
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.header.fixed .menu .main-menu > li > a{
	padding: 10px 0;
}
.header.fixed .menu .main-menu li.demo a{
	margin: 10px 0;
	padding: 0 20px;
}
.header.fixed .logo{
	padding: 10px 0;
}
.header.fixed .logo img{
	max-height: 35px;
}
.logo{
	float: left;
	padding: 15px 0;
}
.logo img{
	float: left;
	max-height: 40px;
	transition: all 0.3s ease 0s;
}
.menu{
	float: right;
}
.btn_menu,
.menu_mobile{
	display: none;
}
.menu_mobile{
    position: fixed;
    background: #fff;
    width: 290px;
    height: 100%;
    left: -290px;
    top: 0;
    transition: all 0.4s ease 0s;
    z-index: 9999;
    overflow: auto;
}
.menu_mobile.open_menu{
	left: 0;
}
.menu_mobile .main-menu{
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu_mobile .main-menu li{
	float: left;
	width: 100%;
}
.menu_mobile .main-menu li.demo a{
	float: left;
	width: auto;
	background: #47c1bf;
	color: #fff;
	padding: 5px 20px;
	border-radius: 2px;
	margin: 10px 0 35px 30px;
}
.menu_mobile .main-menu li a{
	display: block;
	font-weight: 500;
	color: #30373b;
	padding: 10px 30px;
	font-size: 1.2em;
}
.menu_mobile .logo_mobile{
	float: left;
	width: 100%;
	background: #f9f9fa;
	padding: 10px 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.menu_mobile .logo_mobile img{
	display: block;
	max-height: 40px;
}
.overlay_menu.show_overlay {
    position: fixed;
    display: block;
    background: rgba(0,0,0,0.1);
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.close_menu {
    position: absolute;
    top: 0px;
    height: 60px;
    right: 0px;
    padding: 14px 10px 0 0;
}
.btn_menu{
	float: left;
    height: 42px;
    color: #333;
    border-radius: 2px;
    text-align: center;
    margin: 14px 0;
}
.btn_menu i {
    line-height: 42px;
    font-size: 28px;
}
.menu .main-menu{
	float: left;
	margin: 0;
	padding: 0;
}
.menu .main-menu li{
	float: left;
	position: relative;
    list-style: none;
}
.menu .main-menu li+li{
	padding-left: 35px;
}
.menu .main-menu li a{
	display: block;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	line-height: 36px;
	color: #333;
}
.menu .main-menu li.demo a{
	background: #f44336;
	color: #fff;
	padding: 0 20px;
	margin: 17px 0;
	border-radius: 2px;
}
.menu .main-menu li.demo a:hover{
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
	color: #fff;
    text-decoration: none;
}
.menu .main-menu > li > a{
	padding: 17px 0;
}
.menu .main-menu li.active a,
.menu .main-menu li a:hover{
	color: #47c1bf;
}
.menu .main-menu .sub_menu{
	position: absolute;
	top: 100%;
	left: 10px;
	background: #fff;
	padding: 10px 0;
	width: 200px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	visibility: hidden;
	opacity: 0;
	transform: translate(0, 20px);
	z-index: 9999;
	transition: all 0.3s ease 0s;
}
.menu .main-menu li:hover .sub_menu{
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
.menu .main-menu .sub_menu li{
    list-style: none;
	padding: 0;
	float: left;
	width: 100%;
}
.menu .main-menu .sub_menu li a{
	padding: 0 25px;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 32px;
	font-size: 14px;
}
.menu .main-menu .sub_menu li a:before{
	display: none;
}
.menu .main-menu .sub_menu li a:hover{
	color: #47c1bf;
}
.btn.btn-large, input[type="submit"].btn.btn-large{
    background: #47c1bf;
    border-radius: 3px;
    border: none;
    font-size: 16px;
    padding: 10px 28px;
    font-weight: 500;
}
.wrap-table{
	float: left;
	width: 100%;
	overflow: auto;
}
/* Shop */
.lumise-filter{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.lumise-filter > div{
	float: left;
	margin: 0 15px 0 0;
}
.lumise-filter select{
	border: 1px solid #e1e1e1;
	height: 36px;
	padding: 0 8px;
	border-radius: 3px;
}
.lumise-hero{
	float: left;
	width: 100%;
}
.lumise-hero .item{
	padding: 100px 0;
	text-align: left;
}
.lumise-hero .owl-dots{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 0 10px !important;
}
.lumise-hero .owl-theme .owl-dots .owl-dot span{
	border-radius: 0;
	width: 35px;
    height: 6px;
}
.lumise-hero h1{
	font-size: 50px;
	font-weight: 700;
	color: #47c1bf;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
}
.lumise-hero h4{
	font-size: 18px;
	display: inline-block;
	width: 100%;
	margin: 15px 0 20px;
	font-weight: 500;
	color: #fff;
	color: #777;
}
.lumise-hero a{
	font-size: 12px;
	font-weight: 700;
	padding: 0 35px;
	line-height: 40px;
	color: #000;
	background: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.lumise-hero a:hover{
	background: #47c1bf;
	color: #fff;
	border-color: #47c1bf;
}
.lumise-services{
	float: left;
	width: 100%;
	padding: 40px 0 35px;
	border-bottom: 1px solid #e4e4e4;
}
.lumise-services .col-md-3:not(:last-child){
	border-right: 1px solid #e4e4e4;
}
.box-info{
	display: table;
    margin: 0 auto;
}
.box-info i{
	display: table-cell;
    line-height: 1;
    color: #aaa;
    font-size: 1.9em;
    color: #ff9234;
    background: #fff;
    padding: 0.5em 0.5em;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 20px #e6e6e6;
}
.box-info .content{
	display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    text-align: left;
}
.box-info .content h4{
	margin-bottom: 3px;
}
.box-info .content p{
	margin: 0;
}
.lumise-categories{
	padding: 80px 0;
	float: left;
	width: 100%;
}
.lumise-categories h2{
	float: left;
    width: 100%;
    font-size: 2em;
    margin: 0 0 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.lumise-banner{
	float: left;
	width: 100%;
	position: relative;
}
.lumise-banner .overlay{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.lumise-banner:hover .overlay{
	opacity: 1;
}
.lumise-banner img{
	display: block;
	width: 100%;
	max-width: 100%;
}
.lumise-banner .text-content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
}
.lumise-banner .text-content h3{
	font-size: 20px;
}
.lumise-banner .text-content a{
	text-decoration: underline;
	color: #888;
	font-size: 13px;
}
.lumise-banner .text-content a:hover{
	color: #47c1bf;
}
.lumise-list{
	float: left;
	width: 100%;
	padding: 50px 0;
}
.lumise-list h2, .title-home h2{
	float: left;
    width: 100%;
    font-size: 2em;
    margin: 0 0 40px;
    font-weight: 700;
    /*text-align: center;*/
    text-transform: capitalize;
}
.lumise-list ul{
	float: left;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.lumise-list ul li{
	float: left;
	width: 14%;
	margin-right: 2.666666666666666666666667%;
	margin-bottom: 30px;
	position: relative;
}
.lumise-list ul li figure{
	float: left;
	width: 100%;
	text-align: center;
}
.lumise-list.lumise-templates ul li figure{
	height: auto;
}
.lumise-list ul li figure img{
	display: inline-block;
	border-radius: 10px;
}
.lumise-list ul li:nth-of-type(6n){
	margin-right: 0;
}
.lumise-list .lumise-action{
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	text-align: center;
}
.lumise-list .lumise-action a{
	font-size: 12px;
    font-weight: 700;
    padding: 0 22px;
    line-height: 34px;
    float: none;
    width: auto;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 2px;
    opacity: 0;
    transform: scale(0.8);
 	transition: all 0.3s ease 0s;
}
.lumise-list .lumise-action a.lumise-custom {
	background: #ff9234;
    color: #fff;
    border-radius: 5px;
}
.lumise-list .lumise-action a.lumise-custom:hover {
    background: #fff;
    color: #ff9234;
    text-decoration: none;
}
.lumise-list li:hover .lumise-action a{
	transform: scale(1);
	opacity: 1;
}
.lumise-list ul li a{
	float: left;
	width: 100%;
}
.lumise-list ul li figure{
	float: left;
	width: 100%;
	position: relative;
}
.lumise-list ul li img{
	display: block;
}
.lumise-list ul li .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.lumise-list ul li:hover h3{
	text-decoration: underline;
}
.lumise-list ul li:hover .overlay{
	opacity: 1;
}
.lumise-list ul li .content{
	float: left;
	width: 100%;
	text-align: center;
}
.lumise-list ul li .content h3{
	float: left;
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	margin: 15px 0 10px;
	color: #333;
	font-weight: 400;
}
.lumise-list ul li .content .lumise-price{
	float: left;
	width: 100%;
	font-weight: 700;
	color: #ff9234;
	font-size: 22px;
}
.lumise-client{
	float: left;
	width: 100%;
	padding-bottom: 80px;
}
.client{
	float: left;
	width: 100%;
}
.client:hover img{
	opacity: 1;
}
.client img{
	float: left;
	width: 100%;
	opacity: 0.6;
	transition: all 0.3s ease 0s;
}
/* Product detail */
.lumise-product{
	float: left;
	width: 100%;
	padding: 90px 0;
}
.product-detail{
	float: left;
	width: 100%;
}
.product-detail h1{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.product-detail .price{
	font-size: 22px;
	font-weight: 700;
	color: #47c1bf;
	float: left;
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
}
.product-detail .desc{
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
.product-detail form{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.product-detail form input[type="number"]{
	float: left;
	width: 65px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #e3e3e3;
	padding: 0 0 0 5px;
}
.product-detail form a, .btn-secondary{
    font-weight: 700;
    padding: 0 28px;
    line-height: 38px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    float: left;
    margin: 0 0 0 12px;
}
.product-detail a.lumise-add{
	background: #ebebeb;
}
.product-detail a.lumise-custom{
	background: #47c1bf;
	color: #fff;
}
.lumise-product .lumise-list{
	margin: 80px 0 0;
}
.lumise-product .lumise-list.lumise-related{
	padding: 0;
}
.lumise-products{
	padding: 90px 0;
	float: left;
	width: 100%;
}
.lumise-products .lumise-list{
	margin: 0;
}
.lumise-products .lumise_pagination{
	margin: 0;
}
.lumise-bread{
	float: left;
    width: 100%;
    padding: 2rem 0;
    background: #fbfbfb;
    text-align: left;
}
.lumise-bread h1 { font-size: 3rem; }
/* Pagination */
.lumise_pagination {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.lumise_pagination ul {
    float: right;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lumise_pagination ul li {
    float: left;
    margin-bottom: 5px;
}

.lumise_pagination ul li a, .lumise_pagination ul li span {
    display: block;
    width: 35px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e4e9f0;
    margin-left: -1px;
    color: #74708d;
}

.lumise_pagination ul li a:hover {
    background: #f6f6f6;
}

.lumise_pagination ul li span {
    background: #4DB6AC;
    color: #fff;
    border-color: #4DB6AC;
}

.lumise_pagination ul li span.none {
    cursor: not-allowed;
    background: #fff;
    border-color: #e4e9f0;
    color: #74708d;
}

.lumise_pagination ul li:last-child > span, .lumise_pagination ul li:last-child > a {
    border-right: 1px solid #e4e9f0;
    border-radius: 0 2px 2px 0;
}

.lumise_pagination ul li:first-child > span, .lumise_pagination ul li:first-child > a {
    border-radius: 2px 0 0 2px;
}

.lumise_pagination p {
    margin: 0;
    float: left;
}
/* Footer */
.footer{
	float: left;
	width: 100%;
	padding-top: 80px;
	background: #272727;
	border-top: 1px solid rgba(255,255,255,.1);
}
.footer_content{
	float: left;
	width: 25%;
}
.footer_content:nth-of-type(2){
	padding-left: 80px;
}
.footer_content:nth-of-type(3){
	padding-left: 50px;
}
.footer_content:last-child{
	padding-left: 0;
}
.footer_content .footer_logo{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.footer_content .footer_logo img{
	float: left;
	max-height: 70px;
}
.footer_content p{
	float: left;
	width: 100%;
	font-size: 1.1em;
	line-height: 26px;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.5);
}
.footer_content h4{
	float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 1.1em;
    font-weight: 500;
    color: #fff;
}
.footer_content ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_content ul.link{
	float: left;
	width: 100%;
}
.footer_content ul.link li{
	float: left;
	width: 100%;
	line-height: 32px;
}
.footer_content ul.link li a{
	display: block;
	color: rgba(255,255,255,0.5);
	font-weight: 400;
	font-size: 1.1em;
}
.footer_content ul.link li a:hover{
	color: #fff;
	text-decoration: underline;
}
.footer_content a{
	color: #fff;
}
.footer_content a:hover{
	text-decoration: underline;
}
.form-sub{
	float: left;
	width: 100%;
	position: relative;
}
.form-sub input[type='text']{
	width: 100%;
    outline: 0;
    float: left;
    border: solid 1px #e8e8e8;
    padding: 0 30px 0 20px;
    height: 42px;
    line-height: 42px;
    font-size: 13px;
    line-height: 36px;
    color: #888888;
    font-weight: 300;
    box-shadow: none;
}
.form-sub input[type='submit']{
	position: absolute;
    border: 0;
    font-family: 'Roboto',Arial;
    right: 0;
    top: 0;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #47c1bf;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 18px;
    letter-spacing: 0.2px;
}
.tsd_social{
	float: left;
	width: 100%;
}
.tsd_social li{
	float: left;
	margin-right: 12px;
}
.tsd_social li:nth-of-type(1) a{
	background: #3B5998;
}
.tsd_social li:nth-of-type(2) a{
	background: #1DA1F2;
}
.tsd_social li:nth-of-type(3) a{
	background-image: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}
.tsd_social li:nth-of-type(4) a{
	background: #30373b;
}
.tsd_social li a{
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
}
.tsd_social li a:hover{
	opacity: 0.7;
}
.copyright{
	float: left;
	width: 100%;
	margin-top: 60px;
	border-top: 1px solid rgba(255,255,255,.1);
}
.copyright p{
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}
.copyright a{
	font-weight: 500;
	color: #fff;
}
.copyright a:hover{
	text-decoration: underline;
}
.footer_content .contact_form{
	margin: 10px 0 0;
}

.align-right{
	text-align: right;
}
.align-left{
	text-align: left;
}
.padding6{
    padding: 60px 0;
}
.lumise-order-sumary{
    margin-bottom: 30px;
}
.lumise-order-sumary strong{
	font-weight: 500;
	color: #666;
}
.lumise-order-sumary p, .lumise-billing-details p{
    margin: 0;
    line-height: 20px;
}
.thankyou h5{
    margin-bottom: 10px;
}
.thankyou h4{
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 24px;
}
.mt-30{
    margin-top: 30px;
    display: block;
    width: 100%;
    float: left;
}
.thankyou .lumise-table tbody td:first-child{
    font-weight: 300;
}
#checkout .form-actions button{
    float: left;
}
#checkout .form-actions .payment-separate{
    float: left;
    margin: 0 10px;
    line-height: 42px;
}
#paypal-button{
    float: left;
}
.lumise-payment-name strong{
    text-transform: capitalize;
}
#checkout .payments {
	float: left;
	width: 100%;
	background: #eee;
	padding: 25px 30px 15px;
	margin-top: 15px;
}
#checkout .payments h3{
	margin-bottom: 20px;
}
#checkout .payments img{
    max-height: 40px;
    margin-right: 10px;
}
#checkout .payments label{
    float: left;
    color: #333;
    line-height: 18px;
    margin: 0 0 10px 8px;
    cursor: pointer;
}
#checkout .payments input[type=radio]{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 0;
    cursor: pointer;
}
.lumise-payment-item {
    width: 100%;
    display: block;
    float: left;
}
.lumise_message {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #468847;
    background: #DFF0D8;
    padding: 5px 15px;
    border-radius: 2px;
}

/* add new style */
@font-face {
    font-family: 'celahreguler';
    src: url('barlow-light.eot');
    src: url('../fonts/celah-reguler.eot?#iefix') format('embedded-opentype'),
            url('../fonts/celah-reguler.woff2') format('woff2'),
            url('../fonts/celah-reguler.woff') format('woff'),
            url('../fonts/celah-reguler.ttf') format('truetype'),
            url('../fonts/celah-reguler.svg#celahreguler') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font-reg, body,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.sidebar, .sidebar .nav .nav-item.nav-profile .profile-name .designation, 
.sidebar .nav .nav-item.nav-profile .profile-name .name, .navbar, .btn, .badge,
.form-control, .table thead th
{ font-family: "celahreguler", arial; }
.fright { float:right; }
.fleft { float:left; }

/* cart front */
.cart-front {
    width: 50px;
    float: right;
    background: #ff9234;
    color: #fff;
    padding: 1em;
    border-radius: 0 0px 7px 7px;
    position: relative;
}
.totalcart { 
    position: absolute;
    top: 2px;
    right: 5px;
    background: #fff;
    color: #000;
    padding: 0px 6px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
}

/* menu */
.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    float: left
}
.menu-container .menu { 
    float:right; 
    width: 98%;
}
.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu-container .menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu-container .menu > ul:before,
.menu-container .menu > ul:after {
    content: "";
    display: table;
}

.menu-container .menu > ul:after {
    clear: both;
}

.menu-container .menu > ul > li {
    float: left;
    background: #fff;
    padding: 0;
    margin: 0;
}

.menu-container .menu > ul > li a {
    text-decoration: none;
    padding: 1.2em 1.5em;
    display: block;
    font-size: 17px;
    color: #000;
}
.menu-container .menu > ul > li a:hover { 
    color: #ff9234;
}
.menu-container .menu > ul > li:hover {
    background: #f8f8f8;
}

.menu-container .menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f8f8f8;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0 5px 10px #f3f3f3;
    min-height: 190px;
}

.menu-container .menu > ul > li > ul:before,
.menu-container .menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu-container .menu > ul > li > ul:after {
    clear: both;
}

.menu-container .menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
    position: relative;
    border-right: 1px solid #f5f5f5;
    padding-left: 20px;
    min-height: 180px;
}
.menu-container .menu > ul > li > ul > li img.img-megamenu { 
    position: absolute;
    top: 35px;
    z-index: -1;
    width: 55%;
    right: 10px;
}

.menu-container .menu > ul > li > ul > li a {
    color: #000;
    padding: .2em 0;
    width: 95%;
    display: block;
    font-size: 20px;
}

.menu-container .menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu-container .menu > ul > li > ul > li > ul:before,
.menu-container .menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu-container .menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu-container .menu > ul > li > ul > li > ul > li {
    margin: 0;
    font-size: .8em;
}

.menu-container .menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu-container .menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu-container .menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu-container .menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu-container .menu > ul {
        display: none;
    }
    .menu-container .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu-container .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu-container .menu > ul > li > ul {
        position: relative;
    }
    .menu-container .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu-container .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu-container .menu-container .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu-container .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu-container .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu-container .menu .show-on-mobile {
        display: block;
    }
}
ul.submenu-megamenu a { 
    border-radius: 4px;
    /*text-transform: uppercase;*/
    font-size: 14px !important;
    color: #878787 !important;
}

/* menu 2 */
#main-nav{
    margin: 0;
    padding: 0;
    width: 100%;
    margin-left: 22px;
}
#nav{
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
#nav li{
    float: left;
    position: relative;
    padding: 22px 22px;
    color: #000;
    list-style: none;
    font-size: 16px;
}
#nav li:hover{
    cursor: pointer;
    background-color: #f4f4f4;
}
#nav li ul.dropdown-list li { padding:10px 20px;} 

.dropdown ul{
    display: none;
    position: absolute;
    top: 70px;
    margin-left: -22px;
    margin-right: -18px;
    padding: 0;
    width: 100%;
}
.dropdown:hover ul.dropdown-list{
    display: block;
}
.dropdown ul.dropdown-list li.a{
    background-color:#f4f4f4;
    width: 210px;
    position: relative;
}
.sub-dropdown ul.sub-dropdown-list{
    display: none;
    position: absolute;
    top: 0;
    left: 222px;
    width: 150px;
}
#nav li .sub-dropdown ul.sub-dropdown-list li { float: none; }

.sub-dropdown:hover ul{
    display: block;
}
.sub-dropdown-list li{
    background-color: #f4f4f4;
}
.iconmenutop { 
    background: #fff;
    padding: 5px 8px 8px;
    border-radius: 30px;
    display: inline-block;
    margin-right: 10px;
}
.iconmenutop img { width: 25px; }
.dropdown-list li a { width: 100%; display: block; color: #585858; }
.dropdown-list li a:hover { color: #ff9234; }
#nav li ul.dropdown-list li a:hover { text-decoration:none; }

/* menu mobile */
.showmenumobile, .hidemobile { display:none; }

#accordion i {
  padding:0.4em 1.5em;
  width: 100%;
  /*background-color:#fff;*/
  cursor:pointer;
  float:right;
  font-style:normal;
  position:absolute;
  display:inline-block;
  right:0;
  color:#ff9234;
  top: 0;
  /*margin: .5em  .5em 0 0;*/
  /*border-radius:50%:*/
/*  width:3em;*/
}

#accordion i:hover {
  /*background-color:#f7f7f7;*/
  color:#333;
}

#accordion {
	margin:60px auto 0 auto;
}

#accordion ul{
  list-style-type: none;
  padding:0;
}

#accordion ul a {
  padding:0em 2em;
  display:inline-block;
  width:100%;
  color: #666;
}

#accordion ul a:hover {
  color:#000;
 /* background-color:#f7f7f7;*/
}

/*list items*/
#accordion li {
  position:relative;
 /* border-bottom:1px solid #eee;*/
 /*padding:.5em;*/
}

/*#accordion a {
  padding:1em;
}*/

#accordion ul ul{
  padding:.75em 0;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  background-color:#f8f8f8;
}


#accordion ul ul li a {
	text-decoration: none;
	font-size: 14.5px;
	line-height: 27px;
	display: block;
   font-weight:normal;
/*	padding: 5px 15px;*/
 background-color:#f8f8f8;
  padding:.6em 2em .6em 3.5em;

}
/*hover effect on links*/
#accordion ul ul li a:hover {
	background: #f2f2f2;
}
/*Lets hide the non active LIs by default*/
#accordion ul ul {
	display: none;
}
#accordion li.active ul {
	display: block;
}

.imgsub-menu { max-width: 25px; margin-right: 20px;}
.textmenu-mobile { margin-top:8px; }

/* check out */
.btn.btn-large, 
.product-detail a.lumise-custom, .main-bg-color, .owl-theme .owl-dots .owl-dot.active span
{ background: #ff9234 ; }
.lumise-table .action a, .product-detail a.lumise-custom { border-radius: 4px; }
.lumise-table thead th { font-weight: normal; font-size: 15px; color: #000; }

/* banner */
.lumise-hero .owl-stage a {
    border: 1px solid #ff9234;
    border-radius: 5px;
    color: #ff9234;
}
.lumise-hero .owl-stage a:hover {
    background: #ff9234;
    color: #fff;
}
.lumise-hero .owl-stage h1 { 
    color: #000;
    font-size: 45px;
    text-transform: capitalize;
}

/* page ukuran */
.img-ukuran { 
    float: left;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.img-ukuran img { width: 30px; }
.text-ukuran {
    float: left;
    margin-left: 15px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    margin-top: 10px;
}
.gridtab-2.gridtab--0 > dt { padding:10px; border-color: #fff;}
.gridtab-2.gridtab--0 > dd { border-color: #fff; }
.content-ukuran img { width: 250px; }
.desc-ukuran { width: 75%; }

table.table-ukuran { width: 100%;}
table.table-ukuran .head-tr { 
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    color: #000;
}

table.table-ukuran tr td { 
    padding:10px;
    border-bottom: 1px solid #e7e7e7;
}

/* faq */
main{
  display:block;
  position:relative;
  box-sizing:border-box;
  padding:30px;
  width:100%;
  max-width:920px;
  background-color:#fff;
  margin:0 auto;
  margin-top:50px;
  box-shadow:0px 0px 5px rgba(0,0,0,0.1);
}
/*h1{*/
/*  padding-left:20px;*/
/*  padding-right:20px;*/
/*  font-size:32px;*/
/*  font-weight:300;*/
/*}*/
.topic{
  padding:20px;
  padding-top:0px;
  padding-bottom:0px;
  border-bottom:solid 1px #f5f5f5;
}
.open{
  cursor:pointer;
  display:block;
  padding:0px;
}
.open:hover{
  opacity:0.7;
}
.expanded{
  background-color:#f5f5f5;
  transition: all .3s ease-in-out;
  border-radius: 15px;
}
.question{
  padding-top:15px;
  padding-right: 40px;
  padding-bottom:17px;
  font-size: 18px;
  font-weight:500;
  color: #ff9234;
}
.question img { width: 125px; margin-left: 10px; }
.answer{
  font-size:16px;
  line-height:26px;
  display:none;
  margin-bottom:30px;
  text-align:justify;
  padding-left:20px;
  padding-right:20px;
}
.faq-t{
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  float:right;
  position:relative;
  top:-35px;
  right:10px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transition: all .3s ease-in-out;
}
.faq-o{
  top:-30px;
   -moz-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  transform: rotate(-224deg);
}
.title-pembayaran {font-size: 22px; color: #000; display: block; }
.cotainer-faq h2.title-faq { 
    margin-bottom: 15px;
    font-size: 28px;
}
@media only screen and (max-width: 480px) {
  .faq-t{display:none;}
  .question{
      padding-right: 0px;
    }
      main{
      padding:10px;
    }
      .answer{
      margin-bottom:30px;
      padding-left:0px;
      padding-right:0px;
    }
}

/* checkout */
.autocomplete-suggestions { 
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    padding: 10px;
    box-shadow: rgb(204, 204, 204) 0px 0px 10px;
    border-radius: 0px 0px 10px 10px; 
}
.autocomplete-suggestion { border-bottom: 1px solid #f4f4f4;padding: 5px; }

/* detail */
.product-detail .price, .main-text-color, 
.lumise-hero h1 { color: #ff9234; }
.main-border-color { border: 1px solid #ff9234; }
.product-img figure { text-align: center; }
.product-img figure img { 
    max-width: 300px;
    border-radius: 10px;
}

.clear { clear:both; }
.list-category-header { float: left; }
.list-category-header li { float: left;list-style: none; }
.list-category-header li a { display:block; }

/* panduan design */
.vid-design {
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.vid-design iframe {
    width: 100%;
    margin: 25px 0;
    height: 400px;
    border: 1px solid #ededed;
    padding: 15px;
    border-radius: 10px;
}

ul.listvid-home { padding-left: 0; }
.listvid-home li { 
    list-style: none;
    float: left;
    width: 50%;
    padding: 0 2%;
}
.listvid-home .vid-design iframe { margin-top:0; }

/* new css */
.newheader .sub-dropdown ul.sub-dropdown-list { 
    width: 305px;
    margin-left: 0px;
    border-left: 1px solid #cccc;
    left: 160px;
    background: #f4f4f4;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 0;
}
.newheader .sub-dropdown ul.sub-dropdown-list.autowidth { width: auto; }
.newheader .sub-dropdown-list li { background-color: #f4f4f4; z-index: 10; }
.newheader #nav li .sub-dropdown ul.sub-dropdown-list li { 
    float: left;
    width: 150px;
    height: 65px;
    padding: 10px 15px;
}
.newheader .text-submenu {
    font-size: 14px;
    width: 45px;
    line-height: 14px;
    margin-top: 6px;
}
.newheader .dropdown ul.dropdown-list li.a { width: 160px; }

.new-lh.lumise-hero .item { padding: 120px 0; }
.new-lh.lumise-hero .owl-stage a, .btn-style {
    font-size: 15px;
    font-weight: 700;
    padding: 0 25px;
    margin-right: 15px;
}
.new-lh.lumise-hero .owl-stage a.btn-secondary, .product-detail form .btn-secondary, .btn-secondary  { border: 1px solid #ccc; color: #b0b0b0; }
.new-lh.lumise-hero .owl-stage a:hover { text-decoration:none;}
.new-lh.lumise-hero .owl-stage a.btn-primary, .btn-primary, .product-detail form a.btn-primary
{  
    background: #ff9234; color: #fff; border: 1px solid #ff9234;
}
.product-detail form .btn-primary, .product-detail form .btn-secondary, .btn-secondary
{ padding: 0.1rem 2rem; border-radius: 5px; }
.no-leftbtn, .product-detail .no-leftbtn { margin-left:0; }
.new-lh.lumise-hero .owl-stage a:hover, .product-detail form .btn-secondary:hover, .btn-secondary:hover { 
    background: #fff;
    border-color: #fff;
    color: #ff9234;
    box-shadow: 1px 2px 8px #f0d2b9;
}
.new-lh.lumise-hero h4 { width: 45%; line-height: 24px; }
.container.new-container .box-info i { padding: 0.46em 0.5em 0; text-align: center;}
.new-container .box-info i { color: #c8c8c8; }
.new-container .lumise-services { border-bottom: 1px solid #f9f9f9; }
.new-container .lumise-services .col-md-3:not(:last-child) { border-right: 1px solid #f7f7f7; }

.lumise-list.new-listproducts ul li { width: 15%; margin-right: 2%;}
.lumise-list.new-listproducts ul li:nth-of-type(6n) { margin-right: 0; }
.lumise-list.new-listproducts ul li .content { text-align: left; }
.lumise-list.new-listproducts ul li a, .default-boxproduct { 
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    padding: 1rem;
    border-radius: 10px;
}
.lumise-list.new-listproducts .lumise-action a { padding: 0 22px; }
.lumise-list.new-listproducts ul li .content .lumise-price { width: 80%; margin-left: 4px; margin-top: 6px; }
.lumise-list.new-listproducts ul li .content h3 { float:none; }
.wrapper-starfrom-home { line-height: 18px; color: #606060; }
.text-sf, .wrapper-starfrom-home .fleft { color: #b0b0b0; }
.lumise-list.new-listproducts ul li .content .lumise-price { margin-bottom: 0.7rem; }
.lumise-list.new-listproducts ul li figure img { border-radius: 5px; }
.lumise-list.new-listproducts ul li .overlay:hover { border-radius:5px; }

.owl-hiw.owl-carousel .owl-stage .owl-item { padding: 3rem; }
.owl-hiw.owl-carousel .owl-stage .owl-item .item { }
.owl-hiw.owl-carousel .owl-stage .owl-item img { }
.wrapper-content-hiw { margin-bottom: 1.5rem; margin-top: 2rem; }
.number-hiw { 
    line-height: 29px;
    font-size: 1.5rem;
    border-radius: 30px;
    min-width: 30px;
    text-align: center;
    height: 30px;
    background: #fff;
    color: #ff9234;
    border: 1px solid #ff9234;
}
.title-hiw { font-size: 2rem; margin: 0.2rem 1rem 0; color: #30373b;}
.wrapper-desc-hiw p, .pshiw p { line-height: 19px; }

.product-shiw { width: 47%; border-radius: 10px; padding: 2rem;}
.product-shiw img { width: 25%; border-radius: 10px; display: inline-block;}
.detail-shiw { margin-left: 2rem; width: 55%;}
.pshiw { margin-top: 1rem; }
.amount-shiw .fleft { font-size: 12px; margin-left: 0.5rem; }
.amount-shiw .lumise-price.fleft { font-size: 22px; margin-top: 0.6rem;}
.table-shiw {
    background: #98fdda;
    width: 50%;
    padding: 2rem 3rem;
    border-radius: 10px;
}
.wrapper-sample-hiw { 
    box-shadow: 0 14px 25px #f7f7f7;
    margin: 4rem 0 6rem;
    padding: 2rem;
    border-radius: 10px;
}
.table-shiw table { 
    background: #fff;
    width: 100%;
    padding: 2rem;
    border-radius: 10px;
    display: block;
    margin-top: 1.5rem;
}
.table-shiw table tr td { width: 50%; }
.product-shiw, .table-shiw { height: 200px;}
.toptitle-table-shiw { margin-bottom: 2rem; }
.list-price-shiw { font-size: 15px; color: #2e7b40;}
.total-keuntungan-shiw {
    border-top: 1px solid #8deebf;
    margin-top: 1rem;
    padding-top: 1rem;
    font-size: 20px;
}
.owl-kreator.owl-carousel.owl-drag .owl-item img {
    border-radius: 100px;
    width: 70%;
    margin: 0 auto;
}
.listkreator { margin-top: 3rem; }
.wrapper-content-listkreator { color: #000; font-size: 1.8rem; margin-top: 1.5rem;}
.wrapper-content-listkreator span { 
    font-size: 1.4rem;
    color: #797979;
    display: block;
    line-height: 20px;
}
.signup-bottom-link { 
    background: #f7f7f7;
    padding: 3rem 0;
    margin-top: 6rem;
}
.btn-listkreator-home { margin: 3rem 0 8rem; }
.btn-primary.btn-style { 
    text-transform: uppercase;
    padding: 0.6rem 2rem;
    display: inline-block;
    border-radius: 6px;
    margin-right: 0;
}
.btn-primary.btn-style:hover {
    background: #fff;
    border-color: #fff;
    color: #ff9234;
    box-shadow: 1px 2px 8px #f0d2b9;
}

/* start kreator page */

@media (min-width: 1000px) {
  #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }

  #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-color: #ff9234;
    border-radius: 9px;
    box-shadow: 0px 0px 2px 8px #f7f7f7;
  }
}
/* Some Cool Stuff */
.demo-card:nth-child(1) {
  order: 1;
}

.demo-card:nth-child(2) {
  order: 4;
}

.demo-card:nth-child(3) {
  order: 2;
}

.demo-card:nth-child(4) {
  order: 5;
}

.demo-card:nth-child(5) {
  order: 3;
}

.demo-card:nth-child(6) {
  order: 6;
}
.new-lh.lumise-hero .owl-stage .btn-banner a.btn-primary { float:left; margin-right:0;}

/* pasar kreator */
.owl-slidepasar.owl-carousel .owl-item { opacity: 0.1; }
.owl-slidepasar.owl-carousel .owl-item.active.center { opacity: 1;}
.search-top input {
    width: 100%;
    margin: 1rem;
    padding: 0.7rem 1rem 0.7rem 3rem;
    border: 1px solid #fff;
}
.search-top input::placeholder { color: #404040; font-size: 1.5rem;}
.search-top i { position: absolute; font-size: 2rem; margin: 2rem 2rem 2rem 1rem; }
.lumise-list.new-listproducts .pasarkreator-page ul li .content h3 { margin-bottom: 0; }
.name-kreator-list {
    font-size: 1.1rem;
    line-height: 20px;
    margin-bottom: 1rem;
    color: #939393;
}
.main .img-responsive { margin-bottom: 33px; }
.gridbanner img { border-radius: 8px; }
.lumise-list.new-listproducts .list-tag ul li a { 
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 0.3rem 1rem;
}
.lumise-list.new-listproducts .list-tag ul li { width: auto; margin-right: 1%; }
.gridbanner { margin:1rem -15px 2rem;}

.wrapper-bottom-banner { position: relative; }
.wrapper-bottom-banner img.img-responsive { margin-bottom:0;}
.wrapper-bottom-banner img.img-responsive:hover { box-shadow: 0 0 20px #dbdbdb; }
.content-bb { 
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 1rem;
    border-radius: 0 0 10px 10px;
}
.content-bb p { line-height: 16px; margin-top: 0.5rem; margin-bottom: 0; }
.content-bb h4 { font-size: 2rem; }
a .content-bb p { color: #797979; }

.product-detail .top-detprod h1 { margin-bottom: 0; }
.product-detail .top-detprod .price { font-size: 3rem; margin-top: 1rem; }
.name-kreator-list a, .default-link-kreator { 
    border: 1px solid;
    padding: 0.2rem 1rem;
    border-radius: 21px;
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 18px;
}
.gallery { }
.gallery .previews, .gallery .full, .gallery .desc { float: left; margin-right: 10px; }
.gallery .desc, .gallery .full { width: 360px; font-size: 12px; }
.gallery .desc h2 { margin-top: 0; }
.gallery .previews a {
    display: block;
    margin-bottom: 10px;
    width:70px;
}
.gallery .full, .gallery .full img { height: auto; padding: 0.5rem; }
.gallery .previews a, .gallery .full { border: 1px solid #eee; border-radius: 8px; }
.gallery .previews a img { padding: 0.5rem;  }
.gallery .previews a:hover, .gallery .previews a.selected { border: 1px solid #ff9234; }
.gallery .full img:hover { cursor: pointer; }
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.list-icon-detprod { margin: 20px 0 10px; }
.list-icon-detprod ul li, .tag-list-detprod ul li { float:left; margin: 0 1.5rem;}
.list-icon-detprod ul li:first-child, .tag-list-detprod ul li:first-child { margin-left:0; }
.list-nonstyle { margin:0; padding:0; }
.list-nonstyle li { list-style: none; }
.wrapper-icon-detprod { font-size: 2rem; margin-right: 1rem; }
.text-icon-detprod div { line-height: 18px; font-size: 1.4rem; }
.second-text-idp { color: #000;}
.morecontent span { display: none; }
.morelink { display: block; margin-top: 1rem; }
.desc-detprod { 
    margin-bottom: 3rem;
    line-height: 18px;
    margin-top: 2rem;
    border-top: 1px solid #f4f4f4;
    padding-top: 2rem;
}
.wrapper-default-btn { margin-top: 2rem; }
.wrapper-product-detail { padding-top: 2rem; }
.wrapper-breadcrumb .breadcrumb { background: #fff; padding: 0;}
.product-detail .content-detprod input.default-input, input.default-input { 
    border-radius: 5px;
    border: 1px solid #e1e0e0;
    padding: 0.5rem 1rem;
    line-height: 28px;
}
.product-detail .content-detprod input.default-input::placehoder { color: #666; }
input::placeholder { color: #6c6c6c; }
.fancybox-lock .fancybox-overlay { z-index: 10000; }

/* cart */
.newheader .cart-front { width: auto; background: #fff; padding-right: 0; padding-top: 1.6rem;}
.newheader .menu-container { width: 35%; }
.newheader .cart-front .cart-icontop { 
    border: none;
    background: none;
    color: #000;
    padding: 0.6rem 2rem;
    border-radius: 5px;
    font-size: 1.5rem;
}
.sign-register a { padding: 0.4rem 2rem !important; font-size: 1.2rem; font-weight: 700;}
.sign-register .btn-primary { background: #fff; color: #ff9234; }
.sign-register a.btn-secondary {
    border: none;
    float: none;
    color: #337ab7;
}
.wrapper-carttop { border-right: 1px solid #f2f2f2;}
.sign-register { padding-left: 1.5rem; }
.newheader .cart-front .cart-icontop i { margin-right: 1rem; }
.cart-front .dropdown-menu .dropdown-anchor { display:none; }
.cart-front .dropdown-menu.dropdown-anchor-top-right:not(.dropdown-overlay-trigger) { 
    margin-top: 0;
    padding-bottom: 0;
    border-radius: 5px;
}
.cart-front .dropdown-menu ul { 
    box-shadow: none;
    padding: 10px 5px 0;
    border-radius: 5px;
}
.cart-front .dropdown-menu ul li { color: #737373; padding: 1rem; border-bottom: 1px solid #f4f4f4; }
.cart-front .dropdown-menu ul li:first-child { padding-top:0; }
.cart-front .dropdown-menu ul li:last-child { border-bottom:none; padding: 0; }
.cart-front .dropdown-menu ul li img { width: 40px; border-radius: 5px;}
.cart-front .dropdown-menu ul li .text-right { padding: 0.5rem 0; }
.cart-front .dropdown-menu ul li .text-right span { font-size: 1.9rem; color: #000; }
.cart-front .dropdown-menu ul li a { 
    background: #ff9234;
    padding: 1.6rem 1rem;
    text-align: center;
    color: #fff;
    display: block;
    margin: 0 -5px;
    border-radius: 0 0 5px 5px;
    font-size: 1.6rem;
    font-weight: 700;
}
.nameprod-cart { 
    padding: 0 1.5rem 0 1.5rem;
    color: #888;
    width: 200px;
}
.total-cart-product { font-size: 1.2rem; margin-top: 0.1rem;}
.detail-cart-payment ul { padding-left:0; }
.detail-cart-payment ul li { 
    width: 100%;
    list-style: none;
    border-top: 1px solid #f7f7f7;
    padding: 2rem 0px 1rem;
}
.detail-cart-payment ul li:first-child { padding-top: 0; border-top: 0;}
.detail-cart-payment ul li figure img { border-radius: 8px; }
.detail-cart-payment .col-sm-2 input { width:80%; }
.wrapper-cartpayment { margin: 5rem 0;} 
.detail-cart-payment .default-link-kreator { line-height: 14px; }
.detail-cart-payment .main-text-color { font-size:2rem ; }
.tag-kreator-carpayment { margin: 0.1rem 0 1rem; }
.note-cartpayment { margin-top: 1rem; }
.note-cartpayment p { line-height: 18px; margin-top: 0.5rem;}
.icon-editdel-cartpayment { 
    font-size: 2rem;
    padding: 1rem;
    border-radius: 30px;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 10px;
    margin: 0 0rem;
}
.top-cartpayment { margin-bottom: 1rem;}
.left-tcp { font-size: 1.5rem; padding: 0 1rem 1rem; }
.left-tcp .main-text-color { font-size: 3rem;}
.detail-cart-payment .main-text-color .fleft { color: #999; }
.top-cartpayment .fright { margin-top: 1rem; margin-right: 1rem;}

/* check out */
.first-billing-co { margin-bottom: 3rem; padding: 2rem; }
.first-billing-co .sign-register { padding-left:0;}
.ringpas-checkout { 
    margin-top: 0rem;
    border-bottom: 1px solid #f7f7f7;
    padding: 0.8rem 0;
}
.link-ringpas-co {
    display: block;
    line-height: 21px;
    font-size: 1.3rem;
}
.ringpas-checkout .text-tcp, .total-pay-rco .text-tcp { font-size: 1.6rem; }
.ringpas-checkout .main-text-color.fright { font-size: 1.5rem; color: #4a4a4a; }
.total-pay-rco { padding: 0.8rem 0; }
.total-pay-rco .main-text-color.fright { font-size: 2.4rem; }
.btn-pay-rco { margin-top: 3rem; }
.btn-pay-rco .btn-primary.btn-style { width: 100%; padding: 1rem;}
.name-addsaved h4 { margin-bottom:0;}
.addcomplete-addsaved p { line-height:18px; }

.top-header-co ul li { 
    float: left;
    margin: 0 1rem;
    font-size: 1.5rem;
}
.menu-container { /*margin: 1.9rem; */}
.top-header-co ul li div { }

/* Border Box */
* {
  box-sizing: border-box;
}

/* Fonts */

#timeline { }
#timeline h1 {
  text-align: center;
  font-size: 3rem;
  font-weight: 200;
  margin-bottom: 20px;
}
#timeline p.leader {
  text-align: center;
  max-width: 90%;
  margin: auto;
  margin-bottom: 45px;
}
#timeline .demo-card-wrapper {
  position: relative;
  margin: auto;
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper {
    display: flex;
    flex-flow: column wrap;
    width: 1170px;
    height: 1350px;
    margin: 0 auto;
  }
}
#timeline .demo-card-wrapper::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid rgba(191, 191, 191, 0.4);
}
@media (min-width: 1000px) {
  #timeline .demo-card-wrapper::after {
    border-left: 1px solid #f4f4f4;
  }
}
#timeline .demo-card {
  position: relative;
  display: block;
  margin: 10px auto 80px;
  max-width: 94%;
  z-index: 2;
}
@media (min-width: 480px) {
  #timeline .demo-card {
    max-width: 60%;
    box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
  }
}
@media (min-width: 720px) {
  #timeline .demo-card {
    max-width: 40%;
  }
}
@media (min-width: 1000px) {
  #timeline .demo-card {
    max-width: 450px;
    height: 290px;
    margin: 90px;
    margin-top: 45px;
    margin-bottom: 45px;
    border-radius: 8px;
  }
  #timeline .demo-card:nth-child(odd) {
    margin-right: 45px;
  }
  #timeline .demo-card:nth-child(odd) .head::after {
    border-left-width: 15px;
    border-left-style: solid;
    left: 100%;
  }
  #timeline .demo-card:nth-child(odd) .head::before {
    left: 491.5px;
  }
  #timeline .demo-card:nth-child(even) {
    margin-left: 45px;
  }
  #timeline .demo-card:nth-child(even) .head::after {
    border-right-width: 15px;
    border-right-style: solid;
    right: 100%;
  }
  #timeline .demo-card:nth-child(even) .head::before {
    right: 489.5px;
  }
  #timeline .demo-card:nth-child(2) {
    margin-top: 180px;
  }
}
#timeline .demo-card .head {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 400;
}
#timeline .demo-card .fright { width: 46%; }
#timeline .demo-card .head .number-box {
    display: inline;
    float: left;
    margin: 2rem;
    font-size: 1.8rem;
    line-height: 33px;
    background: #fff;
    border-radius: 50px;
    width: 35px;
    text-align: center;
    height: 35px;
}
#timeline .demo-card .head h2 { }
@media (min-width: 480px) {
  #timeline .demo-card .head h2 { font-size: 2.5rem; }
}
#timeline .demo-card .head h2 span {
  display: block;
  font-size: 0.6rem;
  margin: 0;
}
@media (min-width: 480px) {
  #timeline .demo-card .head h2 span {
    font-size: 0.8rem;
  }
}
#timeline .demo-card .body {
  border-radius: 8px;
    border-top: 0;
    padding: 6px 20px;
    width: 65%;
    background-color: rgba(255, 255, 255, 0.7);
}
@media (min-width: 1000px) {
  #timeline .demo-card .body {
    
  }
}
#timeline .demo-card .body p {
  font-size: 14px;
  line-height: 18px;
}
#timeline .demo-card .body img {
  display: block;
    width: 70%;
    margin: 0 auto 2rem;
}
#timeline .demo-card img {
    width: 60%;
    position: absolute;
    right: 5px;
    bottom: 0;
    z-index: -1;
}
.headpage-center { 
    font-size: 2rem;
    width: 50%;
    margin: 0 auto 5rem;
    font-style: italic;
    color: #777;
}
.bottom-center { margin-bottom: 0; margin-top: 5rem;}

/* RESPONSIVE */
@media only screen and (min-width:1000px) and (max-width:1169px) {
	.lumise-hero .item{
		background-position: bottom !important;
	}
}
@media only screen and (min-width:768px) and (max-width:999px) {
    
	.product-detail{
		margin-top: 40px;
	}
	.footer_content{
		width: 50%;
		padding-left: 0 !important;
	}
	.footer_content:nth-of-type(1),
	.footer_content:nth-of-type(2){
		margin-bottom: 30px;
	}
	.footer_content:nth-of-type(3){
		clear: both;
	}
	.lumise-hero .item{
		padding: 100px 0;
	}
	.lumise-services{
		padding: 30px 0 25px;
	}
	.lumise-services .box-info{
		padding: 10px 0;
	}
	.lumise-services .col-md-3:nth-of-type(2){
		border: 0;
	}
	.lumise-client{
		padding-bottom: 65px;
	}
	.client{
		margin-bottom: 15px;
	}
	
	#main-nav { margin-left:0; }
    .container { position: relative; }
    .cart-front { position: absolute; right: 0; }
    .lumise-list ul li { width: 22%; }
    
    /* start new style */
    .new-lh.lumise-hero .item { padding: 50px; }
    .new-container .lumise-services .box-info { margin: 0; width: 100%; padding: 5%;  }
    .lumise-list.new-listproducts ul li { width: 23.5%; }
    .lumise-list.new-listproducts ul li:nth-of-type(6n) { margin-right: 2%; }
    .lumise-list.new-listproducts ul li:nth-of-type(4n), .lumise-list.new-listproducts ul li:nth-of-type(12n) { margin-right:0;}
    .newheader .container, .new-lh .container, .container.new-container,
    .lumise-list.new-listproducts .container, .title-home .container, .bottom-link .container,
    .wrapper-product-detail .container
    { width: 95%; }
    .new-lh .container { padding: 0; margin: 0; }
    .new-container .lumise-services .col-md-3:nth-of-type(2n) { border-right:none;}
    .sign-register { display:none; }
}

@media (max-width:767px) {
	#billing .control-group .controls input, #billing .control-group .controls select{
		width: 100%;
	}
	.billing{
		padding-right: 15px;
		overflow: hidden;
	}
	.order_overview{
		overflow: hidden;
		padding-left: 15px;
		margin-top: 30px;
	}
	.lumise-categories .col-md-4:not(:last-child){
		margin-bottom: 25px;
		overflow: hidden;
	}
	.lumise-banner{
		text-align: center;
	}
	.lumise-banner img{
		display: inline-block;
	}
	.lumise-list ul li{
		width: 48%;
		margin-right: 4% !important;
	}
	.lumise-list ul li:nth-of-type(2n){
		margin-right: 0 !important;
	}
	.lumise-hero h1{
		font-size: 40px;
	}
	.product-detail{
		margin-top: 40px;
	}
	.menu .main-menu{
		display: none;
	}
	.btn_menu,
	.menu_mobile{
		display: block;
	}
	.lumise-hero .item{
		padding: 90px 0;
	}
	.lumise-services .col-md-3{
		width: 50%;
		float: left;
	}
	.lumise-services{
		padding: 30px 0 25px;
	}
	.lumise-services .box-info{
		padding: 10px 0;
	}
	.lumise-services .col-md-3:nth-of-type(2){
		border: 0;
	}
	.lumise-client .col-md-2{
		width: 33.333333333333333%;
		margin-bottom: 15px;
		float: left;
	}
	.lumise-client{
		padding-bottom: 65px;
	}
	.footer_content{
		width: 100%;
		padding-left: 0 !important;
	}
	.footer_content:not(:last-child){
		margin-bottom: 30px;
	}
	.thankyou img{
		width: 60%;
    }
    #confirm h3{
		font-size: 1.8em;
    }
    
    .container { position: relative; }
    #main-nav { 
        display: none;
    }
    .showmenumobile { display: block; position: absolute; top: 0;}
    .logo { 
        float: none;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 50%;
        left: 0;
        right: 0;
    } 
    .logo img { float: none; margin: 0 auto; }
    .cart-front {
        float: none;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    /* new style */
    .newheader .cart-front { padding: 1rem 0; }
    .wrapper-carttop { border: 1px solid #ddd; border-radius: 25px;}
    .newheader .cart-front .cart-icontop { padding: 1rem; width: 46px; }
    .newheader .cart-front .cart-icontop i { margin-right: 0; font-size: 2rem;}
    .new-lh.lumise-hero .item { 
        padding: 45px 0; 
        background-size: cover;
        background-position: -5rem 0rem !important;
    }
    .new-lh.lumise-hero .owl-stage h1 { font-size: 3.6rem; }
    .new-container .lumise-services .box-info { margin: 0; width: 100%; padding: 5%;  }
    .new-container .lumise-services .col-md-3:nth-of-type(2n) { border-right:none;}
    .lumise-list.new-listproducts ul li { width: 48%; }
    .sign-register { display:none; }
    
    .gallery .previews { float: none; width: 100%; }
    .gallery .previews a { display: inline-block; margin-right: 1rem;}
    .gallery .full { width: 100%; margin-right: 0; }
    
    .lumise-list.new-listproducts .list-tag ul li, .lumise-list.new-listproducts .list-tag ul li:nth-of-type(2n) 
    { width: auto; margin: 0 0.2rem 0.5rem !important;}
    .lumise-list.new-listproducts .list-tag ul { margin-bottom:2rem; }
}

@media only screen and (min-width:640px) and (max-width:767px) {
	.container{
		width: 90%;
	}
}

@media only screen and (min-width:480px) and (max-width:639px) {
	.container{
		width: 90%;
	}
	.lumise-hero h1{
		font-size: 35px;
	}
	.lumise-services .col-md-3{
		/*width: 100%;*/
		border: 0 !important;
	}
	
}

@media only screen and (max-width:1000px) {
    .showmenumobile { display:block; }
    .listvid-home li { width: 100%; }
    
}
@media only screen and (max-width:479px) {
	.container{
		width: 90%;
	}
	.lumise-list ul li{
		width: 100%;
		margin-right: 0 !important;
	}
	.lumise-hero h1{
		font-size: 23px;
	}
	.lumise-hero h4{
		margin: 10px 0 15px;
	}
	.lumise-services .col-md-3{
		/*width: 100%;*/
		border: 0 !important;
	}
	.lumise-client .col-md-2{
		width: 50%;
	}
	
	.box-info i {
	   display: block;
	    text-align: center;
	    font-size: 1.4em;
	}
	.lumise-list ul li {
        width: 47%;
        margin-right: 5% !important;
    }
    .lumise-list ul li:nth-of-type(2n) { margin-right: 1% !important; }
    
    /* add new style */
    .lumise-list.new-listproducts ul li { width: 47%; }
    .new-lh.lumise-hero .item { 
        background-position: -68rem -20rem !important;
        padding-top: 130px;
    }
    .lumise-hero.new-lh .owl-item .container { 
        /*background: rgba(255, 255, 255, 0.7);*/
        padding: 2rem;
        border-radius: 8px;
        background: #fff;
    }
    .new-lh.lumise-hero h4 {
        width: 100%;
        line-height: 20px;
        text-shadow: 0 0 4px #fbfbfb;
        color: #737373;
        font-size: 1.6rem;
    }
    .new-lh.lumise-hero .owl-stage .btn-banner a, .wrapper-default-btn a { width: 100%; text-align: center; }
    .new-lh.lumise-hero .owl-stage .btn-banner a.btn-secondary, .wrapper-default-btn .btn-secondary {
        margin-top: 1rem;
        margin-left: 0;
        width: 100%;
    }
    .newheader .container, .new-lh .container, .container.new-container,
    .lumise-list.new-listproducts .container, .title-home .container, .bottom-link .container
    { width: 95%; }
    .container.new-container .box-info i { 
        height: 40px;
        width: 40px;
        display: block;
    }
    .container.new-container .box-info .content { 
        text-align: left;
        padding-left: 0;
        display: inline-block;
        margin-top: 1rem;
    }
    .new-container .lumise-services { border-top: 1px solid #f9f9f9; }
    .new-lh.lumise-hero .item { padding-bottom: 2rem; }
    .wrapper-sample-hiw, .table-shiw, .wrapper-sample-hiw .product-shiw { width: 100%; }
    .wrapper-sample-hiw .product-shiw { width: 100%; padding: 0; float: none; height: auto;}
    .product-shiw .detail-shiw { width: 100%; margin-left: 0;}
    .table-shiw { 
        height: auto;
        padding: 1.5rem;
        margin: 1rem -5% 0;
        float: none;
        width: 110%;
    }
    .total-keuntungan-shiw { font-size: 17px; }
    .owl-kreator.owl-carousel.owl-drag .owl-item img { width: 45%; }
    .cart-front .dropdown-menu ul { min-width: 300px; }
    .gridbanner .col-sm-4 { margin-bottom: 2rem;}
    
}