/* global styles */

form {
	display:inline
}

html {
}
.g-recaptcha div div{
	margin:auto;
	}
body {
	font-family:calibri,Verdana,Arial,sans-serif;
	/*font-size:1.1em;*/
	color:#000000;

}
.pgwSlideshow .ps-caption{
	display:none;
	}
.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
    margin-right: 7px;
    font-size: 13px;
}
.radio input[type=radio] {
    display: none;
}
.radio label:before {
    content: "";
    display: inline-block;
 
    width: 16px;
    height: 16px;
 
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #5085B1;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.filterblock label:before {   
    width: 13px;
    height: 13px;
}

.radio label:before {
    border-radius: 8px;
}
.search2 .radio label:before {
	background-color: #F9F9F9;
	}

.radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #FF870F;
    font-size: 32px;
    text-align: center;
    line-height: 14px;
}
.radio input[type=checkbox]:checked + label:before {
    content: "\2022";
    color: #FF870F;
    font-size: 28px;
    text-align: center;
    line-height: 11px;
}
.filterblock label:before{
	top:2px !important;
	}
h2 {
	font-size:15px;
	margin:20px 0 10px;
}

h3.title {
	margin:2px 0;
}


table {
	border-collapse: collapse;
}

th {	
	background:#72A4C4;
	
	text-align:left;
	line-height:1.5em;
	padding:5px 3px;
	color:#fff;
}

td {
	height: 15px;
	vertical-align:top;
	padding:5px 3px;
}

ul, ol {
	margin: 0;
	padding-left: 0px;
}

a {
	text-decoration:none;
	color:#F26D00;
}

a:hover {
	color: #EB0E15;
}

img {
	border: 0;
}

.right {
	text-align:right;
}

.grey {
	color:#808080;
}

.red {
	color:#BC0B0B;
}

.green {
	color:#008200;
}

.yellow {
	color:#E76D00;
}

.site-wrapper {

	margin:auto;
}

.absolute {
	position:absolute;
}

.float-left {
	position:relative;
	float:left;
}

.clear-both {
	clear:both;
}

.error-field {
	background-color:#FFEEEA;
}

.error-text {
	color:red;
	font-size:90%;
}
input[type="text"],input[type="password"]{

	height:36px;
	padding:3px 10px;
	border:1px solid #EBEBEB;

	background:#f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	}

select{

	height:36px;
	padding:3px 10px;
	border:#EBEBEB;

	background: url(../images/arrow-opt.jpg) no-repeat right #f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	}
	
input.long {
	width:300px;
}

input.medium {
	width:200px;
}

input.short {
	width:100px;
}

input.tiny {
	width:50px;
}

.show {
	display:block;
}

.hide {
	display:none;
}

.invisible {
	visibility:hidden;
}
nav{
	background: #2B6799 !important; /* Old browsers */

	}
.top-nav li a{
	font-weight:bold;
	background: #2B6799 !important; /* Old browsers */
	}
.top-nav li a:hover{
	background: #FD8709 !important; /* Old browsers */
	}


#topHeader {
	position:relative;
	height:40px;
	background:#EB0E15;
}
#topLogo {

	padding:10px;
	
}
#topHeader2 {
	position:relative;
	height:190px;

}
#second-menu a{
	color:#2B6799;
	font-weight:bold;
	}
#container-slideshow .owl-pagination{
	bottom:5%;
	left:47%;
	position:absolute;
	}
.slide-news .owl-pagination{
	bottom:0;
	right:0;
	position:absolute;
	}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 50px !important;
    top: 45% !important;
    opacity:0;
background:none;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 50px !important;
    top: 45% !important;
    opacity:0;
    background:none;
}
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}
#language{
	color:#FFF;
width:110px;
	}
#form-slideshow{
	height:425px;
	width:360px;
	background:#6FA1C2;
	padding:30px 20px 8px;
	color:#000;

	/*mix-blend-mode: hard-light;*/
	}
#title-form-slideshow{
	
	font-weight:bold;
	text-shadow: 2px 2px #81848B;
	padding-top:30px;
	
	}
	

	
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 7px 14px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input,.left-addon select  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.left-addon select  {
 -webkit-appearance: none;
 -moz-appearance: none;
  appearance: none;

  }

#btn-cnfrm{
	background:#F46A22;
	color:#fff;
	padding:4px;
	height:33px;
	width:200px;
	font-weight:bold;
	font-size:14px;
	border:none;
	border-radius:5px;
	cursor:pointer;
	}
#btn-ok{
	background:#F46A22;
	color:#fff;
	padding:4px;
	height:33px;
	width:100px;
	font-weight:bold;
	font-size:14px;
	border:none;
	border-radius:5px;
	cursor:pointer;
	}
#btn-frm{
	background:#F46A22;
	color:#fff;
	padding:4px;
	height:33px;
	width:120px;
	font-weight:bold;
	font-size:14px;
	border:none;
	border-radius:5px;
cursor:pointer;
	}
.search-key{
	height:34px;
	width:150px;
	background:#548BB2;
	opacity:1;
	border:1px solid #548BB2;
	border-radius:5px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #5183A8;
-moz-box-shadow:    inset 1px 1px 1px 0px #5183A8;
box-shadow:         inset 1px 1px 1px 0px #5183A8;
  
   color:#fff;
	}
.search-key2{
	height:34px;
	width:150px;
	background:#F9F9F9;
	opacity:1;
	border:1px solid #D9D9D9;
	border-radius:5px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #D9D9D9;
-moz-box-shadow:    inset 1px 1px 1px 0px #D9D9D9;
box-shadow:         inset 1px 1px 1px 0px #D9D9D9;
  
   color:#52504F;
	}
.search2 i{
	color:#638FB4;
	}
#wrap-car{
	border:3px solid #D7D7D7;
	padding:9px;
	}
#note{
	width:100%;
	height:100px;
	background:#ECECEC;
	}
.methode{
	height:34px;
	width:250px;
	background:#EFEDEE;
	opacity:1;
	border:1px solid #CDCBCC;
	border-radius:5px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #CDCBCC;
-moz-box-shadow:    inset 1px 1px 1px 0px #CDCBCC;
box-shadow:         inset 1px 1px 1px 0px #CDCBCC;
   color:#000;	
	}
.white{
	color:#fff;
	}
.orange{
	color:#FD8708;
	}
.blue{
	color:#2C6A9D;
	}

	
.submenu-item a{
	text-shadow: none !important;
}
.sf-menu a {
	border:0;
}

.sf-menu li {
	background:none;
}

.sfHover {
	background:none;
}


.black-arrow {
    background: url("../images/arrow-black.png") no-repeat scroll 30px 0 transparent;
    height: 10px;
    margin-top: -10px !important;
    width: 120px;
}

#boundary {
	/*position:absolute;*/
	margin-top:-20px;
	z-index:100;
	float: right;
	margin-left: -80px;
}

#mostSellingTitle {
	height:63px;
	width:100%;
  background: url("../images/most-selling.png") no-repeat scroll center top transparent;
}

#main {
	/*background:#FFFFFF;
padding:45px 0; */
}

#homeContent {
	position:relative;
	width:100%;
	padding:10px 0 30px;
	font-size:13px;
	line-height:1.5em;
	overflow: hidden;
	text-align:justify;
}

#homeContent p {
	margin-top:0;
}


.popr-mn{
	height:22px;
	width:22px;
	background:url("../images/icon-edit-bru-kecil.png") no-repeat scroll -1px -2px transparent;
	cursor:pointer;
	}
	
#content p {
	margin-top:0;
}

#adminContent {
	position:relative;
	float:left;
	width:690px;
	min-height:500px;
	padding:20px 10px 20px 20px;
	font-size:12px;
	line-height:1.5em;
	overflow: hidden;
}

#rightBar {
	position:relative;
	float:left;
	width:240px;
	min-height:400px;

	padding:20px 10px;
	font-size:85%;
}

#promoBar {
	position:relative;
	float:left;
	width:240px;
	background:#FFFFFF;
	padding:20px 0;
}

#promoBar img#productImg {
	/*
	width:200px;
	*/
	padding: 5px 0;
}


#promoBar .promo-item {
	margin-bottom: 15px;
	margin-top: 5px;
	overflow:hidden;
	width: 240px;
}

.promo-item-frame {
	/*background:url("../images/sidebar-background.png") -3px -7px no-repeat #FFFFFF;
	padding: 10px;*/
}

.product-sidebar-item-home {
	background:url("../images/product-sidebar-1.png") 0px 5px no-repeat #FFFFFF;
	/*padding: 17px 9px;*/
	margin-top: 15px;
}

.product-sidebar-item {
	background:url("../images/product-sidebar-2.png") 0px 5px no-repeat #FFFFFF;
	/*padding: 17px 9px;*/
}

#adminRightBar {
	position:relative;
	float:left;
	width:220px;
	min-height:500px;
	background:#FFFFFF;
	padding:20px 10px;
}

