@import "ionicons.min.css";

.title-slide{
	position: absolute;
	font-size: 30px;
	text-align: center;
}
footer,
.content,
.wrapper,
header{
	float:left;
	width:100%;
}
.no-padding{padding:0;}
.padding-left-0{padding-left:0;}
.no-margin{margin:0;}
.wrapper{
    overflow: hidden;
}
.padding30{
	padding-top: 30px;
}
.padding20{
	padding: 20px;
}
.padding15{
	padding-right:15px;
}
.text-white{
	color: #fff !important;
}
.padtop20{
	padding-top: 20px;
}
.bottom30{
	padding-bottom: 50px;
}
.padbotom30{
	padding-bottom: 30px;
}
.drop-shadow{
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);
}
.bg-white{background:#fff;}
.uppercase{
	text-transform: uppercase !important;
}
h2.lap-info{
	color: #FFF !important;
}
h4.pengumuman{
	padding-top: 12px;
	color: #fff;
	font-weight: bold;
}
.cl-white{color:#fff !important;}
header{
	position:relative;
	z-index:12;
	box-shadow:0px 0px 4px -1px rgba(0,0,0,0.6);
}
body{
    
}
.map_canvas{
	display:none;
}
div.pac-logo:after{
	display:none !important;
}
.dl-menuwrapper{
    display: none;
}
div.selectric .label{
    font-weight: 400;
}
.tabs-items li a i,
.subscribe-form button i,
.kf_filtrable_pinter li a i{
    display: none;
}
.overflow-hide{
    overflow: hidden;
    float: left;
    width: 100%;
}
#top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
    line-height: 56px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);
}
#top-btn i {
    color: #fff;
    margin: 0;
    position: relative;
    font-size: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*
	  ============================================================
		   HEADER version.1 Start    #Header
	  ============================================================
*/
.header_v1_top_row{
	float:left;
	width:100%;
}
.kf_element_left{
	float:left;
	width:auto;
	color: #FFF;
	font-weight: bold;
	padding-top: 14px;
}
.kf_select{
	float:left;
}
.kf_element_right{
	float:right;
	padding:12px 0px;
}
.kf_element_right .kf_meta a{
    margin-top: 2px;
}
.header_v1_slider{
	display:inline-block;
	width:75%;
	padding:13px 0px;
}
.fade-slider p{
	color:#fff;
	margin-bottom:0px;
	text-transform:capitalize;
}
.fade-slider p a{
	color:#fff;
}
.logo-here{
	float: left;
	margin: 17px 9px 10px 0;
	width: 340px;
}
.logo-here h1{
	display:inline-block;
	width:100%;
	line-height:0px;
	margin-bottom:0px;
}
.logo-here h1 a{
	display:inline-block;
	width:100%;
	line-height:normal;
}
.header-v1_navigation_row{
	float:left;
	width:100%;
	padding:10px 0px;
}
.navigation{
	float:left;
	width:100%;
}
.header-v1-nav{
	float:left;
	width:auto;
}
.navigation ul{
	float:left;
	width:100%;
}
.navigation ul li{
	float:left;
	width:auto;
	position: relative;
}
.navigation ul li i{
	 font-size: 12px;
    margin-top: -6px;
    position: absolute;
    right: 2px;
    top: 50%;
    font-weight:600;
}
.navigation ul li a{
	display:inline-block;
	font-size:14px;
	color:#292929;
	text-transform:uppercase;
	font-weight:500;
	padding:24px 15px 23px;
}
.navigation ul li ul li a{
	font-size:13px;
}
.navigation ul li a:hover{
	color:#f5600c;
}
.navigation ul .sub-menu.children li a:link, 
.navigation ul .sub-menu.children li a:visited,
.navigation ul .sub-menu.children li a:link:active, 
.navigation ul .sub-menu.children li a:visited:active {
    color:#FFF;
}
.sub-menu,
ul.children{
    position:absolute;
    top:100%;
    left:0px;
    width:220px;
    visibility:hidden;
    opacity:0;
    margin-top: 2px;
    /*-webkit-animation-name: fadeInOut;
    -moz-animation-name: fadeInOut;
    animation-name: fadeInOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}
.sub-menu:after,
.sub-menu:before{
    position: absolute;
    content: "";
    top:0px;
    margin:0px -16px 0px;
}
.sub-menu:after{
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 18px 16px;
    border-color: transparent transparent #1276bc transparent;
}
.sub-menu li a:after{
    position: absolute;
    top:0px;
    right: 0px;
    content: "";
    height:0%;
    border-right: 4px solid #f5600c;
    color: #f5600c;
}
.sub-menu li:hover a{
    color: #f5600c;
}
.sub-menu li:hover a:after{
    height: 100%;
}
.sub-menu li a:before{
    display: none;
}
.sub-menu li:before{
   box-shadow: none;
    position: absolute;
    content: "\f0da";
    font-size: 16px;
    color: #fff;
    left: 13px;
    top:50%;
    margin-top: -12px;
    font-family: fontawesome;
}
.sub-menu li:hover:before{
    left: 15px;
    color: #f5600c;
}
.sub-menu:before{
    right: 0px; 
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 0 16px;
    border-color: transparent transparent transparent #1276bc;
}
.sub-menu li,
ul.children li{
	float:left;
	width:100%;
}
.sub-menu li a,
ul.children li a{
	padding:8px 10px 8px 28px;
	width:100%;
	line-height: 14px;
	color:#fff;
   border-bottom: 1px dotted rgba(255,255,255,0.4); 
}
.sub-menu li:hover a,
ul.children li:hover a{
	padding-left:32px;
}
.navigation ul li:hover ul{
	visibility:visible;
	opacity:1;
	top:100%;
   /* -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;*/
}
.header-v1-right{
	float:right;
	margin:16px 0px;
}
.kf_side_menu_btn{
	color: #292929;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    padding:7px 5px 7px;
    text-align: center;
    width: 40px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background: transparent;
}
.kf_side_menu_btn i{
	display:inline-block;
}
.search-01 .btn{
    display: inline-block;
    color: #292929;
    padding: 8px 8px;
    border-radius: 0px;
    background: transparent;
}
/*
	  ============================================================
		   HEADER version.1 ends
	  ============================================================
*/

