@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');



/*call fonts

	font-family: 'Roboto', sans-serif;

	font-family: 'Poppins', sans-serif;

*/



/*slick css*/

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*end slick css*/



/*global*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	opacity:0.8;

}

::-moz-placeholder { /* Firefox 19+ */

	opacity:0.8;

}

:-ms-input-placeholder { /* IE 10+ */

	opacity:0.8;

}

:-moz-placeholder { /* Firefox 18- */

	opacity:0.8;

}

.table{

	border:0;

	border-collapse:collapse;

}

.container:before,

.container:after,

.form-group:before,

.form-group:after,

.clearfix:before,

.clearfix:after,

.row:before,

.row:after,

.list-unstyled:before,

.list-unstyled:after{

	display: table;

	content: " ";

}

.container:after,

.form-group:after,

.clearfix:after,

.row:after,

.list-unstyled:after{

	clear: both;

}

.row{

	margin-left:-15px;

	margin-right:-15px;

}

*, 

*:after, 

*:before{

	-webkit-box-sizing: border-box; 

	-moz-box-sizing: border-box; 

	box-sizing: border-box; 

}

:focus{

	outline:none;

	box-shadow:none;

}

a{

	text-decoration:none;

	color:#333;

}

input{

	-webkit-appearance: none;

	box-shadow:none !important;

}

.input-group{

	display:table;

	position:relative;

}

.input-group .form-control,

.input-group .input-group-btn{

	display:table-cell;

	vertical-align:middle;

}

.input-group .input-group-btn{

	width:1%;

}

.input-group .form-control{

	width:100%;

	border: 0;

	border-radius:0;

	padding:0;

}

img{

	border:0;

	vertical-align:middle;

}

.pull-left{

	float:left;

}

.pull-right{

	float:right;

}

.list-unstyled,

.list-inline{

	margin:0;

	padding:0;

	list-style:none;

}

.list-inline > li{

	display:inline-block;

	vertical-align:middle;

}

.text-right{

	text-align:right;

}

.text-left{

	text-align:left;

}

.text-center{

	text-align:center;

}

input{

	-webkit-appearance: none;

}

:hover,

:focus {

    outline:none;

}

.img-full{

	width:100%;

}

.full-width {

    padding: 0;

}

h1, h2, h3, h4, h5, h6, p{

	font-family: 'Lato', sans-serif;

	line-height: 1.5em;

	font-weight:normal;

	margin:0;

}

.img-block,

.img-left-block{

	position:relative;

	display:block;

}

.img-block > img{

	width:100%;

}

.img-left,

.deskrip-right {

	display: table-cell;

	vertical-align: middle;

}

html,

body{

	width:100%;

	height:100%;

}

body{

	position:relative;

	margin:0;

	padding:0;

	font-family: 'Lato', sans-serif;

	-webkit-text-size-adjust: 100%;

	font-size: 14px;

	color: #333;

}

.container {

	max-width: 996px;

	padding: 30px 10px;

	margin: 0 auto;

}

/*LOGO SEARCH*/

.logo-search {

	background: white;

	padding: 5px 0;

}

.header-logo,

.header-search {

	width: 1%;

	display: table-cell;

	vertical-align: middle;

}

.header-logo .logo {

	width: 300px;

}

.header-search {

	width: 100%;

}

.link-hs,

.form-search {

	display: table-cell;

	vertical-align: middle;

	padding-left: 10px;

}

.link-hs {

	font-size: 13px;

	color: #555;

}

.form-search {

	width: 250px;

	text-align: left;

	padding-left: 20px;

}

.form-search .input-group {

    width: 100%;

}

.is-sticky .logo img {

    max-height:50px;    

}

.form-search .input-group .form-control, 

.form-search .input-group .btn {

	height: 30px;

	border: 0;

	margin: 0;

	padding: 0;

	background: transparent;

}

.sticky-wrapper {

    -webkit-transition: height 1s; /* Safari */

    transition: width 1s;

}

.form-search .input-group .form-control {

	padding-left: 10px;

	color: #555;

	font-family: 'Lato', sans-serif;

	font-size: 14px;

	border: 1px solid #ddd;

	border-right: 0;

}

.form-search .input-group .btn {

	padding: 0 10px;

	border: 1px solid #ddd;

	border-left: 0;

}

.form-search .input-group .icon-search {

	background: url(../images/search.png) no-repeat;

	display: block;

	background-size: 20px;

	width: 19px;

	height: 19px;

	margin: 0 auto;

}

/*END LOGO SEARCH*/

/*NAVBAR*/

