JezK

Edit File: style.css

/*
Theme Name: Wizata
Version: 1.2.1
Theme URI: https://www.oketheme.com/themes/wizata-theme
Author: Tri Yuli Kurniawan
Author URI: http://www.oketheme.com
Description: Wizata Theme adalah template  WordPress yang dikhususkan untuk website tour & travel.  Dilengkapi dengan fitur-fitur terbaik untuk menunjang website tour & travel Anda. Tampilannya sangat elegan, menarik dan profesional. Tak hanya itu, dari segi penggunaan pastinya sangat mudah dan user friendly.
Tags: oketheme, wizata, tour, travel
*/

:root {
  --color1: #1BA0E2;
  --color2: #F75400;
  --colorborder: #F4F4F4;
  --colorbg: #FCFCFC;
  --colortext: #333;
  --maxwidth: 1100px;
  --autopad: calc((100% - var(--maxwidth)) / 2);
}
body {
  font-family: arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--colortext);
  background: #FFF;
	margin: 0;
}

*, :after, :before {
  box-sizing: border-box;
}

nav, ul, li {
  margin: 0;
  padding: 0;
}

/* LINK */
a, h1, h2, h3, h4 {
  color: var(--color1);
  transition: 0.3s;
}

a:hover {
  color: var(--color2);
}

a:active, a:hover, a:link, a:visited {
  text-decoration: none;
}

/* HEADING */

h1 {
  font-size: 160%;
}

h2 {
  font-size: 140%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 110%;
}

h1, h2, h3, h4 {
  margin: 10px 0;
  font-weight: 700;
}
/* FORM, INPUT & BUTTON */
input, radio, select, textarea {
  padding: 5px 10px;
  margin:5px 0;
  outline: 0;
  background: #FFF;
  border: 1px solid var(--colorborder);
  color: #555;
}
input[type=checkbox] {
  border: none;
  box-shadow: none;
  width: auto;
}
.button-primary, .form-submit input, button {
  cursor: pointer;
  padding: 8px 15px;
  background: var(--color1);
  border: 0;
  outline: 0;
  color: #F1F1F1;
  transition: 0.3s;
  margin-bottom: 2px;
}
.button-primary:hover, .form-submit input:hover, button:hover {
  background: var(--color2);
}
input[type=text]:focus, radio:focus, select:focus, textarea:focus {
  background: var(--colorbg);
  border-color: #CCC;
}
form ::placeholder {
  font-size: 90%;
  color: #CCC;
}
.ibtn {
  position: relative;
  padding-left: 52px;
}
.ibtn .glyphicon,.ibtn [class*=el-icon-] {
  background: var(--color2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 0 12px;
}
.ibtn:hover .glyphicon, .ibtn:hover [class*=el-icon-] {
  background: var(--color1);
}

/* BLOCKQUOTE & CODE */
.wrap-post blockquote{
  font-size: 110%;
  width: 95%;
  margin: 20px auto;
  font-style: italic;
  padding: 1em 20px 1em 75px;
  border-left: 5px solid var(--color1);
  line-height: 1.5;
  position: relative;
  background: var(--colorbg);
}
.wrap-post blockquote::before{
  font-family: arial, sans-serif;
  content: "\201C";
  color: var(--color1);
  font-size:4em;
  position: absolute;
  left: 10px;
  top: -5px;
}
code {
  background: #F6F6F6;
  border: var(--colorborder) solid 1px;
  padding: 5px;
}

/* IMAGE & CAPTION */
.wp-caption, img, img.alignnone, p img {
  max-width: 100%;
}
img {
  height: auto;
}
a img {
  border: none;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.aligncenter {
  display: block;
  margin: 5px auto;
}
img.alignright {
  float: right;
  margin: 0 0 5px 5px;
  padding: 5px;
}
img.alignleft {
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px;
}
.wp-caption {
  border: 1px solid var(--colorborder);
  background-color:var(--colorbg);
  padding: 5px;
  position: relative;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
}
.wp-caption p.wp-caption-text {
  font-style: italic;
  font-size: 80%;
  padding: 2px 5px;
  background: #ffffff90;
  position: absolute;
  left: 5px;
  top: 5px;
  margin: 0;
}
.wp-caption.aligncenter {
  display: block;
  margin: 10px auto;
}
.wp-caption.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
}
.wp-caption.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}
.img-attachment {
  border: 1px solid var(--colorborder);
  background: var(--colorbg);
  padding: 5px;
}

/* BLINKER ANIMATION */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blinker 1s linear infinite;
}

/* MOVEINRIGT ANIMATION */
@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0px)
    }
}

/* SCROLLBAR  */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #F6F6F6; 
}
::-webkit-scrollbar-thumb {
  background: #E7E7E7; 
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color1); 
}
body ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* BOX - GLOBAL */
.vsmall {
font-size : 70%;
}
.small {
font-size : 80%;
}
.medium {
font-size : 90%;
}
.big {
font-size : 170%;
}
.jumbo {
font-size : 290%;
}
.hidden {
font-size : 0;
}
.b1 {
background : var(--color1);
}
.b2 {
background : var(--color2);
}
.b2:hover {
background : var(--color1);
}
.t1 {
color : var(--color1);
}
.t2 {
color : var(--color2);
}
.error, .tred {
color : red;
}
.info, .notice, .sukses, .warning {
width : 100%;
padding : 15px 20px;
}
.warning ul li {
list-style : circle;
padding : 0;
margin : 5px 5px 5px 40px;
}
.info {
background : var(--colorbg);
border : 1px solid var(--colorborder);
}
.notice {
background : #F1FFEC;
border : 1px solid var(--colorborder);
}
.warning {
background : #fcf8e3;
border : #faebcc solid 1px;
}
.sukses {
background : #ECF9F9;
}
.glyphicon, [class*=el-icon-] {
font-size : 85%;
margin-right : 5px;
}

