body {
	font-family: 'Quicksand', sans-serif;
}

.nav-blue {
	background-color: #225497;
}

.bg-trans {
	background: rgba(0, 0, 0, 0.3);
}

.bg-blue {
	background-color: #225497;
}

.padding-10 {
	padding: 10px;
}

.about-us {
	background-color: #225497;
	padding: 100px 0px;
}

.text-blue {
	color: #225497;
}

.border-slide {
	border:2px solid #FFF;
}


.nav-item a {
	color: #FFF;
	font-size: 16px;
}

.nav-item a:hover {
	background-color: #1C4C89;
	color: #FFF;
	transition: 0.2s;
}

.item-menu {
	padding: 30px 25px 25px 25px;
}


.text-abu {
	color: #717171;
}

.bg-blues {
	background-color: #0FCABF;
	padding: 50px;
}

.border-product {
	border: 2px solid #225497;
	padding: 20px;
}

.border-product:hover {
	-moz-box-shadow: 2px 2px 3px #999999;
-webkit-box-shadow: 2px 2px 3px #999999;
box-shadow: 2px 2px 3px #999999;
transition: 0.2s;	

}

.segi-enam {
	width: 100px;
	height: 55px;
	background: #0284cf;
	position: relative;
	margin:auto;
}
.segi-enam:before {
	content: "";
	position: absolute;
	top: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #0284cf;
}
.segi-enam:after {
	content: "";
	position: absolute;
	bottom: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #0284cf;
}

.dropdown-menu {
	background-color: #225497;
}

.dropdown-menu a:hover {
	background-color: #1C4C89;
	color: #FFF;
	transition: 0.2s;
}

.cyber-1 {
	background-color: #000;
	padding:100px 0px;

}

.cyber-2 {
	background-color: #DDDDDD;
	padding:100px 0px;
}

.product {
	padding: 100px 0px;
	background-color: #ddd;
}


.product-2 {
	padding: 100px 0px;
	background-color: #225497;
}

.border-product-2 {
	border: 2px solid #FFF;
	padding: 20px;
}

.class-img {
	border: 2px solid #FFF;
	padding: 5px;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 1px #595959;
	-webkit-box-shadow: 0px 0px 1px #595959;
	box-shadow: 0px 0px 1px #595959;
}























.border-class {
	border: 2px solid #FFF;
}

.img-opacity {
	opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.img-opacity:hover {
	opacity: 1;
	transition: 0.2s;
}

.service {
	padding: 50px 0px;
}

.app-1 {
	padding: 50px 0px;
}

.media {
	padding-bottom: 25px;
}

.contact {
	background-image: url("../images/home.jpeg");
	background-color: rgba(0, 0, 0, 0.5); /* Black color with 50% transparency */
  	background-blend-mode: multiply;
	padding:100px 0px;

	/* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.scot-3 {
	padding:100px 0px;
}

.bg-title {
	background-image: url("../images/bg-produ.jpg");
	padding: 50px 0px;
}

.services {
	background-image: url("../images/bg-service.jpg");
	padding:100px 0px;

	/* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-whiite {
	background-color: #FFF;
	padding: 10px;
	color: #0FCABF;
}

.services-2 {
	padding: 100px 0px;
}

.service-3 {
	background-color: #3a5f75;
	padding:100px 0px;
}

.white-abu {
	color: #FFF;
}

.service-bg-blue {
	padding: 100px 0px;
	background-color: #0FCABF;
}

.produk {
	padding: 50px 0px;
}

.bg-blue-2 {
	background-color: #0FCABF;
	padding: 30px;
}

.bg-produk {
	background-image: url("../images/produk.jpg");
	padding:100px 0px;

	/* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}