#footer {
	width:100%;

	background:#308705; /*url("../images/bg-footer.jpg") no-repeat scroll center top  #0A0B0D;*/
	
}
.topfooter{
	width:100%;
	height:5px;
	background:#308705; /*url("../images/bg-footer.jpg") no-repeat scroll center top  #0A0B0D;*/
margin-top:3px;
border-bottom:2px dashed #fff;	
}

.block {
	width:262px;
	min-height:250px;
	margin-bottom:20px;
}

.block-header {
	background:url("../images/block-header.png") 0 0 no-repeat #FFFFFF;
	height:43px;
	width:280px;
	text-align:right;
	padding:5px 0;
}

.block-header span {
	padding:0 30px;
	color:#BB063B;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
}

.block-content {
	min-height:175px;
	border:2px solid #E7E7E7;
	border-top:0;
	-moz-border-radius:0 0 15px 15px;
}

#pageTitle {
	/*position:absolute;*/
	top:-50px;
	z-index:101;
	color:#BB063B;
}

#pageTitle a {
	color:#BB063B;
}

#slideShowBorder {
	position:relative;
	width:100%;
	height:auto;

	border: 8px solid #fff;
}

#slideShow {
	position:relative;
	width:100% !important;
	height:335px !important;
	margin:auto;
/*
	border: 8px solid #fff;
*/
	top:20px;
}
/*
#slideShow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideShow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideShow DIV.last-active {
    z-index:9;
}

#slideShow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}
*/
#slideshowBg {
	position:relative;
/*	background:#F5ADC3; /*url("../images/bg-slideshow.jpg") repeat-x scroll center top transparent;*/
	height:375px;
	overflow:hidden;
}

#footerList {
	position:relative;
	bottom:-160px;
	cellspacing:0;
	cellpadding:0;
	border:0;
	align:center;
	font-size:13px;
	color:white;
}

.pol {
	color:#313031;
	font-family:Tahoma;
	font-size:14px;
	line-height:13px;
	text-decoration:none;
}
.pol:hover{color:#2B6799}
#map {
	margin-top:20px;
}

.text-preview {
	margin-top:10px;
}

.date {
	font-size:85%;
	color:#9C9A9C;
}

.comments {
	background-color:#FFF3F7;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius:15px;
}


.news-footer {
	border-bottom:1px solid #B9C7D3;
	margin-bottom:20px;	
	padding-bottom:5px;
}

.category {
	position:relative;
	float:right;
}

.share {
	position:relative;
	float:right;
}

#newsWrap, #servicesWrap, #visionWrap {
	width:240px;
	min-height:232px;
	margin:0 10px 10px;
  position:relative;
  overflow:hidden;
}

#visionWrap {
	min-height:200px;
}

#newsWrap .slide, #servicesWrap .slide, #visionWrap .slide {
	width:240px;
  min-height:200px;
  font-size:75%;
  position:absolute;
  top:-300px;
  left:0;
}

#services {
	font-size:90%;
}

#services li{
	margin-top:10px;
}

/*
.ui-accordion-content {
	height:432px;	
}
*/

#adminMenu {
	margin-bottom:20px;	
}

/*
#adminMenu .ui-accordion-content {
	height:42px;	
}
*/

#userHeader {
  background: none repeat scroll 0 0 #D30003;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-size: 75%;
  margin: 0px 0 0;
  padding: 5px 10px 10px;
  position: absolute;
  right: 50px;
	top: 0;
	border-bottom:1px solid #9E1A21;
 	box-shadow:0px 1px 0px #D62439;
}

#userHeader a {
	color: #fff;
}

#userHeader a:hover {
	color: #FC7AC8;
}
#viewsite{
	height:40px;
	vertical-align:middle;
	display: table-cell !important;
	}
div.saved {
	background-color:#FFFFE0;
	border-color:#E6DB55;
}

div.error {
	background-color:#FFEEEA;
	border-color:#FF0000;
}

div.saved, div.error {
	-moz-border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:1px;
	padding:0 0.6em;
	margin-bottom:10px;
}

#message p {
	margin:5px;
}

#admin td {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#DFDFDF;
}

#adminMenu h3{
	font-size:65%;
}

#adminMenu div {
	padding:5px 0;
	font-size:80%;
}

#adminMenu ul {
	padding-left:10px;
}

#adminMenu li {
	margin-bottom:5px;
}

#adminMenu div a {
	color:#219AE7;
	text-decoration:none;
}

#adminMenu div a:hover {
	color: #D7085A;
}

.gravatar {
	margin:8px 20px 8px 5px;
}

.content-box {
	border-color:#DFDFDF;
	-moz-border-radius:6px 6px 6px 6px;
	border-style:solid;
	border-width:1px;
	line-height:1.5em;
	margin-bottom:20px;
}

.content-box-header {
	background:url("../images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll left top transparent;
	line-height:1.5em;
	padding:5px 3px;
	text-align:left;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	font-weight:bold;
}

.content-box th {
	background:none;
	padding:5px 15px;
	border-bottom: 1px solid #DFDFDF;
}

.content-box td {
	padding:5px 15px;
}

#sendComment {
	margin-top:20px;
	border-top:3px  solid #DFDFDF;
}

#sendResponse p {
	margin:5px;
}

h3.subtopic {
	border-bottom:1px solid #FFBFDB;
	color:#BB063B;
}

.valid_date {
	color:red;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	z-index: 9999 !important;
}

/* jqModal */

.upload-image {
	cursor:pointer;
}

div.jqmDialog {
	background-color:#FFF;
	border:black solid 1px;
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:black;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:solid;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:1px;
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:black;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:solid;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:1px;
	color:#333333;
	display:none;
	left:60%;
	margin-left:-300px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	position:fixed;
	top:30%;
	width:391px;
}

/* uploadify */
.file-queue {
	height:64px;
	width:390px;
	margin:0 10px 10px 0;
	overflow-x:hidden;
	overflow-y: auto;
	border: 1px solid #E5E5E5;
}

#uploadiv a {
	display:block;
	float:right;
	margin-top:5px !important;
}

.delete-category, .delete-collection, .delete-branch {
 	cursor:pointer;
 	color:#FF0000;
}

#uploadiv a {
	display:block;
	float:right;
	margin-top:5px !important;
}

.intro-text {
	position:relative;
	width:610px;
	float: left;
	font-size: 80%;
	color: #fff;
	margin-left: 10px;
}

scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}

.content-title {
	color:#2B6799;
	font-size: 22px;
	font-weight: bold;
	/*margin-bottom: 25px;*/
	line-height: 1.3;
}

.content-title h1 {
	margin-top:0;
	font-size:22px;
}

.content {
	margin-top: 10px;
}

.content-subtitle {
	color: #BB063B;
	font-size: 16px;
	font-weight: bold;
}

.centered {
	text-align: center;
}

/* COLLECTION START */


.collection-wrapper {
  margin: 10px 10px 10px 10px;
  float: left;
  width:250px;
	background-color:#fff;
	
}

.collection-box {
  text-align: center;
  width: 250px; 
  border-radius:7px;
}

/*
.collection-box img {
	width:160px;
	margin-top:10px;
}
*/

.collection-box img {
	height:130px;
}

.collection-box-title {
	margin-top: 5px;
	font-weight:bold;
	overflow:hidden;
	line-height:2;
	width:205px;
	text-align:left;
	padding-left:0px;
}

.collection-box-title a {
	font-size:12px;
	color:#434343;
	text-decoration:none;
	font-family:Arial;
	text-shadow:0px 0px 0px #75C880;
	text-transform:uppercase;
}

.collection-box-title a:hover {
	color:#EA588D;
}

.collection-image-frame {
	width:230px;
	padding:4px;
	border:1px solid #E8E8E8;
	height: 130px;
	padding: 10px;
}

.collection-image-wrapper {
	background-color: #fff;
	width:230px;
	overflow:hidden;
  height:130px;
  /*border:5px solid #EFEFEF;*/
  border-radius:7px;
}

/* COLLECTION END*/



/* PRODUCT CSS START */

.product-wrapper {
  margin: 10px 10px 25px 10px;
  float: left;
  width:200px;
	background-color:#fff;
	
}
.box {text-align:justify;}
.product-box {
		width: 150px !important;
    height: 125px !important;
    text-align: center !important;
    display: table-cell !important;
    vertical-align: middle !important;
    clear:both !important;
    border:1px solid #eee;
}

/*
.product-box img {
	width:160px;
	margin-top:10px;
}
*/

.product-box img {

}

.product-box-title {
	margin-top: 5px;
	font-weight:bold;
	overflow:hidden;
	line-height:2;
	width:205px;
	text-align:left;
	padding-left:0px;
}

.product-box-title a {
	font-size:12px;
	color:#434343;
	text-decoration:none;
	font-family:Arial;
	text-shadow:0px 0px 0px #75C880;
	text-transform:uppercase;
}

.product-box-title a:hover {
	color:#EA588D;
}

.product-image-frame {
	width:190px;
	padding:4px;
	border:1px solid #E8E8E8;
	height: 142px;
	padding: 10px;
}

.product-image-wrapper {
	background-color: #fff;
	width:190px;
	overflow:hidden;
  height:142px;
  /*border:5px solid #EFEFEF;*/
  border-radius:7px;
}