.navbar {

	/* border-top: 3px solid #e63900;

	background: #e6e6e6;

	 */padding: 8px 0;

}

.logo-search .container,

.navbar .container {

	padding: 0 10px;

}

.navbar .list-navbar li {

	display: table-cell;

	vertical-align: middle;

	border-left: 1px solid #a6a6a6;

}

.navbar .list-navbar li:first-child {

	border-left: none;

}

.navbar .list-navbar li > a {

	display: block;

	padding: 3px 15px;

	font-size: 15px;

	color: #002db3;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.navbar .list-navbar li:last-child > a {

	padding-right: 0;

}

.navbar .list-navbar li > a:hover {

	color: #4d79ff;

}

.navbar-fix .menu-mobile {

	display: none;

}

/*END NAVBAR*/

/*HEADLINE SLICK*/

.slick-headline{

	position:relative;

	width:100%;

	height: 600px;

}

.slick-slider .slick-list, 

.slick-slider .slick-track {

    height: 100%;

}

.slick-headline .slick-dots{

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	left:0;

	right:0;

	bottom: 25px;

	z-index: 2;

	text-align:center;

	line-height:0;

}

.slick-headline .slick-dots > li{

	background:url(../images/dots.png) no-repeat;

	background-size: 30px;

	width:14px;

	height:14px;

	margin:0 10px;

	display:inline-block;

	vertical-align:middle;

	cursor:pointer;

	background-position:100% 0;

}

.slick-headline .slick-dots > li.slick-active,

.slick-headline .slick-dots > li:hover{

	background-position:0 0;

}

.slick-headline .slick-dots > li button{

	display:none;

}

.slick-headline .item-slide{

	position:relative;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:top center;

	width: 100%;

	height: 100%;

	display: table;

}

.slick-headline .item-slide .item-middle{

	display: table-cell;

	vertical-align: bottom;

}

.slick-headline .container{

	padding:0 15px;

}

.slick-headline .item-bg {

	background: #FFF;

	opacity: 0.7;

    filter: alpha(opacity=70); /* For IE8 and earlier */

	color: #000;

	padding: 30px;

	max-width: 500px;

	margin-bottom: 80px;

	position: relative;

}

.slick-headline .item-bg:before {

	position: absolute;

	content: "";

	width: 25%;

	top: 23px;

	left: 30px;

	background: #e63900;

	height: 2px;

}

.slick-headline .container .item-bg > h1{

	font-family: 'Roboto', sans-serif;

	font-size: 28px;

	font-weight: bold;

	line-height: 1em;

	margin-bottom: 15px;

}

.slick-headline .container .item-bg > p{

	font-size: 15px;

	line-height: 1.8em;

	font-family: 'Roboto', sans-serif;

}

.slick-headline .link-slide {

	display: table;

	font-size: 13px;

	margin-top: 10px;

	color: #e63900;

}

.slick-headline .link-slide > img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -2px;

}

/*END HEADLINE SLICK*/

/*WHY US*/

ul#why-us {

    list-style: none;

    margin: 0;

    padding: 0;

}

ul#why-us li{

    width: 33.3%;

    padding: 10px;

    box-sizing: border-box;

    float: left;

    height: 200px;

}

ul#why-us li i{

    font-size: 40px;

    margin-bottom: 10px;

}

ul#why-us li h3{

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 5px;

}

ul#why-us li p {

    font-size: 14px;

}

/*END WHY US*/

/*SERVICE*/

.column-border {

	border-bottom: 3px solid rgb(77, 121, 255);

}

.column-border .title-column {

	font-size: 25px;

	font-weight: 700;

	margin-bottom: 20px;

	font-family: 'Roboto', sans-serif;

}

.column-border .list-article {

	margin: 0 -10px;

}

.column-border .list-article > li {

	float: left;

	width: 33.33%;

	padding: 0 10px;

}

.column-border .list-article .title-center {

	text-align: center;

	margin-top: 10px;

	font-size: 16px;

	font-weight: 600;

}

.column-border .list-article .deskrip-bottom {

	padding-top: 15px;

}

.column-border .list-article .deskrip-bottom > p {

	font-size: 15px;

	margin-bottom: 5px;

}

.column-border .list-article .deskrip-bottom .date-author span,

.column-border .list-article .deskrip-bottom .date-author a {

	display: inline-block;

	font-size: 13px;

	color: #888;

}

/*END SERVICE*/

/*ABOUT*/

.list-breadcrumb li {

	color: #888;

	font-size: 13px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 5px;

	margin-bottom: 30px;

}

.list-breadcrumb li > a {

	display: block;

	color: #e63900;

}

.section-left {

	width: 600px;

}

