@charset "utf-8";
/* CSS Document */

.tabs-left, .tabs-right {
    border-bottom: none; 
}
.tabs-left {
    background:#f9b538; 
	margin-top:-1px;
}
.tabs-left>li {
    float: none;
    margin-bottom: 1px;
}
.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {	
	border:none;
	background:#f89a3a;
	color:#2a2c76;
}
.tabs-left>li>a {
    margin-right: 0;
	padding:20px;
    display:block;
	border-bottom-color: #fff;	
	color:#fff
}
.tabs-left>li>a:hover {
background:transparent; 
border-top-color: transparent;
border-bottom-color: #fff
}
.tabs-left .gratis{
position:absolute; top:4px; right:5px; color:#fff; font-family: Arial-Bold; font-size:12px; padding:3px 10px; border-radius:5px; 
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(#2a2c76 , #4081c3); /* Standard syntax */
}
.tabs-right{
padding:0px;
}
.tab-pane{
padding:0px; margin:0px; 
}
.tab-pane .gratis{
float:left; color:#fff; font-family: Arial-Bold; font-size:15px; padding:4px 10px; border-radius:5px;
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(#2a2c76 , #4081c3); /* Standard syntax */
}

/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.section-one{
padding:140px 0px 80px; text-align:center
}
.section-one .content{
padding:0px 0px 40px;
}
.section-one .title{
font-size:22px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .paket{
padding:0px 20px 20px;
}
.section-one .tab-produk{
padding:0px; background:#f7893a; border-radius:10px; overflow:hidden; 
}
.section-one .tab-produk .tabs-left{
font-size:16px; font-family: Arial-Bold;
}
.tab-content .tab-pane .gambar{
padding:0px;
}
.tab-content .tab-pane .description{
padding:20px; text-align:left
}
.tab-content .tab-pane .description .text{
float:left; color:#2a2c76; font-family: Arial-Bold; font-size:22px; line-height:30px; margin-right:20px
}
.tab-content .tab-pane .description .text2{
font-size:14px; line-height:25px; color:#fff8e6
}
.tab-content .tab-pane .description .text3{
color:#fff; line-height:30px
}
.tab-content .tab-pane .description .centang{
float:left; width:9%; 
}
.tab-content .tab-pane .description .subdesc{
float:left; width:91%; color:#fff
}
}

/* Small devices (tablets kecil, 768px and up) sm*/
@media(min-width:768px) and (max-width: 991px){
.section-one{
padding:180px 0px 100px; text-align:center
}
.section-one .content{
padding:0px 80px 40px;
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .tab-produk{
padding:0px; background:#f7893a; border-radius:10px; overflow:hidden;
}
.section-one .tab-produk .tabs-left{
font-size:16px; font-family: Arial-Bold;
}
.section-one .tab-produk .icon{
margin-right:20px;
}
.tabs-left>li>a {
/*border-radius: 4px 0 0 4px;*/
margin-right: 0;
padding:14px;
display:block;
border-bottom-color: #fff;
border-radius: 0px;
color:#fff
}
.tab-content .tab-pane .gambar{
padding:0px;
}
.tab-content .tab-pane .description{
padding:40px; text-align:left
}
.tab-content .tab-pane .description .text{
float:left; color:#2a2c76; font-family: Arial-Bold; font-size:22px; line-height:30px; margin-right:20px
}
.tab-content .tab-pane .description .text2{
font-size:14px; line-height:25px; color:#fff8e6
}
.tab-content .tab-pane .description .text3{
color:#fff; line-height:30px
}
.tab-content .tab-pane .description .centang{
float:left; width:8%; 
}
.tab-content .tab-pane .description .subdesc{
float:left; width:92%; color:#fff
}
}

/* Medium devices (tablets besar, laptop kecil 991px and up) md*/
@media (min-width:991px) {
.section-one{
padding:180px 0px 100px; text-align:center
}
.section-one .content{
padding:0px 200px 40px;
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .tab-produk{
padding:0px; background:#f7893a; height:305px; border-radius:10px; overflow:hidden; 
}
.section-one .tab-produk .tabs-left{
font-size:15px; font-family: Arial-Bold;
}
.section-one .tab-produk .icon{
margin-right:10px;
}
.tabs-left>li>a {
/*border-radius: 4px 0 0 4px;*/
margin-right: 0;
padding:14px;
display:block;
border-bottom-color: #fff;
border-radius: 0px;
color:#fff
}
.tab-content .tab-pane .gambar{
padding:0px;
}
.tab-content .tab-pane .description{
padding:20px 30px; text-align:left
}
.tab-content .tab-pane .description .text{
float:left; color:#2a2c76; font-family: Arial-Bold; font-size:22px; line-height:30px; margin-right:20px
}
.tab-content .tab-pane .description .text2{
font-size:14px; line-height:25px; color:#fff8e6
}
.tab-content .tab-pane .description .text3{
color:#fff; line-height:30px
}
.tab-content .tab-pane .description .centang{
float:left; width:8%; 
}
.tab-content .tab-pane .description .subdesc{
float:left; width:92%; color:#fff
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.section-one{
padding:200px 0px 100px; text-align:center
}
.section-one .content{
padding:0px 320px 40px;
}
.section-one .title{
font-size:28px; font-family: Arial-Bold; color:#f7893a; line-height:25px;
}
.section-one .tab-produk{
padding:0px; background:#f7893a; height:350px; border-radius:10px; overflow:hidden; 
}
.section-one .tab-produk .tabs-left{
font-size:16px; font-family: Arial-Bold;
}
.section-one .tab-produk .icon{
margin-right:20px;
}
.tabs-left>li>a {
margin-right: 0;
padding:20px;
display:block;
border-bottom-color: #fff;
border-radius: 0px;
color:#fff
}
.tab-content .tab-pane .gambar{
padding:0px;
}
.tab-content .tab-pane .description{
padding:40px; text-align:left
}
.tab-content .tab-pane .description .text{
float:left; color:#2a2c76; font-family: Arial-Bold; font-size:22px; line-height:30px; margin-right:20px
}
.tab-content .tab-pane .description .text2{
font-size:14px; line-height:25px; color:#fff8e6
}
.tab-content .tab-pane .description .text3{
color:#fff; line-height:30px
}
.tab-content .tab-pane .description .centang{
float:left; width:6%; 
}
.tab-content .tab-pane .description .subdesc{
float:left; width:94%; color:#fff
}
}
@media (min-width:1400px) {

}