/*----------------- */

.ads300 {
max-width : 300px;
margin : 0 auto;
}
.ads728 {
max-width : 728px;
margin : 0 auto;
}

/* MAIN LAYOUT */
#mainwrap {
width:100%;
margin:0 auto;
}

#naviwrap {
background : var(--color1);
padding: 0 var(--autopad);
font-size: 95%;
}

/* TOP MENU NAVIGASI */
.toggleMenu {
display : none;
color : #FFF;
cursor : pointer;
padding : 7px 10px;
width: 100%;
}
.naviku > li {
list-style : none;
text-align : left;
float : left;
}
.naviku > li:hover {
background : var(--color2);
transition : 0.3s;
}
.naviku a {
padding : 7px 15px;
color : #FFF;
}
.naviku a:hover {
color : #FFF;
}
.naviku:after {
content : " ";
display : table;
clear : both;
}
.naviku > li > a {
display : block;
}
.naviku ul {
list-style : none;
width : 200px;
z-index : 2;
}
.naviku li {
position : relative;
}
.naviku > li > .parent {
background-image : url(images/downArrow.png);
padding-right : 20px;
background-repeat : no-repeat;
background-position : right;
}
.naviku li ul {
position : absolute;
text-transform : none;
background : rgba(0, 0, 0, 0.7);
left : -9999px;
}
.naviku > li.hover > ul {
left : 0;
}
.naviku li li.hover ul {
left : 100%;
top : 0;
}
.naviku li li {
z-index : 2;
}
.naviku li li a {
display : block;
padding : 5px 10px;
position : relative;
}
.naviku li li a:hover {
background : rgba(255, 255, 255, 0.1);
}

/* HEADER */
#headerwrap {
background : #FFF;
padding: 20px var(--autopad);
border-bottom : 1px solid var(--colorborder);
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.headlogo a {
font-size : 200%;
font-weight: 700;
}
.headlogo p {
margin : 0;
}
.headinfo {
text-align : right;
}

/* TITLE HEADER */
#headback {
  padding: 40px var(--autopad);
  position : relative;
  background : var(--color1);
}
#headback::before{
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.15;
  position: absolute;
  filter: grayscale(1);
}
.titleheader {
padding : 20px;
max-width: var(--maxwidth);
margin : 0 auto;
text-align : center;
font-size : 110%;
color : #FFF;
position : relative;
overflow: hidden;
}
.titleheader a,.titleheader a:hover {
color : #FFF;
}
.titleheader h1, .titleheader h2 {
color : #FFF;
margin : 0;
}
.titleheader button {
margin-top : 10px;
background : none;
border : #FFF solid 2px;
padding : 15px 40px;
}
.titleheader button:hover {
background : var(--color2);
border-color : #FFF;
}