.product-box-price {
	color:#fff;
  font-size: 90%;
  font-weight: bold;
  margin: 3px 0px;
  width:100px;
	text-align:left;
	padding:4px 10px;
  font-family:Arial;
  background:-moz-linear-gradient(center top , #F7659A 0px, #BB063B 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7659A), to(#BB063B));
	border-radius:5px;
	text-align:center;
	box-shadow:1px 1px 0px #A10021;
	text-shadow:0px 0px 1px #FF9CD1;
}

.product-left {	
	position:relative;
	float:left;
	margin-left:5px;
}

.product-right {	
	position:relative;
	float:left;
	margin-top:15px;
	margin-left:30px;
	width:345px;
	font-family:Calibri;
	color:#6F6F6F;
}

.product-image {
	margin-top:15px;
	position:relative;
	float:left;
	width:340px;
	height:340px;
	background:#FFFFFF;
	border:8px solid #EFEFEF;
	border-radius:8px;
}

.product-image img {
	margin-top:50px;
	position:relative;
	padding:5px;
	border-radius:5px;
}

.product-detail-wrapper {
	position:relative;
	margin-top:20px;
}

/* DETAIL */

.product-title {
	color:#D7085A;
	margin-top:-20px;
}

.product-description {
	color:#000;
	text-align:left;
	margin-bottom:10px;
	border-bottom:3px solid #D7D7D7;
}

table.detailOther td {
	color:#363636;
	font-weight:bold;	
	padding: 0 5px;
	line-height:1.6;
}

/* PRODUCT END */

.meta-box {
	padding:20px 10px 20px 20px;
	border:1px solid #505B65;
	border-radius:10px;	
}

.paging {
	position:right;
	float:right;
}


.paging b, .paging a {
	background:url("../images/page.png") no-repeat scroll left bottom transparent;
	width:24px;
	height:18px;
	display:block;
	text-align:center;
	padding-top:3px;
	float:left;
	text-decoration:none;
	font-size:11px;
	line-height:1.5em;
}

.paging a {
	color:blue;
}

.paging-wrap {
	margin:auto;
	float:right;
}


.news-box-content {
	background:url("../images/promo-box.png") no-repeat center 0 transparent;	
	height:245px;
}

.news-box-content a {
	text-decoration:none;
}

.news-box {
	width:213px;
	height:140px;
	overflow:hidden;
}

.news-box-title {
	font-family:Mistral;
	text-align:center;	
	margin-left:5px;
	font-size:200%;
	padding-top:5px;
}

.news-date {
	font-size:11px;	
	padding-left:5px;
	margin-bottom: -13px;
}

.news-footer a:hover {
	text-decoration:none;
	color:#31AEE1;
}

.news-title a {
	color:#BB063B;
}

.news-title a:hover {
	text-decoration:none;
	color:#FC4289;
}

.news-title-text {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#EFEBEF;
	font-weight:bold;
	margin-right:10px;
	padding:1px 15px;
	font-size:120%;
	max-width:200px;
}

.news-title-text a {
	color:#FFFFFF;
}

.text-preview p {
	text-align: justify;
}

.text-preview {
	font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans','Verdana','Tahoma','sans-serif';
  font-size: 14px;
}

.text-preview .caroufredsel_wrapper {
	margin:0 10px !important;
}

.left-image {
	 margin:0 20px 15px 0;
}

.share {
	position:relative;
	float:right;
}

.check-wrapper {
	overflow:auto;
	height:150px;
	border:10px solid #FFC5E5;
	background:#FFC5E5;
	border-right:0;
	width:400px;
}

#welcomeTitle {
	font-family: lucida calligraphy;
	margin-bottom: 22px;
}

.sidebar-title {
	background: url("../images/bg-hubungi-kami.png") no-repeat scroll right top transparent;
  color: #fff;
  font-size: 115%;
  margin-bottom: 10px;
  font-weight: bold;
  padding:9px 16px;
  text-align:center;
}

.sidebar-subtitle {
	color: #fff;
	background-color: #BB063B;
	padding: 8px 0 8px 6px;
}

.sidebar-content {
	font-size: 80%;
	margin: 5px 0 12px;
}

.upload-image, .upload-image-gal, .upload-image-color, .upload-image-logo, .upload-image-promo {
	cursor: pointer;
}


div.warning {
	background-color:#FFEFEF;
	border-color:#FF9F9F;
}

div.message, div.warning {
	-moz-border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:1px;
	padding:10px;
	margin:10px auto;
  text-align: center;
  max-width: 430px;
}

.message p, .warning p {
	margin:5px;
}

div.message, div.warning {
	padding:10px;
	margin-top:40px;
	border-radius:5px;
}

.note {
	font-size: 90%;
	color:#777;
}

.content-list .content-subtitle {
	margin-top: 20px;
}

.content-list  {
	margin-top: 30px;
}

.sold-out {
	background: url("../images/sold-out.png") no-repeat scroll right top transparent;
  height: 71px;
  margin: -196px 0 0 144px;
  position: absolute;
  width: 71px;
  z-index: 40;
}

.product-image .sold-out {
  margin: -12px 0 0 281px;
  top:0;
}

/* BREADCRUMB */

.breadcrumb {
	padding:0 0 10 0px;
	margin-bottom:5px;
	background-color:#0679A9;
	border-radius:0;
}

.breadcrumb-item {
	padding:2px 5px;

	background:white;
	position:relative;
	float:left;
	font-size:90%;
	font-weight:bold;
}

.breadcrumb-item-active {
	padding:2px 5px;
	position:relative;
	float:left;
	font-size:90%;
	color:#FFF;
}

.breadcrumb-item-active a {
	color: #FFF;
	font-weight:bold;
}

.breadcrumb-separator {
	padding:0 5px;
	position:relative;
	float:left;
	font-size:110%;
	color:#fafafa;
}

.breadcrumb-item a {
	color: #2B6799;
}

/* ----- END breadcrumb -----*/

.content-sub-title {	
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.opening-hour-information {
	font-size:110%;
	font-weight: bold;
	color: #777;
}

#powered {
	font-family:arial;
  color: #000;
  font-size: 80%;
  padding: 5px 0;

text-align:center;
}

.opening-hour {
	height: 260px;
	background:url("../images/opening-hour.png") no-repeat scroll 0 0 transparent;
	padding: 18px 23px;
	height: 140px;
	margin-top: 20px;
}

h3.news-title {
	margin: 0;
}

.news {
	margin-top: 22px;
}

.news-image-detail {
	margin-top: 4px;
}


.wrapper996 {
	width:996px;
	margin:auto;
	position:relative;
}

.sc {
	display: block;
	width: 32px;
	height: 32px;
	margin:0 2px;
}

.fb {
	background: url("../images/facebook1.png") no-repeat scroll 0 top transparent;
}
.fb:hover {
	background: url("../images/facebook.png") no-repeat scroll 0 -2px transparent;
}
.tw {
	background: url("../images/twitter2.png") no-repeat scroll 0 -2px transparent;
}
.tw:hover {
	background: url("../images/twitter.png") no-repeat scroll 0 -2px transparent;
}

.instagram {
	background: url("../images/instagram.png") no-repeat scroll 0 -2px transparent;
}
.instagram:hover {
	background: url("../images/instagram2.png") no-repeat scroll 0 -2px transparent;
}
.email {
	background: url("../images/email.png") no-repeat scroll 0 -2px transparent;
}
.email:hover {
	background: url("../images/email2.png") no-repeat scroll 0 -2px transparent;
}


.socmed ul {
	padding-left:0;
}

.socmed ul li {
	float: left;
	list-style: none;
}

.socmed {
  right: 2px;
/*  background: none repeat scroll 0 0 #FFFFFF;*/
  border-radius: 0 0 10px 10px;
  color: #000;
  font-size: 75%;
  margin: 0px 0 0;
  padding: 0px 10px 10px;
  position: absolute;
 z-index:2;
 right:300px;
}

.upload{
	background:#CCCCCC;
	color: #1F93EC;
	width: 120px;
	height:160px;
	background: url('../images/no-image.png') center center no-repeat;
	padding: 5px;
}

.upload-wrapper {
	position:relative;
	width: 130px;
	height:170px;
	margin-bottom:10px;
}

#imageUploadTrigger {
	border: 1px solid #919191;
	border-radius:8px;
}

#imageUploadTrigger.hover {
	border: 1px solid #1A5DE2;
}

.status {
	position:absolute;
	margin-left:32px;
	top:82px;
	display:none;
}

.upload-result {
	position:absolute;
	top:1px;
	width:120px;
	height:160px;
	left:1px;
	margin:5px;
	display:none;
}

.upload-result #images {
	width:120px;
	height:160px;
	display:table-cell;
	vertical-align:middle;
}

.upload-result #images img {
	width:120px;
	display:table-cell;
	max-height:160px;
}

#newItems {
	height:260px;
	background:url("../images/shadow.png") no-repeat center top #FFFAC9;
	width:100%;
	padding:1px 0;
}

.footer-block {
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	margin: 0 2%;
}

