#qx-section-36465 { padding-top : 0px; padding-right : 0px; padding-bottom : 100px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); background-image : url("http://localhost/visitmatim2019/images//Destination/NANGA RAWA BEACH 1.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-36465-background-overlay { opacity : 0.12;  } #qx-section-36465:hover .qx-section-36465-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-36465 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-36465 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-21467 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-21467-background-overlay {  } #qx-row-21467:hover .qx-row-21467-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-21467 {  }  } @media (max-width: 767px) { #qx-row-21467 {  }  } #qx-column-82468 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-82468 { flex: 25%; max-width: 25%; } .qx-column-82468-background-overlay {  } #qx-column-82468:hover .qx-column-82468-background-overlay {  } #qx-column-82468 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-82468 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-82468 > .qx-col-wrap {  } #qx-column-82468 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-82468 > .qx-col-wrap {  } #qx-column-82468 { flex: 100%; max-width: 100%; }  } #qx-column-80470 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-80470 { flex: 50%; max-width: 50%; } .qx-column-80470-background-overlay {  } #qx-column-80470:hover .qx-column-80470-background-overlay {  } #qx-column-80470 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-80470 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-80470 > .qx-col-wrap {  } #qx-column-80470 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-80470 > .qx-col-wrap {  } #qx-column-80470 { flex: 100%; max-width: 100%; }  } #qx-heading-68490 { margin-bottom : 30px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-68490 h2 { line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-68490 {  }  } @media (max-width: 767px) { #qx-heading-68490 {  }  } #qx-column-13472 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-13472 { flex: 25%; max-width: 25%; } .qx-column-13472-background-overlay {  } #qx-column-13472:hover .qx-column-13472-background-overlay {  } #qx-column-13472 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-13472 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-13472 > .qx-col-wrap {  } #qx-column-13472 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-13472 > .qx-col-wrap {  } #qx-column-13472 { flex: 100%; max-width: 100%; }  } #qx-row-41374 { border-style : solid; border-color : rgba(111, 66, 193, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-41374-background-overlay { background-size : cover; background-position : center; background-repeat : no-repeat;  } #qx-row-41374:hover .qx-row-41374-background-overlay {  } #qx-row-41374 > .qx-row {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-41374 {  }  } @media (max-width: 767px) { #qx-row-41374 {  }  } #qx-column-16375 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-16375 { flex: 100%; max-width: 100%; } .qx-column-16375-background-overlay {  } #qx-column-16375:hover .qx-column-16375-background-overlay {  } #qx-column-16375 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-16375 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-16375 > .qx-col-wrap {  } #qx-column-16375 { flex: 100%; max-width: 100%; } #qx-column-16375 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-16375 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-16375 > .qx-col-wrap {  } #qx-column-16375 { flex: 100%; max-width: 100%; } #qx-column-16375 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-16375 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-media-carousel-46379 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-46379 .qx-panel-wrapper { position : relative; overflow : hidden;  } #qx-media-carousel-46379 .qx-element-media-carousel__wrapper .qx-slider-items { margin-left : -15px;  } #qx-media-carousel-46379 .qx-element-media-carousel__wrapper .qx-slider-items li { padding-left : 15px; min-width : 1px;  } #qx-media-carousel-46379 .qx-overlay-default { background : rgba(0, 0, 0, 0.4);  } #qx-media-carousel-46379 .qx-slider-items li img { width : auto; max-width : 100%; overflow : hidden; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-46379 .qx-panel-wrapper .qx-panel { z-index : 2;  } #qx-media-carousel-46379 .qx-panel-wrapper .qx-panel * { color : rgba(0, 0, 0, 1);  } #qx-media-carousel-46379 .qx-icon * { color : rgba(102, 102, 102, 0.6); width : 25px; height : 25px;  } #qx-media-carousel-46379 .qx-dotnav li * { background-color : rgba(238, 238, 238, 1); width : 15px; height : 15px;  } #qx-media-carousel-46379 .qx-dotnav li.qx-active * { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-46379 .qx-dotnav li { padding-left : 12px; margin-top : 25px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-horizontal { display : flex; flex-wrap : wrap; list-style : none; margin-left : -12px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-horizontal li { padding-left : 12px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-horizontal li:first-child { padding-left : 0;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-horizontal li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); width : 25px; height : 5px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-vertical { display : inline; list-style : none;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-vertical li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); height : 25px; width : 5px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-vertical li:first-child { padding-top : 0;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav-vertical li { padding-top : 12px;  } #qx-media-carousel-46379 .bar-navigation .qx-barnav li.qx-active a { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-46379 .qx-element-media-carousel__wrapper { position : relative;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-media-carousel-46379 {  }  } @media (max-width: 767px) { #qx-media-carousel-46379 {  }  }