/* NEWS TICKER */
#newstickerwrap {
  width: 100%;
  background: #F9F9F9;
  height: 40px;
  position: relative;
}
.newsticker {
  max-width: var(--maxwidth);
  margin: 0 auto;
  display: block;
}
.newsticker li{
  font-size: 13px;
  line-height: 40px;
  list-style-type: none;
  padding: 0 10px;
}
.newsticker li span{
  background: var(--color2);
  color: #FFF;
  padding: 2px 6px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 5px;
}
.newsticker:after {
	content: 'INFORMATION';
	position:absolute;
	background-image: linear-gradient(to right, #F9F9F9, #F9F9F9, transparent);
	top: 0;
	left: 0;
	height: 40px;
	padding: 0 100px 0 15px;
	font-weight: 700;
	font-size: 12px;
	line-height: 40px;
	color: var(--color1);
  text-transform: uppercase;
}
.newsticker:before {
	content: '';
	position:absolute;
	background-image: linear-gradient(to left, #F9F9F9, #F9F9F9, transparent);
	top: 0;
	right: 0;
	height: 40px;
	width: 50px;
	z-index: 1;
}

/* SLIDER */
#slider {
  margin-bottom: -2px;
}
.slider img {
width : 100%;
}

/* BLOG SEARCH */
.blogsearch {
max-width : 800px;
margin : 0 auto;
padding : 10px 0;
position : relative;
display: grid;
grid-template-columns: 35% 35% auto;
gap: 10px;
}
.blogsearch input {
border : #FFF solid 2px;
box-sizing : border-box;
height: 40px;
margin: 0;
}
.blogsearch select {
cursor : pointer;
border : #FFF solid 1.5px;
height: 40px;
margin: 0;
}
.blogsearch button {
background : var(--color2);
border : #FFF solid 2px;
height: 40px;
margin: 0;
}
.blogsearch button:hover {
background : var(--color1);
}

/* TOUR SEARCH */
.tourc {
max-width : var(--maxwidth);
margin : 0 auto;
padding : 20px;
position : relative;
}
.athome .tourc {
  padding:50px 20px
}
.tourc select {
width : 27%;
height: 40px;
margin : 0 1% 5px 0;
cursor : pointer;
border : none;
}
.tourc button {
width : 16%;
height: 40px;
border : #FFF solid 2px;
margin : 0;
}
.tourt {
margin-bottom : 20px;
padding : 7px 15px;
color : #FFF;
font-size : 150%;
background-color: rgba(255, 255, 255, 0.1);
display: inline-block;
}
.tourcs {
color : #FFF;
width : 27%;
margin-right : 1%;
float : left;
padding-bottom: 5px;
}
.tourside select, .tourside button {
width : 100%;
cursor : pointer;
}

/* WHY */
.whypad {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 50px var(--autopad);
  gap: 20px;
  background: #FFF;
}
.why {
  position: relative;
  text-align: center;
}
.why img {
padding : 5px;
margin : 0;
transition : 0.2s;
}
.why:hover img {
padding : 0;
}
.why h2 {
font-size : 130%;
margin : 20px 0 10px;
}
.intro {
  position: relative;
  text-align : center;
  margin-bottom : 40px;
}
.intro h2,.headline {
  display: table;
  white-space: nowrap;
  font-size : 170%;
  text-align : center;
  margin-top : 0;
  width: 100%;
}
.intro h2:before, .intro h2:after,
.headline:before, .headline:after {
  border-top: 2px dotted var(--colorborder);
  content: "";
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 45%;
}
.intro h2:before,
.headline:before {
  right: 10px;
}
.intro h2:after,
.headline:after {
  left: 10px;
}

/* HOME TESTI */
.testi {
width:49%;
text-align:left;
float:left;
}
.testi h2 {
font-size : 200%;
}
.testi button {
  margin-right: 5px;
}
#testislider {
width : 49%;
float:right;
}
.isitesti h3 {
margin : 5px 0;
}
.isitesti p {
background : #FFF;
padding : 15px;
border:1px solid var(--colorborder);
}
.avatesti img {
border : var(--colorborder) solid 1px;
padding : 5px;
margin-right : 10px;
float : left;
}
#gslider {
margin:40px 0 20px;
}
#gslider img {
border:1px solid var(--colorborder);
padding:10px;
background:#FFF;
width: 100%;
}

/* LAYOUT CONTAIN */
#conwrap {
  position: relative;
  background : #FFF;
  padding: 20px var(--autopad) 40px;
  overflow: hidden;
}
#conwrap.athome{
  padding: 50px var(--autopad);
}
.scontain {
width : 68.5%;
margin : 0;
float : left;
}
.sidecontain {
width : 31.5%;
padding-left : 20px;
float : right;
background : #FFF;
}

/* SIDEBAR */
.sidebar {
width : 100%;
background-image: linear-gradient(var(--colorbg) , #FFF);
border : var(--colorborder) solid 1px;
margin-bottom : 20px;
padding : 15px;
}
.sidebar h4 {
margin : 0 0 20px;
font-size : 120%;
}
.sidebar ul li {
padding : 5px 0;
margin-left : 20px;
}
.sidebar ul li li {
border-left : 1px solid rgba(255, 255, 255, 0.25);
padding-left : 5px;
}
.side p {
padding : 0;
margin : 0;
}

/* LOOP TOUR */
.gridpad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 5px;
  gap: 15px;
}
.grid {
width : 100%;
background : #FFF;
transition : all 0.3s ease;
position: relative;
border: 1px solid var(--colorborder);
}
.grid:hover {
box-shadow : 0 5px 5px #d6dee4;
}
.areatitle {
padding : 15px 10px;
text-align : center;
background : var(--colorbg);
position: relative;
}
.areatitle p {
  margin: 10px 0;
}
.areatitle::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  content: '';
  height: 200px;
  background-image: linear-gradient(to top, var(--colorbg), transparent);
  opacity: 0;
  transition: all 0.5s ease;
}
.grid:hover .areatitle::before,.grid:hover .vlink{
  opacity: 1;
}
.areatitle h3 {
margin : 0 0 5px;
font-size : 110%;
}
.destirasi li{
color : var(--color2);
list-style-type: none;
display: inline-block;
padding: 0 7px;
}
.harga {
font-size : 110%;
}
.vthumb {
width : 100%;
overflow: hidden;
position: relative;
}
.vthumb img {
width : 100%;
transition: all 0.5s ease;
}
.grid:hover .vthumb img {
transform: scale(1.5);
filter: grayscale(1);
}
.vlink {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: '';
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  z-index: 1;
}
.vlink button {
  border: 2px solid #FFF;
}
.badge{
position:absolute;
z-index : 1;
top: -2px;
left:-4px;
}
.badbot{
position:absolute;
z-index : 1;
right: 10px;
top: 10px;
max-width: 240px;
text-align:right;
color:#FFF;
}
.badbot a {
  display: inline-block;
  background:rgba(0, 0, 0, 0.25);
  color: #FFF!important;
  font-size: 80%;
  margin:0 0 3px 3px;
  padding: 3px 5px;
}
.badbot a:hover {
  color: #FFF!important;
}