.footer-block .testimonial {
	line-height:1.2;
}

#footer a {
	color:#FFFFFF;
}

#footer a:hover {
	color:#DDDDDD;
}

#footer ul {
	padding-left:0;
}

#footer li {
	border-bottom:1px solid #CCCCCC;
	list-style:none;
}


/* jCarousel */
.jcarousel-skin-tango .jcarousel-container {
	background:transparent;
	border:none;
	border-radius:0;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  border: 1px solid #E2E2E2;
  background:#FFFFFF;
  margin-left: 5px;
  margin-right: 5px;
  overflow: hidden;
  padding: 4px;
	text-align:center;
}

#productionWrapper {
/*	
  border: 2px solid #f0f0f0;
  box-shadow: 3px 3px 2px #888888;
  padding: 10px;
*/
  margin-right: 15px;
  width: 255px;
  margin-bottom:6px;
  margin-top:5px;
}

#foo2 li {
	width:209px!important;
}

.marquee-container {
  height: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  font-size:14px;
  top:104px;
}

.testimonial {
	height:160px;
	overflow: hidden;
}

ul#listticker li {
	margin-bottom:10px;
	border-bottom:0;
	height:70px;
}

#subCategory {
/*
	background:#DCDCDC;
	padding:10px;
	border: 1px solid #CCCCCC;
	border-radius:5px;
*/
	margin-bottom:20px;
}

#subCategory ul {
	list-style:none;
	padding-left:0;
}

#subCategory li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #9C9C9C; 
}

/* ADMIN */
table#admin {
	width:100%;
}

.top-line{
	height:10px;
	background:#308705;
	}
#menu-bottom{
	float:left;
	width:110px;
	padding:7px;
	font-weight:bold;
	text-shadow: 1px 1px #E72959;
	}
.bottomfooter{
	 background: repeating-linear-gradient(
    to right,
    #FDFFFE,
    #FDFFFE 20px,
    #FFDED9 20px,
    #FFDED9 40px
  );
  height:100px;
 }
 #rightBar table tr{
 	width:140px !important;
 	}
 .even-row{
 	background:#FFE7CC;
 	}
 	.odd-row{
 	background:#FFEED4;
 	}
 #slideShowShadow{
 	background:url("../images/shadow-slideshow2.png") no-repeat center top transparent;
 	height:45px;
 	width:960px;
 	margin-top:-15px
 	}
#map_canvas{
/*	width:671px !important;*/
	}
.addcity{
	border:1px solid #999999;
	padding:20px;
	width:50%;
	}
.delete-city{
	cursor:pointer;
	}
.delete-store{
	cursor:pointer;
	}
.ui-accordion-header:hover{
	background:#EB0E15;
	}
.ui-accordion-header:hover > a{
	color:#fff;
	}
#lis-red{
	height:5px;
	background:#EB0E15;
	}
.text-center{
	text-align:center;
	}
.text-right{
	text-align:right;
	}
.menu ul{
	z-index:5;
	}
.bg-green{
	background:#3C8E06;
	}
.bg-black{
	background:#262626;
	}
.bx-viewport{
	line-height:1;
	}
#owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
 }

.anim-slide-this{
	z-index:0 !important;
	}
	
	
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 20px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 20px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 15px; color:#000000; font-weight:400;}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#aaa; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {position: absolute;top: 0;right: 0;width: 30px;border-left:1px solid #ddd;height: 30px;cursor: pointer;background: #ED3131 url(images/caousel-next.png) no-repeat 0 0 ;}
.bx-wrapper .bx-prev {position: absolute;top: 0px;right: 30px;border-right:1px solid #ddd;width: 30px;height: 30px;cursor: pointer;background: #ED3131 url(images/caousel-prev.png) no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 0;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}
.gm-style-iw{
	color:#262626 !important;
	}
.gm-style-iw:hover{
	color:#262626 !important;
	}
	
.ui-mobile-viewport{
	
	min-height:700px !important;
}
.ui-selectmenu{
	z-index:5 !important;
	top: 337px !important;
	}
#tophead {
	background:#F46A22;
	padding:8px 0;
	}
#tophead a{
color:#fff;

}
.topheadc{
	z-index:1000;
	height:7px;
	width:130px;
	}
.bg-ungu{
		background:#B635F4;
	}
.bg-emas{
		background:#FFB303;
	}
.bg-hijau{
		background:#3DAB52;
	}
.bg-orange{
		background:#FB641F;
	}
.bg-merah{
		background:#FF0000;
	}
.bg-bluesky{
		background:#1CACFF;
	}
.bg-blue{
		background:#1699C7;
	}
.bg-yellow{
		background:#FEFE22;
	}

.bg-brown{
	background:#C8C6C7;
	padding:40px 0;
	}
.bg-white{
	background:#fff;
	padding:40px 0;
	}
.bg-red{
	background:#EE0D13;
height:15px;
}
.bg-testimoni{
		background:#F2F2F2;
	padding:0 0 25px 0;
	}
.under-slideshow{
	background:#2B6799;
	height:30px;
	top:-10px;
	}
.menu-bottom-item{

font-size:100%;
font-weight:bold;
margin-bottom:10px;	
}
.menu-bottom-item:hover{
	
	}
.bottom-menu li{
list-style:none;
}
.sosmed-fb {
	background:url("../images/sosmed.png") no-repeat scroll 0px -4px transparent;
height:33px;
width:36px;
float:left;
margin:0 5px;
}
.sosmed-tw {
	background:url("../images/sosmed.png") no-repeat scroll -47px -4px transparent;
height:33px;
width:36px;
float:left;
margin:0 5px;

}
.sosmed-rss {
	background:url("../images/sosmed.png") no-repeat scroll -94px -4px transparent;
height:33px;
width:36px;
float:left;
margin:0 5px;

}
.sosmed-mail {
	background:url("../images/sosmed.png") no-repeat scroll -141px -4px transparent;
height:33px;
width:36px;
margin:0 5px;
float:left;
}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

#logo{
	}	

#testi-shadow {
	width:100%;
	height:30px;

}

.under-menu{
	width:100%;
	height:15px;
	background:url("../images/sdw-menu.png") no-repeat scroll center top transparent;
	z-index:1;
	top:-66px;
}
#area > #city{
	height:25px;
	width:180px;
	border:1px solid #969696;
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: transparent url("../images/select-arrow.png") no-repeat scroll 94% center;
	}
.okbutton{
	background:#7D7D7D;
	height:25px;
	background: url("../images/search.png") no-repeat scroll 0 0 #7C7C7C;
	position:relative;
	top:-5px;
	width:40px;
	border:none;
	}
.okbutton:hover{
		background: url("../images/search.png") no-repeat scroll 0 0 #EB0E15;
		}
.icomarker{
	width:50px;
	height:50px;
background: url("../images/iconmarker.png") no-repeat scroll -25px -3px transparent;
float:left;
margin:0 8px 8px 0;
	}
#lihat_peta{
	width:100%;
	height:30px;
	background:#F62022;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	}
#lihat_peta a{
	color:#fff;
	}
#lihat_peta:hover{
	opacity:0.8;
	}
.res-lok{
	font-size:80%;
	text-align:justify;
	}
a:hover{
	text-decoration:none !important;
	}
.icomarker:hover, .markhover:hover  .icomarker{
	background:url("../images/iconmarker.png") no-repeat scroll -26px -50px transparent;
	}
.box-frame{
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	 padding:3px;
	 }
.card {
    margin: 8px;
   }
.front img{
	margin-right:10px;
	float:left; 
	top:-3px ;
	position:relative;
	}
.back {
border-left:8px solid red;
padding-left:10px;
	}

.wrapiconstore{
	font-size:80%;
	height:85px;
	padding:8px 5px;
	}
.wrapiconstore:hover{
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	
	}
.wrapiconstore .detailstore{
	padding-right:15px;
	}

.logoolshop{
	background:url("../images/olshop.png") no-repeat scroll -20px -25px transparent;		
	height:170px;
	width:345px;
		}

#lokasijl{
	text-align:justify;
	}
.title-article{
	font-size:18px;
	font-weight:bold;
	color:#000;
	}
.testi-icon{
	    background: url("../images/paint-brush2.png") no-repeat scroll 0 0 transparent;
	    min-height:70px;
	    position:relative;
	    margin-top:30px;
		}
.testi-icon li{
	list-style-type:none;
	margin-left:90px;
}
.testi-icon .testi-title{
color:#EB0E15;
font-weight:bold;
font-size:16px;
}

.list-content-title a{
	font-size:18px !important;
	color:#FF0000 !important;
}


#slideshow{
	z-index:0;
	}
	
#why-docar{
/*	background:#ECECEC;*/
	padding:10px;
	text-align:center;
	}
#brand-car{
	padding:10px 10px 10px;
	margin-top:20px;
	
	}
#why-docar-title{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	padding:15px 7px 0 7px;
	}
#brand-car-title{
	font-size:18px;
	font-weight:bold;
	
	padding:15px;
	}
.why-docar-item{

	height:300px;
/*	margin-right:22px;
	width:198px;*/
	}
