.programmers { width: 720px; height: 90px; }
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 300px) { .programmers { width: 290px; height: 50px; } }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 600px) { .programmers { width: 600px; height: 200px; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 700px) { .programmers { width: 720px; height: 90px; margin:0 auto; }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 700px) { .programmers2 { width: 720px; height: 90px; margin:0 auto; }
}


@font-face {  font-family: 'Oswald';    src: url('../fonts/Oswald.ttf') format('truetype');    font-weight: normal;    font-style: normal;}
body{ background-color:#EED1FF;}

h1, h2, h3, h4, h5
{
  //font-family: "Oswald",Arial,sans-serif;
  font-family: 'Ubuntu Condensed', sans-serif;
  font-style: normal;
  font-weight: 500;
  //color: #a5c100;
  //text-shadow: #7F7F7F;
}
.rubrik {
	font-family:"Oswald";
	//background-image: -webkit-linear-gradient(left, #CCCCCC, #ADCFF0, #ccc); 
	 //border-bottom: 1px dotted #BFBFBF;
	 margin-top:20px;
	 color:#A020F0;
	 
	 
}
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-one {
    border: 0;
    height: 1px;
    background: #a5c100;
    background-image: -webkit-linear-gradient(left, #ccc, #a5c100, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #a5c100, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #a5c100, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #a5c100, #ccc); 
}
hr.style-four {
    height: 10px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
.container {
	margin-bottom: 10px;
	margin-top: 10px;
	//border:1px solid #BFBFBF;
	//border-right:1px solid #BFBFBF;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
}

.garisv {
	border-right:1px solid #BFBFBF;
}
.font1 {
	font-family: "Chewy",Arial,sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color:#CF1FA5;
	font-size:16px;

}
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
	padding: 8px 0;
	text-transform: uppercase;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
h6 a {
	color:#4D4D4D;
}
h6 {
	color:#4D4D4D;
	font-size:14px;
	font-family:"Oswald";
}
.mt {
	padding-top:10px;
}
.mb {
	padding-bottom:10px;
}
.mb2 {
	padding-bottom:40px;
}
.center {
    margin-left: -12px;
    //margin-right: 3px;
 }
.border {
	border: 1px solid #BFBFBF
}
.navi {
	border: 1px solid #BFBFBF;
	background: #4D4D4D;
}    
.subscribe {
  margin: 10px auto;
  padding: 20px;
  width: 300px;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.subscribe-pitch {
  padding-left: 120px;
  background: url("../img/email.png") 5px center no-repeat;
}
.subscribe-pitch > h3 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  text-transform: uppercase;
}
.subscribe-pitch > p {
  line-height: 22px;
  color: #484848;
}

.subscribe-form {
  position: relative;
  margin: 20px -20px -20px;
  padding: 15px;
  background: #fafafa;
  border-top: 1px solid #ccc;
  border-radius: 0 0 6px 6px;
  background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
  background-image: -o-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
  background-image: linear-gradient(to bottom, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);
  -webkit-box-shadow: inset 0 1px white;
  box-shadow: inset 0 1px white;
}

.subscribe-input {
  padding: 0 16px;
  width: 100%;
  height: 35px;
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 15px;
  color: #444;
  background: #fefefe;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #999 #aaa #aaa;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;
}
.subscribe-input:focus {
  outline: 0;
}

.subscribe-submit {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  padding-left: 15px;
  height: 35px;
  width: 60px;
  background: #60e160;
  border: 1px solid;
  border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  background-image: -webkit-linear-gradient(top, #84f087, #4cd94a);
  background-image: -moz-linear-gradient(top, #84f087, #4cd94a);
  background-image: -o-linear-gradient(top, #84f087, #4cd94a);
  background-image: linear-gradient(to bottom, #84f087, #4cd94a);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}
.subscribe-submit:active {
  background: #4cdf4d;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.subscribe-submit:before {
  content: '';
  display: block;
  margin-top: 1px;
  width: 25px;
  height: 19px;
  background: url("../img/tick.png");
}

.lt-ie9 .subscribe-input {
  line-height: 33px;
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.35);
}
.ts {
	height: 500px;
	border: 1px solid #BFBFBF;
}
.style-ket-artikel {
	font-size:13px;
}
.style-berbagi {
	font-size:10px;
	color:#460882;
}
.style-menuatas {
	font-size:12px;
	color:#460882;
}