@font-face {
    font-family: 'Lulo Bold';
    src: url('lulocleanonebold-webfont.eot');
    src: url('lulocleanonebold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lulocleanonebold-webfont.woff') format('woff'),
         url('llulocleanonebold-webfont.ttf') format('truetype'),
         url('lulocleanonebold-webfont.svg#lulocleanonebold-webfont') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Proxima';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#proximanova-regular-webfont') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Lora';
    src: url('Lora-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lora-bold';
    src: url('Lora-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lora-italic';
    src: url('Lora-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Lora-bolditalic';
    src: url('Lora-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

html {font-family: Georgia, "Times New Roman", Times, serif, 'Proxima', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:16px; -webkit-font-smoothing: antialiased; font-weight:300; color:#383838; max-width:1500px; margin:0 auto;}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
article,aside,details,time,caption,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
figure {margin:0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
.submitblack{background: #383838 none repeat scroll 0 0; color: #fff; display: inline-block; font-family: "Lulo Bold",Arial,Helvetica,sans-serif; font-size: 10px; height: 40px; width:100%; line-height: 30px; margin: 0 auto; padding: 5px 30px; text-align: center;}
.submitblack:hover{background:#2b689c;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
mark {background: #ff0;color: #383838;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; margin:auto; display:block;}
imggallery {border: 0; margin:auto; display:block; width: 80%;height: 555px;}
p{margin:15px 10px; padding:0; font-size:16px; line-height:20px; font-family:"Lora",Arial;}
*,*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*svg:not(:root) {overflow: hidden;}*/
a{color:#414141;text-decoration:none;}a:hover,a:focus{color:#888;}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.fade{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.t-center{text-align:center;}.t-left{text-align:left;}.t-right{text-align:right;}
.white-text{color:#fff !important;}
.black-text{color:#383838 !important;}
.white{background:#fff !important;}
.black{background:#383838 !important;}
.white2{background:#fafafa !important;}
body{margin:0 auto; padding:0; display:block; max-width:2500px;}
.box-fix{position:fixed; top:0; left:0; width:100%; z-index:10; display:none;}
#hide-desk, .cd-header, .cd-primary-nav{display:none; visibility:hidden;}
.cd-main-content{font-family:Lora;} /*1230*1680px; 1820*/
.headers{height:73px; background:#fff; width:100%; display:block; margin:0 auto; padding:10px;text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:row;}
.headers .logo{width:auto; height:80px; display:block; margin:0 auto; padding:0; float:left;margin-left: 10px; margin-right: 28vw;}
.headers .logo img{height:110px; width:auto; display:block;border-radius: 10px;}
.menu-block{height:53px; background:#fff; width:auto;display:inline-block; margin:0 auto; text-align:center; position:relative; float:left;}
ul.desktop-menu{list-style:none; list-style-position:inside; margin:0 auto; padding:0 1px; text-align:center;display:flex; justify-content:space-between; text-transform:uppercase;font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-weight:400; height:53px; float:left;}
ul.desktop-menu li{font-size:14px;float:left;  letter-spacing:-1px; line-height:53px;padding:0 5px;}
ul.desktop-menu li a{color:#383838;}
.pilih{background:#383838;color:#999;}
.pilih a.pilihan{color:#999;}
.pilih a:hover.pilihan{color:#fff;}
ul.desktop-menu li a:hover{color:#999;}
ul.desktop-menu li.desktop-sub a, ul.desktop-menu li.desktop-sub {position:relative;}
ul.desktop-menu li.desktop-sub ul.desktop-subbox,ul.desktop-menu li.desktop-sub:hover ul.desktop-subbox{display:none; list-style:none; list-style-position:inside; background:#ddd; border:1px solid #ccc; border-radius:3px; min-height:20px; top:100%; left:-50px; padding:0; margin:0 auto; height:auto; line-height:normal; width:200px; overflow:hidden; position:absolute; z-index:3;}
ul.desktop-menu li.desktop-sub:hover ul.desktop-subbox{display:block !important;}
ul.desktop-menu li.desktop-sub:hover ul.desktop-subbox li{display:block; height:auto; line-height:normal; float:none; text-align:center; padding:5px;}
ul.desktop-menu li.desktop-sub:hover ul.desktop-subbox li a{line-height:normal; padding:5px;text-align:center;}
ul.small-menu{list-style:none; list-style-position:inside; margin:0 auto; padding:0; text-align:center;display:flex; justify-content:space-between; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:600; height:53px; float:left;}
ul.small-menu li{font-size:10px;float:left; letter-spacing:-1px; line-height:53px;padding:0 10px;}
ul.small-menu li a{color:#383838;}
ul.small-menu li a:hover{color:#999;}
ul.small-menu li.selected a{color:#f00; text-decoration:underline;}
/*video front*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.video-front{position:relative; width:100%; height:auto; overflow:hidden; display:block; background:#383838; padding-top:73px;}
.video-front .videos{width:100%; height:auto; display:block;}
.videoFramer {position:relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoFramer iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%; border:none;}
.cl-black{color:#383838 !important;}
.bg-black{background:#383838 !important; color:#fff !important;}
.bg-white{background:#fff !important; color:#111 !important;}
/*base*/
.row-body{display:block; margin:0 auto; padding:0; width:100%; overflow:hidden; min-height:50px;}
.col-body{max-width:980px; margin:0 auto; padding:15px; width:100%; display:block;min-height:50px; overflow:hidden;}
.col-table{max-width:980px; margin:0 auto; padding:15px; width:100%; display:block;min-height:50px; overflow:hidden; padding-top:88px;}
/*reservation*/
.col-reservation{display:block; width:100%; margin:0; padding:15px 0 60px 0; overflow:hidden; font-family:'Proxima',Arial, Helvetica, sans-serif;}
.col-reservation h1.call-title{font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-size:20px; padding-bottom:30px;}
.col-reservation .l-reservation{width:70%; float:left; padding-right:20px;min-height:50px;}
.col-reservation .r-reservation{width:30%; float:left;min-height:50px; margin:0 auto; text-align:center;}
.col-reservation p.text{font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-size:10px; line-height:14px;}
.col-reservation .select-date{background:#fafafa; padding:15px; overflow:hidden; display:block; min-height:50px;}
.select-date .select-box{overflow:hidden;}
.select-box .input-date{float:left; height:50px; padding:10px; border:1px solid #ccc;}
.select-date .select-box h5.title-date{font-size:16px; line-height:16px; margin-bottom:15px; float:left;}
/*weather*/
.col-weather{display:block; width:100%; overflow:hidden;}
.col-weather .l-weather{width:30%; float:left; display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:235px; padding:30px;}
.col-weather .r-weather{width:70%; float:left; display:block; overflow:hidden; min-height:235px; background:#fff;}
.col-weather h1.call-title{font-size:46px; line-height:50px; text-transform:uppercase; text-align:center;font-family:'Lulo Bold',Arial, Helvetica, sans-serif}
/*block-map 90*/
.col-map{height:62vh; display:block; overflow:hidden;}
/*club news Lulo Bold',Arial, Helvetica, sans-serif*/
.col-clubnews{display:block; width:100%; overflow:hidden; padding:30px 0;}
.col-clubnews h1.call-title{font-size:34px; text-transform:uppercase; text-align:center;font-family:spartan; margin-bottom:30px; line-height:40px;}
ul.list-clubnews{padding:0; margin:0; display:block; overflow:hidden; list-style:none; list-style-position:inside;}
ul.list-clubnews li{text-align: center;padding:15px; width:50%; float:left; position:relative; overflow:hidden;}
ul.list-clubnews li .the_images{display:block; width:100%; height:auto; margin-bottom:10px;}
ul.list-clubnews li .the_images img{display:block; height:auto; width:100%;}
ul.list-clubnews li .texted{display:block;}
ul.list-clubnews li .texted h2.title{font-size:25px; line-height:29px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:20px; font-weight:500;}
ul.list-clubnews li .texted p{font-size:16px; line-height:20px; margin:0 0 20px 0;}
ul.list-clubnews li .white-ontop{transition: all .3s ease-in-out;position:absolute; top:0; left:-100%; right:0; bottom:0; padding:15px; background:#fff; width:100%; height:100%; visibility:hidden;}
ul.list-clubnews li:hover .white-ontop{position:absolute; top:0; left:0; right:0; bottom:0; padding:15px; background:#fff; width:100%; height:100%;transition: all .9s ease-in-out; visibility:visible;}
ul.list-clubnews li .trans10{transition: all .3s ease-in-out; opacity:0;transform: translate(-100%,0);}
ul.list-clubnews li .trans12{transition: all .3s ease-in-out; opacity:0;transform: translate(-100%,0);}
ul.list-clubnews li .trans14{transition: all .3s ease-in-out; opacity:0;transform: translate(-100%,0);}
ul.list-clubnews li:hover .trans10{transition: all 1s ease-in-out; opacity:1;transform: translate(0,0);}
ul.list-clubnews li:hover .trans12{transition: all 2s ease-in-out; opacity:1;transform: translate(0,0);}
ul.list-clubnews li:hover .trans14{transition: all 3s ease-in-out; opacity:1;transform: translate(0,0);}
/*button*/
.white-button{height:40px; line-height:20px; padding:5px 15px; border:3px solid #fff; color:#fff; text-align:center; font-size:12px; background:transparent; font-family:'Lulo Bold',Arial, Helvetica, sans-serif; line-height:15px;}
.red-hover{color:#fff;}
.red-hover:hover{color:#f00 !important;}
a.black-button {display:inline-block; padding:5px 30px; margin:0 auto; background:#383838; color:#fff; text-align:center;font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-size:10px; height:40px; line-height:30px;}
a.black-button:hover{background:#146F5D;}
a.black-button.disline{display:inline-block; width:auto;}
/*nkg moment*/
.col-nkg{overflow:hidden; display:block; padding:30px 0; margin:0 auto;}
.col-nkg h1.call-title{font-size:34px; text-transform:uppercase; text-align:center;font-family:'spartan'; margin-bottom:20px; line-height:40px;}
.col-nkg p{font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; max-width:560px; margin:0 auto;margin-bottom:20px; text-align:center;}
ul.list-gallery{padding:0; margin:0 auto; list-style:none; list-style-position:inside; width:100%;}
ul.list-gallery li{position: relative;    width:25%;    overflow: hidden;	float:left;	margin:0 auto;}
ul.list-gallery li:before{content: "";    display: block;    padding-top:100%;}
ul.list-gallery li .square-content{    position:  absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    color: white;}
ul.list-gallery li .img-gallery {   display: flex;   width: 100%;   height: 100%;   align-items:center;   justify-content:center;   position:relative;}
ul.list-gallery li .img-gallery h4.title{font-size:14px; text-align:center; z-index:4; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0;background:rgba(255,255,255,0); display:flex; align-items:center; justify-content:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; font-family:'Lulo Bold', Arial; letter-spacing:-3px;}
ul.list-gallery li .img-gallery:hover h4.title{opacity:1; background:rgba(255,255,255,0.8);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
ul.list-gallery li .img-gallery img{width:auto; height:100%;}
/*contact*/
.col-contact{padding:0; display:block; overflow:hidden; margin:0 auto;}
.col-contact .l-contact{width:65%; float:left; position:relative;}
.col-contact .l-contact h2.call-title{position:absolute; z-index:2; top:30px; left:0; right:0; width:100%; text-align:center; font-size:60px; line-height:64px;font-family:'Lulo Bold',Arial, Helvetica, sans-serif; color:#fff;}
.col-contact .l-contact.centering{width:50%;}
.col-contact .r-contact.centering{width:50%; max-height: 625px;}
.col-contact .l-contact img{width:100%; height:auto; display:block;}
.col-contact .r-contact{width:35%; float:left;height:100%; padding:30px 80px; display:flex; align-items:center; justify-content:center; flex-direction:column; overflow:hidden; max-height:580px;}
ul.small-sosmed{margin:10px auto; padding:0; list-style:none; list-style-position:inside;}
ul.small-sosmed li{display:inline-block; width:24px; height:24px; margin:0 3px;}
ul.small-sosmed li img{width:24px; height:24px; display:block;}
/*white & black button*/
.black-button{margin:0 auto; width:100%; display:block; text-align:center; padding:10px 16px; font-size:10px; font-weight:400; overflow:hidden;}
.black-button a,.black-button button{width:auto; padding:10px 16px;letter-spacing:4px;  height:auto; background:#383838; color:#fff; position:relative;}
.black-button a:hover,.black-button button:hover{background: #146F5D;}
.white-button{    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 16px;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;}
.white-button a{width:auto; padding:10px 16px;letter-spacing:4px;  height:auto; background:#fff; color:#383838; position:relative;}
.white-button a:hover{background: rgba(43, 104, 156, 1); color:#fff;}
/*form*/
input.members{border:1px solid #ddd; background:#fff; width:100%; height:40px; padding:10px; font-size:13px; line-height:16px; font-weight:500;margin-bottom:10px;font-family:'Georgia',"Times New Roman", Times, serif; color:#000;}
select.members{border:1px solid #ddd; background:#fff; width:100%; height:40px; padding:10px; font-size:13px; line-height:16px; font-weight:500;margin-bottom:10px;font-family:'Georgia',"Times New Roman", Times, serif; color:#000;}
textarea.members{border:1px solid #ccc; background:#fff; width:100%; height:100px; padding:10px; font-size:13px; line-height:16px; font-weight:500;margin-bottom:10px;font-family:'Georgia',"Times New Roman", Times, serif; color:#000;}
.members.mid{border:1px solid #ddd; background:#fff; width:49%; height:40px; padding:10px; font-size:13px; line-height:16px; font-weight:500;margin-bottom:10px; margin-right:2%;float:left;}
.members.mid.last{margin-right:0; float:left;}
ul.time{list-style:none; list-style-position:inside; margin:0; padding:0; width:100%; overflow:hidden; display:block;}
ul.time.point{display:flex; align-items:center; justify-content:center; flex-direction:column; margin-top:100%;}
ul.time li .number{width:60px; height:60px; font-size:25px; line-height:55px; padding:0; border-radius:30px; color:#fff; background:#383838; margin:0 auto; margin-bottom:10px; text-align:center; letter-spacing:-2px; font-family:'Georgia',"Times New Roman", Times, serif;}
ul.time li{width:20%; float:left; padding:10px; text-align:center;}
ul.time li.flat{width:100% !important; float:none; padding:0;}
.box-map{margin:30px auto; max-width:780px; padding:0; display:block;}
ul.list{font-size:18px; line-height:20px;}
ul.list li{margin:5px 0;}
/*date pickup*/
.picbox-icon{position:relative;font-family:'Proxima',Arial;}
.picbox-icon .icon-calendar{width:30px; height:30px; position:absolute; top:15px; left:10px; z-index:2;}
.pickmeup{background:#000;border-radius:2px;-moz-box-sizing:content-box;box-sizing:content-box;display:none;position:absolute;z-index:9999;}.pickmeup *{-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Proxima',Arial;}.pickmeup .pmu-instance{display:inline-block;height:200px;padding:5px;text-align:center;width:250px;}.pickmeup .pmu-instance .pmu-button{color:#eee;cursor:pointer;outline:none;text-decoration:none;font-size:14px;}.pickmeup .pmu-instance .pmu-today{background:#999;color:#fff;}.pickmeup .pmu-instance .pmu-button:hover{background:#000;color:#0CF;}.pickmeup .pmu-instance .pmu-not-in-month{color:#666;}.pickmeup .pmu-instance .pmu-disabled,.pickmeup .pmu-instance .pmu-disabled:hover{color:#333;cursor:default;}.pickmeup .pmu-instance .pmu-selected{background:#0CF;color:#fff;}.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected{background:#17384d;}.pickmeup .pmu-instance nav{color:#eee;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:2em;}.pickmeup .pmu-instance nav *:first-child :hover{color:#ea9201;}.pickmeup .pmu-instance nav .pmu-prev,.pickmeup .pmu-instance nav .pmu-next{display:none;height:2em;width:1em;}.pickmeup .pmu-instance nav .pmu-month{width:14em;}.pickmeup .pmu-instance .pmu-years *,.pickmeup .pmu-instance .pmu-months *{display:inline-block;line-height:3.6em;width:3.5em;}.pickmeup .pmu-instance .pmu-day-of-week{color:#999;cursor:default;}.pickmeup .pmu-instance .pmu-day-of-week *,.pickmeup .pmu-instance .pmu-days *{display:inline-block;line-height:1.5em;width:34px;}.pickmeup .pmu-instance .pmu-day-of-week *{line-height:1.8em;}.pickmeup .pmu-instance:first-child .pmu-prev,.pickmeup .pmu-instance:last-child .pmu-next{display:block;}.pickmeup .pmu-instance:first-child .pmu-month,.pickmeup .pmu-instance:last-child .pmu-month{width:13em;}.pickmeup .pmu-instance:first-child:last-child .pmu-month{width:210px;}.pickmeup:not(.pmu-view-days) .pmu-days,.pickmeup:not(.pmu-view-days) .pmu-day-of-week,.pickmeup:not(.pmu-view-months) .pmu-months,.pickmeup:not(.pmu-view-years) .pmu-years{display:none;}
/*footer*/
.scrollTop {display:none; position: fixed; width:50px; height:50px; z-index:5; bottom:0px; right:10px;opacity:0.5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; cursor:pointer;}
.scrollTop:hover{opacity:1;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.bg-footer{padding:0; background:#383838; display:flex; flex-direction:column; overflow:hidden; width:100%;}
.bg-footer .footer-bottom{width:100%; padding:0; min-height:32px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; font-size:12px; color:#fff; padding-bottom:0;}
.col-newsletter{padding:30px 15px; background:#eee; overflow:hidden;}
.l-footer{width:60%; float:left;}
.r-footer{width:40%; text-align:center; padding:15px; float:left;}
ul.f-logos{list-style:none; list-style-position:inside; margin:0; padding:0; display:block; float:right;}
ul.f-logos li{float:left;margin:0; padding:10px 0; display:block;}
ul.f-logos li img{display:block; width:auto; height:60px;}
ul.f-logos li:first-child{padding:0; padding-right:5px; margin-right:5px; position:relative; border-right:1px solid #fff;}
ul.f-logos li:first-child img{height:80px;}
h3.phone-contact{font-family:'spartan';  font-size:30px; line-height:34px; margin-bottom:20px;}
h3.phone-contact span{float:left; width:36px; height:36px; margin-right:5px;}
.bg-footer .copy{font-size:11px;text-align:left; padding:15px;}
.box-subscribe{padding:10px; height:60px; width:50%; margin:0 auto;}
input.subcribe{border:1px solid #999; background:#ddd; width:75%; height:40px; padding:10px; font-size:13px; line-height:16px; font-weight:500;font-family:'spartan', Times, serif; color:#000; float:left;}
.box-subscribe .btn-subcribe{border:none; height:40px; padding:0 15px; width:25%; background:#383838; color:#fff; font-size:10px;}
.mainscroll{position:relative; z-index:4;margin-top:0;}
.mainfixed{position:relative; top:0; left:0; width:100%; z-index:300; background:#fff; height:auto;}
.header-fixed{position:fixed; z-index:300; width:100%; background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.3); height:73px;}
.hidden{opacity: 0;}
.visible{opacity: 1;}
.animZoomInUp, .a-FadeInUp{}
/*kanal*/
.col-kanal{display:block; overflow:hidden; width:100%;}
.col-kanal.pt73{padding-top:73px;}
.col-kanal-header{height:360px; width:100%; padding:0; display:flex; align-items:center; justify-content:center; background:#383838; color:#fff; background-size:cover !important;}
.img-kanal-header{height:360px; width:100%; padding:10px; display:flex; align-items:center; justify-content:center; color:#fff; background-size:cover !important; opacity:1;}
h1.kanal-title{font-size:40px; line-height:44px; text-align:center; padding:15px; text-transform:uppercase; font-family:'spartan' ; text-shadow:1px 1px 3px rgba(0,0,0,0.3); position:absolute; top:auto; left:auto; right:auto; bottom:auto; z-index:2;}
small.kanal-title{font-size:10px; line-height:15px; text-align:center; padding:5px; text-transform:uppercase; font-family:'Lulo Bold',Arial, Helvetica, sans-serif; text-shadow:1px 1px 3px rgba(0,0,0,0.3); position:absolute; top:200px; left:auto; right:auto; bottom:auto; z-index:2;}
h1.kanal-title.no-absolute{position:relative;}
h2.kanal-title{font-size:30px; line-height:34px; text-align:center; padding:15px; text-transform:uppercase; font-family:'spartan';}
.prlx-box{max-width:960px; padding:30px 15px; overflow:hidden; display:block; font-size:16px; margin:0 auto; font-family:Georgia, "Times New Roman", Times, serif;}
/*kanal facilities*/
ul.list-facilities{margin:20px auto; padding:0 ; display:block; overflow:hidden; width:100%; list-style:none; list-style-position:inside; background:#fff; max-width:1200px;}
ul.list-facilities li{width:31.33%; padding:0; margin:1%; text-align:center; float:left; position:relative; overflow:hidden;display:flex; align-items:center; justify-content:center;}
ul.list-facilities li .round-black{background:rgba(0,0,0,0.3); text-align:center; padding:15px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center;transition: all .3s ease-in-out;}
ul.list-facilities li .round-black h3.title{font-size:20px; line-height:34px; color:#fff; text-align:center; font-weight:700; height:70px; display:flex; justify-content:center; align-items:center; font-family:'spartan';transition: all .9s ease-in-out;}
ul.list-facilities li .round-black p{color:rgba(255,255,255,0);transition: all .3s ease-in-out; height:0; visibility:hidden;}
ul.list-facilities li .display-img{position: relative;width:100%;overflow: hidden;margin:0 auto; display: flex; height:410px; align-items:center; justify-content:center;}
ul.list-facilities li .display-img img{width:100%; height:auto; display:block;}
/*ul.list-facilities li:hover .round-black{transition: all .3s ease-in-out; background:rgba(0,0,0,0.3); top:10%; bottom:10%;} */
ul.list-facilities li:hover .round-black p{color:rgba(255,255,255,1);transition: all .9s ease-in-out; height:auto; visibility:visible;}
ul.list-facilities li:hover .round-black h3.title{transition: all .9s ease-in-out;height:50px;}

/*kanal kalender*/
ul.list-kalender{margin:20px auto; padding:0 ; display:block; overflow:hidden; width:100%; list-style:none; list-style-position:inside; background:#fff; /*max-width:1200px;*/
    max-width:870px;
}
ul.list-kalender li{
    /*width:23%; height: 250px;*/
    width:200px; height: 200px;
    padding:0; margin:1%; text-align:center; float:left; position:relative; overflow:hidden;display:flex; align-items:center; justify-content:center;}
ul.list-kalender li .round-black{background:rgba(0,0,0,0.3); text-align:center; padding:15px; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center;transition: all .3s ease-in-out;}
ul.list-kalender li .round-black h3.title{font-size:20px; line-height:34px; color:#fff; text-align:center; font-weight:700; height:70px; display:flex; justify-content:center; align-items:center; font-family:'spartan';transition: all .9s ease-in-out;}
ul.list-kalender li .round-black p{color:rgba(255,255,255,0);transition: all .3s ease-in-out; height:0; visibility:hidden;}
ul.list-kalender li .display-img{position: relative;width:100%;overflow: hidden;margin:0 auto; display: flex; height:410px; align-items:center; justify-content:center;}
ul.list-kalender li .display-img img{width:100%; height:auto; display:block;}
/*ul.list-facilities li:hover .round-black{transition: all .3s ease-in-out; background:rgba(0,0,0,0.3); top:10%; bottom:10%;} */
ul.list-kalender li:hover .round-black p{color:rgba(255,255,255,1);transition: all .9s ease-in-out; height:auto; visibility:visible;}
ul.list-kalender li:hover .round-black h3.title{transition: all .9s ease-in-out;height:50px;}

/*big images*/
.centerall{display:flex; align-items:center; justify-content:center;}
.box-big-images{width:100%; padding:0; margin:0 auto; height:auto; overflow:hidden;}
.box-big-images.mx1200{max-width:1200px; padding:30px 15px;}
.box-big-images .l-big-images{width:30%; height:100vh; padding:30px;float:left;}
.box-big-images .r-big-images{width:70%; height:auto; padding:0; float:left;}
.box-big-images .l-big-images.w70{width:40%; height:auto; padding:0; float:left; padding:0;}
.box-big-images .r-big-images.w30{width:60%; height:auto; padding-left:30px;float:left;}
.box-big-images .r-big-images .big-cover, .box-big-images .l-big-images .big-cover{width:100%;}
.box-big-images .r-big-images .big-cover img, .box-big-images .l-big-images .big-cover img{width:100%; display:block; height:auto; margin:0;}
/*kanal play & stay*/
.col-play{margin:0 auto; max-width:1200px; padding:15px; overflow:hidden;}
.col-play .banner img{width:100%; height:auto; display:block; margin:0 0 15px 0;}
.col-play  p{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:22px;  margin:15px 0;}
ul.list-play{ list-style:none; list-style-position:inside; margin:0; padding:0;}
ul.list-play li{width:100%; overflow:hidden; padding:15px; border:1px solid transparent;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; box-shadow:none; margin-bottom:30px;}
ul.list-play li .l-list-play{width:35%; float:left;}
ul.list-play li .l-list-play img{width:100%; display:block;}
ul.list-play li .r-list-play{padding-left:30px; width:65%; float:left;}
ul.list-play li h2.title-play{font-size:18px; line-height:22px; margin:0 0 15px 0;font-family:Georgia, "Times New Roman", Times, serif;}
ul.list-play li p{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:22px;  margin:15px 0;}
ul.list-play li:hover{border:1px solid #ccc;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;box-shadow:inset 1px 1px 11px rgba(0,0,0,0.1); background:#f8f8f8;}
/*wedding*/
.box-wedding{margin:0; padding:0; width:100%; min-height:100vh;}
.box-wedding .wedding-img{overflow:hidden; min-height:100vh;width:25%; float:left;}
.box-wedding .wedding-text{padding:15px; overflow:hidden;width:25%; float:left; min-height:644px;}
/*tab*/
#tab-container {position:relative; width:100%; display:block;}
ul.tabs-menu {width:100%;height:40px;list-style:none;list-style-position:inside;padding:0 30px;	display:flex; flex-direction:row; justify-content:space-around; align-items:center; margin:15px auto;}
.tabs-menu li {height:40px;line-height:30px;background-color: #383838;padding:0 15px;color:#fff;font-size:10px; font-family:'Lulo Bold',Arial, Helvetica, sans-serif;}
.tabs-menu li.current {position: relative;background-color: #2b689c;z-index: 5;color:#fff;}
.tabs-menu li a {padding:5px 10px;text-transform: uppercase;color: #fff;text-decoration: none;display:block;}
.tabs-menu .current a {color: #fff;}
.tab {background-color: #fff;width:100%; padding:15px 30px; overflow:hidden;}
.tab p{font-size:16px; line-height:20px; margin:0 0 20px 0;}
.tab .left-tab{width:30%; float:left; display:block; padding-right:10px;}
.tab .right-tab img{width:100%; height:auto; display:block;}
.tab .right-tab{width:70%; float:left; display:block; padding-left:10px;}
.tab-content {width:auto;padding: 0;display: none;}
#tab-indonesia {display: block;}
/*calendar*/
.col-calendar{display:block; margin:0 auto; padding:15px; max-width:960px; overflow:hidden;}
.col-calendar .l-calendar{width:55%; float:left; margin:0; padding:0;}
.col-calendar .r-calendar{width:45%; float:left; padding-left:15px;}
.col-calendar .r-calendar .event-display{ display:block; width:100%; height:auto; overflow:hidden;margin:0; padding-top:30px;}
.col-calendar .r-calendar .event-display img{ display:block; width:100%; height:auto; margin:0;}
/*golf*/
.col-golf{width:100%; display:block; overflow:hidden; margin:0 auto; padding:0;}
.col-golf .l-golf{float:left; width:60%; overflow:hidden; margin:0; padding:0;}
.col-golf .l-golf .golf-img{width:100%; height:auto; display:block;margin:0; overflow:hidden;}
.col-golf .l-golf .golf-img img{width:100%; height:auto; display:block;}
.col-golf .r-golf{float:left; width:40%; overflow:hidden; margin:0 auto; padding:15px 30px;}
.col-golf ul{font-size:16px; line-height:20px; margin:3px 0; font-family:Georgia, "Times New Roman", Times, serif;}
.col-golf .c-golf{margin:0 auto; max-width:1200px; padding:15px; overflow:hidden;}
.c-golf .cl-golf{margin:0 auto; width:40%; padding-right:15px; overflow:hidden; float:left;}
.c-golf .cr-golf{margin:0 auto; width:60%; padding-left:15px; overflow:hidden; float:left;}
.golf-rate{padding:15px 30px 30px 30px; display:block; overflow:hidden;margin:0 auto; max-width:960px;font-family:'lora';}
.golf-rate .l-rate{width:50%; float:left; padding-right:15px; overflow:hidden; display:block;}
.golf-rate .r-rate{width:50%; float:left; overflow:hidden; display:block;padding-left:15px;}
.golf-rate table tr td{padding:4px;}
/*tab-samping*/
#tabside-container {position:relative; width:100%; display:block; overflow:hidden;max-width:1200px; padding:15px; margin:0 auto;}
ul.tabside-menu {width:15%;height:auto;float: left;clear: both;list-style:none;list-style-position:inside;	padding:0;	margin:0 auto; font-family:'Lulo Bold',Arial, Helvetica, sans-serif;}
.tabside-menu li {height:auto;line-height:20px;padding:0px;color:#383838;	font-size:11px; border-bottom:1px solid #ccc;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tabside-menu li:first-child{border-top:1px solid #ccc;}
.tabside-menu li:hover{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tabside-menu li.current {position: relative;background-color: #111;z-index: 5;color:#948a52;}
.tabside-menu li a {padding:5px 10px;text-transform: uppercase;color: #999;text-decoration: none;	display:block;}
.tabside-menu .current a {color: #fff;}
.tabside {background-color: #fff;float: left;margin-bottom:0;width:85%;}
.tabside .l-tabside{width:50%; float:left; display:block; padding:0 15px; overflow:hidden;}
.tabside .l-tabside img{width:100%; height:auto; display:block;}
.tabside .r-tabside{width:50%; float:left; display:block; padding:15px; overflow:hidden; background:url(../images/bg-daun.webp) no-repeat; background-size:cover; background-attachment:fixed;}
.tabside-content {width:auto;padding: 0;display: none;}
.tabside-content h1.tab-title{font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-size:24px; line-height:30px; text-transform:uppercase; text-align:center; margin-bottom:15px; color:#fff; text-shadow:1px 1px 11px rgba(0,0,0,0.8);}
#tabside-1 {display: block;}
.tabside-content p{font-size:14px; line-height:20px; margin:15px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; text-shadow:1px 1px 9px rgba(0,0,0,0.8);}


/*table box*/
.table-box {margin:0px;padding:0px;width:100%;border:0px solid #fff;}
.table-box .t-left{text-align:left;}
.table-box table{width:100%;height:100%;margin:0px;padding:0px;}
.table-box tr:last-child td:last-child {}
.table-box table tr:first-child td:first-child {}
.table-box table tr:first-child td:last-child {}
.table-box tr:last-child td:first-child{}
.table-box tr:hover td{}.table-box tr:nth-child(odd){ background-color:#fff; }
.table-box tr:nth-child(even){ background-color:#f8f8f8; }
.table-box td{vertical-align:middle;border-width:0px;text-align:center;padding:10px 5px;font-size:12px;font-weight:500; font-family:arial;}
.table-box tr:first-child td{background:#eee; color:#9C0; font-family:'Lulo Bold',Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:-2px;}
.table-box tr:last-child td{border-width:0px;}
.table-box tr td:last-child{border-width:0px;}
.table-box tr:last-child td:last-child{border-width:0px 0px 0px 0px;}
.table-box a{ text-decoration:underline;}
.table-box a:hover{}
.table-box .input-table{padding:3px 5px; border-radius:3px; border:1px solid #ccc; background:#fff; width:100%; display:inline-block; margin:0 auto; height:30px;}
.table-box .input-table.small{width:50%;}
.table-box .cancel, .table-box .cancel a{color:#f00 !important;}
/*modal-booking detail*/
.booking-detail{display:block; overflow:hidden; margin:0 auto;}
.booking-detail h1.book-title{text-align:center; margin:0 0 10px 0; font-size:18px; line-height:22px;}
.cl-green, .cl-green a{color:#9C0 !important;}
.booking-detail h4.red-notice{display:inline-block; text-align:center; margin:0 auto 10px auto; padding:3px 9px; font-size:12px; background:#f00; color:#fff; border-radius:3px;}
.booking-detail h4.green-notice{display:inline-block; text-align:center; margin:0 auto 10px auto; padding:3px 9px; font-size:12px; background:#0f0; color:#fff; border-radius:3px;}
.booking-detail .box-info{padding:5px; border:1px solid #ccc; background:#fff; border-radius:3px; margin:0 auto 10px auto;}
.box-info table tr td{padding:4px;}
.check{position:relative; margin-right:2px; width:16px; display:inline-block;}
.check:before{content:'\2714'; color:#9C0; top:0; left:0;}
.cross{position:relative; margin-right:2px; width:16px; display:inline-block;}
.cross:before{content:'\2716'; color:#F00; top:0; left:0;}
.phone{position:relative; margin-right:2px; width:16px; display:inline-block;}
.phone:before{content:'\260E'; color:#9C0; top:0; left:0;}
.mail{position:relative; margin-right:2px; width:16px; display:inline-block;}
.mail:before{content:'\2709'; color:#9C0; top:0; left:0;}
.person{position:relative; margin-right:2px; width:16px; display:inline-block;}
.person:before{content:'\263A'; color:#9C0; top:0; left:0;}

/*booking page*/
.booking-head{height:40px; width:100%; margin:0 0 10px 0;}
.booking-head h2.title-booking{font-size:16px; line-height:40px; float:left; font-family:'Lulo Bold',Arial, Helvetica, sans-serif; letter-spacing:-1px;}
.booking-head .box-booking-menu{float:right; min-width:200px; height:40px;}
ul.booking-menu{list-style:none; list-style-position:inside; margin:0; padding:0;}
ul.booking-menu li{height:40px; line-height:40px;  padding:0 10px;float:left; font-size:10px;font-family:'Lulo Bold',Arial, Helvetica, sans-serif; letter-spacing:-1px; position:relative;}
ul.booking-menu li.select{ background:#eee;}
.time-bullet{height:50px; width:50px; text-align:center; font-size:11px; border-radius:50%; float:left; margin:3px; border:1px solid #ddd; background:#fff; display:flex; align-items:center; justify-content:center;}
.time-bullet a{text-decoration:none !important;}
.bg-01{background:#ffe5cc !important;}
.bg-02{background:#ffcccc !important;}
.bg-03{background:#ccffff !important;}
.bg-04{background:#ccffe5 !important;}
.bg-05{background:#ccccff !important;}
.bg-06{background:#ccffcc !important;}
.bg-07{background:#ffffcc !important;}
.bg-08{background:#cce5ff !important;}
.bg-09{background:#fcdbdb !important;}
.box-rate-card{min-height:30px; position:relative; padding-right:30px; display:block;}
.box-rate-card .rate-card{height:30px; float:left; padding:0 15px; text-align:center; font-size:11px; line-height:30px; margin:0 1px 1px 0;}
.box-rate-card .add-rate-card a{height:30px; width:30px; text-align:center; font-size:14px; line-height:30px; position:absolute; top:0; right:0; z-index:2; background:#ddd;}
.select-rate{border:1px solid #ddd; background:#fff; width:100%; height:30px; padding:5px; font-size:12px; line-height:14px; font-weight:400;font-family:Arial; color:#000; border-radius:3px;}
.box-rate-card .add-rate-card a:hover{background:#ccc;}
.box-rate-time{display:block; overflow:hidden; margin:0 0 10px 0;}
.box-rate-time .time-left{width:50%; float:left; padding-right:10px; text-align:left;}
.box-rate-time .time-left .left-first{width:33.33%; float:left; padding-right:10px; position:relative;}
.box-rate-time .time-left .left-first:before{content:':'; position:absolute; right:3px; top:8px; font-weight:bold; font-size:12px;}
.box-rate-time .time-left .left-middle{width:33.33%; float:left; padding-right:10px;}
.box-rate-time .time-left .left-right{width:33.33%; float:left;}
.box-rate-time .time-right{width:50%; float:left; padding-left:10px; text-align:left;}
.centring-box{width:60%; margin:0 auto 10px auto;}
.radio-rate{position:relative; top:3px; margin-right:5px;}
/*switch on/off */
.switch {  position: relative;  display: inline-block;  width: 48px;  height:20px;}.switch input {display:none;}.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s;}.slider:before {  position: absolute;  content: "";  height: 16px;  width: 16px;  left:3px;  bottom:2px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}input:checked + .slider {  background-color: #9C0;}input:focus + .slider {  box-shadow: 0 0 1px #9C0;}input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}/* Rounded sliders */.slider.round {  border-radius: 20px;}.slider.round:before {  border-radius: 50%;}

 .carousel{position:relative;margin-bottom:20px;line-height:1}
	 .carousel-inner{position:relative;width:100%;overflow:hidden}
	 .carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left} .carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1}
	 .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
	 .carousel-inner>.active{left:0}
	 .carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
	 .carousel-inner>.next{left:100%}
	 .carousel-inner>.prev{left:-100%}
	 .carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
	 .carousel-inner>.active.left{left:-100%}
	 .carousel-inner>.active.right{left:100%}
	 .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:130px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
	 .carousel-control.right{right:15px;left:auto}
	 .carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
	 .carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}
	 .carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}
	 .carousel-indicators .active{background-color:#fff}
	 .carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{line-height:20px;color:#fff}
	 .carousel-caption h4{margin:0 0 5px}
	 .carousel-caption p{margin-bottom:0}
	 .hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
	 .hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;color:inherit}
	 .hero-unit li{line-height:30px}.pull-right{float:right}
	 .pull-left{float:left}.hide{display:none}
	 .show{display:block}
	 .invisible{visibility:hidden}
	 .affix{position:fixed}
	 .thumbnails{margin-left:-20px;list-style:none;*zoom:1}
	 .thumbnails:before,.thumbnails:after{display:table;line-height:0;content:""}
	 .thumbnails:after{clear:both}
	 .row-fluid 
	 .thumbnails{margin-left:0}
	 .thumbnails>li{float:left;margin-bottom:20px;margin-left:20px}
	 .thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
	 a.thumbnail:hover,a.thumbnail:focus{border-color:#08c;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}
	 .thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}
	 .thumbnail .caption{padding:9px;color:#555}
	 .span3{width:220px}


.newskiri{float:left;width:33%;height:600px}
.newskanan{float:right;width:66%;background-color: #fff;height:600px}
.kananli li{width:50%;}
.dtgallery{height:150px;width:150px}
.round-black .dt_gallery{height:150px;width:auto}
.texted{height:120px}
.lightwidget-widget{width: 70%; border: 0; overflow: hidden;}