/*
====================================================

* 	[Master Stylesheet]

	Template Name 	:  Buildwall
	Version    		:  1.0
	Author     		:  W3Engineers Ltd.
	Author URI 		:  https://themeforest.net/user/w3engineers

====================================================

	TOC

	1. PRIMARY STYLES
		RESPONSIVE
	2. COMMON STYLES
		GO TOP
		RESPONSIVE
	3. MENU STYLING
		TOP MENU
		MENU BOTTOM
		LOGO
		MENU RIGHT AREA
		MAIN MENU
		DROPDOWN
		DROPDOWN MULTI LEVEL
		DROPDOWN HOVER EFFECT
		NAV ICON
		SEARCH AREA
		CART AREA
		RESPONSIVE
	4. SLIDER STYLING
		RESPONSIVE
	5. TEAM SECTION
	6. FOOTER SECTION STYLING
		CONTACT AREA
		MAIN FOOTER
		SOCIAL ICONS
		RESPONSIVE


====================================================


/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

/* common-css/primary.css */


/* ---------------------------------
2. COMMON STYLES
--------------------------------- */

/* common-css/primary.css */


/* ---------------------------------
3. MENU STYLING
--------------------------------- */

/* common-css/header.css */


/* ---------------------------------
4. SLIDER STYLING
--------------------------------- */

.main-slider{ height: 200px; margin-top: 130px; position: relative; color: #fff; }

.main-slider .slider-bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; z-index: -1; }

.main-slider .slider-bg:after{ content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
	background: rgba(0,0,0,.5); }

.main-slider .blog-bg-1{ background-image: url(../../images/rental/coleman03.jpg); background-size: cover; background-position: top;}

.main-slider .blog-bg-2{ background-image: url(../../images/banner/workstation.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-3{ background-image: url(../../images/blog/uluwatu70.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-4{ background-image: url(../../images/blog/palangkaraya_nights.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-5{ background-image: url(../../images/blog/wisata_romantis.jpg); background-size: cover; background-position: top;}

.main-slider .blog-bg-6{ background-image: url(../../images/blog/rockxxl.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-7{ background-image: url(../../images/blog/orabeachs.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-8{ background-image: url(../../images/blog/pendakis.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-9{ background-image: url(../../images/rental/paragon01.jpg); background-size: cover; background-position: center;}

.main-slider .blog-bg-10{ background-image: url(../../images/rental/coleman02.jpg); background-size: cover; background-position: top;}

.main-slider .rajaampat{ background-image: url(../../images/trip/rajaampat00.jpg); background-size: cover; background-position: center;}

.main-slider .southpapua{ background-image: url(../../images/trip/southpapua00.jpg); background-size: cover; background-position: center;}

.main-slider .papua{ background-image: url(../../images/trip/papua00.jpg); background-size: cover; background-position: top;}

.main-slider .misool{ background-image: url(../../images/trip/misool00.jpg); background-size: cover; background-position: center;}

.main-slider .lombok{ background-image: url(../../images/trip/lombok00.jpg); background-size: cover; background-position: center;}

.main-slider .alor{ background-image: url(../../images/trip/alor00.jpg); background-size: cover; background-position: top;}

.main-slider .flores{ background-image: url(../../images/trip/flores00.jpg); background-size: cover; background-position: bottom;}

.main-slider .rinjani{ background-image: url(../../images/trip/rinjani00.jpg); background-size: cover; background-position: top;}

.main-slider .piaynemo{ background-image: url(../../images/trip/piaynemo00.jpg); background-size: cover; background-position: center;}

.main-slider .bali{ background-image: url(../../images/trip/bali00.jpg); background-size: cover; background-position: center;}

.main-slider .toraja{ background-image: url(../../images/trip/toraja00.jpg); background-size: cover; background-position: top;}

.main-slider .overland{ background-image: url(../../images/trip/overland00.jpg); background-size: cover; background-position: top;}

.main-slider .orabeach{ background-image: url(../../images/trip/orabeach00.jpg); background-size: cover; background-position: top;}

.main-slider .bromo{ background-image: url(../../images/trip/bromo00.jpg); background-size: cover; background-position: center;}

.main-slider .keiisland{ background-image: url(../../images/trip/keiisland00.jpg); background-size: cover; background-position: center;}

.main-slider .kumbolo{ background-image: url(../../images/trip/kumbolo00.jpg); background-size: cover; background-position: center;}

.main-slider .taka{ background-image: url(../../images/trip/taka00.jpg); background-size: cover; background-position: center;}

.main-slider .yogya{ background-image: url(../../images/trip/yogya00.jpg); background-size: cover; background-position: center;}

.main-slider .ceram{ background-image: url(../../images/trip/ceram00.jpg); background-size: cover; background-position: bottom;}

.main-slider .desc{ margin-top: 15px; }

.main-slider .desc i{ margin: 0 10px; position: relative; bottom: -2px; }

#id_collase{ font-size: 17px; color: #444; background:#ffc308; text-align: left; padding: 10px; border: 2px solid #fff; }

.rightright{ float: right;}

.card-body{ border:1px solid #ffc308; padding: 15px; }

#customers {
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ffc308;
  color: #444;
}


/* RESPONSIVE */

@media only screen and (max-width: 767px) {

	.main-slider{ height: 85px; margin-top: 0px; }

}
@media only screen and (max-width: 479px) {

	.main-slider{ margin-top: 65px; }

}
@media only screen and (max-width: 359px) {
	.main-slider{ margin-top: 130px; }
}



/* ---------------------------------
5. TEAM SECTION
--------------------------------- */

.team-section .team{ position: relative; margin-bottom: 30px; box-shadow: 0px 3px 30px rgba(0,0,0,.11); }

.team .social-icons{ position: absolute; top: 0px; right: 0px; background: #ffcc00; }

.team .social-icons > li{ display: block; }

.team .social-icons > li > a{ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: .95em;
	border-top: 1px solid rgba(0,0,0,.06); color: #555; }

.team .social-icons > li > a i{ font-size: .9em; }

.team .social-icons > li:first-child > a{ border-top: 0; }

.team .social-icons > li > a:focus,
.team .social-icons > li > a:hover{ background: #fff; color: #000; }

.team-info{ padding: 20px 15px 25px; }

.team-info .designation{ margin-top: 5px; color: #666; }



/* ---------------------------------
6. FOOTER SECTION STYLING
--------------------------------- */

/* common-css/footer-styles.css */