/* RENTAL */
.rentwrap::before,.featour::before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.08;
  position: absolute;
  filter: grayscale(1);
}
.rentinfo {
padding : 15px 10px 0;
margin : 0;
line-height:1.5em;
}
.rentinfo ul li{
list-style:none;
border-bottom : 1px dashed var(--colorborder);
padding : 3px 0;
margin : 5px 0;
}
.rentinfo li:last-child {
  border-bottom: none;
}
.rentswrap {
max-width:350px;
margin:0 auto;
}
.rentsearch {
width:100%;
color: #777;
cursor: pointer;
}
.rentdetail img {
float: right;
background-image: linear-gradient(var(--colorbg), #FFF);
padding:7px;
border : 1px solid var(--colorborder);
margin: 40px 0 10px 15px;
width: 60%;
max-width: 600px;
}
.rentdetail ul {
  margin-bottom: 20px;
}
.rentdetail ul li {
  padding : 3px 0;
  margin : 5px 0 0 20px;
}

/* LOOP BLOG */
.listblog {
width : 100%;
padding : 10px 5px;
overflow: hidden;
}
.listblog img {
float : left;
margin: 0 15px 5px 0;
padding : 7px;
border : 1px solid var(--colorborder);
background : #FFF;
transition : all 0.2s ease;
max-width: 300px;
}
.listblog img:hover {
  box-shadow : 0 5px 5px #d6dee4;
}
.listblog h2 {
font-size : 150%;
margin-top : 5px;
}

/* SINGLE TOUR DETAIL */
.tourbox {
padding : 20px 0 40px;
max-width: var(--maxwidth);
margin : 0 auto;
position : relative;
}
.boxview {
position:relative;
width : 53%;
padding : 8px;
background : rgba(0, 0, 0, 0.1);
float:left;
}
.boxdetail {
width : 44%;
color : #FFF;
float : right;
}
.boxdetail a,.boxdetail a:hover {
color : #FFF;
}
.boxdetail h1 {
margin-top : 0;
}
.boxdetail button {
background : none;
border : #FFF solid 2px;
}
.boxdetail select {
border: #FFF solid 1.5px;
}
.boxdetail input {
border : #FFF solid 2px;
}
.boxdetail button:hover {
background : var(--color2);
}
.tomb {
padding : 15px 40px;
margin-top:5px;
}
.price {
font-size : 170%;
}
.picked,.afterdiv {
display:none;
}
.disc {
cursor:pointer;
padding:10px 0;
margin-left:10px
}
.disclist {
display:none;
background: #FFF;
padding:10px;
margin-top:10px;
position:absolute;
color : #444;
border:1px solid var(--colorborder);
}
.disclist ul li {
margin : 0 10px 0 25px;
}

.harpil {
width : 100%;
color:#FFF;
}
.harpil td {
padding:5px 5px 5px 0;
}
.redio {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
}
.redio input {
position: absolute;
z-index: -1;
opacity: 0;
}
.redio__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #EEE;
}
.redio--radio .redio__indicator {
border-radius: 50%;
}
.redio:hover input ~ .redio__indicator,
.redio input:focus ~ .redio__indicator {
background: #FFF;
}
.redio input:checked ~ .redio__indicator {
background: #FFF;
}
.redio__indicator:after {
content: '';
position: absolute;
display: none;
}
.redio input:checked ~ .redio__indicator:after {
display: block;
}
.redio--radio .redio__indicator:after {
left: 5px;
top: 5px;
height: 10px;
width: 10px;
border-radius: 50%;
background: var(--color1);
}
#datetour {
width : 43%;
height: 40px;
margin-top:15px;
margin-right:2%;
margin-bottom:15px;
float : left;
color: #333;
cursor: pointer;
}
.jumdiv {
width:55%;
height: 40px;
margin-top:15px;
margin-bottom:15px;
float:left;
color: #333;
}
.jumdiv button,.jumdiv input {
  height: 40px;
  float: left;
}
#guest {
width:50%;
text-align:center;
margin:0;
}
.btn-number {
width:25%;
margin:0;
}

