/*
Theme Name: Wizata
Version: 1.2
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
Requires at least: 5.0
Requires PHP: 7.2
*/
#headback,
#newstickerwrap,
.ibtn,
.naviku li,
.naviku li li a,
.titleheader,
.wp-caption {
 position:relative
}
*,
.blogsearch input,
:after,
:before {
 box-sizing:border-box;

 border-radius: 10px;
}
#conwrap,
#headerwrap,
.elementgroup,
.listblog,
.tabdetail,
.titleheader,
.vthumb {
 overflow:hidden
}
.comments ul,
.destirasi li,
.footbar ul li,
.newsticker li {
 list-style-type:none
}
: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
}
li,
nav,
ul {
 margin:0;
 padding:0
}
a,
h1,
h2,
h3,
h4 {
 color:var(--color1);
 transition:.3s
}
.t2,
.ui-widget-content a:hover,
a:hover {
 color:var(--color2)
}
a:active,
a:hover,
a:link,
a:visited {
 text-decoration:none
}
h1 {
 font-size:160%
}
h2 {
 font-size:140%
}
h3 {
 font-size:120%
}
.harga,
h4 {
 font-size:110%
}
h1,
h2,
h3,
h4 {
 margin:10px 0;
 font-weight:700
}
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:.3s;
 margin-bottom:2px
}
.img-attachment,
.info,
.notice,
.wp-caption {
 border:1px solid var(--colorborder)
}
.b2,
.boxdetail button:hover,
.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
}
.newsticker:after,
.t1,
.ui-widget-content a {
 color:var(--color1)
}
.ibtn {
 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)
}
.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
}
.wp-caption,
img,
img.alignnone,
p img {
 max-width:100%
}
img {
 height:auto
}
#kontak ul li:last-child,
.tabdetail .ui-widget.ui-widget-content,
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 {
 background-color:var(--colorbg);
 padding:5px
}
.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 {
 background:var(--colorbg);
 padding:5px
}
#footerwrap,
#headback,
#naviwrap,
.b1,
.b2:hover,
.blogsearch button:hover {
 background: #008AEF;
}
@keyframes blinker {
 50% {
  opacity:0
 }
}
.blink {
 animation:1s linear infinite blinker
}
@keyframes moveInRight {
 0% {
  opacity:0;
  transform:translateX(-50px)
 }
 80% {
  transform:translateX(10px)
 }
 100% {
  opacity:1;
  transform:translateX(0)
 }
}
::-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
}
.vsmall {
 font-size:70%
}
.small {
 font-size:80%
}
.medium {
 font-size:90%
}
.big,
.price {
 font-size:170%
}
.jumbo {
 font-size:290%
}
.hidden {
 font-size:0
}
.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)
}
.notice {
 background:#f1ffec
}
.warning {
 background:#fcf8e3;
 border:1px solid #faebcc
}
.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
}
.newsticker,
.titleheader {
 max-width:var(--maxwidth);
 margin:0 auto
}
#mainwrap {
 width:100%;
 margin:0 auto
}
#naviwrap {
 padding:0 var(--autopad);
 font-size:95%
}
.toggleMenu {
 display:none;
 color:#fff;
 cursor:pointer;
 padding:7px 10px;
 width:100%
}
.naviku>li>a,
.newsticker {
 display:block
}
.naviku>li {
 list-style:none;
 text-align:left;
 float:left
}
.naviku>li:hover {
 background:var(--color2);
 transition:.3s
}
.naviku a {
 padding:7px 15px;
 color:#fff
}
#footerwrap a,
.boxdetail a,
.boxdetail a:hover,
.naviku a:hover,
.titleheader a,
.titleheader a:hover {
 color:#fff
}
.naviku:after {
 content:" ";
 display:table;
 clear:both
}
.naviku ul {
 list-style:none;
 width:200px;
 z-index:2
}
.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,.7);
 left:-9999px
}
.newsticker li span,
.newsticker:after {
 text-transform:uppercase;
 font-weight:700
}
.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
}
.naviku li li a:hover {
 background:rgba(255,255,255,.1)
}
#headerwrap {
 background:#fff;
 padding:20px var(--autopad);
 border-bottom:1px solid var(--colorborder);
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:20px
}
.headlogo a {
 font-size:200%;
 font-weight:700
}
#kontak h2,
#kontak h4,
.headlogo p {
 margin:0
}
.headinfo {
 text-align:right
}
.intro,
.titleheader,
.why {
 text-align:center
}
#headback {
 padding:40px var(--autopad)
}
#footerwrap::before,
#headback::before {
 content:'';
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:.15;
 position:absolute;
 filter:grayscale(1)
}
.titleheader {
 padding:20px;
 font-size:110%;
 color:#fff
}
.titleheader h1,
.titleheader h2 {
 color:#fff;
 margin:0
}
.titleheader button {
 margin-top:10px;
 background:0 0;
 border:2px solid #fff;
 padding:15px 40px
}
.titleheader button:hover {
 background:var(--color2);
 border-color:#fff
}
#newstickerwrap {
 width:100%;
 background:#f9f9f9;
 height:40px
}
.newsticker li {
 font-size:13px;
 line-height:40px;
 padding:0 10px
}
.newsticker li span {
 background:var(--color2);
 color:#fff;
 padding:2px 6px;
 font-size:10px;
 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-size:12px;
 line-height:40px
}
.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
}
#conwrap,
.areatitle,
.blogsearch,
.grid,
.intro,
.tourc,
.vthumb,
.why {
 position:relative
}
#slider {
 margin-bottom:-2px
}
#konform input,
#konform select,
#konform textarea,
.slider img {
 width:100%
}
.blogsearch {
 max-width:800px;
 margin:0 auto;
 padding:10px 0;
 display:grid;
 grid-template-columns:35% 35% auto;
 gap:10px
}
.blogsearch input {
 border:2px solid #fff;
 height:40px;
 margin:0
}
.blogsearch select {
 cursor:pointer;
 border:1.5px solid #fff;
 height:40px;
 margin:0
}
.blogsearch button {
 background:var(--color2);
 border:2px solid #fff;
 height:40px;
 margin:0
}
.tourc {
 max-width:var(--maxwidth);
 margin:0 auto;
 padding:20px
}
.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:2px solid #fff;
 margin:0
}
#gslider img,
.isitesti p {
 border:1px solid var(--colorborder)
}
.tourt {
 margin-bottom:20px;
 padding:7px 15px;
 color:#fff;
 font-size:150%;
 background-color:rgba(255,255,255,.1);
 display:inline-block
}
#conwrap,
#gslider img,
.isitesti p,
.sidecontain,
.whypad {
 background:#fff
}
.tourcs {
 color:#fff;
 width:27%;
 margin-right:1%;
 float:left;
 padding-bottom:5px
}
#conwrap.athome,
.whypad {
 padding:20px var(--autopad)
}
.tourside button,
.tourside select {
 width:100%;
 cursor:pointer
}
.whypad {
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px
}
#footerwrap,
.gridpad {
 grid-template-columns:repeat(3,1fr)
}
.why img {
 padding:5px;
 margin:0;
 transition:.2s
}
.tabdetail .ui-tabs,
.ui-tabs .ui-tabs-nav,
.why:hover img {
 padding:0
}
.why h2 {
 font-size:130%;
 margin:20px 0 10px
}
.intro {
 margin-bottom:40px
}
.headline,
.intro h2 {
 display:table;
 white-space:nowrap;
 font-size:170%;
 text-align:center;
 margin-top:0;
 width:100%
}
.headline:after,
.headline:before,
.intro h2:after,
.intro h2:before {
 border-top:2px dotted var(--colorborder);
 content:"";
 display:table-cell;
 position:relative;
 top:.7em;
 width:45%
}
.headline:before,
.intro h2:before {
 right:10px
}
.headline:after,
.intro h2:after {
 left:10px
}
.areatitle::before,
.vlink {
 left:0;
 right:0;
 content:''
}
.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 {
 padding:15px
}
.avatesti img,
.sidebar {
 border:var(--colorborder) solid 1px
}
.avatesti img {
 padding:5px;
 margin-right:10px;
 float:left
}
#gslider {
 margin:40px 0 20px
}
#gslider img {
 padding:10px;
 width:100%
}
#conwrap {
 padding:20px var(--autopad) 20px
}
.scontain {
 width:68.5%;
 margin:0;
 float:left
}
.sidecontain {
 width:31.5%;
 padding-left:20px;
 float:right
}
.sidebar {
 width:100%;
 background-image:linear-gradient(var(--colorbg) ,#fff);
 margin-bottom:20px;
 padding:15px
}
.sidebar h4 {
 margin:0 0 20px;
 font-size:120%
}
.sidebar ul li {
 padding:5px 0;
 margin-left:20px
}
.footbar ul li li,
.sidebar ul li li {
 border-left:1px solid rgba(255,255,255,.25);
 padding-left:5px
}
.footbar p,
.side p {
 padding:0;
 margin:0
}
#kontak ul li,
.areatitle p,
.banx {
 margin:10px 0
}
.gridpad {
 display:grid;
 padding:5px;
 gap:15px
}
.grid {
 width:100%;
 background:#fff;
 transition:.3s;
 border:1px solid var(--colorborder)
}
.grid:hover,
.listblog img:hover {
 box-shadow:0 5px 5px #d6dee4
}
.areatitle {
 padding:15px 10px;
 text-align:center;
 background:var(--colorbg)
}
.areatitle::before {
 position:absolute;
 bottom:100%;
 height:200px;
 background-image:linear-gradient(to top,var(--colorbg),transparent);
 opacity:0;
 transition:.5s
}
.grid:hover .areatitle::before,
.grid:hover .vlink {
 opacity:1
}
.areatitle h3 {
 margin:0 0 5px;
 font-size:110%
}
.destirasi li {
 color:var(--color2);
 display:inline-block;
 padding:0 7px
}
.badbot a,
.badbot a:hover {
 color:#fff!important
}
.vthumb {
 width:100%
}
.badbot,
.badge,
.vlink {
 position:absolute
}
.vthumb img {
 width:100%;
 transition:.5s
}
.grid:hover .vthumb img {
 transform:scale(1.5);
 filter:grayscale(1)
}
.vlink {
 bottom:0;
 top:0;
 opacity:0;
 display:flex;
 justify-content:center;
 align-items:center;
 transition:.5s;
 z-index:1
}
#pesantour,
.afterdiv,
.disclist,
.picked {
 display:none
}
.boxdetail input,
.vlink button {
 border:2px solid #fff
}
.disclist,
.listblog img,
.rentdetail img {
 border:1px solid var(--colorborder)
}
.badge {
 z-index:1;
 top:-2px;
 left:-4px
}
.badbot {
 z-index:1;
 right:10px;
 top:10px;
 max-width:240px;
 text-align:right;
 color:#fff
}
.boxview,
.tourbox {
 position:relative
}
#guest,
.copyright,
.pagination,
.tedetotal {
 text-align:center
}
.badbot a {
 display:inline-block;
 background:rgba(0,0,0,.25);
 font-size:80%;
 margin:0 0 3px 3px;
 padding:3px 5px
}
.featour::before,
.rentwrap::before {
 content:'';
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:.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
}
.contail,
.tourbox {
 max-width:var(--maxwidth)
}
.rentsearch {
 width:100%;
 color:#777;
 cursor:pointer
}
.rentdetail img {
 float:right;
 background-image:linear-gradient(var(--colorbg),#fff);
 padding:7px;
 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
}
.listblog {
 width:100%;
 padding:10px 5px
}
.listblog img {
 float:left;
 margin:0 15px 5px 0;
 padding:7px;
 background:#fff;
 transition:.2s;
 max-width:300px
}
.listblog h2 {
 font-size:150%;
 margin-top:5px
}
.tourbox {
 padding:20px 0 40px;
 margin:0 auto
}
.boxview {
 width:53%;
 padding:8px;
 background:rgba(0,0,0,.1);
 float:left
}
.boxdetail {
 width:44%;
 color:#fff;
 float:right
}
.boxdetail h1 {
 margin-top:0
}
.boxdetail button {
 background:0 0;
 border:2px solid #fff
}
#tourgoal img,
#tourreview img,
.comments li li,
.comments li li li li,
.disclist,
.redio input:checked~.redio__indicator,
.redio input:focus~.redio__indicator,
.redio:hover input~.redio__indicator {
 background:#fff
}
.boxdetail select {
 border:1.5px solid #fff
}
.tomb {
 padding:15px 40px;
 margin-top:5px
}
.disc {
 cursor:pointer;
 padding:10px 0;
 margin-left:10px
}
.disclist {
 padding:10px;
 margin-top:10px;
 position:absolute;
 color:#444
}
.redio,
.redio input:checked~.redio__indicator:after {
 display:block
}
.tede1,
.tede2 {
 border-bottom:1px dashed var(--colorborder)
}
.disclist ul li {
 margin:0 10px 0 25px
}
.harpil {
 width:100%;
 color:#fff
}
#datetour,
.jumdiv {
 margin-top:15px;
 margin-bottom:15px;
 color:#333
}
.harpil td {
 padding:5px 5px 5px 0
}
.redio {
 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
}
#datetour,
.jumdiv,
.jumdiv button,
.jumdiv input {
 height:40px;
 float:left
}
.redio--radio .redio__indicator {
 border-radius:50%
}
.redio__indicator:after {
 content:'';
 position:absolute;
 display:none
}
.redio--radio .redio__indicator:after {
 left:5px;
 top:5px;
 height:10px;
 width:10px;
 border-radius:50%;
 background:var(--color1)
}
#datetour {
 width:43%;
 margin-right:2%;
 cursor:pointer
}
.jumdiv {
 width:55%
}
.kontek,
.kontek a {
 color:#444
}
#guest {
 width:50%;
 margin:0
}
.btn-number {
 width:25%;
 margin:0
}
.contail {
 padding:0 20px 20px;
 margin:0 auto;
 background:red
}
.contain {
 background:orange
}
.tabdetail {
 margin-top:-36px
}
#pesantour {
 max-width:900px;
 max-height:800px;
 padding:15px;
 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;
 border:var(--colorborder) solid 1px
}
#tourreview table {
 width:100%;
 font-size:90%
}
.tede1 {
 width:36%;
 padding:5px
}
.tede2 {
 width:64%;
 padding:5px
}
.tedetotal {
 display:inline-block;
 padding:10px 15px;
 background:var(--colorbg);
 border:1px solid var(--colorborder);
 margin-top:20px;
 box-shadow:0 5px 0 0 rgba(0,0,0,.03)
}
.elementjudul {
 margin-bottom:0;
 display:inline-block;
 padding:5px 10px;
 background:#eee;
 font-weight:700
}
.elementgroup,
.toursent {
 background-image:linear-gradient(var(--colorbg),#fff);
 border:1px solid var(--colorborder);
 box-shadow:0 5px 0 0 rgba(0,0,0,.05);
 margin-bottom:20px
}
.copycheck {
 float:right;
 margin-top:15px
}
.elementgroup {
 width:100%;
 padding:10px;
 display:grid;
 grid-template-columns:repeat(1,1fr);
 gap:10px
}
.element1,
.element2,
.element3 {
 padding:0 3px;
 float:left
}
#footerwrap,
.banxs {
 display:grid;
 gap:20px
}
.element1 {
 width:17%
}
.element2 {
 width:41.5%
}
.element3 {
 width:50%
}
.toursent {
 width:100%;
 padding:20px
}
.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;
 border:1px solid #f1f1f1
}
#tourgoal .tede1,
#tourgoal .tede2 {
 border-color:#f1f1f1
}
.crumbs,
.tedetotal h4,
.wrap-post ul li {
 border-bottom:1px solid var(--colorborder)
}
#tourgoal2 {
 width:43%;
 float:right
}
.tedetotal h4 {
 margin:5px 0 10px;
 padding:0 5px 5px;
 font-size:110%
}
#tourgoal2 ol {
 margin:5px 0 30px;
 padding-left:20px
}
#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 input[type=text],
#tourform label,
#tourform select,
#tourform textarea {
 width:100%;
 display:block
}
#captcha_code {
 width:58%;
 float:right;
 margin-top:10px
}
#captchaimg {
 width:40%;
 float:left;
 margin-top:10px
}
.crumbs {
 padding:10px 0;
 margin-bottom:20px;
 font-size:90%
}
.wrap-post ul li {
 padding:3px 0;
 margin:5px 10px 5px 40px
}
.embed-container {
 position:relative;
 padding-bottom:50%;
 overflow:hidden;
 max-width:100%
}
.embed-container embed,
.embed-container iframe,
.embed-container object {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
#footerwrap {
 padding:30px var(--autopad);
 color:#fff;
 position:relative
}
#footerwrap h4 {
 margin:0 0 20px;
 color:#fff;
 font-size:130%
}
#footerwrap h5 {
 font-size:120%;
 margin:5px 0;
 color:#fff
}
.copyright {
 grid-column:1/4
}
.footbar {
 padding:20px 0;
 position:relative
}
.footbar ul li {
 padding:5px 0;
 margin-left:5px
}
.pagination {
 width:100%;
 margin:30px 0
}
.pagination a,
.pagination>.current {
 border:var(--colorborder) solid 1px;
 padding:5px 10px;
 background:#fff;
 margin:0 2px;
 display:inline-block
}
.comments li,
.comments li li li,
.comments li li li li li {
 background:var(--colorbg)
}
.pagination a:hover,
.pagination>.current {
 color:#fff;
 background:var(--color1)
}
.comments {
 text-align:left;
 margin-top:30px
}
.comments h3 {
 margin:0 0 5px;
 font-size:150%
}
.comments input[type=email],
.comments input[type=text],
.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 li {
 padding:20px;
 margin:15px 0;
 border:1px solid var(--colorborder)
}
.comment li img {
 width:50px;
 height:50px;
 padding:3px
}
.avat img {
 border-radius:50%;
 border:2px solid #eee;
 margin-bottom:10px
}
.avatar {
 border:var(--colorborder) solid 1px;
 padding:5px;
 background:#fff;
 float:left;
 margin:0 10px 0 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 {
 grid-template-columns:100%;
 text-align:center
}
#kontak,
.popup,
.scrollup {
 display:none
}
.banxs h4 {
 margin:5px 0 0
}
#kontak {
 max-width:450px;
 padding:15px
}
#kontak p {
 margin:5px 0 20px
}
#kontak ul li {
 border-bottom:1px solid #f2f2f2
}
.kontek {
 font-size:120%
}
.tabdetail .ui-widget-content,
.ui-widget-header {
 color:#666;
 background:0 0
}
.kbbm,
.kemail,
.kline,
.kmess,
.ktelp,
.kwa {
 background-repeat:no-repeat;
 padding-left:40px;
 list-style:none;
 line-height:30px;
 vertical-align:middle;
 text-align:left
}
.live,
.maintenis,
.partnerbox {
 text-align:center
}
.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)
}
.partnerbox {
 margin-bottom:20px;
 white-space:nowrap;
 overflow:auto
}
.partnerbox::-webkit-scrollbar {
 display:none
}
.partnerbox img {
 padding:5px;
 opacity:1;
 transition:.3s
}
.partnerbox img:hover,
.shareicon a:hover {
 opacity:.7
}
.scrollup {
 position:fixed;
 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 [class*=el-icon-] {
 font-size:35px;
 margin-right:10px;
 cursor:pointer
}
.popup {
 min-width:300px;
 max-width:1000px;
 padding:15px
}
.popup ul li {
 list-style:none;
 padding:5px 0
}
.popup td {
 padding:3px;
 vertical-align:top
}
.ui-tabs .ui-tabs-panel {
 display:block;
 border-width:0;
 padding:10px 0;
 background:0 0
}
.ui-widget-header {
 border:none;
 font-weight:400
}
.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-content .ui-state-active a,
.ui-widget-header .ui-state-active {
 background:#fff;
 color:var(--color2);
 height:36px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
 cursor:pointer;
 outline:0
}
.ui-datepicker th {
 font-weight:400
}
.sidecontact {
 position:fixed;
 z-index:601;
 width:60px;
 bottom:50%;
 right:-1px;
 padding:5px 5px 0;
 background:rgba(238,238,238,.85);
 border-top-left-radius:8px;
 border-bottom-left-radius:8px
}
.live {
 width:100%;
 height:30px;
 margin:10px auto
}
.live:hover {
 padding:2px
}
.onlinex {
 color:transparent;
 text-shadow:0 0 0 #2aaa52;
 font-size:10px;
 font-family:arial
}
.owl-controls .owl-buttons div {
 background:#fffc
}
.megaslider .owl-controls .owl-buttons .owl-prev,
.smallslider .owl-controls .owl-buttons .owl-prev {
 left:100px
}
.megaslider .owl-controls .owl-buttons .owl-next,
.smallslider .owl-controls .owl-buttons .owl-next {
 right:100px
}
.owl-carousel .owl-buttons .owl-next,
.owl-carousel .owl-buttons .owl-prev {
 transition:.3s;
 opacity:0
}
.owl-carousel:hover .owl-buttons .owl-prev {
 left:20px;
 opacity:1
}
.owl-carousel:hover .owl-buttons .owl-next {
 right:20px;
 opacity:1
}
.maintenis {
 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 input[type=radio],
.tripay label {
 cursor:pointer
}
.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
}