.shadow-menu{
	background: url("../images/bottom-shadow-kecil.png") no-repeat scroll 0px 0px transparent;
	width:100%;
	height:10px;
	position:absolute;
z-index:100;
	}
	
#car-trans{
	background: url("../images/car.png") no-repeat scroll 0px 0px transparent;
	width:160%;
	height:336px;
	opacity:0.7;
	padding:0 10px;
	}
#welcome{
	margin-top:10px;
	background:#88949e;

	}
.scrollbar{
	background:none !important;
	}
.track{
	background:#71818E !important;
	}
.scrollbar .thumb{
	background:#586973 !important;
	left:0 !important;
	width:12px !important;
	}
.scrollbar .thumb .end{
background:none !important;
}
#content-welcome{
	padding:10px;
	overflow:auto;
	height:300px;
	}
.round-logo{
	width:140px;
	height:140px;
	margin:auto;
	margin-top:20px;
	}
.logo-why-mudah{
		background: url("../images/icon-why-docar.png") no-repeat scroll -11px -3px transparent;
	}
.logo-why-murah{
		background: url("../images/icon-why-docar.png") no-repeat scroll -181px -3px transparent;
	}
.logo-why-varian{
		background: url("../images/icon-why-docar.png") no-repeat scroll -356px -3px transparent;
	}
.logo-why-mobil{
		background: url("../images/icon-why-docar.png") no-repeat scroll -525px -3px transparent;
	}
.brand-car-item{

	height:auto;
	
	width:auto;
	}
.round-logo-brand{
	background:#fff;
	width:70px;
	height:50px;
	margin:auto;
	overflow:hidden;
	}
.round-logo-title{
	color:#1CACFF;
	font-size:18px;
	font-weight:bold;
	margin:10px auto;
	}
.round-logo-desc{
	color:#454545;
	font-size:13px;
	text-align:justify;
	margin:auto 10px;
		}
		
.table-slideshow td{
	font-size:88%;
	padding:6px 3px;
	}
#login{
height:22px;

padding:1px 4px;
text-align:center;
background:#296A94;
border-radius:0 0 8px 8px;
color:#fff;
width:130px;
	}
#login a{color:#fff;}
#register{
height:90%;
border-right: 1px solid #e7e7e7;
border-left:1px solid #CCCCCC;
padding: 8px;
text-align:center;
	}
.service{
	margin-top:30px;
	margin-bottom:10px;
	color:#fff;
	}
.email-service-icon{
	 background: url("../images/icon-cs.png") no-repeat scroll -70px -3px transparent;
	 width:50px;
	 height:50px;	
	 float:left;
}
.phone-service-icon{
	 background: url("../images/icon-cs.png") no-repeat scroll -10px -3px transparent;
	 width:50px;
	 height:50px;	
	 float:left;
}
.email-service{
	padding:4px 15px 4px 60px;
	font-size:18px;
	}
.bottom-menu{
	margin-top:10px;
	margin-bottom:40px;
	color:#fff !important;
	}
.bottom-menu a{
	color:#fff;

	}
.bottom-menu .menu-bottom-item{
margin-top:20px;
}
#sosmed i{
color:#868686;
font-size:25px;
		}

#backtotop{ 
	position: fixed;
	bottom:10px;
	right:10px; 
	z-index:1000;
	background:#454545;
	width:40px;height:40px;border-radius:40px;
	padding:10px 14px;
	opacity:0.8;
	cursor:pointer;
	 }
.fa-fw{
	width:13px !important;
	}
.star-on{
	background:url("../images/rating-star-kuning-kecil.png") no-repeat scroll top center transparent;
	width:25px;
	height:25px;	
}
.star-off{
	background:url("../images/rating-star-abu-kecil.png") no-repeat scroll top center transparent;
	width:25px;
	height:25px;	
}
.rating-info{
	position:absolute;left:150px;top:0;color:#5686AE;font-weight:bold;
	}
.continue{
background: #f8970c; /* Old browsers */
background: -moz-linear-gradient(top, #f8970c 0%, #fd790a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8970c 0%,#fd790a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8970c 0%,#fd790a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#fff;
font-size:12px;
padding:8px 11px;
font-weight:bold;
height:30px;
margin-top:15px;
margin-left:13px;

width:80px;
border-radius:8px;
text-align:center;
margin-top:28px;
	}
	.wrap-car{
/*	width:100%;*/

	float:left;
	padding:5px;
/*	margin-right:15px;*/
	margin-bottom:10px;
	font-size:80%;

	}
.heading-data{
	height:30px;
	width:100%;
	background: #f9971c; /* Old browsers */
background: -moz-linear-gradient(top, #f9971c 0%, #f57f1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9971c 0%,#f57f1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9971c 0%,#f57f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:4px 10px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	}
.content-data{
	padding:4px 20px;
	width:100%;
	border:1px solid #CDCDCD;
	font-size:12px;
	}
.content-data  .title-data {
	font-weight:bold;
	font-size:14px;
margin:8px 0;	

	}
.content-data > .detail-data, .content-data > .detail-data  i {
	color:#000;
	}
.content-data > .detail-data  td {
	padding:2px !important;
	}
.ui-dialog{
position:absolute;
/*left:45% !important;
top:45% !important;*/
	font-size:13px;
	width:370px;
	}

#users tr:hover{
	cursor:pointer;
	}
.detail-transmisi{
		background:#cecece;
		height:16px;
		width:16px;
		padding:2px 3px;
		font-size:11px;
		color:#fff;
		font-weight:bold;
		border-radius:16px;
	}


	.detail-seat{
		background:#cecece;
		height:16px;
		width:16px;
		border-radius:16px;
		padding:2px 5px;
		font-size:11px;
		color:#fff;
		font-weight:bold;
		
	}
#create-guest,#list-guest{
background: #F7F7F7; /* Old browsers */

	width:185px;
	height:32px;
	padding:7px;
	border:1px solid #e6e6e6;
	color:#3874B2;
	text-align:center;
	float:left;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	margin:10px 20px 10px 10px;
border-radius:3px;
	}
.order-rental-logo{
	border:1px solid #dadada;
	width:50px;
	float:left;
	}
.order-rental-name{
margin-top:14px;

	}
.register-member{
	height:30px;
background: #b2b2b2; /* Old browsers */
background: -moz-linear-gradient(top, #b2b2b2 0%, #756e68 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b2b2b2 0%,#756e68 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b2b2b2 0%,#756e68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#fff;
	padding:7px 10px;
	cursor:pointer;
	}
.wrap-car-price{
	padding:10px;
	color:#009BFF;
	font-weight:bold;
	font-size:14px;
	border-right:1px solid #D0D0D0;
	height:100%;
	}
.wrap-car-rating{
	text-align:center;
	margin:auto;
	}
.wrap-car-image{
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	border:1px solid #D0D0D0;
	height:100%;
	}
.wrap-car-image > img{
margin:8px 0;
	}
.wrap-car-name{
font:size:13px;
font-weight:bold;
	}

#rental-data{
	width:350px;
	height:80px;
	padding:5px;
	border:1px solid #e6e6e6;	
	}
.rental-data-image{
	width:100px;
	height:80px;
	float:left;
	margin-right:17px;
	}
.rental-data-desc{

	
	}	
.wrap-action-edit{
	height:20px;
	width:60px;
	text-align:center;
	padding:3px;
	background:#5082A3;
	color:#fff;
	font-weight:bold;
	float:left;
	position:relative;
	bottom:0;
	}
.wrap-action-delete{
	height:20px;
	width:60px;
	text-align:center;
	padding:3px;
	background:#EB0E15;
	color:#fff;
	font-weight:bold;
float:right;
	}
.wrap-action{
	position:relative;
	top:15px;
		}
.wrap-car-detail{
	padding:0 10px;
	
	height:100%;
	}
.wrap-car-detail td{
	font-size:12px;
vertical-align:middle;
padding:2px;
	}
.detail-data td{
vertical-align:middle;
	
	}
.wrap-rental{
	font-size:14px;

	padding:10px;
	}

#rent-name{
	margin:6px 0;
	}
.rating > i{
	color:#FCAE04;
	}
.stgh-lng{
	 height:50px;
   width:25px;
   border-radius: 0px 50px 50px 0px;
   -moz-border-radius: 50px 50px 0 0;
   -webkit-border-radius: 50px 50px 0 0;
   background:grey;
   position:relative;
   top:-220px;
   left:-30px;
}
#articleAcco h3{
	font-size:16px !important;
	background:none !important;
	padding:7px !important;
	border-bottom: 1px solid #e6e6e6 !important; 
	font-family:calibri !important;
	}
#articleAcco h3 a{ 
	margin-left:10px;
	}
#articleAcco .ui-accordion-header{
border:none;
	border-bottom: 1px solid #e6e6e6 !important; 
	}
#articleAcco .ui-accordion-header:hover a{
color:#2B6799 !important;
	}
#articleAcco	.ui-accordion-content{
	border:none;
	font-size:13px; !important;
/*	padding:7px 50px !important;*/
	text-align:justify;
	}
