@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

body{
	font-family: "PT Sans", arial;
	background-color: #efefef;
	color: #444;
	margin-top: 60px;
}
.content-start {
	margin-top: 0px;
	padding-bottom: 30px;
}
.c-wrapper {
	width: 100%;
	margin: 0px auto;
	position: relative;
}
.c-logo {
	width: 20%;
	min-width: 100px;
  	height: 30%;
  	min-height: 200px;
  	overflow: auto;
  	margin: auto;
  	position: absolute;
}
.c-logo-pos1{ /* kiri atas */
  	top: -50%; left: -80%; bottom: 0; right: 0;
}
.c-logo-pos2{ /* tengah atas */
  	top: -50%; left: 0; bottom: 0; right: 0;
}
.c-logo-pos3{ /* kanan atas */
  	top: -50%; left: 80%; bottom: 0; right: 0;
}
.c-logo-pos4{ /* kiri tengah */
  	top: 0; left: -80%; bottom: 0; right: 0;
}
.c-logo-pos5{ /* tengah tengah */
  	top: 0; left: 0; bottom: 0; right: 0;
}
.c-logo-pos6{ /* kanan tengah */
  	top: 0; left: 80%; bottom: 0; right: 0;
}
.c-logo-pos7{ /* kiri bawah */
  	top: 60%; left: -80%; bottom: 0; right: 0;
}
.c-logo-pos8{ /* tengah bawah */
  	top: 60%; left: 0; bottom: 0; right: 0;
}
.c-logo-pos9{ /* kanan bawah */
  	top: 60%; left: 80%; bottom: 0; right: 0;
}
.c-logo-img{
	max-height: 100px;
}
.c-logo-txt {
	font-family: "Montserrat", arial;
	font-size: 30px;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-shadow: 1px 1px 4px #cfcfcf;
}
.navbar.navbar-default {
    border: 0;
}
.img-slide {
    height: calc(100vh - 110px) !important;
    width: 100%;
    object-fit: cover;
	object-position: center;
}
.carousel-indicators li { visibility: hidden; }
.carousel .carousel-control { visibility: hidden; transition: 2s all linear; }
.carousel:hover .carousel-control { visibility: visible; transition: 2s all linear;}
.navbar.navbar-default .navbar-collapse {
    border: 0;
}
.navbar-default .navbar-nav > li > a,
.navbar-brand {
  padding-top: 15px;
  padding-bottom: 0px;
  line-height: 30px;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #efefef;
  
	font-weight: 500;
    font-family: "Montserrat", cursive;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    height: 60px;
    transition: 1s all ease-in-out;
}
.navbar-default .navbar-brand {
  color: #6d6d6d;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ec391e;
}
.navbar-default .navbar-text {
  color: #6d6d6d;
}

.navbar-default .navbar-nav > li > a {
  color: #6d6d6d;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  /* color: #f36561; */
  color: #ee3f33;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background: #ee3f33;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	border-top: 3px solid #ee3f33;
	font-family: 'Lato', sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff !important;
  line-height: 24px;
  text-transform: none;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ee3f33 !important;
  background-color: #ffffff !important;
  -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ee3f33;
  background-color: #f8f8f8;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ee3f33;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ee3f33;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ee3f33;
  background-color: #f8f8f8;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #6d6d6d;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #6d6d6d;
}
.navbar-default .navbar-link {
  color: #6d6d6d;
}
.navbar-default .navbar-link:hover {
  color: #ee3f33;
}
.navbarlogo {
	padding-top: 10px;
	margin-right: 5px;
}
.newbadge {
   position:relative;
}
.newbadge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:15px;
   right:0px;
   font-size:.7em;
   background: #f82e1f;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}
.divider {
	background: #ee3f33;
	fill: #ee3f33;
	width: 200px;
	height: 2px;
	padding: 0;
	margin: 29px auto 34px;
	margin-left:0px;
	border: none;
}
.showshadow {
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);
}
.navbar-brand {
	max-width:400px;
	display:block;
}
.logo {
	max-height:45px;
	vertical-align:middle;
}
.logo-text {
	font-size: 25px;
	font-weight: 700;
	color: #555 !important; 
	letter-spacing: -1px;
    /* text-shadow: 1px 1px 4px #ff0000; */
}
footer {
	margin-top: 0px;
}
/* Dropdown Box */
.navbar-default .navbar-nav > li > .ddbox {
	background: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
	border-top: 3px solid #ee3f33;
	font-family: 'Lato', sans-serif;
	width: 300px;
	padding-left: 10px;
	padding-right: 10px;
}
.browserdisplay{
	display: block;
}
.mobiledisplay{
	display: none !important;
}
.browserdisplay-inline {
	display: inline;
}
.mobiledisplay-inline {
	display: none;
}
.main-content {
	margin-top:90px;
	height: auto;
}
/* Media */
@media (max-width: 1186px) {
	.logo {
		max-height:30px;
		vertical-align:middle;
	}
	.logo-text {
		font-size: 15px;
		font-weight: 700;
		color: #555 !important; 
		letter-spacing: -1px;
    	/* text-shadow: 1px 1px 4px #ff0000; */
	}
	.navbar-default {
  		background-color: #ffffff;
  		border-color: #efefef;
  		font-size: 12px;
		font-weight: 500;
    		font-family: "Montserrat", cursive;
    		line-height: 20px;
    		text-transform: uppercase;
    		letter-spacing: 0.04em;
    		height: 60px;
    		transition: 1s all ease-in-out;
	}
}
@media (max-width: 991px) {
	.navbar-collapse {
  		background-color: #fff;
  		max-height: 90vh !important;
  	}
  	.navbar-default {
  		height:60px;
  	}
  	.navbar-brand .logo{
   		max-width: 100px;
  	}
  	.navbar-header {
      	float: none;
  	}
  	.navbar-left,.navbar-right {
      	float: none !important;
  	}
  	.navbar-toggle {
      	display: block;
  	}
  	.navbar-collapse {
      	border-top: 1px solid transparent;
      	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  	}
  	.navbar-fixed-top {
      	top: 0;
      	border-width: 0 0 1px;
  	}
  	.navbar-collapse.collapse {
      	display: none!important;
  	}
  	.navbar-nav {
      	float: none!important;
      	margin-top: 7.5px;
      
  	}
  	.navbar-nav>li {
      	float: none;
  	}
  	.navbar-nav>li>a {
      	padding-top: 10px;
      	padding-bottom: 10px;
  	}
  	.collapse.in{
      display:block !important;
  	}
  	.mobiledisplay {
  		display: block !important;
  	}
  	.browserdisplay {
  		display: none;
  	}
}