/* SINGLE TOUR FORM */
.contail {
padding : 0 20px 20px;
max-width: var(--maxwidth);
margin : 0 auto;
background: red;
}
.contain {
  background: orange;
}
.tabdetail {
margin-top : -36px;
overflow: hidden;
}
#pesantour {
max-width : 900px;
max-height: 800px;
padding : 15px;
display : none;
overflow-y: scroll;
}
#pesantour h2 {
margin : 0 0 20px;
padding : 0 0 10px;
border-bottom : 1px solid var(--colorborder);
}
#pesantour h3 {
margin : 0 0 10px;
font-size : 120%;
}
#pesantour::-webkit-scrollbar-track{
	background-color: #F1F1F1;
}
#pesantour::-webkit-scrollbar{
	width: 5px;
}
#pesantour::-webkit-scrollbar-thumb{
	background-color: #777
}
#tourreview {
width : 32%;
float : right;
padding-left: 10px;
}
#tourreview img {
width : 100%;
padding : 7px;
background : #FFF;
border : var(--colorborder) solid 1px;
}
#tourreview table {
width : 100%;
font-size : 90%;
}
.tede1 {
width : 36%;
padding : 5px;
border-bottom : 1px dashed var(--colorborder);
}
.tede2 {
width : 64%;
padding : 5px;
border-bottom : 1px dashed var(--colorborder);
}
.tedetotal {
display : inline-block;
padding : 10px 15px;
background : var(--colorbg);
border: 1px solid var(--colorborder);
text-align : center;
margin-top : 20px;
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.03);
}
.elementjudul {
margin-bottom : 0;
display : inline-block;
padding : 5px 10px;
background : #EEE;
font-weight: bold;
}
.copycheck {
float : right;
margin-top : 15px;
}
.elementgroup {
width : 100%;
padding :10px;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 10px;
background-image: linear-gradient(var(--colorbg), #FFF);
border : 1px solid var(--colorborder);
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom : 20px;
}

.element1 {
width : 17%;
padding : 0 3px;
float : left;
}
.element2 {
width : 41.5%;
padding : 0 3px;
float : left;
}
.element3 {
width : 50%;
padding : 0 3px;
float : left;
}
.toursent {
width : 100%;
padding : 20px;
background-image: linear-gradient(var(--colorbg), #FFF);
margin-bottom : 20px;
border : 1px solid var(--colorborder);
box-shadow : 0 5px 0 0 rgba(0, 0, 0, 0.05);
}
.toursent ul li {
padding : 3px 0;
margin : 5px 10px 5px 20px;
}
#tourgoal {
width : 55%;
float : left;
border-right : 1px solid #EEE;
padding-right : 15px;
}
#tourgoal h3 {
margin : 5px 0;
font-size : 120%;
}
#tourgoal img {
float : left;
margin : 0 15px 5px 0;
padding : 5px;
background : #FFF;
border : #F1F1F1 solid 1px;
}
#tourgoal .tede1, #tourgoal .tede2 {
border-color : #F1F1F1;
}
#tourgoal2 {
width : 43%;
float : right;
}
.tedetotal h4 {
margin : 5px 0 10px;
padding : 0 5px 5px;
font-size : 110%;
border-bottom : 1px solid var(--colorborder);
}
#tourgoal2 ol {
margin : 5px 0;
padding-left : 20px;
margin-bottom : 30px;
}
#tourgoal2 ol li {
padding: 5px;
border-bottom: 1px dashed var(--colorborder);
}
#tourform {
width : 68%;
float : left;
border-right : 1px dotted #EEE;
padding-right : 10px;
}
#tourform label, #tourform select, #tourform input[type="text"], #tourform textarea {
width : 100%;
display : block;
}
#captcha_code {
width : 58%;
float : right;
margin-top : 10px;
}
#captchaimg {
width : 40%;
float : left;
margin-top : 10px;
}

/* POST CONTENT */
.crumbs {
padding : 10px 0;
margin-bottom : 20px;
font-size : 90%;
border-bottom : 1px solid var(--colorborder);
}
.wrap-post ul li {
border-bottom : 1px solid var(--colorborder);
padding : 3px 0;
margin : 5px 10px 5px 40px;
}
.embed-container {
position : relative;
padding-bottom : 50%;
overflow : hidden;
max-width : 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}

/* FOOTER */
#footerwrap {
background : var(--color1);
padding: 30px var(--autopad);
color : #FFF;
position : relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
#footerwrap::before{
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.15;
  position: absolute;
  filter: grayscale(1);
}
#footerwrap a {
color : #FFF;
}
#footerwrap h4 {
margin : 0 0 20px 0;
color : #FFF;
font-size : 130%;
}
#footerwrap h5 {
font-size : 120%;
margin : 5px 0;
color : #FFF;
}
.copyright {
grid-column: 1 / 4;
text-align : center;
}
.footbar {
padding : 20px 0;
position: relative;
}
.footbar ul li {
list-style-type : none;
padding : 5px 0;
margin-left : 5px;
}
.footbar ul li li {
border-left : 1px solid rgba(255, 255, 255, 0.25);
padding-left : 5px;
}
.footbar p {
padding : 0;
margin : 0;
}

/* PAGINATION */
.pagination {
  width: 100%;
  margin: 30px 0;
  text-align: center;
}
.pagination a, .pagination > .current {
  border: var(--colorborder) solid 1px;
  padding: 5px 10px;
  background: #FFF;
  margin: 0 2px;
  display: inline-block;
}
.pagination a:hover, .pagination > .current {
  color: #FFF;
  background: var(--color1);
}

/* COMMENT */
.comments {
text-align : left;
margin-top : 30px;
}
.comments h3 {
margin : 0 0 5px;
font-size : 150%;
}
.comments input[type="text"], .comments input[type="email"], .comments textarea {
width : 100%;
margin-bottom : 15px;
}
.rating input[type="radio"] {
margin : 0 10px 0 0;
width : 20px;
height : 20px;
box-shadow : none;
}
.form-submit {
margin : -10px 0 0;
}
.form-submit input {
max-width : 200px;
}
.comments ul {
list-style-type : none;
}
.comments li {
padding : 20px;
margin : 15px 0;
background : var(--colorbg);
border : 1px solid var(--colorborder);
}
.comment li img {
  width: 50px;
  height: 50px;
  padding: 3px;
}
.comments li li {
background : #FFF;
}
.comments li li li {
  background : var(--colorbg);
}
.comments li li li li {
background : #FFF;
}
.comments li li li li li {
  background : var(--colorbg);
}

/* AVATAR */
.avat img {
border-radius : 50%;
border : #EEE solid 2px;
margin-bottom : 10px;
}
.avatar {
border : var(--colorborder) solid 1px;
padding : 5px;
background : #FFF;
float : left;
margin : 0 10px 0 0;
}

