/****** PLACE YOUR CUSTOM STYLES HERE ******/

#CDSWIDSSP .widSSPData{
	background-color: #e8e3d9 !important;
	width: 77%;
	padding: 10px 0px 10px 0px !important;
}

.img-partner{
	width: 220px;
	padding: 0 20px 0 20px;

}

@media screen and (max-width:425px){
	.img-partner
	{
		width: 100%;
		padding: 0 100px 0 100px !important;
		text-align: center;
	}
	#CDSWIDSSP .widSSPData{
		width: 62%;
		padding: 10px 0px 10px 0px !important;
	}
	ul.list-inline.social-list {
		text-align: center !important;
		padding-bottom: 10px;
	}
	.middlescreen {
	    height: 40vh;
	}
	.cover.middlescreen .slides > li {
	    height: 40vh;
	}
}

div#hcom-w2024-score > span.hcom-w-outstanding {
					color: #666;
			}

			.tombol {
				background-color: transparent !important;
				border: solid 1px #8b8378 !important;
			}
			.tombol:hover {
				background-color: #8b8378 !important;
			}
			.amend {
				color: #ccc !important;
			}
			.amend:hover {
				color: white !important;
			}
			.tulisan {
				font-size:12px;
			}
			div.chronoz form div input {
				background-color: transparent;
				border: solid 1px #6c4b4c !important;
				color: #6c4b4c;
			}
			div.chronoz form div input:focus {
				color: black;
				background-color: transparent;
				border: white solid 1px;
			}
			div.chronoz form div select {
				background-color: transparent;
				border: solid 1px #6c4b4c;
				color: #6c4b4c;
			}
			div.chronoz form div select:focus {
				color: black;
				background-color: transparent;
				border: white solid 1px;
			}
			.ui-datepicker .ui-widget-content {
				background: #999 none;
			}

@media screen and (min-width: 768px) {			
			.cobakk {
				height: 75vh !important;
			}
		}
@media screen and (max-width: 375px) and (max-height: 667px) {
			.cobakk {
				height: inherit;
			}
		}

.m-all-10 {
	margin: 10px 0;
}

				.package-hover {
						-webkit-transition: all 0.3s;
						transition: all 0.3s;
						cursor: pointer;
				}
				.package-hover:hover {
						-webkit-transform: translateY(-10px);
						-ms-transform: translateY(-10px);
						transform: scale(1.11);
				}
.kiri h3.uppercase:before {
    border-left: 3px solid black;
    content: "";
    width: 4.75rem;
    margin-top: 1.25rem;
    padding-left: 10px;
}

div.col-md-3 div span+ul {
	list-style: disc;
	text-align: left;
}

.edit-edit-om {
	position: absolute;
	z-index: 6;
	width: 100%;

}
.bg-dark-custom {
	background: rgba(215, 210, 197, 0.1 );
}

	input::-webkit-input-placeholder {
      color: white !important;
    }
    input:-moz-placeholder { /* Firefox 18- */
      color: white !important;
    }
    input::-moz-placeholder {  /* Firefox 19+ */
      color: white !important;
    }
    input:-ms-input-placeholder {
      color: white !important;
    }

.package-hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.bg-dark {
                background: rgba(0,0,0,0.6) !important;
                background: -webkit-linear-gradient(top,rgba(0,0,0,1) 0%, rgba(255,255,0,0) 100%) !important;
                background: -moz-linear-gradient(top,rgba(0,0,0,1) 0%, rgba(255,255,0,0) 100%) !important;
            }

        @media only screen and (max-width: 768px) {
            .ti-close:before {
                color: white !important;
            }
            .bg-transparant {
                background: rgba(0,0,0,0.8) !important;
            }
            .bg-dark {
                background: #292929 !important;
            }

            .logo-res {
                height: auto;
                width: 175px;
            }
            .module {
			  display: inline-block;
			  padding: 0 10px;
			}
			.promo {
			  position: absolute;
			  left: 1em;
			  top: 1em;
			  line-height: .8em;
			  font-size: 35px;
			  color: white;
			  font-weight: lighter;
			}
			.inner-title .title {
				position: absolute;
				width: 100%;
				bottom: 25px;
				z-index: 5;
				padding: 0 25px;
			}
        }
        @media only screen and (min-width: 1024px) {
            .ramping {
                padding-left: 75px !important;
                padding-right: 70px !important;
            }
        }
        .garis:after {
            content: "";
            display: block;
            border-bottom: 2px solid #333;
            width: 5.75rem;
            margin: 10px auto;
        }
        .popup-hover:hover {
            background: rgba(255,255,255,0.1) !important;
            border-radius: 50%;
        }