.section-right {

	width: 350px;

}

.title-content {

	font-size: 25px;

	font-family: 'Roboto', sans-serif;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

	display: table;

	padding-bottom: 3px;

}

.title-content:after {

	position: absolute;

	content: "";

	bottom: 0;

	height: 2px;

	background: #4d79ff;

	width: 60px;

	left: 50%;

	margin-left: -30px;

}

.body-about > p {

	font-size: 15px;

	margin-top: 20px;

}

.logo-about {

	text-align: right;

}

/*END ABOUT*/

/*CONTACT*/

.content-contact .contact-map a img {

	width: 100%;

}

.content-contact .side-right:first-child{

	margin-bottom: 40px;

}

.content-contact .title-bg {

	display: block;

	font-size: 20px;

	color: #FFF;

	background: #4d79ff;

	padding: 5px 15px;

	border-radius: 5px;

	text-align: center;

	margin-bottom: 30px;

}

.content-contact .side-right address,

.content-contact .side-right > p{

	font-style: normal;

	font-size: 15px;

	font-weight: 500;

	margin-top: 20px;

}

.content-contact .side-right .form-contact > input,

.content-contact .side-right .form-contact > textarea {

	display: block;

	width: 100%;

	border: 1px solid #ECECEC;

	padding: 5px 10px;

	border-radius: 3px;

	font-family: 'Lato', sans-serif;

}

.content-contact .side-right .form-contact > label {

	margin: 10px 0;

	display: block;

}

.content-contact .side-right .form-contact > textarea {

	min-height: 150px;

}

.content-contact .side-right .btn-send {

	background: #4d79ff;

	border: none;

	margin: 0 auto;

	margin-top: 20px;

	display: table;

	padding: 8px 40px;

	font-size: 15px;

	color: #FFF;

	cursor: pointer;

	border-radius: 20px;

}

/*END CONTACT*/

/*FOOTER*/

.footer {

	background: #F5F5F5;

	padding: 20px 0;

}

.footer .copyright {

	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

	color: #888;

	font-size: 12px;

	font-family: Arial, sans-serif;

	margin-bottom: 20px;

}

.footer .copyright > a {

	display: inline-block;

	margin-left: 10px;

	color: #002db3;

	font-weight: 300;

}

.footer-inline {

	float: left;

	width: 25%;

	border-left: 1px solid #ddd;

	padding: 0 15px;

	padding-bottom: 10px;

	min-height: 205px;

}

.footer-inline.pull-right {

    float: right;   

}

.footer-inline.footer-inline-contact {

	border-left: none;

	padding-left: 0;

    width:50%;

}

.footer-inline h5 {

	font-size: 18px;

	font-family: 'Roboto', sans-serif;

	font-weight: 500;

	margin-bottom: 15px;

}

.footer-contact > span {

	display: block;

	margin-top: 5px;

	padding-left: 20px;

	font-size: 13px;

}

.footer-contact {

	border: 1px solid #ddd;

	background: #FFF;

	padding: 10px 15px;

}

.footer-contact > span > img {

	width: 13px;

    margin-left: -21px;

	margin-right: 5px;

}

.footer-inline .list-footer li {

	margin-bottom: 5px;

}

.footer-inline .list-footer li > a {

	color: #002db3;

	display: block;

}

/* social media start */

