/* CSS Document */
@import url("bootstrap.min.css");

body {padding-top:0px; font-size:16px; font-family:'Lato', sans-serif; ;}
a{ color:#0054A6 }
a:hover {text-decoration:none;}
#terjual{ position:fixed; z-index:2000; left:0px; bottom:150px; }


/*LEADCOLMN*/
.lead_colmn {color:#FFFFFF; padding-bottom:15px;color:#FFFFFF;}
.lead_colmn a:link,.lead_colmn a:visited {color:#FFCC00;}

/*-ELEMENT*/
.mobile_elm {display:none;}
.dekstop_elm {display:block;}


/*--HEROPAGE--*/
.headerpage{background-color: #333333; padding-bottom:30px; padding-top:30px; color:#FFFFFF}
.headerpage a:link,.headerpage a:visited{color:#FFFFFF}


/*--PARTNERS--*/
.partnercolmn{padding-top:15px; padding-bottom:20px; background-color: #3B3A3A}
.partnercolmn a:link,.partnercolmn a:visited{color:#FFFFFF; padding:12px; }


/*FLOATING NAVBAR*/
.float-nav { position: absolute; width:100%; z-index:10; top:40px; padding-left:20px; padding-right:40px; padding-top:10px; padding-bottom:10px; background-color:#000000}
.float-nav a:link,.float-nav a:visited{ text-decoration:none; padding:10px 8px; color:#FFFFFF; font-weight:bold;}
.float-nav a:hover {border-bottom:#FF6600 solid 5px; opacity:0.8}

/*NAVBAR dekstop*/
.nav_deks {line-height:30px; padding-left:25px; margin:0}
.nav_deks a:link,.nav_deks a:visited {color:#FFFFFF; padding:5px 10px; text-transform:uppercase;}
.nav_deks a:hover {opacity:0.8}

/*NAVBAR dekstop*/
.nav_deks2 {line-height:normal; padding-top:0px; padding-bottom:10px; margin:0}
.nav_deks2 a:link,.nav_deks2 a:visited {color:#FFFFFF; padding:10px; text-transform:uppercase;}
.nav_deks2 a:hover {opacity:0.8}


/*LIST VIEW*/
.list_view {float:left; margin:0; padding:8px;}
.list_view ul{}
.list_view li{clear:both;width:100%; display:block; list-style:none;}
.list_view li img{width:100px; height:100px; padding-right:8px;float:left;}


/**---------------------------CUSTOM*---------------------------*/
.btn { padding:8px 8px;}
.glyphicon {font-size:20px;}

/**---------------------------TITLE---------------------------*/

.title-page {font-family: 'Merienda One', cursive; padding-top:5px; padding-bottom:8px;}
.title-page a:link{color:#FF6600}
.title-page a{color:#FF6600}


/**---------------------------COLUMN*---------------------------*/
.content {padding-top:30px; padding-bottom:35px}
.col-large{padding:15px 30px;}
.col-large img{max-width:100%}
.col-large:after,.col-large:before{display:table;content:" "}
.col-large:after{clear:both}

.col-small{padding:11px 5px; }
.col-small img{max-width:100%}
.col-small:after,.col-small:before{display:table;content:" "}
.col-small:after{clear:both}

.col-image{ max-width:100%;}
.col-image img{ max-width:100%; height:130px;}

.col-clear {width:100%; display:block; clear:both;}

.col-snipet{background-color:#f4f4f4; padding:17px; margin-top:8px; margin-bottom:8px}
.col-snipet h3{ padding:0px; margin:0px}
.col-snipet .images_lg{width:40%;float:left; margin-right:25px; }
.col-snipet .images_lg img{ vertical-align:top;}
.col-snipet .texts_lg{width:100%;}


/*--COLUMN FULL COLOR--*/
.color_col {width:100%}
.color_col-elm01 {background-color:#65BF29;padding-left:70px; padding-right:40px;}
.color_col-elm02 {background-color: #FF9900;padding-left:40px; padding-right:70px;}
.color_col-elm01,.color_col-elm02 {padding-top:30px; padding-bottom:20px; min-height:222px;}
.color_col-elm01 img,.color_col-elm02 img{ width:100%;}

/*--COLUMN Flip--*/
.col_flip {width:100%; background-color:#000000; padding-bottom:20px; padding-top:20px;}
.col_flip:after,.col_flip:before{display:table;content:" "}
.col_flip:after{clear:both}
.col_flip-elm01 {background-color: #000000; padding-left:70px; padding-right:40px; padding-top:20px; padding-bottom:20px; color:#FFFFFF;}
.col_flip-slide {background-color: #000000; padding:0px; margin:0px;}

/*COL-IMG*/
.col-img-width img{ max-width:100%; height:300px;}

/**-------------------------------IMAGE COLLUMN--------------------------*/
.col-image-gal img{width:100%;height:175px; padding:8px; margin:8px 0px; border:1px solid #ccc;box-shadow:0 5px 5px -5px rgba(0,0,0,.5); background-color:#FFFFFF}
.col-image-gal img:hover{opacity:0.5}


/* FONTSIZE */
.zft16 ul{ font-size:16px}
.zft14 ul{ font-size:14px}
.zft12 ul{ font-size:12px}
.zft10 ul{ font-size:10px}


/* BATAS */
.bts-small{padding-top:10px; padding-bottom:10px;}
.bts-normal{padding-top:15px; padding-bottom:15px;}
.bts-large{padding-top:25px; padding-bottom:25px;}
.bts-largex{padding-top:30px; padding-bottom:30px;}
.bts-small,.bts-normal,.bts-large,.bts-largex{clear:both}


/*border*/
.bordercurve { border-radius:8px;}
.borderoval50 { border-radius:50px; padding:8px 12px;}
.borderoval100 { border-radius:100px;}
.bordercurve,.borderoval { padding:8px;}



/*
.col-snipet img{width:80px; height:80px; border-radius:50px; margin:0px 12px 50px 12px; float:left; text-align:center}
.col-snipet .glyphicon{ height:auto; margin:0px 12px 72px 12px; float:left; background-color:#FF6600; padding:15px; font-size:19px; color:#FFFFFF}

/*---------------------------HERO IMAGE---------------------------*/
.heroimage {width:100%; height:509px;}
.heroimage img{}

/*---------------------------FLOATING*---------------------------*/
.floating_image {position:absolute; top:25%; max-width:40%;}
.center_float {left:30%;}
.left_float {left:15%;}
.floating_image img {width:180px; height:180px; border-radius:100px; padding:8px; background-color:#F2F2F2}


/* FORM */
.myform{}
.lc_inputtext{height:40px;}
.lc_inputtext-cal{height:40px; background-image:url(../../img/bg-calender-input.png); background-position:right; background-repeat:no-repeat; }
.lc_inputkonfrm{ border:none; background-color:none;}
.lc_inputselect{width:auto; height:40px;}
.lc_inputopt{width:100%; padding:10px; display:block;}
.lc_textareaeditor {height:400px;}
.lc_textarea {height:100px;}
.lc_inputtext,.lc_inputtext-cal,.lc_textarea,.lc_textareaeditor { width:100%;}
.lc_inputtext,.lc_inputtext-cal,.lc_textarea,.lc_inputselect{ padding:8px; border-radius:3px; border:#e5e5e5 solid thin;}

/*SEARCH*/
.lc_search { background-color:#B84E2B; padding:15px; margin-top:20px;}
.lc_text_search { height:50px; width:88%; border-radius:3px; border:none; background-color:#ededed; padding-left:15px; padding-right:15px; font-size:16px}
.lc_btn_search { height:50px; border:#ededed solid 2px; padding:8px; background-color:transparent; color:#ededed; font-weight:bold}
.lc_btn_special{ height:50px; border:#0000CC solid 2px; border-radius:100px; padding:8px; background-color:transparent; color:#0000CC; font-weight:bold; text-align:center; width:100%; margin-top:5px; text-transform:uppercase}
.lc_search02 { background-color:#B84E2B; padding:15px; margin-top:0px; margin-bottom:15px; width:60%}

/* button */
.lc_button_blue {background-color:#0137B0;}
.lc_button_blue:hover {background-color:#004EFE}
.lc_button_green {background-color:#6FB020;}
.lc_button_green:hover {background-color:#05C40D}
.lc_button_red {background-color:#DB2842;}
.lc_button_red:hover {background-color:#FF7387}
.lc_button_orange {background-color:#FF6600;}
.lc_button_orange:hover {background-color:#C75000}
.lc_button_blue,.lc_button_green,.lc_button_red,.lc_button_orange {padding:8px; cursor:pointer; border-radius:3px; border:none; color:#FFFFFF; font-weight:bold; font-size:18px; text-transform:uppercase; box-shadow: 0px 5px 7px #292928; width:250px}
.lc_button_bgdark {}
.lc_button_bgdark a:link,.lc_button_bgdark a:visited { color:#FFFFFF}

.lc_button_outline { margin:30px 0px; text-transform:uppercase}
.lc_button_outline a:link {padding:8px; border:#006699 solid 1px; position:relative; float:none; width:auto; text-align:center; font-size:20px}
.lc_button_outline a:hover { background-color:#0099FF; border:none; box-shadow: 0px 5px 5px #292928}

/* color */
.clr_white {color:#FFFFFF;}
.clr_black {color:#000000;}
.clr_darkgrey {color:#484848;}
.clr_grey {color:#cccccc;}
.bue_mid {color:#0054A6;}


/* border */
.brd_white {color:#FFFFFF;}
.brd_black {color:#000000;}
.brd_darkgrey {border:#484848 solid thin}
.brd_grey { border:#CCCCCC solid thin}
.brd_orange { border: #FF6633 solid thin}


/* BG-color */
.bgblue { background-color:#003399;color:#FFFFFF }
.bgbluesoft { background-color:#1485BE;color:#FFFFFF }
.bgcyan { background-color:#0099FF}
.bgred { background-color:#FF3333;color:#FFFFFF}
.bgorange { background-color: #FF6600}
.bglightgray{ background-color:#E5E5E5}
.bgblack { background-color:#000000;color:#FFFFFF}
.bgwhite{ background-color:#FFFFFF}

.bgblue a:link,.bgblue a:visited,.bgbluesoft a:link,.bgbluesoft a:visited{color:#FFFFFF;}

/* paralax */
.bgparalax{ background-image: url(../../img/Pantai-Sanur-Bali.jpg); background-attachment:fixed; background-repeat:no-repeat; }

/*ZOOM*/
.view {}
.view img{width:100%;height:175px; padding:0px; margin:8px 0px; box-shadow:0 3px 4px rgba(0,0,0,.5); background-color:#FFFFFF}
.view img:hover{opacity:0.5}

/**---------------------------BACK TO TOP*---------------------------*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index:10;
	background-color:#FF6600;
	opacity:0.7;
	padding:12px;
	border-radius:8px;
	}
.back-to-top a:link, .back-to-top a:visited{
    color:#FFFFFF;
}
/**---------------------------TABLE---------------------------*/
table { border:none; max-width:100%; box-shadow: 0px 5px 7px #292928;}
th,td{
  text-align:center; padding:8px; font-size:14px; width:30%; }
/* Warna Header */
th{
  background:#096FBE; text-transform:uppercase; text-align:center;
  color:#fff;
}

/* Efek Zebra */
table tr:nth-child(odd){
  background:#2199C9; color:#FFFFFF /* Baris ganjil Dihitung dari Header*/
}
table tr:nth-child(even){
  background:#D3F0FC; /* Baris Genap */
}
table tr:hover{
  background:#A3CAD9; 
}
/**--------------------------- IMAGE ---------------------------*/
.img-rounded {border-radius:100%; width:200px; height:200px; max-width:95%;}

/**--------------------------- ADDITIONAL ---------------------------*/
/*UI-ACCORDION*/
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .5em;
	min-height: 0; 
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 1.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

#accordion {}
.tab-acc{ background-color: #FF6633; padding-left:5px;  }
.tab-acc02{background-color:#03A9F4}
.tab-acc,.tab-acc02 { cursor: pointer; padding: .5em .5em .5em .7em; color:#FFFFFF; box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);}

/* SLIDER TESTIMONI */
/**/
.slider {width: 92%; margin-bottom: 0px; height: 450px;}
.slick-slide {background-color:#FF9900}
.slick-slide img { height:400px; padding:5px 5px 5px 5px; background-color:#FFFF00}
.slick-prev:before,.slick-next:before {color: black;}

/*pagination*/
.pagination {float:none}
.pagination a:link{ color:#cccccc; text-decoration:none; padding:2px 5px;}
.pagination a:visited{ color:#cccccc; }
.pagination a:hover{ color:#993300; background-color:#FFCC00;}
.pagination .current{ background-color:#FF0000; padding:2px 10px; font-weight:bold; color:#FFFFFF; display:block; float:left; text-shadow:1px 1px 1px #000 }


@media only screen and (max-width: 767px) {
body {padding-top:50px; padding-bottom:48px;}

.mobile_elm {display:block;}
.dekstop_elm {display:none;}
.color_col-elm01 {padding-left:40px;}
.color_col-elm02 {padding-right:40px;}
.color_col-elm01,.color_col-elm02 {min-height:auto;}
.col_flip-elm01 {padding-left:40px;}
.back-to-top {bottom: 65px;right: 5px;}
.lc_button_blue,.lc_button_green,.lc_button_red,.lc_button_orange {text-align: center; width:100%}
.col-img-width img{height:auto;}
.col-image { text-align:center}
.col-image img{height:auto;}

.slider {width: 92%; height: 350px; margin-left:5px;}
.slick-slide img { height:300px; padding:15px;}


} 
@media only screen and (min-width:100px) and (max-width:360px){}