/*.galery-responsive {*/
/*  width: 100%;*/
/*  height: auto;*/
/*}*/
/*.main {*/
/*	background: #151515 url("../img/soccer_backgroud.jpg") repeat-y scroll 0 0;*/
/*	padding: 40px 0 70px;*/
/*	color: #a1a1a1;*/
/*}*/
.main {
	background: #151515 ;
	padding: 40px 0 70px;
	color: #a1a1a1;
}
.footer {
    background: rgba(0, 0, 0, 0) url("../img/foot_bg.jpg") no-repeat scroll 50% 100%;
	padding: 20px 15px;
    position: relative;
	color: #9da6b1;
}
.footer .nav > li{
	display: inline-block;
}
.footer .nav > li > a{
	padding: 0px 15px;
}
.cont_design {
	background: rgba(0, 0, 0, 0) url("../img/cont_design_bg.png") repeat scroll 50% 0 / cover;
	padding: 28px;
}
.cont_design_title {
	color: #fff;
	font-size: 26px;
	/*letter-spacing: -1px;*/
	line-height: 1.2em;
	margin: 0;
	overflow: hidden;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
}
.caret-right {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	/*width: 70%;*/
	margin: auto;
}
.pagetop {
	background: rgba(0, 0, 0, 0) url("../img/top_row_bg.jpg") no-repeat scroll 50% 0 / cover;
	padding: 25px 0;
}
.pagetop2 {
	background: rgba(0, 0, 0, 0) url("https://drncvpyikhjv3.cloudfront.net/sites/131/2016/09/21101909/blue-background-header-1.png") no-repeat scroll 10% 0 / cover;
	padding: 10px 0;
}
.pagebottom{
	color:#fff;
	min-height:100px;
}
.navbar{
	margin-bottom:0;
	z-index:99;
	border-radius:0;
}
.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
}
.carousel {
	position: relative;
}
.controllers {
	position: absolute;
	top: 0px;
}
.carousel-control.left, 
.carousel-control.right {
	background-image: none;
}
.vcenter {
	display: inline-block;
	vertical-align: middle;
}
.info_text {
	text-align:left;
}
.slider_title {
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 44px;
	letter-spacing: -2px;
	line-height: 100%;
	margin-bottom: 10px;
}
.slider_txt {
	color: #fff;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin-bottom: 30px;
}
.carousel_button {
	background: rgba(0, 0, 0, 0) url("../img/carousel_button.png") no-repeat scroll 100% -93px;
	display: inline-block;
	height: 93px;
	padding: 0 90px 0 0;
	position: relative;
	text-decoration: none;
	width: 50%;
}
.carousel_button span {
	background: rgba(0, 0, 0, 0) url("../img/carousel_button.png") no-repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 22px;
	height: 93px;
	line-height: 100%;
	padding: 20px 0 0 18px;
	position: relative;
}
.carousel_button span strong {
	color: #515151 !important;
	display: block;
	font-size: 12px;
	font-weight: normal !important;
	/*margin-top: -6px;*/
	text-transform: uppercase !important;
}
.carousel_button:hover {
	text-decoration:none;
	background: rgba(0, 0, 0, 0) url("../img/carousel_button.png") no-repeat scroll 100% -279px;
}
.carousel_button:hover span {
	background: rgba(0, 0, 0, 0) url("../img/carousel_button.png") no-repeat scroll 0 -186px;
}
@media all and (max-device-width: 1024px){
   .carousel_button{
		width: 65%;
	}
	.carousel_button span{
		padding: 25px 0 0 10px;
		font-size: 20px;
	}
}
@media all and (max-device-width: 640px){
	.slider_title {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.slider_txt {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.img-thumbnail{
		max-height:170px;
	}
	.carousel_button{
		padding: 0 70px 0 0;
		width: 50%;
	}
	.carousel_button span{
		padding: 25px 0 0 10px;
		font-size: 16px;
	}
	.carousel_button span strong{
		font-size: 10px;
	}
	.info_text {
		margin-left: 10px;
		margin-right: 10px;
		text-align:center;
	}
	.item{
		text-align:center;
	}
	#myCarousel{
		padding:0px;
	}
	.navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a{
		padding: 5px 15px 5px 35px;
	}
	.footer {
		text-align: center;
	}
	.cont_design{
		text-align:center;
	}
	.visible-xs-block{
		margin-bottom:10px;
	}
}
@media all and (max-device-width: 480px){
	.carousel_button{
		width: 65%;
	}
	.cont_design_title{
		font-size: 18px;
	}
	.cont_design span{
		font-size: 14px;
	}
}

*{margin: 0; padding: 0}
@keyframes autopopup {
    from {opacity: 0;margin-top:-200px;}
    to {opacity: 1;}
}
#close {
    background-color: rgba(64, 68, 65, 0.5);
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    animation:autopopup 10s;
}
#close:target {
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 1000px){
    .container-popup {
        width:30%;
    }
}
@media (max-width: 1000px){
    .container-popup {
        width:30%;
    }
}
.container-popup {
    position: relative;
    margin: 10% auto;
    padding: 4px 3px;
    color: #333;
    border-radius: 8px;
}
.container-popup img {
    width: 120%
    
}
.img responsive {
    max-width: 100%;
    height: auto;
}
.img responsive2 {
    /*display: block;*/
    max-width: 100%;
    height: auto;
}
.responsive {
  max-width: 100%;
  height: auto;
}
.close {
    position: responsive;
    top:3px;
    right:3px;
    background-color: rgb(6, 243, 85);
    padding:7px 10px;
    font-size: 15px;
    text-decoration: none;
    line-height: 1;
    color:rgb(10, 10, 10);
}
.tombol{
    position: responsive;
    background:#2C97DF;
    color:white;
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:5px solid #2A80B9;
    padding:5px 10px;
    text-decoration:none;
    font-family:sans-serif;
    font-size:10pt;
  }