.ui-widget{
	font-size:12px !important;
	}
.block-chat{
	position:fixed;
	bottom:20px;
	display:none;
	z-index:100;
	}
.commentArea {
    font: 14px Arial;
    padding: 0 10px;
    margin-top: 20px;    
}

.bubbledLeft,.bubbledRight {
    margin-top: 20px;
    padding: 8px 10px;
    max-width: 50%;
    clear: both;
    position: relative;
    min-width:20%;
}
.rental-logo{
	height:50px;width:50px;		overflow:hidden;position:absolute; left:-54px;
	}
.me-logo{
	height:50px;width:50px;		overflow:hidden;position:absolute; right:-62px;
	}
.msg-date{
	height:30px;width:230px;position:absolute; bottom:-31px;right:0;color:#a6a6a6;font-size:80%;
	}
.msg-name{
	height:30px;width:150px;position:absolute; top:-16px;left:0;color:#a6a6a6;font-size:90%;
	}

.bubbledLeft{
    float: left;
    margin-right: auto;
    -webkit-border-radius: 8px 8px 8px 0px;
    -moz-border-radius: 8px 8px 8px 0px;
    -o-border-radius: 8px 8px 8px 0px;
    -ms-border-radius: 8px 8px 8px 0px;
    border-radius: 8px 8px 8px 0px;
    background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f2f2 0%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    color: #686868;
	left:60px;
}

.bubbledLeft:before {
    border-bottom: 10px solid #dadada;
    border-left: 9px solid rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
    left: -8px;
    content: "";
}

.bubbledRight{
    float: right;
    margin-left: auto;
    text-align: right;
    -webkit-border-radius: 8px 8px 0px 8px;
    -moz-border-radius: 8px 8px 0px 8px;
    -o-border-radius: 8px 8px 0px 8px;
    -ms-border-radius: 8px 8px 0px 8px;
    border-radius: 8px 8px 0px 8px;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #326299 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db9e8 0%,#326299 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db9e8 0%,#326299 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: white;
}

.bubbledRight:before {
    border-bottom: 9px solid #326299;
    border-right: 9px solid rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
    right: -8px;
    content: "";
}


#send-message{
height:55px;
width:55px;	
color:#2B6799;
font-size:25px;
}
#scrollbar1{
margin:0 !important;
width:95% !important;		
color:#fff;
		}
.conf-box{
	border:1px solid #e6e6e6;
	padding:8px;
	}

.conf-image img{
	padding:8px;
	border:1px solid #e6e6e6;
	height:110px;

	}
.conf-detail{
	color:#000;
	font-size:13px;
	padding:8px;
	line-height:2em;
	}
.conf-detail .car_name{
	color:#FF8303;
	font-weight:bold;
}
.wrapper-logo{
	height:90px;
	width:90px;
	margin:auto;
	vertical-align:middle;
	padding:10px;
	border:1px solid #e6e6e6;
	position:absolute;
	top:17%;
	right:0%;
	}
.wrapper-logo img{
	width:100%;
}
.conf-price{
	
	height:30px;
	padding:7px;
	background:#5686AE;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top:8px;
	}
.account-box{
	padding:10px;
	border:1px solid #e6e6e6;
	margin:3px;
	height:150px;
	}
	
.card-box{
	padding:10px;
	border:1px solid #e6e6e6;
	margin:3px;
	min-height:120px;
	-webkit-box-shadow: 0 8px 6px -6px #BBBBBB;
	-moz-box-shadow: 0 8px 6px -6px #BBBBBB;
	box-shadow: 0 8px 6px -6px #BBBBBB;
	color:#2B6799;
	}
.card-head{

	height:25px;
	}
.card-edit{
	background:#B0B0B0;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	height:19px;
	width:19px;
	border-radius:19px;
	cursor:pointer;
	}
.card-delete{
	background:#B0B0B0;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	height:19px;
	width:19px;
	border-radius:19px;
	cursor:pointer;
	}
	.card-delete i,.card-edit i{
		color:#fff;
		}
.card-people{
	background:#B0B0B0;
	color:#fff;
	padding:7px 10px;
	height:60px;
	width:60px;
	border-radius:60px;

	}
.card-bank{
	height:100%;
	width:100px;
	}
	.card-people i{
	color:#fff;
	font-size:40px;		
	position:relative;
	top:-3px;
	}
.setting-dialog{
	overflow:visible !important;
	}

.setting-dialog .ui-widget-header {
background:#fff;
border:none;
color:#1D5A89;
}
.setting-dialog table {
width:100%;
text-align:center;
}
.setting-dialog input, .setting-dialog select {
width:80%;
height:30px;
margin:auto;
padding-left:36px;
}
.setting-dialog #nameadd,.setting-dialog #name{
background: url("../images/user-icon-kecill.png") no-repeat scroll 4px top  #fff;	
}
.setting-dialog #handphoneadd,.setting-dialog #handphone{
background: url("../images/phone-kecilh.png") no-repeat scroll 4px top  #fff;	
}
.setting-dialog .ui-dialog-titlebar-close{
	top:8px;
	right:1px;
	width:25px;
	height:25px;
	}
.setting-dialog .ui-icon-closethick{
	background: url("../images/icon-edit-warna.png") no-repeat scroll -55px -23px  transparent;	
	width:25px;
	height:25px;
	}
.setting-dialog .ui-state-hover{
	background:none;
	border:none;	
	}
.setting-dialog .ui-dialog-buttonpane{	
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #eef0ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#eef0ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9f9f9 0%,#eef0ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-align:center;
}
.setting-dialog button{
padding:3px 7px;
height:30px;
text-align:center;
color:#fff !important;
	background: #fa940b !important; /* Old browsers */
	background: -moz-linear-gradient(top, #fa940b 0%, #fe7d05 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fa940b 0%,#fe7d05 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fa940b 0%,#fe7d05 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.setting-dialog button:hover{
	background: #fe7d05; /* Old browsers */
	background: -moz-linear-gradient(top, #fe7d05 0%, #fa940b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fe7d05 0%,#fa940b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fe7d05 0%,#fa940b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.list-message{
	border-bottom:1px solid #e6e6e6;
	width:100%;
	padding:10px;
	}
.list-message-head{
	padding:4px;
	color:#9C9C9C;
	font-size:10px;
	}
.list-message-title{
	padding:4px;
	
	font-weight:bold;
	}
.list-message-body{
	padding:4px;
	font-size:80%;
	}
.filter-result{
	text-align:center;
	color:#898989;
	font-size:24px;
	border:1px solid #ddd;
	width:90%;
	margin-top:15px;
	padding:8px 0;
	}
.filter-title{


	font-size:15px;
	font-weight:bold;
	width:90%;
background:#5686AE;
color:#fff;
padding:3px 10px;
	}
.filter-box{
	padding:10px;
	border:1px solid #ddd;
	width:90%;
	border-top:none;
	}
.title-data{
		color:#FF8600;
font-weight:bold;
font-size:18px;
		margin:7px 0;
		}
.total-charge{
	background:#5686AE;
	color:#fff;
	padding:5px 10px;
	width:100%;
	font-size:16px;
	height:30px;
	font-weight:bold;
	margin:7px 0;
	}
.spec_car{
	background:#F7F7F7;
	color:#5686AE;
	padding:5px 10px;
	width:100%;
	font-size:16px;
	height:30px;
	font-weight:bold;
	margin:20px 0 10px;
	}

.detail-rental{
	border:1px solid #ddd;
	padding:10px;
	margin:15px 0;
	}
#order_name_guest, #order_name_guest2{
	width:100%;
	height:28px;
	padding:3px 35px;
text-align:center;
background:none;
border:none;

	font-weight:bold;
	color:#4F4F4F;
	}
#order_phone,#order_phone2{
	width:100%;
	height:28px;
	padding:3px 35px;
text-align:center;
background:none;
border:none;

	color:#4F4F4F;

	}
#searchTextField{
	width:333px;
	height:28px;
	padding:3px 35px;
	background:url("../images/lokasi-2-biru.png") no-repeat scroll top left #F2F2F2;
border-left:2px solid #DADADA;
border-top:2px solid #DADADA;
	margin:10px 10px 5px 10px;
	}
.icon_pick_up{
		background:url("../images/lokasi-2.png") no-repeat scroll 6px 4px transparent;
		height:27px;
		width:27px;
	}
.search2 .icon_pick_up{
		background:url("../images/lokasi-2-biru.png") no-repeat scroll 6px 4px transparent;
		height:27px;
		width:27px;
	}
#order_flight{
	width:165px;
	height:28px;
	padding:3px 10px;
	border:none;
	margin:10px 10px 5px 10px;
	background: url(../images/arrow-opt.jpg) no-repeat right #f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	
	}
#order_destination{
	width:290px;
	height:28px;
	padding:3px 35px;
	background:url("../images/lokasi-icon-biru.png") no-repeat scroll top left transparent;
	margin:3px 10px 3px;
	border:none;
	}
#order_duration{
	width:145px;
	height:28px;
	padding:3px 32px;
	background:url("../images/jam-icon-biru.png") no-repeat scroll -3px top  transparent;
	border:none;
	margin:3px 10px 3px 13px;
	}
