/* ==========================================================================
   CSS by ryan_situl@yahoo.co.id
   January 2014
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Montserrat:700|Droid+Sans:400,700);

@media (min-width: 1680px), 
@media (max-width: 1679px), 
@media (min-width: 1280px),
@media (min-width: 1024px) and (max-width: 1279px),
@media (min-width: 800px) and (max-width: 1023px),
@media (min-width: 480px) and (max-width: 799px) {
	h1.special { font-size:510%; }
	h2.special-text { font-size:200%; }
}
@media (max-width: 479px) {
	h1.special { font-size:250%; }
	h2.special-text { font-size:150%; }
}
   
body,html {
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
    font-size: 14px;
    line-height: 20px;
	color:#010101;
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    /*padding-top: 56px;*/
	padding-top:0;
	background: #eff0f6;
}

.spacing1 { margin-bottom:1px; }
.spacing5 { margin-bottom:5px; }
.spacing10 { margin-bottom:10px; }
.spacing15 { margin-bottom:15px; }
.spacing20 { margin-bottom:20px; }
.spacing25 { margin-bottom:25px; }
.spacing30 { margin-bottom:30px; }
.spacing40 { margin-bottom:40px; }
.spacing50 { margin-bottom:50px; }
.spacing60 { margin-bottom:60px; }
.spacing-1 { margin-bottom:-1px; }
.spacing-5 { margin-bottom:-5px; }
.spacing-10 { margin-bottom:-10px; }
.spacing-15 { margin-bottom:-15px; }
.spacing-20 { margin-bottom:-20px; }
.spacing-25 { margin-bottom:-25px; }
.spacing-30 { margin-bottom:-30px; }
.spacing-40 { margin-bottom:-40px; }
.spacing-50 { margin-bottom:-50px; }
.spacing-60 { margin-bottom:-60px; }
.color1 { color:#010101; }
.color2 { color:#eeb607; }
.color3 { color:#866600; }

a, a:hover, a:focus, a:active { text-decoration:none; transition: all 0.3s linear; outline: none; }
.default-link a { text-decoration:none; transition: all 0.3s linear; color:#010101;  }
.default-link a:hover { text-decoration:none; transition: all 0.3s linear; color:#eeb607;  }

h1 { font-size:510%; }
h1.special { font-family: 'Montserrat', sans-serif; font-weight:700; line-height:0.9em; letter-spacing:-3px; color:#FFF; }
h2 { font-size:200%; font-family: 'Droid Sans', sans-serif; line-height:1em; }
h2.special-text { color:#FFF; line-height:1.2em; }
h3 { font-size:150%; font-family: 'Droid Sans', sans-serif; line-height:1em; }
h3.result { font-family: 'Droid Sans', sans-serif; font-size:150%; line-height:1em; margin:5px 0 0 0; padding:0; }
h3.featured-title { color:#866600; font-family: 'Droid Sans', sans-serif; font-size:150%; line-height:1em; }
h3.testimonial-title { color:#999999; line-height:0.5em; font-size:125%; }
h4 { font-size:300%; }
h4.special { font-family: 'Montserrat', sans-serif; font-weight:700; line-height:0.9em; letter-spacing:-3px; color:#FFF; }
h4.featured-title { color:#FFFFFF; font-family: 'Droid Sans', sans-serif; font-size:150%; line-height:1em; }
h5 { font-size:125%; font-family: 'Droid Sans', sans-serif; line-height:1em; margin:5px 0 5px 0; padding:0; font-weight:bold; }
img {max-width: 100% !important;}
iframe {max-width: 100%;}
/* Main Header */
.main-header {height:25px;}

/* Main Body */
.main-body {
	background:#ffffff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.30);
	-moz-box-shadow:    0px 0px 4px 0px rgba(10, 10, 10, 0.30);
	box-shadow:         0px 0px 4px 0px rgba(10, 10, 10, 0.30);
}

.logo {margin: 25px 50px 0 50px;}
.top-navbar {display:inline-block;width: 100%;}
.nav-top {margin: 25px;}
.nav-top li a{text-align:center;padding:10px 10px;transition: all 0.3s linear;font-size:1.2em;font-weight:600;line-height:1em;color:#010101;}
.nav-top li a:hover{background:none;color:#fff;}
.nav-top li a span{font-size:0.8em;font-weight:400;font-style:italic;color:#828282;}
.nav-top li:hover, .nav-top li.active{
	background:#2b3c4d;
	color:#fff;
	cursor:pointer;
	transition: all 0.3s linear;
}
.nav-top li:hover a, .nav-top li.active a{
	color:#fff;
}


.slider {min-height:50px;background:#0176c6;border-top:5px solid #2d333d;}
.slide {min-height:400px;}
.carousel-inner .item{padding: 40px 60px;}
.carousel-inner img.slide-pict {float: left;} 
.carousel-inner .carousel-content {float: left;padding:0 0 0 40px;width:57%;} 
.carousel-inner p.title {font-size:3em;color:#fff;line-height:1em;padding: 20px 0;} 
.control-slide-prev {position: absolute; top:88.5%; left:0px; width: 300px; height:150px;}
.control-slide-next {position: absolute; top:88.5%; left:40px; width: 300px; height:150px;}

.featured {min-height:150px;background:#2a3c4d;}
.featured .featured-inside{padding:12px 12px 7px 12px;}
.featured img.featured-icon{float:left;padding:0 5px 0 0;}
.featured .featured-title {padding:0 0 10px 0;color:#e9d605;font-weight:600;}
.featured .featured-content {padding:0px;color:#fff;display:inline-block;}
.featured-space {background:url(../img/featured-list.jpg) repeat-y right;}
.featured-space:last-child {background:none;}

.jumbotron {min-height:50px;background:#ffffff;margin-bottom:0;}
.jumbotron h1.title {font-weight:800;font-size:2.5em;padding:0 20px 40px 20px;margin: 0;color:#2c3e50;}
.jumbotron img.img-jmb{padding:0 20px 20px 0;}
.jumbotron .jumbotron-content p{line-height:1.2em;}

.content {min-height:150px;background:#fafafd;padding: 0 0 50px 0;}
.content h1.title {font-weight:800;font-size:3.7em;padding:20px 20px 20px 20px;margin: 0;color:#2c3e50;}
.content .content-inside{padding: 0 20px;display:inline-block;}
.content img.content-icon{padding: 0 20px 20px 0;}
.content .content-inside h3{font-weight:600;}
.content .content-inside .content-page {display:block;padding:0 0 20px 0;}
.content .content-inside .content-page a{font-weight:600;color:#0048ff;text-decoration:underline;transition: all 0.3s linear;}
.content .content-inside .content-page a:hover{color:#2c3e50;text-decoration:none;transition: all 0.3s linear;}

.video {min-height:150px;background:#fff;padding: 15px 0 50px 0;}
.video h1.title {font-weight:800;font-size:2.5em;padding:20px 20px 20px 20px;margin: 0;color:#000;}
.video .content-video h1.title {font-weight:800;font-size:3em;padding:40px 20px 20px 20px;margin: 0;color:#2c3e50;}
.video .content-video p.first {padding: 0 50px;font-size:1.3em;line-height:1.4em;}
.video .testimonial {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	padding:20px 20px;
	background: #eff9ff;
	border: 1px solid #b4e2ff;
	margin: 30px 0 0 0;
	color:#555555;
}
.video .testimonial h3 {padding-top:0px;margin-top:0px;color:#555555;font-weight:800;}
.video .testimonial p.testimonial-user {padding-bottom:0px;margin-bottom:0px;}
.video .testimonial p {padding-bottom:0px;margin-bottom:0px;}


.footer {background:#2c3e50;}
.footer .footer-logo {padding: 30px;}

/* Main Footer */
.main-footer {color:#828282;padding: 20px;}

.affiliate {padding:20px;}
.affiliate h2 {padding-top:5px;margin-top:0px;color:#fff;font-size:3.4em;}
.affiliate h2 span {font-weight:800;}


input[type="text"].input-without-border,
input[type="text"].input-without-border:hover, 
input[type="text"].input-without-border:focus, 
input[type="text"].input-without-border:active {
	border:none;
	box-shadow:none !important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

input[type="text"].input-with-border,
input[type="text"].input-with-border:hover, 
input[type="text"].input-with-border:focus, 
input[type="text"].input-with-border:active,
input[type="email"].input-with-border,
input[type="email"].input-with-border:hover, 
input[type="email"].input-with-border:focus, 
input[type="email"].input-with-border:active,
input[type="password"].input-with-border,
input[type="password"].input-with-border:hover, 
input[type="password"].input-with-border:focus, 
input[type="password"].input-with-border:active,
textarea.input-with-border,
textarea.input-with-border:hover, 
textarea.input-with-border:focus, 
textarea.input-with-border:active,
select.input-with-border,
select.input-with-border:hover, 
select.input-with-border:focus, 
select.input-with-border:active { border:1px solid #cccccc; box-shadow:none !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }