body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: white;
	color: #232323;
}
@font-face {
	font-family: "kodeid";
	src: url('../../font/BAHNSCHRIFT.TTF');
}


body.modal-open {
	overflow: visible;
}
.modal-dialog {
	margin-top: 200px!important;
}

.question {
	position: relative;
	font-size: 21px!important;
	line-height: 28px;
	color: #ffffff!important;
	font-weight: 400;
	cursor: pointer;
	padding: 15px 30px;
	padding-right: 60px;
	box-shadow: 0 22px 38px rgba(178,177,177,0.35);
	background: rgb(176, 0, 0);
	background: -moz-linear-gradient(left, rgba(255, 202, 96) 0%, rgba(166, 90, 12,1) 100%);
	background: -webkit-linear-gradient(left, rgb(176, 0, 0) 0%,rgb(0, 0, 0) 100%);
	background: linear-gradient(to left, rgb(177, 0, 0) 0%,rgb(0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4faf7', endColorstr='#8053f7',GradientType=0 );
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	transition: all 0.5s ease-in-out;
}
.question:hover {
	background: -webkit-linear-gradient(left, rgb(113, 0, 0) 0%,rgb(2, 0, 0) 100%);
	background: linear-gradient(to left, rgb(113, 0, 0) 0%,rgb(1, 0, 0) 100%);
	transition: all 0.5s ease-in-out;
}
.ptr img {
	position: absolute;
	right: 0px;
	top: 0;
	z-index: 1;
	width: 400px;
}
@keyframes pulse {
	0%, 100% {
		background-color: #e03131;
	}
	50% {
		background-color: black;
	}
}

@keyframes nudge {
	0%, 100% {
		transform: translate(150px, 150px);
	}
	
	50% {
		transform: translate(150px, -150px);
	}
	
	80% {
		transform: translate(-150px, 150px);
	}
}
.bpom-page h2 small {
	font-size: 16px;
}
.ptr:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #e03131;
	position: absolute;
	right: 184px;
	top: 380px;
	border-radius: 50px;
	animation: 
	pulse 7s ease infinite alternate, 
	nudge 10s linear infinite alternate;
	z-index: 2;
}
.ptr:before {
	content: '';
	width: 20px;
	height: 20px;
	background:white;
	border: solid 5px #e03131;
	position: absolute;
	right: 184px;
	top: 420px;
	border-radius: 50px;
	z-index: 2;
}
.ptl:after {
	content: '';
	width: 20px;
	height: 20px;
	background:white;
	border: solid 5px #e03131;
	position: absolute;
	left: 104px;
	top: 300px;
	border-radius: 50px;
	z-index: 2;
}
.ptl:before {
	content: '';
	width: 20px;
	height: 20px;
	background:white;
	border: solid 5px #e03131;
	position: absolute;
	left: 204px;
	top: 520px;
	border-radius: 50px;
	z-index: 2;
}
.list-mitra .panel-group {
	position: relative;
	z-index: 9;
}
.ptl img {
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 1;
	width: 400px;
	transform: rotate(180deg);
}
.list-mitra p {
	font-size: 16px;
	position: relative;
	z-index: 9;
}
.list-mitra h2 {
	margin-bottom: 0px;
	margin-top: 35px;
}
.question .text-faqs {
	font-size: 20px;
}
.question .text-faqs:hover, .question a:focus {
	text-decoration: none;
}
.qna-answare {
	font-size: 18px;
	padding: 30px 20px;
}
.sebagai {
	position: absolute;
	background: #040707;
	padding: 5.5px 10px;
	border: 2.4px solid #b5191f;
	font-size: 21px;
	box-shadow: 0px 0px 9px 4px rgba(177,187,203,0.2);
	color: #ffddde;
	font-weight: bold;
	border-radius: 50px;
	right: 10px;
	top: -26px;
}
.text-mitra-map {
	font-size: 18px;
}
.filter-mitra {
	width: 100%;
	padding: 15px;
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 45px;
	border: solid 1px #eee;
	border-radius: 5px;
}
.filter-mitra .btn {
	background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgb(238, 167, 54) 40%, rgb(222, 147, 28) 80%, rgb(222, 148, 29) 100%);
}
.no-mitra {
	padding: 50px 0px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.text-mitra-map {
	font-size: 18px;
}
.no-mitra img {
	width: 300px;
}
.no-mitra span {
	border-bottom: dotted 1px #000;
}
.no-mitra p {
	font-size: 16px;
}

.label {
	font-weight: 500;
}
.dropdown-toggle {
	cursor: pointer;
}
.mitra {
	padding-top: 50px;
	padding-bottom: 50px;
	background: white;
	width: 100%;
}
.title-mitra {
	margin-bottom: 50px;
}
.test-mitra {
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 20px 60px 0 rgba(177,187,203,.2);
	position: relative;
	padding: 24px;
	height: 340px;
}
.testimo-mitra {
	padding: 100px 0px;
}
.testimo-mitra img {
	margin-bottom: 25px;
}
.list-mitra {
	padding-top: 90px;
	padding-bottom: 50px;
	position: relative;
	background: white;
}
.list-mitra h2 {
	margin-bottom: 0px;
	margin-top: 35px;
}

.text-rodeos {
	padding: 50px 20px;
	color: white;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: black;
}
.text-rodeos h3 {
	line-height: 1.3em;
	font-size: 40px;
}
.text-rodeos h3 span {
	/*color: #d20b0b;*/
	font-weight: bold;
}
.label {
	font-weight: 500;
}
.dropdown-toggle {
	cursor: pointer;
}
.mitra {
	background: white;
	width: 100%;
	color:#232323;
	padding-bottom: 80px;
}
.mitra .btn {
	padding:20px 60px;
	font-size: 20px;
}
.title-mitra {
	margin-bottom: 50px;
}
.title-mitra h2 {
	color: white;
}
.test-mitra {
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 20px 60px 0 rgba(177,187,203,.2);
	position: relative;
	padding: 24px;
	height: 340px;
}
.testimo-mitra {
	padding: 100px 0px;
}
.testimo-mitra img {
	margin-bottom: 25px;
}
.list-mitra {
	padding-top: 90px;
	padding-bottom: 50px;
	position: relative;
	background: white;
	color: #232323;
}

.daftar-mitra {
	background-image: url('../rodeoscoid/images/home/bgwhite.jpg');
	background-position: bottom;
	background-size: 100%;
}
.manfaat-mitra {
	background-image: url('../rodeoscoid/images/home/pattrent-footer.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.idcard {
	position: relative;
	box-shadow: 0px 0px 9px 4px rgba(177,187,203,0.2);
	margin-bottom: 50px;
	border: solid 1px #eee;
}
.idcard span {
	color: white;
}
.idcard .namecard {
	font-size: 90%;
	position: absolute;
	bottom: 24%;
	left: 24%;
	font-weight: 600;
	text-transform: uppercase;
}
.idcard .nocard {
	font-size: 18px;
	position: absolute;
	bottom: 12%;
	left: 24%;
	letter-spacing: 1px;
	font-family: "kodeid";
	text-transform: uppercase;
}
.idcard .statuscard {
	font-size: 12px;
	position: absolute;
	bottom: 40%;
	left: 6%;
	font-weight: bold;
	text-transform: uppercase;
}
.idcard .citycard {
	font-size: 12px;
	position: absolute;
	bottom: 40%;
	left: 34%;
	font-weight: 600;
	text-transform: uppercase;
}
.idcard .daftarcard {
	position: absolute;
	bottom: 2%;
	right: 23%;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}
.idcard .excard {
	position: absolute;
	bottom: 2%;
	right: 5%;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
}
.idcard .profilcard {
	width: 13%;
	height: 21%;
	border-radius: 50%;
	bottom: 12%;
	left: 6%;
	position: absolute;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.content-mitra-list {
	height: 270px;
}
.batas1 {
	width: 100%;
	height: 100px;
	background-color: white;
}
.mitra h2 {
	font-weight: 600;
	font-size: 35px;
}
.register-mitra {
	padding: 100px 0px;
	background-color: black;
	color: white;
}
.register-mitra p {
	font-size: 18px;
	color: #ccc;
}
.how-mitra {
	padding: 80px 0px;
}
.no {
	display: block;
}
.how-mitra img {
	margin: auto;
	display: table;
	margin-bottom: 20px;
	margin-top: 20px;
	height: 180px;
}
.mitra p {
	font-size: 18px;
}
.test-mitra p {
	font-size: 16px;
}
.how-mitra p {
	text-align: center;

	/*font-size: 14px;*/
}
.table-mitra-content {
	padding: 150px 0px;
	overflow: hidden;
	background: #000000;
}
.table-mitra {
	width: 100%;
}
.table-mitra .bg-table {
	background-image: linear-gradient(to right, #720404, #ec0d0d);
}
.table-mitra tr th {
	padding: 15px 10px;
	color: white;
	border: solid 1px #3a3a3a;
	font-size: 18px;
}
.table-mitra tr td {
	padding: 20px 10px;
	border: solid 1px #3a3a3a;
	color: white;
	background: #191919;
	font-size: 18px;
}
.bottom-mitra {
	margin-bottom: 30px;
}

.mode-develop {
	position: fixed;
	padding: 7px 20px;
	font-size: 20px;
	font-weight: 600;
	background: #00000061;
	color: white;
	top: 86px;
	right: 20px;
	z-index: 9;
}
.form-kleenar {
	border-radius: 50px;
}
#qty_input { 
	text-align: center; 
}
.text-orange {
	color: orange!important;
}
.alert-notif {
	position: fixed;
	left: 0px;
	right: 0px;
	text-align: center;
	top: 100px;
	margin: auto;
}
.btn-icon-cart {
	border: 0px;
	color: #8d8f89;
	background: transparent;
}
.checkout-now {
	background: #f1f3f2;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0px;
	display: none;
}
.vali {
	position: absolute;
	top: -24px;
	right: 173px;
}
.bg-order {
	background: white;
	padding: 10px 25px 25px 25px;
}
.btn-icon-cart:hover {
	color: orange;
}
.btn-delete-cart {
	position: absolute;
	right: -40px;
	border-radius: 50%;
	margin-top: 6px;
}

.btn-ongkir {
	width: 25%;
	border-radius: 50px 0px 0px 50px;
	background: black;
	border-radius:50px;
	color: white;
}
.btn-payment {
	border-radius: 50px;
	padding: 10px 25px;
	background: black;
	border-radius:50px;
	color: white;
	margin-top: 10px;
}
.btn-payment:hover {
	opacity: 0.9;
	background: black!important;
	color: white;
}
.btn-cart {
	border-radius: 50px;
	padding: 10px 25px;
	background: black;
	border-radius:50px;
	color: white;
	margin-top: 25px;
}
.btn-cart:hover {
	color: white;
	background: green;
}
.btn-mp {
	border: solid 1px #eee;
	padding-right: 25px;
	font-size: larger;
	font-weight: 600;
}
.btn-mp:hover {
	background: #eee;
}
.soldout {
	background: red!important;
}
.soldout:hover {
	background: black!important;
}
.fb-comments {
	width: 100%!important;
	margin-top:50px;
}
.fb-comments iframe, .fb-comments #u_0_0 {
	width: 100%!important;
}
.info-address-payment {
	height: .3rem;
	width: 100%;
	background-position-x: -3rem;
	background-size: 11.6rem .3rem;
	background-image: -webkit-repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
	background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}
.info-address {
	padding: 20px;
	background: #f9f9f9;
	border: solid 1px #eee;
	border-top: 0px;
}
.radio-img  input { 
	display:none;
}
.voucher {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 30px;
}
.voucher .banner {
	width: 100%;
}
.voucher .banner .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background:rgba(0, 0, 0, 0.45);
	display: none;
	transition: all 0.3s ease-in-out;
}
.voucher .banner:hover .hover {
	display: block;
	transition: all 0.3s ease-in-out;
}
.voucher .text {
	width: 100%;
	position: relative;
	padding: 10px;
	background: white;
	float: left;
}
.kodepromo {
	border-radius: 50px 0px 0px 50px;
	border: dashed 1.4px #d7a741;
	padding: 5px;
	color: #ab6c00;
	width: 70%;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.5px;

}
.vouc .kodepromo {
	border-radius: 50px;
	border: dashed 1.4px #d7a741;
	padding: 5px 20px;
	margin-top: 10px;
	width: auto;
	display: table;
	color: #ab6c00;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.5px;

}
.voucher .text .content {
	border-radius: 5px;
	border: dashed 1.4px #d7a741;
	padding: 10px 20px;
	color: #ab6c00;
	float: right;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.5px;
}
.voucher .text .p {
	text-align: left;
	text-transform: capitalize;
}
.voucher .text .nom {
	width: 30%;
	text-align: center;
	float: left;
	color: #4c4c4c;
	font-size: 27px;
}
.voucher .text b {
	font-weight: 600;
}
.voucher .batas {
	width: 4%;
	float: left;
	height: 100%;
	position: relative;
}
.voucher .batas img {
	width: 100%;
	height: 214px;
}
.diskon {
	text-decoration: line-through;
	color: red;
}
.radio-img  img{
	cursor:pointer;
	border:2px solid transparent;
}

.radio-img input:checked + img{ 
	border:5px solid black;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.testimonial-page p {
	font-size: 16px;
}
.testimonial-page {
	background:white;
	color:#232323;
}
.testimonial-page .text-testimonial {
	background-image: linear-gradient(to right, #fdf8ed, #edf8f9);
	padding-top: 77px;
	padding-bottom: 50px;
}
.testimonial-page .image-testimonial {
	padding-top: 80px;
	padding-bottom: 80px;
}
.testimonial-page .image-testimonial img {
	width: 100%;
	margin-bottom: 10px;
}


.browser__bar {
	height: 22px;
	padding: 7px;
	background: #cdd0d6;
	border-radius: 4px 4px 0 0;
}
.browser__bar i {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	border-radius: 25px;
	margin: 0 3px 0 0;
}
.browser__icon--red {
	background: #E04D2B;
}
.browser__icon--yellow {
	background: #F9DB46;
}
.browser__icon--green {
	background: #71D375;
}

.content-tab-detail {
	padding: 20px;
}
.browser, .browser__body, .card, .card-why {
	position: relative;
}
.shipping-esti {
	padding-left: 0px;
}
.shipping-esti li{
	border: 2px solid transparent;
	padding: 5px 10px;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.shipping-esti img{
	height: 40px;
}
.shipping-esti .active{
	border: 2px solid #eaa22f;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}
.shipping-esti input[type=radio]{
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0px;
}

.shipping-esti li + input[type="radio"]:checked { 
	border:solid 1px #aaa!important;
}


/*list order*/
.list-order {
	margin-bottom: 20px; 
	border:solid 1px #eee; 
	padding: 20px; 
	background-color: white;
	overflow: hidden;
}
.list-order .info-order {
	
}
.list-order .list-product-order {
	margin-bottom: 10px; 
	margin-top: 10px; 
	padding-left: 15px;
}
.list-order .list-product-order p {
	color: #c37b08;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 10px;
}
.list-order hr {
	margin-bottom: 15px;
	margin-top: 15px;
}

/*Confirmation*/
.confirmation {
	margin-top: 100px; 
	margin-bottom: 70px;
	border:solid 1px #eee; 
	padding: 20px; 
	color: #232323;
	background: white;
	overflow: hidden;
	box-shadow: 0px 0px 25px 0px rgba(6, 0, 45, 0.07);
}


/*nav*/
.menu-bar {
	position: absolute!important;
	left: 0px;
}
.menu-bar-div {
	margin-top: -68px;
}
.nav-tabs {
	border-bottom: 1px solid #eee;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #eee;
	border-bottom-color: transparent;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 22px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.empty {
	padding: 100px 0px 150px 0px;
	margin-top: 100px;
	text-align: center;
}
/*Detail-blog*/
.detail-blog {
	margin-top: 100px;
	margin-bottom: 100px;
	color: #232323;
}
.detail-blog .content-d {
	background-color: white;
	padding-bottom: 30px;
	padding-top: 20px;
	border-top: 0px;
}
.category-blog {
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
}
.detail-blog .span1 {
	padding: 0px 15px;
}
.detail-blog p {
	margin: 0 0 10px;
	font-size: 16px;
	text-align: justify;
	line-height: 1.5em;
}
.detail-blog .cover {
	border:solid 1px #eee;
}
.detail-blog img {
	margin-top: 15px;
	margin-bottom: 15px;
}
.detail-blog .title {
	font-size: 30px;
	margin-top: 25px;
}
.detail-blog .list-sim {
	color: #424242;
	text-decoration: none;
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
}
.detail-blog .datecat1 {
	color: #aaa;
	font-size: 10px;
	margin-top: 10px;
	letter-spacing: 0.4px;
}
.detail-blog h4 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 3px;
	line-height: 1.4em;
}
.detail-blog .span2 {
	padding: 0px 10px;
}
.detail-blog .datecat {
	color: #aaa;
	font-size: 13px;
	margin-top: 15px;
	letter-spacing: 0.4px;
}
.detail-blog h3 {
	margin-bottom: 15px;
	margin-top: 30px;
	font-weight: 600;
}
.detail-blog .ul-category {
	padding-left: 7px;
	margin-top: 25px;
	list-style: none;
}
.detail-blog hr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.detail-blog .imgsim {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.detail-blog .ul-category li {
	margin-top: 20px;
	letter-spacing: 0.5px;
}
.detail-blog .ul-category li a {
	color: #424242;
	text-decoration: none;
}
.detail-blog .ul-category li a span {
	float: right;
}
.detail-blog .ul-category li a:before {
	content: "";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 5px;
}

/* Header */
.navbar-kleenar {
	background-color: black;
	border-radius: 0px;
	border: 0px;
	height: 65px;
	position: relative;
	transition: all 0.3s ease-in-out;
	margin-bottom: 0px;
	z-index: 9999;
	width: 100%;
}
.navbar-kleenar .logo {
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.navbar-default .navbar-nav>li>a {
	color: #a2a2a2;
}
.navbar-kleenar .navbar-nav .icon-magnifier {
	color: #c7c7c7;
}
.navbar-nav .form-control {
	color: #c7c7c7;
	background-color: #252525;
	background-image: none;
	border: 1px solid #212121;
}
.navbar-kleenar .logo img {
	height: 110px;
	left: 0px;
	right: 0px;
	margin: auto;
	margin-top: 7px;
	display: table;
	border-radius:50%;
}
.navbar-kleenar .navbar-nav {
	height: 65px;
	position: relative;
	z-index: 2;
}
.navbar-kleenar .navbar-nav-i .i-user {
	border-right: solid 1px #ccc;
	height: 7px;
	position: relative;
	padding-top: 3px;
	padding-bottom: 18px;
	margin-top: 21px;
}
.navbar-kleenar .navbar-nav-i .i-user1 {
	border-left: solid 1px #ccc;
	height: 7px;
	position: relative;
	padding-top: 4px;
	padding-bottom: 18px;
	margin-top: 21px;
}
.navbar-kleenar .navbar-nav i {
	font-size: 16px!important;
	font-weight: 500;
}
.navbar-kleenar .navbar-nav .form-kleenar {
	width: 250px;
	margin-top: 16px;
	margin-right: 10px;
}
.navbar-kleenar .navbar-nav .button-kleenar {
	position: absolute;
	background: transparent;
	border: 0px;
	top: 24px;
	right: 19px;
}
.navbar-kleenar .navbar-nav a {
	height: 65px;
	padding-top: 23px;
	padding-bottom: 23px;
	font-size: 13px;
	color: white;
	margin-right: 25px;
}
.navbar-kleenar .navbar-nav .dropdown-menu a {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
.dropdown-cart .cackout-dropdown {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background: black;
	color: white;
	width: 100%;
	float: left;
	margin-bottom: -15px;
}
.navbar-kleenar .navbar-nav .active a {
	background-color: transparent;
	border-bottom: solid 2px orange;
}
.navvv {
	height: 65px;
	width: 100%;
	display: none;
}

.shadow {
	box-shadow: rgba(0,0,0,0.1) 0 0 9px 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	position: fixed!important;
	transition: all 0.3s ease-in-out;
}
.slider-scroll {
	
}
.dropdown-cart { overflow:hidden; }
.dropdown-cart:hover { overflow-y:scroll; }
.about-d {
	background-image: linear-gradient(to right, #fdf8ed, #edf8f9);
	background-color: white;
	width: 100%;
	overflow: hidden;
	padding: 130px 0px;
}
.testimonial h2 {
	text-align: center;
	margin-bottom: 40px!important;
	margin-top: -5px;
}
.jenis-kulit h2 {
	text-align: center;
	font-family: 'Roboto Slab', serif;
	color:white;
	position: relative;
	top: -80px;
	font-weight: normal;
}
.jenis-kulit h2:after {
	border-bottom: 3px double #ddd;
	top: 65px;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 150px;
}
.manfaat h2 {
	text-align: center;
	font-family: 'Roboto Slab', serif;
	color:#eee;
	position: relative;
	top: -85px;
}
.manfaat h2:after {
	border-bottom: 3px double #ddd;
	top: 55px;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6%;
}
.about-d h2, .testimonial h2 {
	font-family: 'Roboto Slab', serif;
	color:black;
}
.about-d h2:after, .testimonial h2:after {
	border-bottom: 3px double #333;
	top: 125px;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6%;
}
.blog .h2 {
	font-family: 'Roboto Slab', serif;
	text-align: center;
	margin-bottom: 40px!important;
	margin-top: 70px;
	color: white;
	position: relative;
}
.blog p {
	color: #ccc;
}
.produk-page {
	background-color: white;
}
.produk-page .h2 {
	text-align: center;
	margin-bottom: 40px;
	margin-top: -30px;
}
.produk-page .h2 {
	font-family: 'Roboto Slab', serif;
	color:black;
	margin-bottom: 45px!important;
}
.produk-page .h2:after {
	border-bottom: 3px double #333;
	top: 125px;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6%;
}
.produk-page .content-produk h2 {
	line-height: 1.2em;
	font-size: 16px!important;
	font-weight: 500;

}
.produk-page .content-produk .judul-h2 {
	display: contents;
}
.produk-page .content-produk .hover {
	background: rgb(0 0 0 / 24%)!important;
	bottom: 0px!important;
}

.content-produk a {
	color: #777;
}
.slide-about {
	background: white;
	padding: 85px 0px;
	font-size: 16px;
	background-position: top;
	color: #232323;
}
.about-d h1 {
	color: #232323;
}
.about-d p {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.4px;
	color: #232323;
}

#cartmenu1, #cartmenu {
	position: relative;
}
#cartmenu1 .empty-cart, #cartmenu .empty-cart {
	text-align: center;
	transform: translateY(185%);
	position: absolute;
	left: 0px;
	right: 0px;
}
#cartmenu1 .empty-cart i, #cartmenu .empty-cart i {
	font-size: 35px!important;
	margin-bottom: 10px;
}


/* Slider */
/* Slider */
.slider {
	margin: 0 auto;
	max-width: 100%;
}

.slide_viewer {
	height: auto;
	width: 100%;
	overflow: -webkit-paged-x;
	position: relative;
}

.slide_group {
	height: 100%;
	position: relative;
	width: 100%;
}

.slide {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
}
.slide	img {
	width: 100%;
}

.slide:first-child {
	display: block;
}
.slide_buttons {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: black;
	border-color: black;
}
a.slide_btn {
	color: #474544;
	font-size: 42px;
	margin: 0 0.175em;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
	color: #428CC6;
	cursor: pointer;
}


.directional_nav {
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	position: absolute;
	top: 130px;
	right: 65px;
}

.previous_btn {
	margin: auto;
	position: relative;
	float: left;
	background: white;
	margin: 2px;
}

.next_btn {
	margin: auto;
	position: relative;
	float: right;
	background: white;
	margin: 2px;
}

.previous_btn, .next_btn {
	text-align: center;
	cursor: pointer;
	height: 65px;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	width: 65px;
}
.previous_btn i, .next_btn i {
	font-size: 30px;
	top: 17px;
	position: relative;
	color: #232323;
}

.previous_btn:hover, .next_btn:hover {
	opacity: 1;
}
@media only screen and (max-width: 767px) {
	.previous_btn {
		left: 0px;
	}
	.next_btn {
		right: 0px;
	}
	.but {
		position: relative;
		width: 100%;
		float: left;
	}
}





.address-url {
	text-align: center;
	position: absolute;
	top:320px;
	width: 100%;
	color: #ddd;
}
.address-url a {
	color: #ddd;
}
.komposisi {
	text-align: center;
	background-image: url('../rodeoscoid/images/home/bgwhite.jpg');
	display: table;overflow: hidden;
	width: 100%;
	padding-bottom: 130px;
	background-position: right;
	position: relative;
	color:#232323;
}

.komposisi span {
	font-weight: 500;
	font-size: 18px;
}
.komposisi h2 {
	font-family: 'Roboto Slab', serif;
	margin-top: 100px;
	color:black;
	position: relative;
	margin-bottom: 40px;
}
.komposisi h2:after {
	border-bottom: 3px double #333;
	top: 55px;
	content: "";
	height: 3px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6%;
}
.komposisi h3 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 0px;
}
.komposisi p {
	font-size: 14px;
	font-weight: 500;
}

.problem {
	margin-top: -130px;
	padding-bottom: 30px;
	/*background-image: linear-gradient(to right, #fdf8ed, #edf8f9);*/
	background-color: white;
	overflow: hidden;
	width: 100%;
	margin-bottom: 0px;
}
.problem span {
	font-weight: 500;
	font-size: 18px;
	margin-left: 30px;
}
.problem h2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	margin-top: 200px;
	margin-left: 30px;
	font-size: 40px;
	color:	#D5AD6D; /*if no support for background-clip*/
	
	color:black;
}

.problem img {
	width: 100%;
}
.problem .selection .titlee {
	color: #ffffff;
	position: absolute;
	font-weight: 500;
	font-size: 20px;
	bottom: 0px;
	left: 29px;
	right: 0px;
	width: 50%;
	margin: auto;
	display: table;
	border-radius: 10px;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out;
	/* margin-left: 0px; */
	background: black;
	text-align: center;
}
.problem .selection .hover {
	display: none;
	background-color: rgba(255, 255, 255, 0.79);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	position: absolute;
	float: right;
	width: 90%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	border-radius: 50%;
}
.problem .selection .hover .ic {
	color:#3a3333;
	transform: translateY(45%);
	position: absolute;
	font-weight: 600;
	font-size: 40px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	transition: all 0.3s ease-in-out;
}
.problem .selection .hover span {
	color:#3a3333;
	position: absolute;
	font-weight: 500;
	font-size: 20px;
	bottom: 20px;
	left: 0px;
	right: 0px;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out;
	margin-left: 0px;
}
.problem .link-problem {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.problem .link-problem:hover .hover {
	display: block;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.problem .selection {
	position: relative;
	width: 100%;
	float: left;
	margin-top: -190px;
}
.problem .selection img {
	border-radius: 50%;
	float: right;
	width: 90%;
}
.problem .selection .more {
	margin-top: 185px;
	float: left;
	font-size: 18px;
	margin-left: 20px;
	color: #3a3333;
}
.problem .selection .more .icon-a {
	padding: 15px;
	background: black;
	border-radius:50px;
	color: white;
	/*background-color: #cc8b23;*/
	
	float: left;
}
.problem .selection .more span {
	margin-top: 13px;
	margin-left: 20px;
	float: left;
}
.table-checkout tr {
	background: white;
}
.table-checkout tr .table-total {
	background: #f9f9f9!important;
}
.produk-home {
	background-image: linear-gradient(to right, #fdf8ed, #edf8f9);
	background-color: white;
}
.product {
	float: left;

}
.product img {
	width: 100%;
}
.product .selection {
	position: relative;
	width: 100%;
	float: left;
}
.product .hover {
	display: none;
	background-color: rgba(255, 255, 255, 0.79);
	opacity: 0;
	transition: all 0.3s ease-in-out;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	text-align: center;
}
.product .hover .ic {
	color:#3a3333;
	transform: translateY(45%);
	position: absolute;
	font-weight: 600;
	font-size: 40px;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	transition: all 0.3s ease-in-out;
}
.product .hover span {
	color:#3a3333;
	position: absolute;
	font-weight: 500;
	font-size: 20px;
	bottom: 20px;
	left: 0px;
	right: 0px;
	letter-spacing: 1px;
	transition: all 0.3s ease-in-out;
}
.product .produk-link {
	float: left;
	width: 100%;
	height: 100%;
}
.product .hover .menu-action {
	border-radius: 2px;
	position: relative;
	padding: 10px;
	top: 41%;
	float: inherit;
	margin: auto;
	display: table;
	border: 1px solid white;
	padding: 4px 4px 0px 4px !important;
	padding-bottom: 0px !important;
	font-size: 30px;

}
.product .hover .menu-action a {
	padding: 0px 10px;
	color: #777;
	font-weight: 600;
}
.product .hover .menu-action a:hover {
	text-decoration: none;
	color: orange;
}
.product .produk-link:hover .hover {
	display: block;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
.product .selection a {
	margin-top: -250px;
	position: relative;
	float: right;
	font-size: 18px;
	margin-right: 100px;
	color: #080808;
}

.product .selection a .icon-a {
	padding: 15px;
	background: black;
	
	color: white;
	float: left;
}
.product .selection a span {
	margin-top: 13px;
	margin-left: 20px;
	float: left;
}
.i-home {
	font-size: 16px;
}
.in-cart {
	position: absolute;
	color: #666;
	font-size: 14px;
	top: 47px;
	width: 100%;
	left: 2px;
}
.video-home {
	padding: 130px 0px;
	background-color: white;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.video-home	p {
	font-size: 16px;
	margin-top: 15px;
	letter-spacing: 0.5px;
	color: #666666;
	text-align: justify;
}
.video-home h2 {
	font-weight: 600;
	font-size: 36px;
	color:black;
	position: relative;
	margin-bottom: 40px;
}
/*.video-home h2:after {
	border-bottom: 3px double #000;
	top: 55px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100px;
}*/
.video-home	#play {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.label-habis {
	position: absolute;
	top: 8px;
	right: 8px;
}
.page-page {
	background-image: linear-gradient(to right, #fdf8ed, #edf8f9);
	background-color: white;
	width: 100%;
	overflow: hidden;
	padding: 80px 0px;
}
.content-reseller {
	margin: auto;
	display: table;
	float: inherit;
}
.content-reseller p, .content-reseller li {
	font-size: 18px;
}
.content-reseller img {
	margin-bottom: 20px;
	margin-top: 10px;
}








/*.video-home	#play:before {
	background-color: rgba(21, 21, 21, 0.34901960784313724);
	position: absolute;
	content: '';
	width: 100%;
	z-index: 1;
	height: 100%;
	}*/
	.video-home .fa:after {
		background-color: #ccc;
		content: '';
		position: absolute;
	}
	.video-home .fa {
		position: absolute;
		font-size: 50px;
		top: 0px;
		z-index: 1;
		text-align: center;
		transform: translateY(45%);
		bottom: 0px;
		left: 0px;
		text-shadow: 0px 0px 20px #1e1c1c;
		right: 0px;
		color: #f1f1f1;
	}
	.subscribe {
		background-image: url(../images/bg.jpg);
		background-attachment: fixed;
		background-size: 100%;
		width: 100%;
		padding: 150px 0px;
		text-align: center;
		float: left;
		position: relative;
		background-color: white;
		margin-bottom: 80px;
	}
	.subscribe:before {
		content: '';
		background: rgba(255, 255, 255, 0.6705882352941176);
		position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
		height: 100%;
		z-index: 1;
	}
	.subscribe .container {
		position: relative;
		z-index: 1;
	}
	.subscribe span {
		font-weight: 500;
		font-size: 18px;
	}
	.subscribe p {
		font-weight: 500;
		font-size: 16px;
	}
	.subscribe h2 {
		font-family: 'Roboto Slab', serif;
		margin-top: 10px;
		color:	#D5AD6D; /*if no support for background-clip*/

		color:black;
		background: -o-linear-gradient(transparent, transparent);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.subscribe .form {
		width: 450px;
		margin: auto;
		position: relative;
		margin-top: 25px;
	}
	.subscribe .form .form-subscribe {
		border-radius: 50px;
		height: 50px;
		width: 100%;
		padding-left: 20px;
		font-size: 16px;
		letter-spacing: 0.5px;
	}
	.subscribe .form .btn-subscrib {
		padding: 0px 20px;
		height: 20px;
		border-radius: 0px;
		position: absolute;
		top:15px;
		background-color: transparent;
		border-left:solid 1px #ccc;
		right: 0px;
		font-weight: 600;
	}

	.dropdown-cart {
		width: 300px;
		padding: 10px;
		padding-top: 0px;
		height: 300px;
		margin-top: -1px!important;
		overflow-y: scroll;
	}
	.dropdown-cart .cackout:hover {
		opacity: 0.8;
		background-color: orange;
		color: white;
	}
	.dropdown-cart .total-dropdown span {
		float: right;
	}
	.dropdown-cart .total-dropdown b {
		float: left;
	}
	.dropdown-cart .total-dropdown p {
		margin-top: 0px;
		margin-right: 10px;
		display: table;
		width: 100%;
	}
	.dropdown-cart li {
		border-bottom: solid 1px #eee;
		width: 100%;
		overflow: hidden;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.cart-img-dropdown img {
		width: 70px;
		float: left;
	}
	.des-cart-dropdown {
		margin-left: 85px;
		font-size: 12px;
	}
	.des-cart-dropdown p {
		margin-top: 0px;
		margin-bottom: 2px;
	}

	.blog {
		padding: 50px 0px;
		background-color: black;
	}
	.blog label {
		background-color: #bd0e15;
	}
	.blog .content-blog {
		padding: 15px;
		border:solid 1px #eee;
		background-color: white;
		float: left;
		-webkit-transition: all 0.36s ease 0s;
		transition: all 0.36s ease 0s;
	}
	.blog .content-blog:hover h2 {
		color: #bd0e15;
		text-decoration: none;
	}
	.blog .content-blog a:hover {
		color: #bd0e15;
		text-decoration: none;
	}
	.blog .content-blog:hover {
		box-shadow: 0px 13px 0px -4px #bd0e15;
		-webkit-transition: all 0.36s ease 0s;
		transition: all 0.36s ease 0s;
	}
	.blog .content-blog img {
		width: 100%;
		margin-bottom: 20px;
	}
	.blog .content-blog small {
		color: #aaa;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.blog .content-blog h2 {
		font-size: 16px;
		font-weight: 500;
		text-transform: capitalize;
		letter-spacing: 0.4px;
		margin-top: 30px;
		color: #2f2f2f;
		line-height: 1.3em;
	}
	.blog .content-blog p {
		font-size: 14px;
		letter-spacing: 0.4px;
		color: #777777;
		font-weight: 100;
		display: table;
	}
	.blog .content-blog .link-blog {
		font-size: 13px;
		letter-spacing: 0.4px;
		color: #3a3333;
		text-transform: uppercase;
		border-bottom:dotted 1px #ccc;
	}
	.blog .more, .testimonial .more {
		text-align: center;
		margin: auto;
		margin-top: 50px;
		padding: 10px 20px 10px 55px;
		border-radius: 50px;
		font-size: 18px;
		width: 350px;
		display: table;
		position: relative;
		border: solid 1px #eee;
		color: #3a3333;
		background-color: white;
	}
	.blog .more .icon-a, .testimonial .more .icon-a {
		padding: 10px;
		background: black;
		color: white;
		width: fit-content;
		float: left;
	}
	.blog .more span, .testimonial .more span {
		margin-top: 7px;
		margin-left: 20px;
		float: left;
		color: #333;
	}

	/*blog page*/
	.blog-page {
		display: table;
		float: left;
		width: 100%;
		margin-top: 0px;
		position: relative;
		padding-top: 100px;
		z-index: 2;
		background-color: white;
		overflow: hidden;
		padding-bottom: 50px;
	}
	.blog-page .content-blog {
		padding: 15px;
		border:solid 1px #eee;
		margin-bottom: 30px;
		background-color: white;
	}
	.blog-page .content-blog img {
		width: 100%;
		margin-bottom: 20px;
	}
	.blog-page .content-blog small {
		color: #aaa;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.blog-page .content-blog h2 {
		font-size: 16px;
		font-weight: 600;
		text-transform: capitalize;
		letter-spacing: 0.4px;
		margin-top: 30px;
		color: #2f2f2f;
		line-height: 1.3em;
	}

	.blog-page .content-blog p {
		font-size: 14px;
		letter-spacing: 0.4px;
		color: #777777;
		font-weight: 100;
		float: inherit;
		display: table;
	}
	.blog-page .content-blog .link-blog {
		font-size: 13px;
		letter-spacing: 0.4px;
		color: #3a3333;
		text-transform: uppercase;
		border-bottom:dotted 1px #ccc;
		text-decoration: none;
	}
	.blog-page .content-blog .blog-h2, .blog .content-blog .blog-h2 {
		font-size: 13px;
		letter-spacing: 0.4px;
		color: #3a3333;
		position: relative;
		text-decoration: none;
		float: inherit;
		height: 60px;
		width: 100%;
		border-bottom: dotted 0px #ccc;
		display: table;
	}
	.blog-page .content-blog .blog-h2 h2, .blog .content-blog .blog-h2 h2 {
		margin-top: 10px;
	}
	.blog-page .more {
		text-align: center;
		margin: auto;
		margin-top: 50px;
		padding: 10px 20px 10px 55px;
		border-radius: 50px;
		font-size: 18px;
		width: 350px;
		display: table;
		position: relative;
		border: solid 1px #eee;
		color: #3a3333;
	}
	.blog-page .more .icon-a {
		padding: 10px;
		background: black;
		border-radius:50px;
		color: white;
		width: fit-content;
		float: left;
	}
	.blog-page .more span {
		margin-top: 7px;
		margin-left: 20px;
		float: left;
		color: #555;
	}
	.menu-blog a {
		padding: 0px 30px;
		color: #555;
	}
	.menu-blog .active {
		color: #bd0e15;
	}
	.blog-page label {
		background-color: #242526;
		color: white;
		padding: 2px 10px;
		font-size: 12px;
		position: relative;
		top: -3px;
		border-radius: 5px;
	}
	.menu-blog {
		margin-bottom: 50px;
		color: #eee;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: white;
		background-color: transparent;
	}
	/*Detail Produk*/
	.produk-detail {
		float: left;
		width: 100%;
		color: #232323;
		background: #ffffff;
		position: relative;
		margin-top: 130px;
		margin-bottom: 130px;
		z-index: 2;
		padding: 25px 5px;
		overflow: hidden;
	}
	.produk-detail .gallery img {
		width: 100%;
	}
	.produk-detail .rincian {
		margin-top: 50px;
	}
	.produk-detail .rincian p {
		margin-bottom: 0px!important;
	}
	/*.produk-detail .rincian img {
		width: 100%!important;
		height: auto!important;
	}*/
	.produk-detail .info h2 {
		font-size: 25px;
		font-weight: 500;
		line-height: 28px;
		margin-top: 0px;
		margin-bottom: 10px;
		text-transform: capitalize;
	}
	.produk-detail .info .qty-text {
		float: left;
		margin-right: 20px;
		margin-top: 5px;
		font-weight: 600;
	}
	.produk-detail .info h3 {
		color :#343434;
		font-size: 16px;
		margin-bottom: -5px;
	}
	.produk-detail .info h3 span {
		color: #999;
		float: none;
		font-size: .857em;
		font-weight: normal;
		text-decoration: line-through;
	}
	.input-group-prepend {
		float: left;
	}
	.input-group-prepend button {
		padding: 7px 10px;
		border-radius: 0px;
	}
	#qty_input {
		float: left;
		width: 80px;
		border-radius: 0px;
	}
	.produk-detail .info .qtc-content {
		width: 100%;
		float: left;
	}
	.qty-checkout {
		float: left;
		width: 55px;
		border-radius: 0px;
	}
	.discount {
		font-size: 18px!important;
		color: red!important;
		text-decoration: line-through;
	}

	.judul-h2-mobile {
		display: none!important;
	}



	/* container */
	/*.container {
		position: relative;
	}*/
	.share {
		width: 100%;
		float: left;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.share b {
		float: left;
		margin-top: 5px;
		margin-right: 10px;
	}
	#share {
		text-align: center;
		float: left;
	}

	/* buttons */

	#share a {
		width: 30px;
		height: 30px;
		display: inline-block;
		margin: 1px;
		border-radius: 50%;
		font-size: 24px;
		color: #444;
		border: solid 1px #ddd;
		background: transparent;
		opacity: 0.75;
		transition: opacity 0.15s linear;
	}
	.facebook {
		background: #0072af;
	}

	#share a:hover {
		opacity: 1;
	}

	/* icons */

	#share i {
		position: relative;
		top: 5%;
		font-size: 14px;
		transform: translateY(-50%);
	}

	/* colors */

	.facebook {
		background: #3b5998;
	}

	.twitter {
		background: #55acee;
	}

	.googleplus {
		background: #dd4b39;
	}

	.linkedin {
		background: #0077b5;
	}

	.pinterest {
		background: #cb2027;
	}

	.login {
		margin: auto;
		display: table;
		float: inherit;
		background-color: white;
		border:solid 1px #eee;
		border-radius: 10px;
		overflow: hidden;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
	}
	.login .show-btn {
		position: absolute;
		top: 0px;
		right: 15px;
	}
	.login .login-btn {
		background: black;
		border-radius:50px;
		display: table;
		margin: auto;
		color: white;
		padding: 8px;
		width: 50%;
		margin-top: 10px;
		margin-bottom: 10px;
		border-radius: 50px;
	}


	.button-share {
		cursor: pointer;
	}

	.sm .social {
		opacity: 0;
		position: relative;
		margin: 8px;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		display: inline-block;
		color: white;
		font-size: 20px;
		text-align: center;
		transition: 0.5s all ease;
	}
	.sm .social	i {
		margin-top: 10px;
		color: white;

	}

	.sm .social	a {
		color: #FFF;
	}

	.sm .twitter {
		background: #00aced;
	}

	.sm .facebook {
		background: #3b5998;
	}

	.sm .google {
		background: #dd4b39;
	}

	.sm .youtube {
		background: #bb0000;
	}
	.sm .linkedin {
		background: #0077b5;
	}

	.sm .clicked {
		opacity: 1;
		transition: 0.5s all ease;
		transform: translateY(100px);
	}


	.smp {
		text-align: center;
	}
	.smp .social {
		opacity: 0;
		position: relative;
		margin: 2px;
		width: 33px;
		height: 33px;
		border-radius: 100%;
		display: inline-block;
		color: white;
		font-size: 14px;
		text-align: center;
		transition: 0.5s all ease;
	}
	.smp .social	i {
		margin-top: 10px;
		color: white;

	}

	.smp .social	a {
		color: #FFF;
	}
	.smp .linkedin {
		background: #0077b5;
	}

	.smp .twitter {
		background: #00aced;
	}

	.smp .facebook {
		background: #3b5998;
	}

	.smp .google {
		background: #dd4b39;
	}

	.smp .youtube {
		background: #bb0000;
	}
	.blog .h2:after {
		border-bottom: 3px double white;
		top: 55px;
		content: "";
		height: 3px;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		width: 6%;
	}
	.smp .clicked {
		opacity: 1;
		transition: 0.5 all ease;
		transform: translateY(10px);
	}

	footer {
		border-top: solid 1px #eee;
		padding-top: 30px;
		float: left;
		width: 100%;
		color: #232323;
		background-color: white;
		background-image: url('../rodeoscoid/images/home/pattrent-footer.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
	}
	footer .about img {
		width: 30%;
		margin-top: 25px;
	}
	footer .about p {
		margin-top: 0px;
		margin-bottom: 20px;
		text-align: justify;
		font-size: 14px;
		padding-right: 20px;
	}
	footer .about .more {
	}
	footer .about .more .icon-a {
		padding: 10px;
		background: black;
		border-radius:50px;
		color: white;
		width: fit-content;
		float: left;
		font-weight: 600;
		font-size: 12px;
	}
	footer .about .more span {
		margin-top: 7px;  
		margin-left: 20px;
		float: left;
		color: #333;
		font-size: 12px;
		font-weight: 600;
	}
	footer i {
		font-weight: 600;
	}
	footer .address {
		border-bottom: dotted 1px #ccc;
		color: #333;
	}
	footer .address:hover {
		text-decoration: none;
	}
	footer .link a {
		color: #333;
		border-bottom: dotted 1px #ccc;
		line-height: 1.5em;
	}
	footer .bpom {
		height: 25px;
	}
	footer .payment img, footer .pengiriman img {
		height: 17px;
		margin-right: 10px;
	}
	footer .payment, footer .pengiriman {
		margin-top: 0px;
		padding-top: 15px;
	}
	footer .copyright {
		text-align: center;
		padding: 30px 0px;
		margin-top: 50px;
		border-top : solid 1px #eee;
	}






/** ---------------------------------------
 * Slider 
 ----------------------------------------*/

 .slider-wrapper {
 	z-index: 500;
 	position: relative;
 	width: 100%;
 	height: 650px;
 	overflow: hidden;
 }

 .slider-wrapper li {
 	display: none;
 }

 .slider-wrapper .current-slide {
 	display: block;
 }

 .slider-shadow {
 	width: 100%;
 	height: 15px;
 	position: relative;
 }




 .slider-wrapper img {
 	position: absolute;
 	max-width: 100%;
 	height: auto;
 	top: 0;
 	left: 0;
 }

/**
 * ---[Caption] ---------------------- 
 **/
 .slider-wrapper .caption {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	background: rgba(0,0,0,0.65);
 	width: 100%;
 	padding: 10px;
 	color: #FFF;
 	-webkit-transform: translateY(100%);
 	-ms-transform: translateY(100%);
 	-o-transform: translateY(100%);
 	transform: translateY(100%);
 	opacity: 0;
 	-webkit-transition: all 0.4s ease;
 	-o-transition: all 0.4s ease;
 	transition: all 0.4s ease;
 }

 .slider-wrapper li:hover .caption {
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	-o-transform: translateY(0);
 	transform: translateY(0);
 	opacity: 1;
 }


 .slider-wrapper h2 {
 	color: #00c5b9;
 	font-size: 2em;
 	font-weight: 400;
 	margin-bottom: 6px;
 }

 .slider-wrapper p {
 	font-size: 1.6em;
 	font-weight: 300;
 	line-height: 1.4em;
 }
 .testimonial {
 	background: white;
 	padding-top: 80px;
 	position: relative;
 	display: table;
 	width: 100%;
 	padding-bottom: 80px;
 	color:#232323;
 }
 .testimonial img {
 	width: 100%;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .testimonial img:hover {
 	-webkit-transform: scale(1.08);
 	transform: scale(1.08);
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }

/**
 * ---[Botones-Control] ---------------------- 
 **/
 .control-buttons {
 	margin-top: 15px;
 	text-align: center;
 	padding-left: 0px;
 }

 .control-buttons li {
 	cursor: pointer;
 	display: inline-block;
 	background: #424f66;
 	text-indent: -99999px;
 	height: 12px;
 	width: 12px;
 	margin: 0 6px;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	border-radius: 50%;
 }

 .control-buttons li.active {
 	background: #00c5b9;
 }

 .authors {
 	text-align: center;
 	color: #7a8699;
 	display: block;
 	font-size: 1.6em;
 	font-weight: 300;
 	margin-top: 80px;
 	font-size: 300;
 }

/** ---------------------------------------
 * Responsive 
 ----------------------------------------*/
 @media only screen and (max-width: 825px) {

 	.slider-wrapper {
 		height: 260px;
 	}
 }

 @media only screen and (max-width: 535px) {


 	.slider-wrapper {
 		height: 200px;
 	}

 	.slider-wrapper .caption {
 		display: none;
 	}

 }

 @media only screen and (max-width: 410px) {
 	.slider-wrapper {
 		height: 160px;
 	}
 }







 .sidenav{background-color:#111;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:0;z-index:1;}
 .sidenavD {
 	background: white;
 	height: 100%;
 	margin-top: 20px;
 	overflow-x: hidden;
 	padding-top: 60px;
 	position: fixed;
 	right: 0;
 	top: 0;
 	transition: .5s;
 	width: 0;
 	z-index: 9999;
 }
 .sidenavR {
 	background: white;
 	height: 100%;
 	margin-top: 20px;
 	overflow-x: hidden;
 	padding-top: 60px;
 	position: fixed;
 	bottom: 0;
 	transition: .5s;
 	width: 0;
 	z-index: 99;
 }
 .search-group-induk {
 	margin-top: 15px;
 }
 .search-group-induk .search {
 	width: 250px!important;
 	border-radius: 5px!important;
 }
 .navbar-right {
 	position: absolute!important;
 	right: 0px!important;
 }
 .search-group-induk .input-group-alternative {
 	position: relative;
 }
 .collapse {
 	display: block!important;
 }
 .search-group-induk .search-group {
 	position: absolute!important;
 	right: 10px!important;
 	z-index: 10!important;
 	top: 10px!important;
 	background: transparent;
 	border: 0px;
 	padding: 0px;
 	margin: 0px;

 }
 #cartheader ul li {
 	padding: 12px 12px!important;
 	border-bottom: dashed 1px #eee;
 	color: #555;
 }
 #cartheader ul li span {
 	float: right;
 }
 #cartheader {
 	width: 0px;
 	transition: all 0.5s;
 	opacity: 0;
 }
 .cartheaderopen {
 	width: 350px!important;
 	opacity: 1!important;
 	transition: all 0.5s;
 }
 #cartheader ul li .cackout-dropdown {
 	background: orange;
 	text-align: center;
 	width: 100%;
 	display: table;
 	padding: 15px;
 	color: white;
 	margin-bottom: 40px;
 }
 #profilheader ul li a, .sidenavD ul li a {
 	padding: 15px 35px!important;
 	border-bottom: dashed 1px #eee;
 	color: #555;
 }
 .sidenav .closebtn,.sidenavD .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0;}
 @media screen and max-height 450px {
 	.sidenav,.sidenavD{padding-top:15px;}
 	.sidenav a,.sidenavD a{font-size:18px;}
 }



 .dataTables_paginate, .dataTables_filter {
 	float: right;
 }



 .dataTables_filter input {
 	display: block;
 	width: 100%;
 	height: 34px;
 	padding: 6px 12px;
 	font-size: 14px;
 	line-height: 1.42857143;
 	color: #555;
 	background-color: #fff;
 	background-image: none;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

 .pagination li {
 	display: inline;
 }
 .dataTables_info, .dataTables_length{
 	float: left;
 }
 .dataTables_paginate a, .dataTables_paginate span {
 	position: relative;
 	float: left;
 	margin-left: -1px;
 	line-height: 1.42857143;
 	color: #337ab7;
 	text-decoration: none;
 	background-color: #fff;
 }
 .dataTables_paginate a:first-child, .dataTables_paginate span:first-child {
 	margin-left: 0;
 	padding: 6px 12px;
 }
 .dataTables_paginate span a {
 	background-color: transparent;
 	border: 1px solid #ddd;
 	padding: 0px;
 }
 .dataTables_paginate a {
 	cursor: pointer;
 }
 .dataTables_paginate a:first-child, .dataTables_paginate span:first-child {
 	margin-left: 0;
 	border: 1px solid #ddd;
 	padding: 6px 12px;
 }
 .dataTables_paginate .active a, .dataTables_paginate .active a:focus, .dataTables_paginate .active a:hover, .dataTables_paginate .active span, .dataTables_paginate .active span:focus, .dataTables_paginate .active span:hover {
 	z-index: 3;
 	color: #fff;
 	cursor: default;
 	background-color: #337ab7;
 	border-color: #337ab7;
 }
 .dataTables_paginate a:last-child, .dataTables_paginate span:last-child {
 	margin-right: 0;
 	border: 1px solid #ddd;
 	padding: 6px 12px;
 }
/* .current {
 	background: black;
 	border-radius:50px;
 	color: white!important;
 }*/
 .dataTables_paginate span {
 	position: relative;
 	float: left;
 	margin-left: -1px;
 	line-height: 1.42857143;
 	color: #337ab7;
 	text-decoration: none;
 	background-color: #fff;
 	border: 0px solid #ddd!important;
 }
 /*whatsapp konsultasi*/
 .middle {
 	min-height: 670px;
 	position: relative;
 	z-index: 9;
 	margin-top: -60px;
 }
 #screen {
 	margin: 0 auto;
 	padding-left: 0.375rem;
 	padding-right: 0.4375rem;
 	position: absolute;
 	top: 0px;
 	left: 50px;
 	width: 258px;
 	height: 470px;
 }
 #screen #header {
 	background-color: #f8f8f8;
 	border-bottom: 1px solid #b2b2b2;
 }
 .column, .columns {
 	padding-right: 0;
 	padding-left: 0.3125rem;
 }
 .left {
 	float: left !important;
 }
 .load-wa {
 	height: 25px;
 	position: relative;
 }
 .typing {
 	position: absolute;
 	right: 18px;
 	color: #b5b5b5;
 	top: 13px;
 	z-index: 9;
 }
 .btn-whtasapp {
 	padding: 12px 30px 13px 30px;
 	text-align: center;
 	background-color: #0dc152;
 	color: white;
 	border-radius: 50px;
 	font-size: 16px;
 }
 .btn-whtasapp i {
 	font-size: 25px;
 	margin-top: -1px;
 	margin-right: 6px;
 	float: left;
 }
 .btn-whtasapp:hover {
 	opacity: 0.9;
 	color: white;
 }
 .jenis-kulit {
 	padding: 130px 0px 60px 0px;
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	background-color: black;
 }
 .jenis-kulit .img-1:hover, .jenis-kulit .img-2:hover, .jenis-kulit .img-3:hover, .jenis-kulit .img-4:hover {
 	mix-blend-mode: luminosity;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .jenis-kulit .img-1 {
 	position: absolute;
 	left: 0px;
 	right: 620px;
 	margin: auto;
 	margin-top: 50px;
 	height: 50px;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .jenis-kulit .img-2 {
 	position: absolute;
 	left: 0px;
 	right: 620px;
 	margin: auto;
 	margin-top: 150px;
 	height: 50px;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .jenis-kulit .img-3 {
 	position: absolute;
 	left: 620px;
 	right: 0px;
 	margin: auto;
 	margin-top: 50px;
 	height: 50px;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .jenis-kulit .img-4 {
 	position: absolute;
 	left: 620px;
 	right: 0px;
 	margin: auto;
 	margin-top: 150px;
 	height: 50px;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .jenis-kulit .img-kulit img {
 	width: 600px;
 	margin:auto;
 	display: table;
 }
 .btn-rodeos-black {
 	background-color: black;
 	color: white;
 	padding: 13px 30px;
 	border-radius: 50px;
 	font-size: 16px;
 }
 .btn-rodeos-black:hover {
 	color: white;
 	opacity: 0.8;
 }
 .manfaat {
 	background:white;
 	background-image: url('../rodeoscoid/images/home/bgblack.jpg');
 	background-size: cover;
 	background-repeat: no-repeat;
 	padding: 150px 0px 300px 0px;
 	overflow: hidden;
 	width: 100%;
 	position: relative;
 }
 .manfaat .content-manfaat {
 	position: relative;
 }
 .manfaat .content-manfaat .text-1:after {
 	content: '';
 	height: 100px;
 	display: table;
 	top: 156px;
 	margin-left: 78px;
 	position: absolute;
 	border: dashed 1px #606060;
 }
 .manfaat .content-manfaat .text-2:after {
 	content: '';
 	height: 136px;
 	display: table;
 	top: 68px;
 	margin-left: -65px;
 	position: absolute;
 	border: dashed 1px #606060;
 	-webkit-transform: rotate(68deg);
 	-moz-transform: rotate(68deg);
 	-o-transform: rotate(68deg);
 	-ms-transform: rotate(68deg);
 	transform: rotate(68deg);
 }
 .manfaat .content-manfaat .text-3:after {
 	content: '';
 	height: 133px;
 	display: table;
 	top: 68px;
 	right: 0px;
 	margin-right: -61px;
 	position: absolute;
 	border: dashed 1px #606060;
 	-webkit-transform: rotate(-68deg);
 	-moz-transform: rotate(-68deg);
 	-o-transform: rotate(-68deg);
 	-ms-transform: rotate(-68deg);
 	transform: rotate(-68deg);
 }
 .manfaat .content-manfaat .text-4:after {
 	content: '';
 	height: 101px;
 	display: table;
 	top: -27px;
 	margin-left: -46px;
 	position: absolute;
 	border: dashed 1px #606060;
 	-webkit-transform: rotate(113deg);
 	-moz-transform: rotate(113deg);
 	-o-transform: rotate(113deg);
 	-ms-transform: rotate(113deg);
 	transform: rotate(113deg);
 }
 .manfaat .content-manfaat .text-5:after {
 	content: '';
 	height: 128px;
 	display: table;
 	top: -43px;
 	right: 0px;
 	margin-right: -61px;
 	position: absolute;
 	border: dashed 1px #606060;
 	-webkit-transform: rotate(-113deg);
 	-moz-transform: rotate(-113deg);
 	-o-transform: rotate(-113deg);
 	-ms-transform: rotate(-113deg);
 	transform: rotate(-113deg);
 }
 .manfaat .content-manfaat .text-6:after {
 	content: '';
 	height: 88px;
 	display: table;
 	top: -95px;
 	margin-left: 78px;
 	position: absolute;
 	border: dashed 1px #606060;
 }
 .manfaat .content-manfaat .text-1 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	text-align: center;
 	right: 0px;
 	left: 0px;
 	padding-top: 50px;
 	width: 160px;
 	height: 160px;
 	color:black;
 	border-radius: 50%;
 	margin: auto;
 	background-color: #eeeeee;
 	font-size: 16px;
 }
 .manfaat .content-manfaat .text-2 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	color: black;
 	text-align: center;
 	right: 100px;
 	background-color: #eeeeee;
 	padding-top: 55px;
 	width: 160px;
 	height: 160px;
 	border-radius: 50%;
 	margin-top: 150px;
 	font-size: 16px;
 }
 .manfaat .content-manfaat .text-3 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	color: black;
 	text-align: center;
 	left: 100px;
 	background-color: #eeeeee;
 	padding-top: 55px;
 	width: 160px;
 	height: 160px;
 	border-radius: 50%;
 	margin-top: 150px;
 	font-size: 16px;
 }
 .manfaat .content-manfaat .text-4 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	color: black;
 	text-align: center;
 	right: 100px;
 	background-color: #eeeeee;
 	padding-top: 55px;
 	width: 160px;
 	height: 160px;
 	border-radius: 50%;
 	margin-top: -150px;
 	font-size: 16px;
 }
 .manfaat .content-manfaat .text-5 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	color: black;
 	text-align: center;
 	left: 100px;
 	background-color: #eeeeee;
 	padding-top: 55px;
 	width: 160px;
 	height: 160px;
 	border-radius: 50%;
 	margin-top: -150px;
 	font-size: 16px;
 }
 .manfaat .content-manfaat .text-6 {
 	text-transform: capitalize;
 	border: solid 5px #d4d4d4;
 	font-weight: 600;
 	position: absolute;
 	color: black;
 	text-align: center;
 	right: 0px;
 	left: 0px;
 	padding-top: 55px;
 	width: 160px;
 	height: 160px;
 	border-radius: 50%;
 	margin: auto;
 	background-color: #eeeeee;
 	font-size: 16px;
 }
 .manfaat .content-manfaat span {
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .manfaat .content-manfaat span:hover {
 	box-shadow: 0 0px 65px 0 #ffffffcc;
 	-webkit-transition: all 0.36s ease 0s;
 	transition: all 0.36s ease 0s;
 }
 .manfaat .content-manfaat img {
 	width: 500px;
 	margin:auto;
 	display: table;
 }
 .manfaat .content-manfaat .img-manfaat {
 	padding: 200px 50px 70px 50px;
 }
 .konsultasi {
 	background-repeat: no-repeat;
 	padding: 200px 0px;
 	padding-bottom: 0px;
 	color:#232323;
 	background-image: url('../rodeoscoid/images/home/bgwhite.jpg');
 	display: table;overflow: hidden;
 	width: 100%;
 	background-position: bottom;
 	position: relative

 }
 /*.oval-bg-bottom {
 	width: 100%;
 	background-image: url(../images/home/batas-bg-black.png);
 	background-size: 100%;
 	background-repeat: no-repeat;
 	height: 47px;
 	-webkit-transform: rotate(50deg);
 	-moz-transform: rotate(50deg);
 	-o-transform: rotate(50deg);
 	-ms-transform: rotate(50deg);
 	transform: rotate(180deg);
 	position: absolute;
 	z-index: 1;
 }
 .oval-bg {
 	width: 100%;
 	background-image: url(../images/home/batas-bg-black.png);
 	background-size: 100%;
 	background-repeat: no-repeat;
 	height: 47px;
 	margin-top: -46px;
 	position: absolute;
 	z-index: 1;
 	}*/
/* .konsultasi:after {
	background-color: #eb9525;
	content: '';
	opacity: 0.1;
	margin-top: -130px;
	width: 100%;
	height: 94.2%;
	position: absolute;
	top: 0px;
	}*/
	.konsultasi h2 {
		font-family: 'Roboto Slab', serif;
		font-weight: 600;
		font-size: 36px;
		color:black;
		position: relative;
		margin-bottom: 30px;
	}
	.konsultasi h2:after {
		border-bottom: 3px double #000;
		top: 55px;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		right: 0;
		width: 100px;
	}
	.text-wa {
		margin-top: 40px;
	}
	.text-wa p {
		font-size: 18px;
		line-height: 1.6em;
	}
	#screen #messages span, #screen #contact span {
		padding: 0.0625rem 0 0 0.4375rem;
		display: block;
	}
	#screen #header {
		background-color: #f8f8f8;
		border-bottom: 1px solid #b2b2b2;
	}
	#screen #row-2 {
		margin: 0.9375rem 0;
	}
	.column, .columns {
		padding-right: 0;
		padding-left: 0.3125rem;
	}
	#screen #messages, #screen #contact {
		color: #007aff;
		font-size: 1.1875rem;
	}
	#screen #profile-picture {
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		-ms-border-radius: 25px;
		-o-border-radius: 25px;
		border-radius: 25px;
		margin: -0.3125rem 0.625rem 0 0;
		width: 45px;
		height: 45px;
	}
	#messages-bottom {
		background-image: url(../rodeoscoid/images/home/messages-bottom.png);
		border-top: 1px solid #adadad;
		height: 52px;
		position: absolute;
		left: 3px;
		width: 97%;
		bottom: -101px;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	#messages-bottom #text-textmessage-result {
		color: #c8c8cd;
		font-size: 14px;
		padding: 7px;
		margin-left: 32px;
		float: left;
	}
	#screen #messages-name span#online-result {
		font-size: 0.875rem;
		color: #8a8a8a;
		position: absolute;
		text-align: center;
		width: 74%;
	}
	#screen #messages-name span#name-result {
		padding-top: 0.0625rem;
		display: block;
		margin-top: -0.5rem;
	}
	#screen #messages-name {
		font-size: 1.1875rem;
	}
	#screen #messages, #screen #contact {
		color: #007aff;
		font-size: 1.1875rem;
	}
	#screen #battery-container #battery #battery-percent {
		background: #000;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		height: 7px;
		max-width: 25px;
		width: 50%;
	}
	#messages-container {
		overflow: hidden;
		background-color: #fff;
		background: url(../rodeoscoid/images/home/app-bg.jpg) repeat-y;
		background-size: 100%;
		padding: 0px 20px;
		height: 470px;
	}
	#messages-list {
		overflow: visible;
		padding: 0;
		margin: 0;
		min-height: 560px;
		overflow: hidden;
	}
	#messages-list .message-type-time {
		width: 100%;
		float: left;
		margin: 0.3125rem 0;
		position: relative;
	}
	#messages-list li {
		list-style: none;
		padding: 0;
		display: block;
		margin: 0;
	}
	#messages-list .text-message.green {
		color: #161813;
		float: right;
		margin-left: 0.3125rem;
		margin-right: 1.1875rem;
		overflow: visible;
		padding: 0;
	}
	#messages-list .text-message {
		width: 212px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		-ms-border-radius: 13px;
		-o-border-radius: 13px;
		border-radius: 13px;

		margin: 5px;
		margin-left: 14px;
		color: #161813;
		overflow: visible;
		float: left;
		padding-bottom: 0px;
		position: relative;
	}
	#messages-list li {
		list-style: none;
		padding: 0;
		display: block;
		margin: 0;
	}
	#messages-list .text-message.green .bubble-top {
		width: 212px;
		background: url(../rodeoscoid/images/home/message-green-top.png) no-repeat bottom left;
		position: relative;
		margin-left: 0;
		height: 15px;
	}
	#messages-list .text-message.green .message-content {
		background-color: #dcf8c6;
	}
	#messages-list .text-message .message-content {
		font-size: 14px;
		line-height: 1.5rem;
		background-color: #f7f7f7;
		border-radius: 0px 0px 20px 20px;
	}
	#messages-list .text-message .message-content p {
		padding: 0 0.875rem;
		margin: 0;
		position: relative;
		z-index: 999;
		line-height: 20px;
		font-size: 14px;
	}
	#messages-list .text-message .bubble-top {
		width: 212px;
		border-radius: 0px 20px 0px 0px;
		background: url(../images/home/message-grey-top.png) no-repeat bottom left;
		position: relative;
		margin-left: 0;
		height: 10px;
	}
	#messages-list .text-message .message-content p.timestamp {
		font-size: 10px;
		color: #8a8a8a;
		text-align: right;
		float: right;
		margin-top: -17px;
	}
	#screen #battery-container #battery-percent-number-container, #messages-bottom #text-textmessage-result, #messages-list .text-message .message-content p.timestamp {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	#messages-list .text-message .message-content p {
		padding: 0 0.875rem;
		margin: 0;
		position: relative;
		z-index: 999;
		line-height: 20px;
	}
	#messages-list .text-message .message-content p.timestamp {
		font-size: 10px;
		color: #8a8a8a;
		float: right;
		margin-top: -17px;
		text-align: right;
	}
	#screen #battery-container #battery-percent-number-container, #messages-bottom #text-textmessage-result, #messages-list .text-message .message-content p.timestamp {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	#messages-list .text-message .message-content p {
		padding: 0 0.875rem;
		margin: 0;
		position: relative;
		z-index: 999;
		line-height: 20px;
	}
	#messages-list .text-message .message-content p.timestamp img {
		margin-top: -0.25rem;
		margin-left: 0.1875rem;
	}
	#messages-list .text-message.green .bubble-bottom {
		width: 212px;
		background: url(../rodeoscoid/images/home/message-green-bottom.png) no-repeat bottom left;
		position: relative;
		margin-left: 0;
		margin-top: -28px;
	}
	#messages-list .text-message .bubble-bottom {
		margin-top: -31px;
		min-height: 38px;
		width: 222px;
		border-radius: 15px;
		background: url(../rodeoscoid/images/home/message-grey-bottom.png) no-repeat bottom left;
		position: relative;
		margin-left: -10px;
	}
	#messages-list .text-message {
		width: 212px;
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		-ms-border-radius: 13px;
		-o-border-radius: 13px;
		border-radius: 13px;

		margin: 5px;
		margin-left: 14px;
		color: #161813;
		overflow: visible;
		float: left;
		padding-bottom: 0px;
		position: relative;
	}
	#messages-list li {
		list-style: none;
		padding: 0;
		display: block;
		margin: 0;
	}
	#messages-list .text-message .message-content {
		font-size: 14px;
		line-height: 1.5rem;
		background-color: #f7f7f7;
	}
	.img-phone-wa {
		z-index: 99;
		width: 370px;
		position: relative;
	}
	#messages-list .text-message.green .bubble-bottom {
		width: 222px;
		background: url(../rodeoscoid/images/home/message-green-bottom.png) no-repeat bottom right;
		position: relative;
		margin-left: 0px;
		margin-top: -28px;
	}
	.no-border tr td {
		border: 0px;
		padding: 2px;
		font-size: 12px;
	}
	.bpom-page {
		padding: 100px 0px;
		width: 100%;
		overflow: hidden;
		position: relative;
		background-color: white;
	}
	.bpom-page h2 small {
		font-size: 16px;
	}
	.bpom-page .collapse, .bpom-page .in {
		transition: all 0.3s ease-in-out;
	}