/* BANK & KONFIRMASI FORM*/
.banx {
margin : 10px 0;
}
.banx img, .banxs img {
width : 140px;
height : 70px;
margin : 0;
padding:5px;
background:#FFF;
}
.banx img {
  float: left;
  margin-right: 10px;
}
.banx h4 {
  margin: 0 0 5px;
}
.banxs {
display: grid;
grid-template-columns: 100%;
gap : 20px;
text-align : center;
}
.banxs h4 {
margin : 5px 0 0;
}
#konform input, #konform textarea, #konform select {
width : 100%;
}

/* KONTAK POP */
#kontak {
max-width : 450px;
padding : 15px;
display : none;
}
#kontak p {
margin : 5px 0 20px;
}
#kontak h4, #kontak h2 {
margin : 0;
}
#kontak ul li {
margin : 10px 0;
border-bottom : 1px solid #F2F2F2;
}
#kontak ul li:last-child {
  border: none;
}
.kontek {
font-size : 120%;
color : #444;
}
.kontek a {
color : #444;
}
.ktelp, .kbbm, .kwa, .kline, .kemail,.kmess {
background-repeat : no-repeat;
padding-left : 40px;
list-style : none;
line-height : 30px;
vertical-align : middle;
text-align : left;
}
.ktelp {
background-image : url(images/telp.png);
}
.kbbm {
background-image : url(images/bbm.png);
}
.kmess {
background-image : url(images/mess.png);
}
.kwa {
background-image : url(images/wa.png);
}
.kline {
background-image : url(images/line.png);
}
.kemail {
background-image : url(images/email.png);
}

/* MISC */
.partnerbox {
  text-align:center;
  margin-bottom:20px;
  white-space: nowrap;
  overflow: auto;
}
.partnerbox::-webkit-scrollbar {
  display: none;
}
.partnerbox img {
padding: 5px;
opacity: 1;
transition : 0.3s;
}
.partnerbox img:hover {
opacity:0.7;
}
.scrollup {
position : fixed;
display : none;
z-index : 3;
width : 40px;
height : 45px;
bottom : 20px;
right : 20px;
background : url(images/icon_top.png) no-repeat;
}
.seo {
font-size : 0;
margin : 0;
padding : 0;
}
.shareicon {
  margin-top: 20px;
}
.shareicon a:hover {
  opacity: .7;
}
.shareicon [class*=el-icon-] {
font-size : 35px;
margin-right : 10px;
cursor : pointer;
}

/* POP UP / MODAL */
.popup {
  min-width: 300px;
  max-width: 1000px;
  display: none;
  padding: 15px;
}
.popup ul li {
  list-style: none;
  padding: 5px 0;
}
.popup td {
	padding:3px;
	vertical-align: top;
}

/* JQUERY UI CUSTOM */
.ui-widget-content a {
color : var(--color1);
}
.ui-widget-content a:hover {
color : var(--color2);
}

.tabdetail .ui-widget-content {
color : #666;
background : none;
}
.tabdetail .ui-widget.ui-widget-content {
border : none;
}
.tabdetail .ui-tabs {
padding : 0;
}
.ui-tabs .ui-tabs-panel {
display : block;
border-width : 0;
padding : 10px 0;
background : none;
}
.ui-widget-header {
border : none;
background : none;
color : #666;
font-weight : normal;
}
.ui-tabs .ui-tabs-nav {
padding : 0;
}
.ui-tabs .ui-tabs-nav li {
height : 36px;
}
.tabdetail .ui-state-default, .tabdetail .ui-widget-content .ui-state-default, .tabdetail .ui-widget-header .ui-state-default {
border : none;
background : var(--color1);
color : #FFF;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  line-height: 36px;
  padding: 0 1em;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
color : #FFF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content .ui-state-active a {
background : #FFF;
color : var(--color2);
height : 36px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor : pointer;
outline : none;
}
.ui-datepicker th {
font-weight : normal;
}