/*
	  ============================================================
		   Easy TRAVEL BANNER  #Banner
	  ============================================================
*/
.info-title h2{color:#FFF;font-size:28px; text-align: center; padding-top: 40px;padding-bottom:30px;}
.info-title::before,
.info-title::after{background:#fff;}
.bgkadin{
	background-color: #800080;
	height: 100%;
	background-position: center center;
	background-repeat:  no-repeat;
	background-size:  cover;
}

.info-slider{
	float:left;
	width: 100%;
	margin: 0 auto;
}
.info-slider .items img{
	width:80% !important;
	margin: 0 auto !important;
}

.info-slider .slick-dots{
	margin-top: 20px;
}
.kode_banner{
	float:left;
	width:100%;
	position:relative;
}
.banner-slider{
	float:left;
	width:100%;
}
.items{
	float:left;
	width:100%;
	position:relative;
}
.content-slide{
	width: 50% !important;
	padding-right:15px;padding-left:15px;margin-left:30px;
}
.banner-caption{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	/*margin-top:-129px;*/
    margin-top: -186px;
	z-index:12;
}
.title-1 strong{
	color:#fff;
}
.title-1{
	font-size:40px;
	color:#fff;
	text-transform:uppercase;
	line-height:50px;
	position:relative;
	margin-bottom:18px;
}
.title-3{
	font-size:16px;
	color:#ffffff;
	/*margin-bottom:18px;*/
    margin-bottom: 24px;
	position:relative;
    margin-top: -2px;
}
.banner-caption a{
	margin-right:10px;
	position:relative;
}
.banner-caption a:last-child{
	margin:0px;
}
.banner-slider .items.slick-slide.slick-current.slick-active .title-1{
	-webkit-animation-name: fadeInUp;
  	animation-name: fadeInUp;
}
.banner-slider .items.slick-slide.slick-current.slick-active .title-1:last-of-type{
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
.banner-slider .items.slick-slide.slick-current.slick-active .title-3{
	-webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.banner-slider .items.slick-slide.slick-current.slick-active .btn-normal-2{
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
.banner-slider .items.slick-slide.slick-current.slick-active .btn-normal-2:last-child{
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

.sub-banner{
	float:left;
	width:100%;
	position:relative;
	background:url(../images/sub-banner1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	text-align:center;
	padding:50px 0px 50px;
	z-index: 0;
	background-position: center right;
}
.banner-overlay{
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}
.banner-overlay:before,
.sub-banner:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#000;
	opacity:0.75;
}
.sub-banner:before{
    z-index:-1;
}
.banner-overlay:before{
    opacity: 0.2;
}
.sub-banner h2{
	font-size:50px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:28px;
}
.sub-banner p{
	color:#fff;
	margin-bottom:0px;
}
.breadcrumb-blog{
	float:left;
	width:100%;
	text-align:center;
	background:transparent;
}
.breadcrumb{
	padding:3px 25px 1px;
	margin:0px;
	text-align:center;
	float:none;
	display:inline-block;
	width:auto;
	border-radius:0px;
	position:relative;
}
.breadcrumb:after,
.breadcrumb:before{
	position:absolute;
	bottom:0px;
	content:"";
}
.breadcrumb:before{
	left:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 0;	
}
.breadcrumb:after{
	right:-12px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 0;
}
.breadcrumb li{
	display:inline-block;
	float:none;
	position:relative;
	margin-right:10px;
	padding-right:20px;
}
.breadcrumb li:before{
	position:absolute;
	content:"\f0da";
	font-family:fontawesome;
	top:50%;
    margin-top: -12px;
	right:0px;
	font-size:15px;
	color:#fff;
}
.breadcrumb li a{
	font-size:12px;
	text-transform:capitalize;
	display:inline-block;
	color:#fff;
}
.breadcrumb li:last-child:before{
	display:none;
}
.breadcrumb li:last-child{
	margin-right:0px;
	padding-right:0px;
}
.breadcrumb-blog{
	position:absolute;
	bottom:-12px;
	left:0px;
	right:0px;
	z-index:3;
}
.sub-banner-tour{
	float:left;
	width:100%;
	background:url(extra-images/banner-tour-01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom;
}
.tour-sub-caption{
	float:left;
	width:100%;
	position:relative;
	padding:330px 0px 75px;
    z-index: 5;
}
.tour-sub-caption h3,
.tour-sub-caption span{
	display:inline-block;
	color:#fff;
	width:100%;
}
.tour-sub-caption span{
	font-weight:600;
	display:inline-block;
	font-size:15px;
	margin-bottom:9px;
}
.tour-sub-caption h3{
	margin-bottom:10px;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
	font-size:36px;
}
.tour-sub-caption b{
	float:left;
	font-size:18px;
	margin-bottom:19px;
	color:#fff;
	font-weight:bold;
}
.tour-sub-caption b.review{
	font-size:14px;
	font-weight:normal;
}
.tour-sub-caption .rateing-starts{
	float:left;
	margin:4px 14px 0 15px;
	line-height:normal;
}
.rateing-starts i{
	float:left;
	width:auto;
	color:#f4c201;
	margin-right:3px;
    font-size: 13px;
}
.rateing-starts i:last-child{
	margin-right:0px;
}
.tour-social-icons ul{
	margin-right:4px;
}
.tour-social-icons .btn-normal-6:before{
	border:1px solid #fff;
}
.btn-normal-6{
	display:inline-block;
	padding:9px 20px 7px;
	text-transform:uppercase;
	color:#fff;
	font-weight:600;
}
.btn-normal-6 i{
	margin-right:12px;
}
.tour-social-icons .kode_social_icons_2 li a{
	border:1px solid #fff;
	line-height:40px;
}
.tour-social-icons .kode_social_icons_2 li:hover a{
	border-color:transparent;
}
.tour-social-icons .btn-normal-6{
	margin-left:11px;
}
/*
	  ============================================================
		   TRAVEL SEARCH ENGINE TRIP #Search-Filter
	  ============================================================
*/
.travel_search_engine{
	float:left;
	width:100%;
	background:#fff;
	position:relative;
}
.travel_search_engine .container{
	background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: -140px;
    position: absolute;
    right: 0;
    z-index: 2;
}
.kode_felid_location,
.booking_content,
.kode_write_detail,
.kode_tab-list ul,
.kode_tab-list ul li,
.kode_tab-list{
	float:left;
	width:100%;
}
.kode_write_detail{
	padding:20px 0px 11px;
	position: relative;
}
.kode_tab-list ul li a{
	display:inline-block;
	width:100%;
}
.tabs-items li:first-child a{
	border-radius:5px 0 0;
}
.tabs-items li:last-child a{
	border-radius:0px 0px 0px 5px;
}
.search-01 a{
    color: #fff;
}
.kode_tab-list{
	padding-right:15px;
}
.tabs-items li a{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	padding:23px 25px 22.5px;
	font-weight:600;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.tabs-items li a.active,
.tabs-items li:hover a,
.tabs-items li.active a{
	color:#232319;
	background:#ffffff;
}
.booking_content input{
	width:100%;
}
.kode_felid label{
	margin-bottom:8px;
}
.kode_felid{
	float:left;
	width:100%;
	margin-bottom:9px;
}
.kode_felid .selectric-wrapper{
	border:1px solid #ccc;
	background:#fff;
}
.kode_felid .selectric p.label,
.kode_felid .selectric p.label:before{
	color:#666666;
}
.title-icon{
	float:left;
	width:100%;
	margin-bottom:14px;
}
.title-icon span{
	padding:10px 13px;
	display:inline-block;
	color:#fff;
	float:left;
	margin-right:15px;
}
.title-icon b{
	color:#333;
	font-size:18px;
	color:#232319;
	text-transform:uppercase;
	font-weight:600;
	padding:8px 0px 0px;
	float:left;
}
.kode_felid .selectric-wrapper .selectric .label{
	height:46px;
	line-height:47px;
    font-weight:400;
}
.kode_felid .selectric-wrapper{
	min-height:auto;
}
.kode_felid input[type="text"]{
	padding:0px 15px;
}
.datepicker.dropdown-menu{
	min-width:20%;
}
.ralative-icon{
	float:left;
	width:100%;
	position:relative;
}
.ralative-icon span{
	font-size:20px;
	color:#666666;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-10px;
}
.ralative-icon span.fa{
	font-size:15px;
	margin-top:-7px;
}
.submit-form{
	float:left;
	width:100%;
	margin:32px 0 0;
}
.submit-form button{
	background:transparent;
 
}
/*
	  ============================================================
		   TRAVEL SEARCH ENGINE TRIP END
	  ============================================================
*/


/*
	  ============================================================
		   TRAVEL Fixed headers #fixed-header
	  ============================================================
*/
/*.fixed-header-nav{
    position: fixed;
    z-index:8;
    -webkit-animation-name: swingInX;
    -moz-animation-name: swingInX;
    animation-name: swingInX;
    background:#fff;
    top: 0px;
}
.fixed-header{
	margin-top:112px;
}
.fixed-header .kode_navi_fixed{
	text-align:center; 
}
.fixed-header-nav{
    border-bottom:1px solid;
}*/
.fixed-header .nav-icon i{
	font-size:30px;
}
.fixed-header .kode_navi_fixed li{
	float:none;
	display:inline-block;
}
.fixed-header .nav-icon{
	padding:11px 0 7px;
}
.fixed-header .nav-icon span{
	font-size:14px;
}
.kode_navi_fixed{
	float:left;
	width:100%;
    text-align: center;
}
.kode_navi_fixed li{
	display:inline-block;
	float:none;
	width:auto;
}
.nav-icon{
	display:inline-block;
	width:100%;
	text-align:center;
	padding:41px 0px 32px;
}
.kode_navi_fixed li.active .nav-icon span,
.kode_navi_fixed li.active .nav-icon i,
.kode_navi_fixed li:hover span,
.kode_navi_fixed li:hover i{
	color:#fff;
}
.nav-icon i{
	font-size:40px;
	color:#333;
	width:100%;
	margin-bottom:15px;
    display: inline-block;
}
.nav-icon span{
	font-size:17px;
	font-weight:500;
	color:#333;
	text-transform:uppercase;
	display:inline-block;
	width:100%;
	margin-bottom:0px;
}
.padding-adjust{
	padding-top:69px;
}
.margin-40-adjust{
	margin-bottom:24px;
}
/*
	  ============================================================
		   TRAVEL slick dots #slick-dots
	  ============================================================
*/
.slick-dots{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:25px;
	margin-top:-5px;
}
.slick-dots li{
	display:inline-block;
	float:none;
	width:auto;
	margin-right:10px;
	line-height:0px;
}
.slick-dots li:last-child{
	margin-right:0px;
}
.slick-dots li button{
	background:transparent;
	padding:0px;
	width:13px;
	height:13px;
	border:1px solid #adadad;
	border-radius:100%;
	text-indent:-99999px;
	cursor:pointer;
}
.slick-dots li.slick-active button{
}
.slick-arrow{
	position:absolute;
	top:50%;
	z-index:99;
	width:65px;
	margin-top:-22px;
	height:45px;
	background:transparent;
	cursor:pointer;
}
.slick-arrow.slick-prev{
	left:-95px;
}
.slick-arrow.slick-next{
	right:-95px;
}
.slick-arrow:before{
	position:absolute;
	top:0%;
	bottom:0px;
	right:0px;
	left:0px;
	width:65px;
	content:"";
	height:45px;
	background:#fff;
	color:#333;
	text-align:center;
	line-height:43px;
	font-size:24px;
	font-family:fontawesome;
}
.slick-arrow:hover:before{
	color:#fff;
}
.slick-arrow.slick-prev:before{
	content:"\f104";
}
.slick-arrow.slick-next:before{
	content:"\f105";
}

/*
	  ============================================================
		   TRAVEL Blockquote #Blockquote
	  ============================================================
*/
blockquote{
    border:none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    font-size: 100%;
}
blockquote .blockquote-boderlines,
blockquote{
	float:left;
	width:100%;
	position:relative;
}
.blockquote-boderlines{
	padding:45px 40px 42px;
	border:1px solid #ccc;
}
blockquote p{
	float:left;
	width:100%;
	margin-bottom:14px;
	display:inline-block;
	padding-bottom:13px;
	position:relative;
}
.blockquote-boderlines p:before{
	position:absolute;
	content:"";
	bottom:0px;
	left:0px;
	border-bottom:1px solid;
	width:35px;
}
.blockquote-boderlines span{
	display:inline-block;
	margin:0px;
	font-size:95px;
	float:left;
	width:auto;
}
.blockquote-boderlines a{
	display:inline-block;
	color:#333333;
	font-weight:500;
}
.blockquote-boderlines:after,
.blockquote-boderlines:before,
blockquote:after,
blockquote:before{
	position:absolute;
	content:"";
	width:40px;
	height:40px;
	z-index:3;
}
blockquote:before{
	top:0px;
	left:0px;
	border-top:2px solid;
	border-left:2px solid;
}
blockquote:after{
	bottom:0px;
	left:0px;
	border-bottom:2px solid;
	border-left:2px solid;
}
.blockquote-boderlines:after{
	top:-1px;
	right:-1px;
	border-top:2px solid;
	border-right:2px solid;
}
.blockquote-boderlines:before{
	bottom:-1px;
	right:-1px;
	border-bottom:2px solid;
	border-right:2px solid;
}
.blockquote-boderlines {
}
.blockquote-padding{
	float:left;
	width:85%;
	padding:0px 30px;
}
.post-re-tour{
	float:left;
	width:100%;
	margin-bottom:40px;
}
.post-re-tour figure{
	float:left;
	width:40%;
	margin-bottom:0px;
}
.re-tour-content{
	float:left;
	width:60%;
	padding-left:30px;
	padding-top:4px;
}
.re-tour-content p{
	margin-bottom:0px;
}
.rtl-colum figure{
	float:right;
}
.rtl-colum .re-tour-content{
	float:right;
	padding-left:0px;
	padding-right:30px;
}
.kode_social_icons{
	float:right;
}
.social_icons_tags{
	float:right;
	width:45%;
}

.list-style-2{
    float:left;
    width: 100%;
    border:2px solid #ccc;
    padding: 5px;
    margin-bottom: 30px;
}
.list-style-2 figure{
    float:left;
    width: 30%;
    margin-bottom: 0px;
}
.list-style-content{
    float: left;
    width: 70%;
    padding: 23px 0 0 20px;
}
.list-style-content .meta-icon-list li{
    margin-bottom: 16px;
}
.list-style-content h5{
    margin-bottom: 9px;
}
.list-style-content h5 a{
    display: inline-block;
    font-weight: 600;
}
.list-style-content p{
    margin-bottom:28px;
    color: #999999;
}

/*
	  ============================================================
		   TRAVEL Full Slider #Full-Slider
	  ============================================================
*/
.full-slider{
    float: left;
    width: 100%;
}
.full-slider .slide{
    float: left;
    width: 25%;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.blog-tour-grid .slide{
    width: 100%;
    z-index: 2;
    margin-bottom: 30px;
}
.default-img{
     -o-transform: scale(1) perspective(600px) rotateZ(0);
    -moz-transform: scale(1) perspective(600px) rotateZ(0);
    -webkit-transform: scale(1) perspective(600px) rotateZ(0);
    transform: scale(1) perspective(600px) rotateZ(0);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}
.image-01{
    background: url(extra-images/blog-services-img01.jpg);  
}
.image-02{
    background: url(extra-images/blog-services-img02.jpg);
}
.image-03{
    background: url(extra-images/blog-services-img03.jpg);
}
.image-04{
    background: url(extra-images/blog-services-img04.jpg);
}
.image-05{
    background: url(extra-images/blog-services-img07.jpg);  
}
.image-06{
    background: url(extra-images/blog-services-img08.jpg);
}
.image-07{
    background: url(extra-images/blog-services-img09.jpg);
}
.image-08{
    background: url(extra-images/blog-services-img10.jpg);
}
.image-09{
    background: url(extra-images/blog-services-img11.jpg);  
}
.image-10{
    background: url(extra-images/blog-services-img12.jpg);
}
.image-11{
    background: url(extra-images/blog-services-img13.jpg);
}
.image-12{
    background: url(extra-images/blog-services-img14.jpg);
}
.slide:hover .default-img{
    -o-transform: scale(1.03) perspective(600px) rotateZ(0deg);
    -webkit-transform: scale(1.03) perspective(600px) rotateZ(0deg);
    -moz-transform: scale(1.03) perspective(600px) rotateZ(0deg);
    transform: scale(1.03) perspective(600px) rotateZ(0deg);
}
.slide .default-img:before{
    position: absolute;
    content:"";
    top:0px;
    left: 0px;
    right:0px;
    bottom: 0px;
    background: #333333;
    opacity: 0.70;
    z-index: 1;
}
.slide .default-img:after{
    position: absolute;
    content: "";
    top:0px;
    left: 0px;
    opacity: 0;
    right: 0px;
    bottom: 0px;
    border:5px solid transparent;
    z-index: 1;
}
.slide:hover .default-img:hover:before{
    opacity: 0.90;
    background: #1b1b1b;
}
.slide:hover .default-img:hover:after{
   opacity: 1;
}
.slide-content{
    position: relative;
    text-align: center;
    padding: 50px 30px;
    z-index: 2;
    float: left;
    width: 100%;
}
.travel-choose-us span,
.slide-content span{
    float: none;
    display: inline-block;
    border-color: #fff;
    color:#fff;
    height: 84px;
    width: 84px;
    line-height: 84px;
    font-size: 52px;
    margin-bottom: 25px;
}
.travel-choose-us span{
    font-size: 30px;
    line-height: 80px;
}
.travel-choose-us h5,
.slide-content h5{
    margin-bottom: 9px;
}
.travel-choose-us h5 a,
.slide-content h5 a{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}
.travel-choose-us p,
.slide-content p{
    margin-bottom: 17px;
    color: #fff;
}
.arrow-btn{
    display: inline-block;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 15px;
    font-size: 16px;
}
.arrow-btn:before{
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    color: #fff;
    bottom: 0px;
    right: 0px;
}
.travel-choose-us{
    float: left;
    width: 100%;
    margin-bottom: 23px;
}
.travel-choose-us p,
.travel-choose-us span{
    color: #666;
}
.travel-choose-us h5 a{
    color: #221e00;
    font-weight: 600;
}
.travel-choose-us span{
    text-align: center;
    border:2px solid #999;
    border-radius: 100%;
}
.services-blog-choose{
    float: left;
    width:100%;
    text-align: center;
}
.travel-choose-us p{
    margin-bottom: 0px;
}

/*
	  ============================================================
		   TRAVEL listing style 01 #listing-style-01
	  ============================================================
*/
.list-style-01{
    float: left;
    width:100%;
    padding: 20px;
    box-shadow: 0px 0px 5px 1px rgba(51, 51, 51, 0.09);
    margin-bottom: 30px;
}
.list-figure-img{
    float: left;
    width: 40%;
    margin-bottom: 0px;
    border-radius: 5px;
}
.list-figure-img:before,
.list-figure-img img{
    border-radius: 5px;
}
.kf_listing_grid{
    float: left;
    width:100%;
}
.kf_listing-content{
    float: left;
    width:60%;
    padding: 0px 0 0 20px;

}
.kf_listing-content .kf_meta_2{  
}
.kf_listing-content ul.kf_reviews{
    float: left;
    width: auto;
    margin-right: 15px;
    margin-bottom: 9px;
}
.kf_listing-content .kf_meta_2 li span{
    color: #666;
    padding-top: 0px;
    float: none;
    display: inline-block;
}
.kf_reviews li span i.fa-star{
    color: #e9b70b;
}
.kf_listing-content .kf_reviews li span i{
    margin-right: 2px;
}
.kf_listing-content .kf_reviews li span i:last-child{
    margin-right: 0px;
}
.kf_listing-content .kf_meta_2 li{
    line-height: 13px;
}
.kf_listing-content .kf_meta_2 li span{  
}
.kf_listing-content h4{
    float: left;
    width:100%;
    margin-bottom: 11px;
}
.kf_listing-content h4 a{
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
}
.kf_listing-content p{
    margin-bottom: 19px;
    width: 100%;
    color: #999999;
    display: inline-block;
}
.kf_social_group li{
    float: left;
    width: auto;
    margin-right: 10px;
}
.kf_social_group li:last-child{
    margin-right: 0px;
}
.kf_social_group li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 31px;
    border:2px solid #ccc;
    border-radius: 100%;
    color:#666;
}
.listing-price{
    float: left;
    width: auto;
    padding: 5px 0px 0px;
}
.listing-price strong{
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: #39352f;
    margin-right: 10px;
}
.listing-price sub{
    bottom:4px;
    font-size: 12px;
    font-weight: 500;
    color: #39352f;
}
.list-style-01,
.list-figure-img{
    position: relative;
}
.btn-hover{
    position: absolute;
    top:50%;
    left: 0px;
    right: 0px;
    margin:-0px auto;
    opacity: 0;
    text-align: center;
}
.btn-radio-2{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background: #39352f;
    color: #fff;
    border-radius: 30px;
    padding: 8px 28px;
}
.list-figure-img .flag-top01{
    font-size: 14px;
    padding: 4px 18px 3px;
    font-weight: 600;
}
.btn-radio-2:hover{
    color: #fff;
}
.list-figure-img:before{
    position: absolute;
    content: "";
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}
.list-style-01:hover .list-figure-img:before{
    opacity: 0.78;
}
.kf_social_group li:hover a{
    color: #fff;
}
.list-style-01:hover .btn-hover{
    margin-top: -16px;
    opacity: 1;
}

/*
	  ============================================================
		   Easy TRAVEL Style Sheet Ends   Best Of luck *****
	  ============================================================
*/







.header-v2{
    float: left;
    width:100%;
    position: relative;
    border-bottom: 1px solid #000;
}
.logo-left{
    float: left;
    width: auto;
}
.hv2-top-row .logo-left{
	padding: 20px 0 10px;
}
.kf_right_info{
	float:right;
}
.kf_right_info > li{
	float: left;
	width: auto;
	margin-right: 30px;
	border-right: 1px solid #ccc;
	padding:27px 30px 27px 0;
}
.kf_right_info > li:last-child{
	margin-right: 0px;
	border-right: none;
	padding-right: 0px;
}
.kf_right_info .kf_meta{

}
.kf_right_info .kf_meta span{
	color: #404041;
	border:2px solid #404041;
	width: 30px;
	height: 30px;
	line-height: 25px;
}
.kf_right_info .kf_meta a{
	color: #404041;
	line-height: 28px;
	font-size: 14px;
	font-weight: 600;
}
.kf_right_info li:before{
	border-color: #404041;
}
.kf_language{
	float: left;
	width: 100%;
}
.kf_language .selectric{
	float: left;
	width: 100%;
	background-color: #666;
	border-radius: 4px;
}
.kf_language .selectric .label{
	height: 30px;
	line-height: 30px;
}
.kf_language .selectric-wrapper .selectric p.label::before{
	margin-top: -18px;
}
.kf_language .selectric-wrapper{
	min-height: auto;
}
.header-v2 .header_v1_slider{
	width: 60%;
}
.header-v2 .fade-slider p{
	color: #333;
}
.header-v2 .header_v1_slider{
    border-left: 1px dotted #ccc;
    margin: 21px 0 0 40px;
    padding: 8px 15px 8px 40px;
}
.header-v2 .header_v1_slider p a{
	margin-left: 5px;
}
.hv2-top-row{
	float: left;
	width: 100%;
}
.search-radio-1{
	float:right;
}
.header-nav{
	float: left;
}
.pre-loader{
	display:none;
}
.travel-recaptcha figure,
.travel-recaptcha figure img{
	width:auto;
}
.hover-effect-01 figure img,
.kf_column_trip figure img, .kf_post figure img{
	height:auto;
	min-height:inherit;
	max-height:inherit;
}














.section-header{padding-bottom:8px;margin-bottom:30px;}
.section-header h2{margin:0 auto;color:#000000;letter-spacing:0.7px;text-align:center;font-size:32px;text-transform:uppercase;}
.section-header h2:before,
.section-header h2:after{display:table;content:'';}
.section-header h2::before{background:#702ef3;height:2px;width:80px;display:block;position:absolute;top:50px;left:50%;margin-left:-40px;}
.section-header p{margin:20px 0 0 0;line-height:28px;text-align:center;letter-spacing:0.5px;}

.awo-faq .fuq-content{text-align:center;padding:35px 25px;color:#fff;background:#e80b35;margin-bottom:30px;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.awo-faq .fuq-content:hover{background:red;color:#fff;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);}
.awo-faq .fuq-content i{position:relative;overflow:hidden;}
.awo-faq .fuq-content i::before{font-size:42px;margin-left:0;}
.awo-faq .fuq-content h4{margin-top:20px;color:white;}
.awo-faq .fuq-content:hover h4{color:#ffffff;}
.awo-faq .panel-heading .accordion-toggle:after{content:"\f106";font-family:FontAwesome;float:right;font-size:20px;color:#702ef3}
.awo-faq .panel-heading .accordion-toggle.collapsed:after{content:"\f107";}
.awo-faq .faq-col h1{margin-bottom:30px;font-size:28px;}
.awo-faq .faq-col .panel-title{font-size:15px;}
.awo-faq .panel-default > .panel-heading{border:1 ps solid rgba(0, 0, 0, 0.15);font-size:15px;height:65px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:18px 15px;border-radius:0;background:#fff;}

.featured-icon-wrap {
	list-style: none;
	padding-left: 0;
	padding-top: 25px;
}
.featured-icon-wrap {
	list-style: none;
	padding-left: 0;
	padding-top: 25px;
}
@media (max-width: 991px) {
	.featured-icon-wrap {
		padding-top: 0;
	}
}
.featured-content-wrap {
	width: 73%;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
}
.text-right {
	text-align: right;
}

.float-left {
	float: left;
}

.mb-25 {
	margin-bottom: 25px;
}
.bold {
	font-weight: 700;
}

.feature-icon-wrap {
	margin-top: 0px;
	width: 85px;
	position: relative;
	text-align: center;
}
.featured-icon-wrap h4{
	font-size: 20px!important;
}
.featured-icon-wrap p{
	font-size: 13px!important;
}
.feature-icon-wrap:hover:after {
	background: red;
	border: 1px solid red;
	cursor: pointer;
}
.feature-icon {
	height: 85px;
	width: 85px;
	font-size: 32px;
	line-height: 54px;
	color: #fff;
	padding: 15px;
	display: block;
	transition: all 0.4s linear 0s;
	-webkit-transition: all 0.4s linear 0s;
	position: relative;
	z-index: 3;
}
.feature-icon-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	height: 85px;
	border: 1px solid #fb0936;
	border-radius: 50%;
	background: transparent;
	transition: all 0.4s linear 0s;
	-webkit-transition: all 0.4s linear 0s;
	background: #fb0936;
}
.mb-60 {
	margin-bottom: 60px;
}
.float-lg-right{float:right!important}
.float-lg-left{float:left!important}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.featured-icon-wrap li:hover .feature-icon {
	color: #fff;
}
.features {
	width: 100%;
	text-align: center;
}
.features .get-start {
	width: 80%;
}
.features ul {
	padding: 0;
	margin: 0;
}
.features li {
	list-style: none;
	font-size: 12px;
	font-weight: 400;
	color: #b94ce1;
	padding: 12px 15px;
	border-top: 1px solid #b94ce1;
}

.awo-working-us{position:relative;overflow:hidden;display:block;}
.awo-working-us::after{content:'';position:absolute;display:block;left:0;top:0px;width:50%;height:100%;background:#fb0936;z-index:2;}
.awo-working-us .sec-title h2{color:#ffffff;font-size:28px;}
.awo-working-us .sec-title::before,
.awo-working-us .sec-title::after{background:#fff;}
.awo-working-us .full-img{position:relative;display:block;z-index:2;}
.awo-working-us .full-img img{float:right;max-width:none;width:auto;}
.awo-working-us .work-content{padding:40px 70px 60px 0px;display:block;position:relative;overflow:hidden;z-index:3;width:87%;left:12%;}
.awo-working-us .single-working{margin:15px 15px 0px 0px;float:left;}
.awo-working-us .single-working .icon-left{display:table-cell;vertical-align:middle;padding-right:20px;float: left;}
.awo-working-us .single-working .icon-left i{text-align:center;color:#fff;font-size:60px;}
.awo-working-us .single-working .text-program{padding-left:90px;}
.awo-working-us .single-working h3{color:#ffffff;font-size:18px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}
.awo-working-us .single-working p{color:#ffffff;}

.brands-slider{
    float: left;
    width:100%;
    text-align: center;
}
.brands-slider .slide{
    float: none;
    display: inline-block;
    text-align: center;
    border:2px solid #d5d5d5;
    margin: 0px 15px 0px;
}
.brands-slider .slide img{
    width: 100%;
    height: 100%;
}
.brands-slider .slide:hover{
    border-color: #262626;
}


.news-blog-list .news-blog-img {
	overflow: hidden;
	position: relative;
	max-height: 200px;
}
 .news-blog-list .news-blog-img img {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
}
@media only screen and (min-width: 800px) {
	.news-blog-list .news-blog-img img{
		height: 300px !important;
	}
}
.news-blog-list:hover img {
   transform: scale(1.2); 
}
.news-blog-img h2{
	font-size: 16px;
}
.thumb-title-news a{
	color: #FFF;
	font-weight: bold;
}
.thumb-title-news{
	position: absolute;
	bottom: 14px;
	width: 100%;
	z-index: 3;
	padding: 10px 14px;
	background-color: #000;
}
/***** BLOG ***/
.blog-item{
	min-height: 450px;
}
.blog-item .blog-img .blog-img-link{
  position: absolute; 
}
.blog-item .blog-img .blog-img-link{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
}
.blog-item {
	-webkit-box-shadow: 4px 5px 2px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 5px 2px -5px rgba(0, 0, 0, 0.2);
	margin: 0 15px 30px 15px;
	border-radius: 3px;
	background: #fff;
}
.blog-item:hover {
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.blog-item .blog-img {
	overflow: hidden;
	position: relative;
	max-height: 200px;
}
 .blog-item .blog-img img {
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%; 
}
.blog-item:hover img {
   transform: scale(1.2); 
}
.blog-item .blog-des {
	padding: 10px 10px 20px;
	font-family: 'Poppins', sans-serif;
}
.blog-item .blog-des h4{
	text-transform: none;
}
.blog-item .blog-des .blog-head a {
	height: 50px;
}
.blog-item .blog-des .blog-head a {
	color: #505050;
	font-size: 15px;
	line-height: 10px !important;
}
.blog-item .blog-des .blog-head:hover a {
	color: #06b2b6;
}
.blog-des p {
	margin-bottom: 20px; 
	margin-top: 10px;
	font-weight: 100!important;
	line-height: 17px;
}
.blog-meta{
	font-size: 12px;
	font-weight: 200!important;
}
.read-more {
	font-family: 'Poppins', sans-serif;
	color: #606060;
	font-size: 14px;
	font-weight: 500;
}
.read-more i {
	font-size: 20px;
	color: #606060;
	vertical-align: middle;
}
.read-more:hover h4 {
	color: #06b2b6;
}
input .vote{
	color: #000;
}
.list-agenda{
	background: #FFF;
	display: block;
	min-height: 30px;
	width: 110%;
	padding: 10px;
}
.tgl-agenda{
	font-size: 10px;
	font-weight: 200!important;
}
.border-bottom{
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
}
.isi-agenda{
	line-height: 18px;
	font-weight: bold;
}
.isi-agenda a:hover{
	color: purple;
}
.drop-shadow{
	box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)
}
.color-border-bottom{
	position:relative
}
.color-border-bottom:after{
	bottom:0
}
.color-border-bottom:after{
	position:absolute;
	content:'';
	left:0;
	width:100%;
	height:3px;
	background:#42adb6;
	background:-webkit-linear-gradient(left, #42adb6, #cde36f);
	background:-o-linear-gradient(right, #42adb6, #cde36f);
	background:-moz-linear-gradient(right, #42adb6, #cde36f);
	background:linear-gradient(to right, #42adb6, #cde36f)
}

.text-capitalize{
	text-transform: capitalize;
	font-size: 14px;
	font-weight: bold;
}
.text-small{
	font-size: 12px;
	font-style: italic;
	padding-top: 7px;
}
.viewed-list li{
	padding-bottom: 10px;
	display:table;
}
.viewed-list li span{
	display:table-cell;
	font-size:48px;
	color:#ccc;
	line-height:1;
	vertical-align:middle;
	width:31px
}
.viewed-list li a{
	vertical-align:middle;
	padding-left:20px;
	display:table-cell;
	line-height:24px;
	color: #606060;
}
.viewed-list li a i{
	font-size:20px;
	vertical-align:middle;
	margin-right:5px
}
.viewed-list li a:hover{
	color:#42adb6
}
.list-none{
	list-style:none;
	margin:0;
	padding:0
}


.counter-col{color:#FFF;text-align:center;}
.counter-col .count i{display:inline-block;float:left;left:20%;position:relative;}
.counter-col .count i::before{font-size:42px;margin-left:0;}
.counter-col .count .start-count{font-size:38px;}
.counter-col h4{color:#FFF;font-size:20px;padding-top: 30px;}

.bg-ppid { 
	background: linear-gradient( rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.45) ), url(http://disnakkeswan.skyindotech.com/assets/theme/images/bg/2.jpg) ;
	background-position: center center;
	background-repeat:  no-repeat;
	background-size:  cover;
}
.tinted-image {
  background: linear-gradient( rgba(255, 0, 0, 0.45),  rgba(255, 0, 0, 0.45) ), url(http://disnakkeswan.skyindotech.com/assets/theme/images/bg/2.jpg) ;
}
.img-center {margin:0 auto !important;}
figure.image-profil{
	max-height: 570px;
}



.maps iframe{
	width: 100%;
	height: 400px;
	border: none;
	margin-bottom: -10px;
}

label.title-form{
   font-family: 'Playfair Display', serif;
   font-style: italic;
   font-weight: bold;
}
.radio{
   padding-left: 20px;
   font-size: 13px;
   font-family: 'Playfair Display', serif;
    font-style: italic;
}
.title-form1{
   font-size: 34px;
   line-height: 25px;
}
.title-form2{
   font-size: 20px;
   border-bottom: 2px solid #eee;
   padding-bottom: 20px;
}
.title-header{
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  padding-top: 30px;
}
tr.bgr1{
  background-color: #2d5aae;  
}
tr.bgr2{
  border: 1px solid #sss;
}
tr.bgr1 td{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
table { 
	border-collapse: collapse; 
	border-spacing: 0;
}
table.informasi-publik{
  background-color: #fff;
  width: 100%;
}
.tbl-color1{
  background-color: #333333;
  color: #fff;
}
table.informasi-publik tr th{
  text-align: center;
  font-size: 12px;
}
table.informasi-publik tr td{
  text-align: left;
}
.isi-berita ul, .isi-berita ol{
  padding-left: 30px;
}
a.link-download{
  padding-top: 40px;
  text-align: right;
  color: #ccc;
  font-weight: bold;
}
.form-skyindo{
	background: #fff;
	padding: 20px;
}
.input-skyindo label{
	position: relative;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	color: #939393;
}
.input-skyindo input,.input-skyindo textarea{
	width:100%;
	box-sizing:border-box;
	background:none;
	outline:none;
	resize:none;
	border:0;
	font-family:'Montserrat',sans-serif;
	transition:all .3s;
	border-bottom:2px solid #bebed2;
}
.input-skyindo input:focus,.input-skyindo textarea:focus{
	border-bottom:2px solid #78788c
}
.input-skyindo input:invalid, .input-skyindo textarea:invalid {
	background:none;	
	outline:none;
	border-bottom:1px solid #F44336;
	box-shadow:0 1px 0 0 #F44336;
}
.form-skyindo .submit-skyindo{
	background: #5416B4;
	color: #00AE68;
	padding: 5px 50px;
	display: block;
	position: relative;
	float: left;
	width: 120px;
	padding: 0;
	margin: 10px 20px 10px 0;
	font-weight: 600;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	border-radius: 5px;
	transition: all 0.2s ;
}
.form-skyindo .submit-skyindo:hover{
	margin-top: 15px;
	margin-bottom: 5px;
	box-shadow: 0px 0px 0px 0px #1E8185;
}
.address{
	background-color: #fff;
	padding: 20px;
}
.address ul li{
	padding-bottom: 10px;
}
.address ul li i{
	color: #b94ce1;
	font-size: 20px;
}



/*** DOWNLOAD ***/
.ca-menu{
    padding:0;
    margin:10px auto;
    width: 100%;
}
.ca-menu li{
	width: 100%;
	min-height: 100px;
	position: relative;
	display: block;
	background: #fff;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 4px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-menu .fa{
	font-size: 30px;
	text-shadow: 0px 0px 1px #333;
	line-height: 90px;
	position: absolute;
	width: 90px;
	left: 20px;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    left: 120px;
    width: 100%;
    height: 60px;
    top: 20px;
}
.ca-content h2{
	font-size: 17px;
}
.ca-content h3{
	font-size: 12px;
}
.ca-main{
	font-size: 30px;
}
.ca-sub{
	font-size: 14px;
	color: #666;
}
.ca-menu li:hover{
	z-index: 1000;
	box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}



article.blog-post{
	background-color: #fff;
	display:block;
	float:left;
	width: 100%;
	position: relative;
	padding: 20px;
	margin-top: 30px;
	box-shadow: rgba(0, 0, 0, 0.3) 0 6px 6px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 6px 6px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 6px 6px 0;
}


.skyindotech .button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	color: #FFF;
	border: 3px solid #FFF;
	font-weight: bold;
}
.skyindotech .button:focus {
	outline: none;
}
.skyindotech .button > span {
	vertical-align: middle;
}
.skyindotech .button--rayen {
	overflow: hidden;
	padding: 0;
	width: 230px;
}
.skyindotech .button--rayen.button--inverted {
	color: #fff;
}
.skyindotech .button--rayen::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #b94ce1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.skyindotech .button--rayen.button--inverted::before {
	background: #fff;
	color: #b94ce1;
}
.skyindotech .button--rayen > span {
	display: block;
	background-color: #800080;
}
.skyindotech .button--rayen::before,
.skyindotech .button--rayen > span {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.skyindotech .button--rayen:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-color: #f5600c;
}
.skyindotech .button--rayen:hover > span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}



.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}

.topic-border:after{right:0;width:100%;content:"";left:0}
.topic-border{position:relative}
.topic-border:after{position:absolute;display:block;bottom:0;z-index:2;height:2px}
.color-scampi:before{border-top:8px solid #cc0a2f;border-right:8px solid transparent}
.color-scampi:after{background-color:#cc0a2f}

.width-100{width:100%}
.topic-box-lg{padding:0 20px;color:#fff;text-align:center;font-weight:600}

.topic-box-lg{position:relative;height:40px;line-height:40px;text-transform:capitalize;font-size:18px;font-family:Poppins,sans-serif;z-index:2}
.topic-box-lg:after,.topic-box-lg:before{position:absolute;top:0;content:""}
.topic-box-lg:before{z-index:1;right:-8px;width:0;height:0}
.topic-box-lg:after{height:100%;width:100%;z-index:-1;left:0;right:0}

.blog-list{
	margin: 0 auto;
}
.blog-list li{
	list-style: none;
}

.blog-list ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	padding: 0;
}
.blog-list ol ol{
	margin: 0 0 0 2em;
}

.blog-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #f50834;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	transition: all .2s ease-in-out;
}

.blog-list a:hover{
	background: #800080;
	text-decoration:none;
	transform: scale(1.1);
}

.blog-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -0.9em;
	top: 55%;
	margin-top: -1.5em;
	background:#f50834;
	height: 2.7em;
	width: 2.7em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 3em;
	-webkit-border-radius: 3em;
	border-radius: 3em;
	color:#FFF;
}
.blog-header a:hover,.post-content a:hover{
	color: #800080;
}
.post-content table{
	width: 100% !important;
}

.nex-tab-btn::before{display:none;}
.nex-tab-btn{margin:10px 0 15px;text-align:center;}
.nex-tab-btn ul li{margin:0 11px 0 0;}
.nex-tab-btn ul li a{border:1px solid #e6e6e6;color:#888888;float:left;height:50px;line-height:1.8em;padding:4px 11px;width:60px;background:#fff;font-size:20px;font-weight:800;text-align:center;}
.nex-tab-btn ul li a:hover{background:#702ef3;color:#fff !important;}
.nex-tab-btn ul li a.active{background:#702ef3;color:#fff !important;}


/*SIDEBAR*/
.ot-widget-article-list{display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:2px}
.ot-widget-article-list>.item{display:table;background:rgba(255,255,255,.8);position:relative;width:100%;margin-bottom: 5px;}
.ot-widget-article-list>.item:first-child{border-radius:2px 2px 0 0}
.ot-widget-article-list>.item:last-child{border-radius:0 0 2px 2px}
.ot-widget-article-list>.item:first-child:last-child{border-radius:2px}
.ot-widget-article-list>.item h4{font-size:13px;margin-bottom:0}
.ot-widget-article-list>.item h4 a{display:block;padding:12px 34px 12px 20px;color: #934a4a;}
.ot-widget-article-list>.item h4 a:hover{color: #e842b9}
.ot-widget-article-list>.item .item-header{display:table-cell;width:33%;vertical-align:top;padding-bottom:0}
.ot-widget-article-list>.item .item-content{display:table-cell;width:70%;vertical-align:top;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}
.ot-widget-article-list>.item.no-image .item-content{width:100%}
.ot-widget-article-list>.item:last-child .item-content{box-shadow:none}


/*VIDEO*/
.destination-grid-03{
	float: left;
	width:100%;
	margin-bottom: 30px;
	background-color: #FFF;
	-webkit-box-shadow: 4px 5px 2px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 5px 2px -5px rgba(0, 0, 0, 0.2);
}
.destination-grid-03:hover{
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.destination-grid-03 figure{
	margin-bottom: 0px;
	position: relative;
}
.destination-grid-03 figure:before{
	position: absolute;
	content: "";
	top:0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
}
.destination-grid-03:hover figure:before{
	opacity: 0.8;
}
.destination-grid-03:hover .hover-plus{
	opacity: 1;
	margin-top: -28px;
}
.hover-plus{
	position: absolute;
	top:50%;
	left: 0px;
	opacity: 0;
	right: 0px;
	margin:-30px auto;
	text-align: center;
}
.destination-content-03{
	float: left;
	width:100%;
	text-align: center;
	padding: 17px 0 16px;
}
.destination-content-03 h5{
	margin-bottom: 10px;
	font-size: 17px;
}
.destination-content-03 h6{
	margin-bottom: 10px;
}
.destination-content-03 h6 a{
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	color: #800080;
}

/*Pencarian*/
.box-pencarian{
	width: 100%;
	margin-top: 30px;
}
.list-pencarian{
	padding: 10px;
	color: #800080;
	background-color: #fff;
	margin-bottom: 5px;
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 
}
.list-pencarian:hover{
	color: #FFF;
	background-color: #800080;
}

.bgr-ungutua{
	background: #cc0a2f;
	display: block;
}
.bgr-ungumuda{
	background: #b94ce1;
	display: block
}
.title-info {
	color: #000;
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width:80% !important;
	margin: 0 auto !important;
}
.title-detail {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 30%;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.info-overlay {
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	width:80% !important;
	margin: 0 auto !important;
}
.info-overlay img{
	opacity: 1 !important;
}
.content-details h3{
	color: #fff !important;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.content-details {
	position: absolute;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	top: 50%;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.items:hover .info-overlay {
  	opacity: 1;
  	cursor: pointer;
}