#order_start_date{
	width:100px;
	height:28px;
	padding:3px 0 3px 39px;

	background:url("../images/biru.png") no-repeat scroll 3px top  transparent;
	border:none;
	margin:3px 10px 3px 7px;
	}
#order_end_date{
	width:100px;
	height:28px;
	padding:3px 0 3px 3px;
	background:none;
	border:none;
	margin:3px 10px 3px;
	}
#order_start_time,#order_end_time{
	width:105px;
	height:28px;
	padding:3px 15px;
	background: url(../images/arrow-opt.jpg) no-repeat right #f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border:none;
	margin:10px 10px 5px 10px;
	}
#apposition{
	width:100%;
	min-width:300px;
	height:65px;
	padding:10px;
	background:#FFF;
	border:1px solid #e6e6e6;
	margin-top:10px;
	border-radius:5px;
	}
#order_ipl2{
	width:70%;
	min-width:300px;
	height:65px;
	padding:10px;
	background:#FFF;
	border:1px solid #e6e6e6;
	margin:10px 10px 5px;
	border-radius:5px;
	}

#order_places{
	width:150px;
	height:28px;
	padding:3px 10px;
	border:none;
	margin:10px 10px 5px 10px;
	background: url(../images/arrow-opt.jpg) no-repeat right #f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	}
#order_airport,#order_pl2{
	width:350px;
	height:28px;
	padding:3px 10px;
	border:none;
	margin:10px 10px 5px 10px;
	background: url(../images/arrow-opt.jpg) no-repeat right #f2f2f2;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	
	}
#order_facility{
	width:270px;
	height:28px;
	padding:3px 0px;
	background: none;
	border:none;
	margin:3px 10px 3px;
	}
#order_price{
	width:100%;
	height:34px;
	padding:9px;
	background: #296A94;
	margin:10px 0;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	text-align:center
	}
.detail-rating-button,.see-comment-button{
	cursor:pointer;
	width:100%;
background: #F7F7F7; /* Old browsers */

height:100px;
padding:43px 0;
text-align:center;
font-size:14px;
font-weight:bold;
text-align:center;
color:#3B5C7D;
border:1px solid #e6e6e6;
	}
#ico-rating-ac{
background:url("../images/AC-Icon.png") no-repeat scroll top right transparent;
height:20px;
width:20px;	
float:left;
margin-right:15px;
}
#ico-rating-cleaness{
background:url("../images/clean-icon.png") no-repeat scroll top right transparent;
height:20px;
width:20px;	
float:left;
margin-right:15px;
}
#ico-rating-condition{
background:url("../images/kondisi-mobil-icon.png") no-repeat scroll top right transparent;
height:20px;
width:20px;	
float:left;
margin-right:15px;
}
#btn-reservation{
background: #fd930b; /* Old browsers */
background: -moz-linear-gradient(top, #fd930b 0%, #f97c04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fd930b 0%,#f97c04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fd930b 0%,#f97c04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width:350px;
	height:30px;
	cursor:pointer;
	padding:5px;
	border:none;
	color:#fff;
	text-align:center;
	
	font-weight:bold;
	font-size:13px;
	margin:10px 20px 10px 10px;
border-radius:3px;
}
.filterblock{
	margin:7px 0;
	}
.filterblock input[type=checkbox] {
    display: none;
}
/*.filterblock input[type=checkbox] + label{
	background:url("../images/check_icon-grey.png") no-repeat scroll top right transparent;
	height: 20px;
	width: 100%;
	display:inline-block;
	padding: 0 0 0 0px;
}
.filterblock input[type=checkbox]:checked + label{
	background:url("../images/check_icon.png") no-repeat scroll top right transparent;
	height: 20px;
	width: 100%;
	display:inline-block;
	padding: 0 0 0 0px;
}*/
.notif-unread{
	background:red;
	color:#fff;
	width:25px;
	height:20px;
	border-radius:5px;
	padding:3px;
	float:right;
	margin:0 7px;
	text-align:center;
	font-size:12px !important;
	}
#btn-write-review,#btn-edit-review{
	cursor:pointer;
	height:30px;
	padding:5px;
	background:#FD8709;
	color:#fff;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin:10px 0;
	}
#comment-review,#comment-textarea{
	min-height:50px;
	padding:10px;
	border-radius:6px;
	border:1px solid #DADADA;
	margin:10px 0;
	width:100%;
	}
.rtg-col{
	height:60px;
	padding:10px;
	border:1px solid #e6e6e6;
	text-align:center;
	font-weight:bold;
	}
.new_message,.new_message_enable{
	height:30px;
	padding:7px;
	text-align:center;
	width:150px;
	
	background:#FD8708;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	margin:0 10px;
	}
.back-message-list{
width:50px;
height:30px;
position:absolute;
right:0;
top:9px;
font-size:20px;		
}
.back-message-list i{
	color:#2B6799;
	}
#tb-login{
		border:1px solid #e6e6e6; 
		max-width:380px;
		height:150px;
		padding:40px 15px;
		margin:auto;
}
#btn-login{
	width:150px;
	height:30px;
	padding:3px;
	border-radius:8px;
	color:#fff;
	border:#fc910f;
	background: #fc910f; /* Old browsers */
background: -moz-linear-gradient(top, #fc910f 0%, #fc7a0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc910f 0%,#fc7a0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc910f 0%,#fc7a0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-bottom:20px;
	}
#btn-login:hover{
background: -moz-linear-gradient(top, #fc7a0c 0%, #fc910f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc7a0c 0%,#fc910f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc7a0c 0%,#fc910f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
.comment-member-name{
	margin:5px 0;
	color:#2B6799;
	font-weight: bold;
	font-size: 14px ;
	}
.comment-comment{
	margin:5px 0;
	text-align:justify;
	}
.box-comment{
border:1px solid #bbbbbb;
padding:10px;
	-webkit-box-shadow: 0 6px 4px -6px #BBBBBB;
	-moz-box-shadow: 0 6px 4px -6px #BBBBBB;
	box-shadow: 0 6px 4px -6px #BBBBBB;
	width:100%;
	margin:8px 0;
}
#sosmed{
	margin-top:30px;
	}
#sosmed i:hover{
color:#FC9414;
	}
#abs-head{
	width:240px;
	z-index:5;
	}
#sdw-welcome{
	 background: url("../images/sdw-welcome.png") no-repeat scroll top center transparent;
	 height:25px;
	 width:100%;	
	 position:absolute;
}	
.popr-item{
	font-size:12px !important;
	text-align:left;
	}
.item-gbr{
	width:25px;
	vertical-align:middle;
	position:absolute;
	left:2px;
	}
.span-icon{
	vertical-align:middle;

		}
		
#see-detail-rat{
	border:1px solid #dadada;
	padding:20px 10px;
font-weight:bold;
	}
.rat-det{
	text-align:center;
	}
.round-det{
width:20px;
height:20px;
border-radius:20px;
background:#C5C4CA;
padding:1px 6px;		
color:#fff;
	font-size:13px;

		}
		
.det-trans{
	width:20px;
	height:20px;
	border-radius:20px;
	background:#C5C4CA;
	padding:1px 4px;		
	color:#fff;
	font-size:13px;
	}
#scrollbar1 .overview p{
	margin-bottom:10px !important;
	}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
#news-slideshow{

	}	
#news-slideshow .images{
	padding:10px;
	border:1px solid #dadada;
	background:#E7EAF1;
	}
.title-news{
	color:#000;
	font-weight:bold;
	font-size:150%;
	margin-bottom:10px;
	}
.content-news{
	color:#000;
	text-align:justify;
	}
#owl-news .owl-buttons div{
		opacity:1 !important;
		height:30px !important;padding:7px !important;width:60px !important;	
margin:0 !important;

	}