/* LIVE CONTACT */
.sidecontact {
  position: fixed;
  z-index: 601;
  width: 60px;
  bottom: 50%;
  right: -1px;
  padding: 5px 5px 0;
  background: rgba(238, 238, 238, 0.85);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.live {
  width: 100%;
  height: 30px;
  margin: 10px auto;
  text-align: center;
}
.live:hover {
  padding: 2px;
}
.onlinex {
  color: transparent;
  text-shadow: 0 0 0 rgb(42, 170, 82);
  font-size:10px;
  font-family: arial;
}

/* OWL SLIDER */
.owl-controls .owl-buttons div {
  background: #fffc;
}
.smallslider .owl-controls .owl-buttons .owl-prev, .megaslider .owl-controls .owl-buttons .owl-prev {
  left: 100px;
}
.smallslider .owl-controls .owl-buttons .owl-next, .megaslider .owl-controls .owl-buttons .owl-next {
  right: 100px;
}
.owl-carousel .owl-buttons .owl-prev{
  transition: 0.3s;
  opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-prev {
  left: 20px;
  opacity: 1;
}
.owl-carousel .owl-buttons .owl-next{
  transition: 0.3s;
  opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-next {
  right:20px;
  opacity: 1;
}

.maintenis {
	text-align: center;
	background: #ff3100de;
	color: #FFF;
	padding: 5px 10px;
	position: fixed;
	z-index: 1000;
	top: 0;
  right: 0;
  border-bottom-left-radius: 6px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 7%);
  font-size: 85%;
}

/* TRIPAY */
.tripay input[type="radio"],.tripay label {
  cursor: pointer;
}

/* INVSearch */
.invsearch {
  max-width: 600px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  display: grid;
  grid-template-columns: 30% 45% auto;
  gap: 10px;
}
.invsearch input {
  height: 41px;
  margin: 0;
}
.invsearch button{
  height: 42px;
}

Hotline 082226626675
Informasi lebih lanjut?

Open Trip Spesial Jumat-Minggu Cuma 975Rb/Pax

CV. Amanah Safari - Tour Travel Spesialis Wisata Karimun Jawa

Cari Tour Impian Anda!

Pilih Kategori

Pilih Destinasi

Pilih Durasi

Profesional

Karyawan profesional, sopan, ramah, dan berpengalaman menjadi keunggulan kami dalam melayani wisatawan.

Administrasi

Sistem administrasi secara online, mudah, dan data peserta dijamin aman. Selain itu travel kami sudah dilengkapi dengan legalitas usaha CV di bidang biro perjalanan wisata.

Transaksi

Proses transaksi dapat dilakukan secara online, dan dijamin aman, karena menggunakan item invoice code.

Detinasi Pilihan

Destinasi wisata pilihan terbaik instagramable cocok untuk memperbanyak gallery liburanmu. Ditemani guide profesional, berbahasa Indonesia dan Bahasa Inggris dengan baik.

Selamat Datang di Situs Resmi Layanan Tour Wisata Karimun Jawa!

Terimakasih telah mengunjungi situs kami di www.visitkarimun.com. Kami merupakan biro perjalanan wisata karimunjawa yang melayani, tour karimunjawa, transportasi, layanan catering, dan boking hotel. Agar perjalanan anda terkonsep dan tersusun sesuai dengan rencana kami menawarkan layanan paket wisata karimunjawa.

Visitkarimun.com merupakan situs kepemilikian dari CV. Amanah Safari. Sebagai salah satu biro perjalanan yang memiliki integritas yang tinggi terhadap perkembangan pariwisata. Kami dipercaya lebih dari 1000 wisatwan yang pernah kami tangani dan kini telah menjadi salah satu biro yang memiliki legalitas biro perjalanan CV. Amanah Safari. Kini giliran anda untuk merasakan kenyamanan dalam berlibur dan kemamanan dalam bertransaksi.

Harga yang kami tawarkan sangat bersaing dan kompetitif di sesuaikan dengan fasilitas paket wisata. Team yang profesional, serta guide yang ramah telah menanti anda. Sahabat travel ingin mencari informasi biaya liburan karimunjawa sangat terjangkau dan bikin kantong tidak kering, banyak diskon dan free slot boking segara paket karimunjawa kami. Team siap membantu para pecinta travel karimunjawa untuk memberikan layanan, budget, dan akomoasi terbaik untuk anda.

Tour Terbaru

Berbagai destinasi wisata yang telah kami siapkan untuk Anda dan keluarga!

Paket Regular Karimunjawa 3 Hari...

Karimunjawa

3 Hari 2 Malam

*Mulai Rp 975.000 / pax

Penerbangan Hotel Diskon

Paket Wisata Karimunjawa 2 Hari ...

Karimunjawa

2 Hari 1 Malam

Rp 770.000 / pax

Penerbangan

Paket Regular Karimunjawa 4 Hari...

Karimunjawa

4 Hari 3 Malam

*Mulai Rp 1.400.000 / pax

Hotel Diskon

Paket Regular Karimunjawa 2 Hari...

Karimunjawa

2 Hari 1 Malam

*Mulai Rp 875.000 / pax

Hotel Diskon

Paket Kapal Pelni Semarang-Karim...

Karimunjawa

2 Hari 2 Malam

*Mulai Rp 1.150.000 / pax

Penerbangan Hotel Diskon

Paket Family Karimunjawa 4 Hari ...

Karimunjawa

4 Hari 3 Malam

*Mulai Rp 1.900.000 / pax

Hotel

Lihat Semua Tour

Testimonial

Bagaimana pengalaman & pendapat mereka yang telah menjadi pelanggan dan senantiasa menggunakan layanan tour dari kami? Biarlah pelanggan kami yang berbicara & berbagi cerita dengan Anda.

Yuni

Surabaya

RATING 5/5

Crew masih muda, cekatan, acara seru, hotel rekomended banget view laut. Pelayanan bagus banget, dianter boarding sampai duduk di kapal, dikasih air mineral saat masuk kapal. Acara malam barbeque masakanya mantap banget bikin nagih dan saya akan kembali lagi bersama trip dari visitkarimun.com

Rudi Setiawan

Banyuwangi

RATING 5/5

Liburan ke Karimun jadi makin mudah dan menyenangkan berkat visitkarimun.com. Semua itinerary tersusun rapi, tinggal datang dan menikmati perjalanan tanpa ribet.

Artikel Blog

Baca juga informasi menarik, tips & trik seputar traveling berikut ini!

Promo Paket Wisata Karimunjawa

25 September 2026 2.956x Promo

Kami hadirkan promo paket wisata karimunjawa spesial tahun ini. Bagi anda yang ingin liburan ke karimunjawa tanpa repot menyiapkan segala akomodasi liburan anda, boking saja paket liburan ke karimun jawa. Diskon telah kami siapkan untuk anda yang boking pada hari ini. Liburan bikin hemat, acara tetap seru, fasilitas hotel recomended terbaik dan juga kami sed... selengkapnya

Info Harga dan Paket Liburan ke Karimunjawa

8 September 2026 3.385x Blog

Kabar baik untuk traveler yang sedang merencanakan liburan ke Karimunjawa, karena kami telah menyediakan paket liburan. Program ini kami khususkan buat anda yang ingin wisata secara praktis, tidak ribet mengurus akomodasi dan program acara. Cukup sekali booking, semua kebutuhan liburan anda akan kami cover. Pulau Karimunjawa terkenal dengan keasrian pasir pu... selengkapnya

Pulau Karimun Jawa

31 Agustus 2026 7.402x Blog

Pulau Karimun Jawa merupakan sebuah pulau yang termasuk di kawasan laut Jawa dan masih termasuk wilayah Kabupaten Jepara, Jawa Tengah, Indonesia. Luas daratan kurang lebih 1.500 hektare dan luas perairan kurang lebih 110.000 hektar. Karimunjawa terbagi dalam 3 kategori yakni daratan dan lautan serta pegunungan. Adapun luas daratan sekitar 1.500 hektare dan l... selengkapnya

Paket Mancing Karimunjawa

27 Agustus 2026 6.450x Blog

Mancing karimunjawa merupakan salah satu kegiatan yang paling digemari oleh pelancong yang hobi mancing. Pasalnya di pulau karimunjawa memiliki terumbu karang yang luas. Terumbu karang yang luas tersebut, banyak spesies ikan yang akan kamu temui. Kakap merah, kerapu dan ikan jenis lainnya akan kamu temui. Sehingga cocok sekali jika liburan dan petualangan di... selengkapnya

Lihat Semua Artikel

Patner Tour

Kami bekerja sama dengan perusahaan akomodasi tour perjalanan untuk memberikan pelayanan terbaik kami kepada Anda.

Kapal Penyebrangan

: Express Bahari 2 Jam

: Ferry Siginjai 4 Jam

Dari Kota Anda

Karimunjawa dari Magelang

Karimunjawa dari Solo

Karimunjawa dari Semarang

Karimunjawa dari Surabaya

Karimunjawa dari Jogja

Karimunjawa dari Bandung

Karimunjawa dari Jakarta

Office

Kontak Office Center

WhatsApp/Tlp : 081328387221

WhatsApp/Tlp: 082226626675

Legalitas

Nama Perusahaan: CV. Amanah Safari

SIUP TDP: 112637902586

NPWP: 80.875541.7-516.000

Informasi Travel

Boking Travel Tujuan anda:

Semarang-Jepara

Jogjakarta-Jepara

Solo-Jepara

Magelang-Jepara

Surabaya-Jepara

Hubungi Contact Kami:

Call center : 081328387221 (Call/Wa)

Alasan Pilih Kami

Biro travel perjalanan degan reputasi yang baik
Mengutamakan pelayanan dan kenyamanan perjalanan wisatawan
Akomodasi wisata terbaik
Harga disesuaikan dengan Fasilitas standartnya perjalanan
Legalitas CV. Amanah Safari badan usaha perjalanan wisata

Cari Artikel Terkait

Wisata Karimunjawa

Paket Wisata Karimunjawa

Tour ke Karimunjawa

Paket Karimunjawa

Payment

1840002144358 (Mandiri. An. CV. Amanah Safari)
002201012146533 (BRI. An. Ainur Rofiq)
9000043284216 (Mandiri. An. Ainur Rofiq)
1813644093 (BNI. An. Ainur Rofiq)

New Post

CV. Amanah Safari - Tour Travel Spesialis Wisata Karimun Jawa

CEO Tour Ainur Rofiq

@Copy right 2013-2026 CV. Amanah Safari

Kontak Kami

Apabila ada yang ditanyakan, silahkan hubungi kami melalui kontak di bawah ini.

⚫ Online

Telepon WhatsApp Instagram TikTok YouTube

JezK

Edit File: style.css

CV. Amanah Safari - Tour Travel Spesialis Wisata Karimun Jawa

Profesional

Administrasi

Transaksi

Detinasi Pilihan

Selamat Datang di Situs Resmi Layanan Tour Wisata Karimun Jawa!

Tour Terbaru

Paket Regular Karimunjawa 3 Hari...

Paket Wisata Karimunjawa 2 Hari ...

Paket Regular Karimunjawa 4 Hari...

Paket Regular Karimunjawa 2 Hari...

Paket Kapal Pelni Semarang-Karim...

Paket Family Karimunjawa 4 Hari ...

Testimonial

Yuni

Rudi Setiawan

Artikel Blog

Promo Paket Wisata Karimunjawa

Info Harga dan Paket Liburan ke Karimunjawa

Pulau Karimun Jawa

Paket Mancing Karimunjawa

Patner Tour

Kapal Penyebrangan

Dari Kota Anda

Office

Kontak Office Center

Legalitas

Informasi Travel

Alasan Pilih Kami

Cari Artikel Terkait

Payment

New Post

CV. Amanah Safari - Tour Travel Spesialis Wisata Karimun Jawa

Kontak Kami

Hotline

Whatsapp

Email