.proof {display: block;width: 270px;position: fixed;left: 20px;animation: proof 8s;opacity: 0;box-shadow: 0 0 70px rgb(0 0 0 / 5%);border-radius: var(--border-radius);z-index: 99999 ;color:white;}.proof>* {padding: 8px;background: #253240;border: 1px solid var(--border-color);border-radius: 8px !important;overflow: hidden }.ripple {-webkit-animation: ripple 2s ease-out;-webkit-animation-iteration-count: infinite;animation: ripple 2s ease-out;animation-iteration-count: infinite }.proof-avatar, .proof-data {display: inline-block;vertical-align: middle }.proof-avatar {width: 56px;height: 56px;background: #ddd;overflow: hidden;border-radius: 4px }.proof-avatar>img {width: 100%;display: block }.proof-data {width: calc(100% - 75px);margin-left: 10px }.proof-data>* {width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.2;margin: 2px 0 !important }.proof-data h4 {font-weight: 700;font-size: .9em }.proof p {font-size: .8rem;line-height: 1.5 }.proof-data small {font-size: .8em;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA7AAAAOwBeShxvQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAO3SURBVFiFtZddaFtlGMd/z8nJaU7SpiFd+mHr7AaVgWVSrFd6oR06sLtwFuYcG9SB4D7SrhtserMbHXOgIEMy2MXYxbQXszrohmwlbgpiEYajZawojLKJa9GW2tgmJDnn9SLN1nVNzkka/3fnnOd5fn/e857nfY7gUioaDWJZ3Yh0Ac8DrUBo6fEcMInILZT6nmTyipw7l3BTVxzBBw48CxwDdgJ+l34XUWoQXT8lp0//XpYBNTBgkk5/BPQDukvwSmWAz1lYOC7nz6dcG1B9fW3Y9jco1V4meEVBNUo2+5acPfvA0YCKRjuw7atApCLwR/oD2+6WM2fGChpQfX1tWNZP/wP8kQmlXpRYbCp/Q3sI7+31YVkXi8I1reAjl2pB0y6rgQHzCQMEAh+T+7xWlWpqIn3yJNndu8E0C4U5S6kXSKc/yF8KPPzUblNkt9vt7WT37s0lzc2hX7iA3L1bro1/UapNYrGp/AocKwZfKRUKkdm/H2vr1nJfSzUixwFERaNBbPsBDk1m+Qosl0xO5lZjdrZUEwskk00altXtBC8m1dpK5sgR7I6OUlMD+P1vaEu9fW0yTbJ79pDdtQsMw32eUl0aRXZ+qbI7O8kcPoxqbnZrYLMGbKiUAQBVX0+mvx+rqwvE4awT2agBwUoaAEDXsbZtw9q+3SmyVufKuIFSjjVTz3Qy82emJB8Bo5Hw5bHCAZpUaXg9dklVXUgEam7dJNx7sHigx2Pr+PQk6WygUnBdWdSd+BRj5IZzsE9f1PEZ95lPbaoE3D8zTfi9Q8jsnLsE03tPw6ePrBWsCYSHh6nr6XUPB/B5r2oY/hN4HEfDgvJmktQfOkrgs1hpiR4Bw39Kk/jgNOHAb+XAa+6M09i9A++v46Un19VMSHxwOneU1VYfdGway+TBIvJFjNC+o5DOlg4XgWrjfVgaSCR+cYTG4C/FcvTbE4iAOfsXjW+/i+/r4dLBeTUER+X6tz/AsplQvfJmiL8X7pNIVRdMNAxIp8sHAwTNBC2RFvnuy3lYNpLJjUtzNARfosprFUxeK7zKa7HO/2oe/pgBAIkPjfF0aCdVemETa4E3h3fI9Us3H2OuFqte79nEVGKUf5K1FYEHzQT1NS9LfOiJg2HVgU6uDU3QHFnPU6Ef19IjEIHG2p9pibSsBgc3P6dbejYzn/qKmcRzWM6nJpBrMutq7hAw9uV3e0GP7iqC2vJOA5nkhyTTr5HMrCeV9ZO1ciuoe2x8+iKm9x4+4xqG+YnEB6fd1P0PTfsslJQPhfQAAAAASUVORK5CYII=);background-size: contain;background-position: left center;background-repeat: no-repeat;padding-left: 18px }@keyframes proof {0% {bottom: 0;transform: scale(1) }6% {bottom: 20px;opacity: 1;transform: scale(1.05) }12% {transform: scale(1) }90% {bottom: 20px;opacity: 1;transform: scale(1) }100% {bottom: -50px;opacity: 0;transform: scale(1) }}@-webkit-keyframes ripple {0% {-webkit-box-shadow: 0 0 0 0 rgba(168, 207, 248, .4) }30% {-webkit-box-shadow: 0 0 10px 15px transparent }100% {-webkit-box-shadow: 0 0 0 0 transparent }}@keyframes ripple {0% {box-shadow: 0 0 0 0 rgba(168, 207, 248, .4) }30% {box-shadow: 0 0 10px 15px transparent }100% {box-shadow: 0 0 0 0 transparent }}