.save-but,.button{
	height:30px;
	padding:6px;
	text-align:center;
	color:#FFF;
		border:none;
	border-radius:8px;
font-weight:bold;
width:100px;
background: #fd910a; /* Old browsers */
background: -moz-linear-gradient(top, #fd910a 0%, #ff7906 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fd910a 0%,#ff7906 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fd910a 0%,#ff7906 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
cursor:pointer;
	}
.save-but:hover,.button:hover{
	background: #ff7906; /* Old browsers */
background: -moz-linear-gradient(top, #ff7906 0%, #fd910a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7906 0%,#fd910a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7906 0%,#fd910a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}	
#owl-news .owl-buttons{
	position:relative;
	z-index:100;
	}

.btn-owl{
		height:30px !important;padding:7px !important;width:60px !important;color:#FFF !important;background:#296A94 !important;		
		display:block !important;
		opacity:1 !important;
		}
.btn-owl:hover{
background:#FD8708 !important;
		}
.read-more-news{
	cursor:pointer;
margin-top:10px;
color:#FD8708;
font-weight:bold;
	}
	
.count_filter{
	width:25px;
	height: 18px;
	border:1px solid #dadada;
	border-radius:6px;
	background:#e6e6e6;
	font-size:12px;
	padding:1px;
	text-align:center;
	position:absolute;
	left:170px;
	top:1px;
	}
.inf{
	color:#5686AE;font-weight:bold;margin:7px 0;font-size:14px;text-align:center;
}
#payment2 td 
{
	color:#676767;font-size:18px;font-weight:bold;padding:3px 10px; 
}
.flip-clock-wrapper{
max-width:460px;
margin:2em auto !important;	
}
.slide-news{
	background:#CCD1D5;
	padding:40px 5px 15px;
	}
	
.count-time,.count-state{
	height:30px;

	padding:5px;
	text-align:center;
	background:#F7F7F7;
	border:1px solid #e6e6e6;
	font-weight:bold;
	font-size:14px;
	color:#5686AE;
	margin:8px 0 10px 0;
	}
.transtime{
	color:#757575;
	font-weight:bold;
	font-size:15px;
	}
.transtime1{
	color:#3B699A;
	font-weight:bold;
	font-size:18px;
	}
.transtime2{
	color:#3B699A;
	font-weight:bold;
	font-size:16px;
	}
#kon-total{
	height:70px;
	padding:22px;
	text-align:center;
	border:1px solid #e6e6e6;
	margin:20px 0;
	font-size:18px;
	font-weight:bold;
	color:#296A94;
	}
.kn-button{
	height:38px;
	padding:8px;
	background:#FD890D;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	width:150px;
	text-align:center;
	cursor:pointer;
	}
.rr_title{
	font-size:14px;
	font-weight:bold;
	margin:8px 0;
	}
.rr_field{
	width:100%;
	max-width:400px;
	border:1px solid #DADADA;
	border-radius:6px;
	padding:8px;
	}
.rr_t{
	font-size:20px;
	font-weight:bold;
	
	}
#print-inv{
	background:#FD8708;
	color:#fff;
	font-weight:bold;
	width:100px;
	height:30px;
	padding:5px;
	text-align:center;
	margin:auto;
	cursor:pointer;
	}
.block-sort{
	color:#5686AE;
	font-size:12px;
	}
.block-sort input {
	color:#F46A22;
	font-size:11px;
	}
#phone-dr2 .popr_content{
	background:#fff;
	padding:0px;
	}
#phone-dr2 .popr_content .list{
	padding:4px;
	border-bottom:1px solid #dadada;
	background:#FFF;
	color:#000;
	}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/page-loader.gif') 50% 50% no-repeat transparent;
}

#title-content{
	font-weight:bold;
	font-size:22px;
	color:#3281C3;
margin-bottom:15px;
	}
#add-button{
	font-weight:bold;
	font-size:15px;
	color:#fff;
	background:#FF8E17;
	float:right;

	width:180px;
	height:30px;
	padding:6px 15px;;
	cursor:pointer;
	border-radius:5px;
	}
#add-button i{
	color:#fff;
	font-weight:bold;
	}
.dropzone{
	width:100%;
	max-width:200px !important;
		display:block;
	}
#aut-click:hover{
	cursor:pointer;
	}
#dialog-driver-info td{
	text-align:left;
	}
#di_image img{
	width:80px;height:80px;border-radius:80px;overflow:hidden;margin-right:0px;
	}
	
.icon-load{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/43px-loader.gif') 50% 50% no-repeat transparent;
	display:none;
	}

.rangeprice{
	color:#424A55;
	font-weight:bold;
	}
	.round-bullet{
	border-radius: 50%;
	width: 8px;
	height: 8px; 
	background:#4E4E4E;
float:left;
position:relative;
top:4px;
margin-right:10px;
	}
.round-desc{
	color:#4E4E4E;
	font-weight:bold;
	font-size:14px;


}.ps-current{	max-height:303px;}.ps-item img{	max-height:58px;}
	
#header{
	height:60px;
		background: #fff; /* Old browsers */
}
#footer-content{
	height:50px;
		background: #243d68; /* Old browsers */
		position:absolute;bottom:0;width:100%;margin-top:10px;
	}
	html, body {
   height:100%;
}

#body-container {
 min-height:100%;position:relative;
}
#wrapper{min-height:100%;position:relative;}
#header{padding:5px;color:#0000ff;}
#body{padding-bottom:40px;padding-left:10px;}
#footer{background:#0168D1;height:50px;position:absolute;bottom:0;width:100%;margin-top:15px; }
.span-radio{
	margin-left: 4px;
	top: -2px;
	position: relative;
	}
.card-box{
	background:#eee;
	border-radius:8px;
	min-height:160px;
	}
	.card-box .card-header{
		font-size:18px;
		padding-top:20px;
		}
	.card-box .card-title{
		font-size:40px;
		margin-top:50px;
		margin-bottom:50px;
		}
	.res_title{
		font-weight:bold;
		padding:6px 15px;
		}
	.py_content{
		padding:6px;
			}
	.line-py{
		padding:6px;
		}
	.xbody-content{
		min-height:450px;
		}
	.g-recaptcha > div{margin:auto;}
.lbl-under{
	position:absolute;
	color:#716c6c;
	top:40px;
	left:0;
	}
.b-lbl{
	position:relative;
	}
#member_registration td{
		height:72px;
	}
	.wrapbody{max-width:800px;}
	.btn{min-width:100px;height:44px;font-size:20px;}
.bg-rand{
	background:#e6e6e6;
	}
.no-padding-side{
	padding-left:0 !important;
	padding-right:0 !important;
	}
.my-row {
	width:100%;
  display: table;
}
.my-row .xpanel { 
  display: table-cell;
}
.hd-menu{
	font-size:17px;
	padding:36px 20px;
	color:#000;
	font-weight:bold;
	}
.hd-menu .mnu{
	background:#57b9a8;
	border-radius:5px;
	color:#fff;
	padding:10px;
	position:relative;
	top:-8px;
	border:2px solid #57b9a8;
}
.hd-menu .mnu:hover{
	background:#FFF;
	color:#000;
	}
.hd-menu .mnu2{
	padding:10px;
	position:relative;
	top:-8px;
}
#mn-flex{
		float: right;
font-size: 30px;
margin-right: 10px;
top: 33px;
cursor: pointer;
color: #57b9a8;
display:none;
		}
#mn-flex-content{
		display:block;	
		}
@media screen and (min-width:769px) {
		.maxlong{min-width:530px;}
	#fixed-header{
	position:fixed;
	background:#fff;
	z-index:100000;
	}
#content {
/*padding-right:25px;*/
}
.wrap-car{
/*		height:172px;*/
	}
#abs-head{
	position:absolute;
	}
.menu-utama{
	position:absolute;
	top:120px;
	z-index:10;
	width:996px;
	}
.top-nav li a{
	padding:15px 30px;
	}
#form-slideshow{
	margin-left:47%;
	margin-top:50px;
	}
.owl-buttons div {
	height:80px;
	width:80px;
	border-radius:80px !important;
	}
.owl-buttons i{
	font-size:5em;
	}
.touch-button{
	display:none !important;
	}

 
#abs-menu{

	}
#form-slideshow{
	position:absolute;
	opacity:0.94;
	top:98px;
	}
#first-why-docar{
	margin-left:16.6666%;
	}
.text-preview{
/*	padding-right:20px;*/
	}
	.news-cont{
		padding-left:40px;
		}

}
@media screen and (max-width:768px) {
.lbl-under{
	width:100%;
	position: relative !important;
	top: 0 !important;
}
#pembatas{
	top: -27px;
	position: relative;
	left: -56px;
	}
.owl-buttons div {
	height:50px;
	width:50px;
	border-radius:50px !important;
	}
.owl-buttons i{
	font-size:3em;
	}

#form-slideshow{
	width:100%;
	opacity:1;
	height:auto;
	 background: url("../images/bg-formtrans.png") no-repeat scroll top right #6FA1C2;
	}
	.news-cont{
		padding-left:30px;
		}
}
@media screen and (max-width:658px) {
		.hd-menu{
		padding: 5px !important;
		border-bottom: 1px solid #eee;
		}
	#mn-flex{
		display:block;
		}
	#mn-flex-content{
		display:none;	
		}
#ctr,#ad{max-width:220px;}	
.lbl-under{
	position:relative !important;
	top:0 !important;
	}
}
@media screen and (max-width:480px) {
#footer{
	/*position:relative !important;*/
	}
.lbbnk{
	top:-3px !important;
	}
input.long {
	width:100%;
	max-width:300px;
}

input.medium {
	width:100%;
	max-width:200px;
}
#welcome{
padding-bottom:10px;
}
.owl-buttons div {
	height:20px;
	width:20px;
	border-radius:20px !important;
	padding:3px !important;
	}
.owl-buttons i{
	font-size:1em;
	}

#form-slideshow{
	width:100%;
	opacity:1;
	height:auto;
	 background:#6FA1C2;
	}

#login a, #register a{
font-size:90%;
	}
#login {
margin-right:-10px;
	}
#sosmed{
	margin-top:0;
	}
.news-cont{
		padding-left:0px;
		padding-top:10px;
	}
.slide-news .owl-pagination{
	bottom:0;
	}

	}