ul.sosmed {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

ul.sosmed li {

    background: #5a5a5a;

    border-radius: 5px;

    display: inline-block;

    height: 34px;

    line-height: 34px;

    margin-right: 7px;

    text-align: center;

    width: 34px;

}

ul.sosmed li a {

    color: #fff;

    display: block;

    transition: color 1000ms ease 0s,background-color 1500ms ease 0s;

    text-decoration: none;

}

/* end of social media */

/*END FOOTER*/

.list-tour-eropa {

	margin: 0 -10px;

}

.list-tour-eropa > li {

	float: left;

	width: 33.3%;

	padding: 0 10px;

	position: relative;

	margin-bottom: 40px;

}

.list-tour-eropa > li > .deskrip-bottom {

	padding: 10px;

	border: 1px solid #c1c1c1;

}

.list-tour-eropa > li > .deskrip-bottom > h3 {

	font-size: 17px;

	margin-bottom: 15px;

	height: 77px;

	overflow: hidden;

}

.list-tour-eropa > li > .deskrip-bottom > h5 {

	font-size: 18px;

	font-weight: 700;

	color: #e63900;

}

.list-tour-eropa .overlay-tour {

	position: absolute;

	top: 0;

	left: 10px;

	right: 10px;

	bottom: 100%;

	background: rgba(64, 64, 64, 0.9);

	color: #FFF;

	height: 0;

	transition: .5s ease;

	overflow: hidden;

}

.list-tour-eropa .overlay-tour .overlay-table {

	display: table;

	width: 100%;

	height: 100%;

	text-align: center;

}

.list-tour-eropa .overlay-tour .overlay-table .text-middle {

	display: table-cell;

	vertical-align: middle;

	color: #FFF;

	font-size: 16px;

}

.list-tour-eropa .overlay-tour .overlay-table .text-middle > img {

	margin-left: 5px;

	margin-top: -4px;

}

.list-tour-eropa > li:hover .overlay-tour{

	bottom: 0;

	height: 100%;

}

/*MEDIA QUERY*/

@media (max-width: 991px) {

	/*about*/

	.section-left,

	.section-right{

		width: 100%;

		float: none;

	}

	.section-right {

		margin-top: 30px;

	}

	.section-right .logo-about {

		text-align: left;

	}

	/*contact*/

	.content-contact .contact-map {

		max-width: 100%;

		display: table;

		margin: 0 auto

	}

	.content-contact .side-right {

		float: left;

		width: 50%;

		padding: 0 10px;

	}

	.content-contact .side-right:first-child {

		margin-bottom: 0;

	}

}

@media(max-width: 768px) {

    .logo img {

        max-height:70px;

    }    

}

@media (max-width: 767px) {

    .header-logo, 

	.header-search {

		display: block;

		width: 100%;

	}

	.header-logo .logo {

		width: 100%;

		text-align: center;

		margin-bottom: 15px;

	}

	.header-search .search {

		float: none;

		display: table;

		margin: 0 auto;

	}

	.link-hs {

		font-size: 12px;

	}

	.link-hs, 

	.form-search {

		padding-left: 5px;

	}

	/*navbar*/

	.navbar-fix .menu-mobile{

		text-align: center;

		display: block;

	}

	.navbar-fix .menu-mobile > .icon-menu {

		display: table;

		margin: 0 auto;

	}

	.navbar .container .pull-right, .navbar-fix.pull-right {

		float: none;

	}

	.navbar-fix .icon-menu.active .menu-img,

	.navbar-fix .icon-menu .close-img{

		display: none;

	}

	.navbar-fix .icon-menu .menu-img,

	.navbar-fix .icon-menu.active .close-img{

		display: block;

	}

	.navbar-fix .list-navbar {

		display: none;

	}

	.navbar-fix .list-navbar.open {

		display: block;

		margin-top: 10px;

	}

	.navbar .navbar-fix .list-navbar li {

		display: block;

		border-left: none;

	}

	.navbar .navbar-fix .list-navbar li > a {

		padding: 3px 0;

		text-align: center;

		font-size: 14px;

	}

	/*headline*/

	.slick-headline .container .item-bg > h1{

		font-size: 20px;

	}

	.slick-headline .link-slide {

		font-size: 12px;

	}

	/*why us*/

	ul#why-us li{

        width: 100%;

	}

	/*service*/

	.column-border .list-article > li {

		float: none;

		width: 100%;

		margin-top: 20px;

	}

	.column-border .list-article > li:first-child {

		margin-top: 0;

	}

	.column-border .list-article.list-article-haji > li .img-block,

	.column-border .list-article.list-article-haji .title-center {

		display: table-cell;

		vertical-align: middle;

	}

	.column-border .list-article.list-article-haji > li .img-block {

		width: 200px;

	}

	.column-border .list-article .title-center{

		padding-left: 15px;

	}

	/*about*/

	.section-right .logo-about {

		text-align: center;

	}

	/*contact*/

	.content-contact .side-right {

		float: none;

		width: 100%;

		padding: 0;

	}

	.content-contact .side-right:first-child {

		margin-bottom: 30px;

	}

	.content-contact .title-bg {

		font-size: 18px;

	}

	.content-contact .side-right .form-contact > label,

	.content-contact .side-right .form-contact > input,

	.content-contact .side-right .form-contact > textarea,

	.footer-inline .list-footer li > a,

	.slick-headline .container .item-bg > p {

		font-size: 13px;

	}

	/*footer*/

	.footer-inline {

		float: none;

		width: 100%;

		padding: 0;

		border-left: none;

		min-height: auto;

		text-align: center;

		margin-top: 30px;

	}

	.footer-inline h5 {

		text-align: center;

	}

	.footer-inline .sosmed {

	    display: inline-block;    

	}

	.footer-inline.footer-inline-contact {

	    width: 100%;

	}

	.list-tour-eropa > li {

		width: 50%;

	}

}

/*END MEDIA QUERY*/