/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 17, 2014, 8:41:15 PM
    Author     : dwi
*/

html,body { background-color: grey;height:100%; margin: 0px; padding: 0px;overflow-y: hidden; position: relative; font-family: 'MyriadPro';font-style:lighter;font-weight:lighter;letter-spacing: 1px}
.spacer {clear:both;}
ul.product_detail {height: 100%;width:98%;}
ul.product_detail li {height: 100%;}
ul.product_detail li .full_canvas {height: 100%;overflow: hidden;background-size: cover;background-position: center center;}

ul.product_detail li .full_canvas .inner_canvas {margin:150px auto;width:80%;}
ul.product_detail li .full_canvas .inner_canvas .left_section {float:left;width:60%;}
ul.product_detail li .full_canvas .inner_canvas .right_section {float:right;width:38%;}
/*ul.product_detail li .full_canvas .inner_canvas h3 {font-size:32px;font-weight:none;float:left;width:auto;margin:0;padding:4px 20px;color:#fff;background: transparent url('../images/bg_titlebox.png');filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}*/
ul.product_detail li .full_canvas .inner_canvas .title_menu {line-height:36px;font-size:36px;font-weight:lighter;font-style:capitalize;float:left;width:auto;margin:0;padding:10px 20px;color:#fff;background: transparent url('../images/bg_titlebox.png');filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
ul.product_detail li .full_canvas .inner_canvas .keterangan {float:left;padding:20px;width:250px;margin:10px 0;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
ul.product_detail li .full_canvas .inner_canvas .keterangan ul.text_keterangan {margin:0;padding:0;list-style: none;}
ul.product_detail li .full_canvas .inner_canvas .keterangan ul.text_keterangan li {clear:both;border:none;width:auto;}

ul.product_detail li .full_canvas .inner_canvas_home {margin:auto;height:98%;text-align: center;font-family: 'MyriadPro';}
ul.product_detail li .full_canvas .inner_canvas_home .single_title {vertical-align: middle;margin:28% 0 0 0;color:#fff;font-family: 'MyriadPro';font-weight: lighter;}
ul.product_detail li .full_canvas .inner_canvas_home .single_title h1 {font-size:46px;}

.always_top {position:absolute;width:70%;top:670px;z-index:10;}
.always_top .logo_wrapper {width:270px;margin:auto;}

.always_bottom {position: fixed;bottom:-2px;width:100%;margin:0;padding:0;}
.always_bottom .bottom_wrapper {width:90%;margin:auto;}
.always_bottom .bottom_wrapper a {text-decoration:none;color:#fff;}
.always_bottom .bottom_wrapper a.active {text-decoration:none;color:#ff8f00;}

.always_bottom .black_bottom { height:auto;padding:14px 0 2px;font-size:9px;color:#fff;background-image: url('../images/bg_footer.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.always_bottom .black_bottom_nobg {height:auto;padding:14px 0 2px;}
.always_bottom .red_bottom {height:auto;min-height:33px;padding:14px 0 2px;font-size:9px;color:#fff;background-image: url('../images/bg_footer1.png');filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}


.left_black {float:left;width:50%;font-size: 18px;margin-right:8px;margin-left:65px;}
.left_black ul {list-style: none;margin:0;padding:0}
.left_black ul li {float:left;margin-right:20px;font-size: 18px;text-transform:uppercase;}
.right_black {float:right;width:35%;text-align: right;}

.left {float:left;width:35%;font-size: 18px;margin-right:8px;margin-left:45px;}
.left .footer_menu {font-style:lighter;}
.left .footer_menu a {text-decoration: none;color:#fff;}
.left .footer_menu a.aktif {text-decoration: none;color:orange;}

#carikata { 
            background-color: transparent;
            background-image: url('../images/search_icon.png');
            background-position: right; 
            background-repeat: no-repeat;
            height:20px;
            border:none;
            padding:4px;}

#carikata:hover { 
            background-color: silver;
            background-image: url('../images/search_icon.png');
            background-position: right; 
            background-repeat: no-repeat;
            border:grey 1px;
            border-radius:3px;}

.right{float:right;width:55%;text-align: right;}
.right input[type="text"] {width:30%;}
.right ul.text_awal li {margin:4px 0 0 12px;vertical-align: middle;}
.right ul.icons li {margin:0 0 0 14px;}

.left ul {list-style: none;margin:0;padding:0}
.left ul li {float:left;margin-right:20px;font-size: 18px;text-transform:uppercase;}

.right ul {list-style: none;margin:0;padding:0}
.right ul li {float:right;margin-left:8px;text-align: right;}

ul.product_detail li .full_canvas .inner_canvas .form {float:left;width:auto;margin:10px 0;padding:20px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
ul.product_detail li .full_canvas .inner_canvas .form div {clear:both;margin-bottom:4px;}
ul.product_detail li .full_canvas .inner_canvas .form label {float:left;width:120px;color:#fff;font-weight: bold;}
ul.product_detail li .full_canvas .inner_canvas .form input[type='text'] {width:300px;border:solid 1px silver;padding:4px;background-color:#000;opacity: 0.8;color:#fff;}
ul.product_detail li .full_canvas .inner_canvas .form textarea {width:300px;height:80px;border:solid 1px silver;padding:4px;background-color: #000;opacity: 0.8;color:#fff;}
ul.product_detail li .full_canvas .inner_canvas .form input[type='submit'] {width:auto;border:solid 1px silver;padding:6px 12px;background-color: #000;opacity: 0.8;color:#fff;font-weight: bold;}

.full_layar {height: 100%;overflow: hidden;background-size: cover;background-position: center center;}
.full_layar .inner_layar {height:320px;width:80%;overflow: auto;margin:150px auto;padding:20px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
.full_layar .inner_layar ul.list-cari {margin:0;padding:0;list-style: none;}
.full_layar .inner_layar ul.list-cari li {float:left;width:30%;border:solid 1px silver;margin-right:25px;margin-bottom:25px;}
.full_layar .inner_layar ul.list-cari li h3 {text-align: center;}

.content {background-color: #fff;max-width:380px;margin:auto;padding:30px 20px;border-radius:5px; }
.content h3.form-title {margin:0 0 20px 0;padding:0}
.content .display-hide {display: none;}
.content .form-group {margin-bottom:20px;}
.content .form-actions {margin-bottom:20px;}

.left_section_welcome {float:left;width:40%;border:solid 1px none;color:#fff;font-size:52px;vertical-align: middle;line-height:300px;}
.left_section_welcome span {display: inline-block;  vertical-align: middle;  line-height: normal;position: absolute;top: 50%;margin-top: -60px;}
.right_section_welcome {float:right;width:40%;border:solid 1px none;color:#fff;vertical-align: middle;line-height:300px;font-weight:lighter;}
.right_section_welcome  span {  display: inline-block;  vertical-align: middle;  line-height: 1.5;position: absolute;top: 42%;margin-top: -60px;width:350px;font-weight:lighter;letter-spacing: 1.2px;}

@media screen and (max-width:350px) and (max-height:600px){
    .always_top {position:absolute;width:100%;top:10px;z-index:10;}
    .always_top .logo_wrapper {width:90%;margin:auto;}
    .always_top .logo_wrapper a img {width:50px;}    
    
    ul.product_detail li .full_canvas .inner_canvas_home {margin:auto;height:98%;text-align: center;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title {vertical-align: middle;margin:72% 0 0 0;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title  h1 {color:#fff;font-size:24px;}
    
    ul.product_detail li .full_canvas .inner_canvas {width:60%;margin:70px auto;}
    ul.product_detail li .full_canvas .inner_canvas .left_section {float:left;max-width:100%;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .title_menu {font-size:24px;margin:0 0 0 0;line-height: 24px;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .keterangan {width:150px;font-size:12px;margin:8px 0 0 0;}
    ul.product_detail li .full_canvas .inner_canvas .right_section {float:right;width:38%;}
    
    ul.product_detail li .full_canvas .inner_canvas .form {float:left;width:98%;margin:10px 0;padding:10px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
    ul.product_detail li .full_canvas .inner_canvas .address {display:none}
    ul.product_detail li .full_canvas .inner_canvas .form div {clear:both;margin-bottom:4px;}
    ul.product_detail li .full_canvas .inner_canvas .form label {float:left;width:90%;color:#fff;font-weight: bold;}
    ul.product_detail li .full_canvas .inner_canvas .form input[type='text'] {width:90%;border:solid 1px silver;padding:4px;background-color:#000;opacity: 0.8;color:#fff;}
    ul.product_detail li .full_canvas .inner_canvas .form textarea {width:90%;height:80px;border:solid 1px silver;padding:4px;background-color: #000;opacity: 0.8;color:#fff;}
    ul.product_detail li .full_canvas .inner_canvas .form input[type='submit'] {width:auto;border:solid 1px silver;padding:6px 12px;background-color: #000;opacity: 0.8;color:#fff;font-weight: bold;}

       
    .left_section_welcome {float:left;width:100%;color:#fff;font-size:32px;vertical-align: middle;line-height:300px;}
    .left_section_welcome span {display: inline-block;  vertical-align: middle;  line-height: normal;position: absolute;top: 30%;}
    .right_section_welcome {clear:both;float:left;width:100%;color:#fff;vertical-align: middle;line-height:300px;font-weight:lighter;}
    .right_section_welcome  span {display: inline-block;  vertical-align: middle;  line-height:21px;position: absolute;top: 42%;margin-top: -60px;width:200px;font-weight:lighter;font-size:10px;letter-spacing: 1.2px;}
    
    .always_bottom .black_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper {float:left;width:100%;}        
    .always_bottom .black_bottom .bottom_wrapper .left_black {float:left;width:90%;margin:6px 0;}    
    .always_bottom .black_bottom .bottom_wrapper .left_black ul {list-style: none;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper .left_black ul li {float:left;font-size:14px;margin:0 4px 0 2px;}
    .always_bottom .black_bottom .bottom_wrapper .right_black {display:none;float:right;width:40%;margin-right:0;border:solid 2px #fff;}
       
    .always_bottom .black_bottom_nobg {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom_nobg .bottom_wrapper {width:100%;margin:0;padding:0;}
    /* hide left side */
    .always_bottom .black_bottom_nobg .bottom_wrapper .left {display:none;}    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right {float:right;width:90%;margin-right:0;padding:4px 4px;}    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata { 
                background-color: transparent;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                height:20px;
                border:none;
                padding:4px;
                width:80%;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata:hover { 
                background-color: silver;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                border:grey 1px;
                border-radius:2px;
                }      
    
    .always_bottom .red_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .red_bottom .bottom_wrapper {width:100%;}
    .always_bottom .red_bottom .bottom_wrapper .left {float:left;margin-left:0;width:90%;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu {margin:2px 0 0 10px;padding:0;font-size: 14px;list-style: none;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li {float:left;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a {font-size: 16px;text-decoration: none;} 
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a.aktif {text-decoration: none;color:orange;}
    /* hide right side */
    .always_bottom .red_bottom .bottom_wrapper .right {display: none;}
    
    .full_layar {height: 100%;overflow: hidden;background-size: cover;background-position: center center;}
    .full_layar .inner_layar {height:320px;width:80%;overflow: auto;margin:80px auto;padding:5px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
    .full_layar .inner_layar ul.list-cari {margin:0;padding:0;list-style: none;}
    .full_layar .inner_layar ul.list-cari li {float:left;width:40%;border:solid 1px silver;margin-right:20px;margin-bottom:25px;}
    .full_layar .inner_layar ul.list-cari li h3 {text-align: center;}
    
}

@media screen and (max-width:570px) and (max-height:330px){
    .always_top {position:absolute;width:100%;top:10px;z-index:10;}
    .always_top .logo_wrapper {width:90%;margin:auto;}
    .always_top .logo_wrapper a img {width:50px;}    
    
    ul.product_detail li .full_canvas .inner_canvas_home {margin:auto;height:98%;text-align: center;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title {vertical-align: middle;margin:32% 0 0 0;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title  h1 {color:#fff;font-size:24px;}
    
    ul.product_detail li .full_canvas .inner_canvas {width:76%;margin:50px auto;}
    ul.product_detail li .full_canvas .inner_canvas .left_section {float:left;max-width:100%;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .title_menu {font-size:24px;margin:0 0 0 0;line-height: 24px;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .keterangan {width:326px;font-size:12px;margin:8px 0 0 0;}
    ul.product_detail li .full_canvas .inner_canvas .right_section {float:right;width:38%;}
    
    ul.product_detail li .full_canvas .inner_canvas .form {float:left;width:98%;margin:10px 0;padding:10px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
    ul.product_detail li .full_canvas .inner_canvas .address {display:none}
    ul.product_detail li .full_canvas .inner_canvas .form div {clear:both;margin-bottom:4px;}
    ul.product_detail li .full_canvas .inner_canvas .form label {float:left;width:100px;color:#fff;font-weight: bold;}
    ul.product_detail li .full_canvas .inner_canvas .form input[type='text'] {width:68%;border:solid 1px silver;padding:4px;background-color:#000;opacity: 0.8;color:#fff;}
    ul.product_detail li .full_canvas .inner_canvas .form textarea {width:68%;height:40px;border:solid 1px silver;padding:4px;background-color: #000;opacity: 0.8;color:#fff;}
    ul.product_detail li .full_canvas .inner_canvas .form input[type='submit'] {width:auto;border:solid 1px silver;padding:6px 12px;background-color: #000;opacity: 0.8;color:#fff;font-weight: bold;}

    .left_section_welcome {float:left;width:100%;color:#fff;font-size:32px;vertical-align: middle;line-height:300px;}
    .left_section_welcome span {display: inline-block;  vertical-align: middle;  line-height: normal;position: absolute;top: 40%;margin-left:10px;}
    .right_section_welcome {clear:both;float:left;width:100%;color:#fff;vertical-align: middle;line-height:300px;font-weight:lighter;}
    .right_section_welcome  span {display: inline-block; vertical-align:middle;line-height:22px;position:absolute;top: 62%;width:340px;font-weight:lighter;font-size:10px;letter-spacing: 1px;margin-left:10px;}
   
    
    .always_bottom .black_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper {float:left;width:100%;}        
    .always_bottom .black_bottom .bottom_wrapper .left_black {float:left;width:60%;margin:6px 0;}    
    .always_bottom .black_bottom .bottom_wrapper .left_black ul {list-style: none;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper .left_black ul li {float:left;font-size:14px;margin:0 4px 0 2px;}
    .always_bottom .black_bottom .bottom_wrapper .right_black {float:right;width:35%;margin-right:0;}
    .always_bottom .black_bottom .bottom_wrapper .right_black input[type='text'] {width:90%;border:solid 1px silver;padding:2px;background-color:#000;opacity: 0.8;color:#fff;}
    
    .always_bottom .black_bottom_nobg {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom_nobg .bottom_wrapper {width:100%;margin:0;padding:0;}
    /* hide left side */
    .always_bottom .black_bottom_nobg .bottom_wrapper .left {display:none;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right {float:right;width:90%;margin-right:0;padding:4px 4px;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata { 
                background-color: transparent;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                height:20px;
                border:none;
                padding:4px;
                width:80%;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata:hover { 
                background-color: silver;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                border:grey 1px;
                border-radius:2px;
                }      
    
    .always_bottom .red_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .red_bottom .bottom_wrapper {width:100%;}
    .always_bottom .red_bottom .bottom_wrapper .left {float:left;margin-left:0;width:58%;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu {margin:2px 0 0 10px;padding:0;font-size: 16px;list-style: none;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li {float:left;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a {font-size: 14px;text-decoration: none;} 
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a.aktif {text-decoration: none;color:orange;}
    /* hide right side, just show icons bar */
    .always_bottom .red_bottom .bottom_wrapper .right {float:right;width:38%;}
    .always_bottom .red_bottom .bottom_wrapper .right ul.text_awal {display:none}
    .always_bottom .red_bottom .bottom_wrapper .right ul.icons {list-style: none;margin:6px 10px 0 0;padding:0;} 
    
    .full_layar {height: 100%;overflow: hidden;background-size: cover;background-position: center center;}
    .full_layar .inner_layar {height:190px;width:80%;overflow: auto;margin:60px auto;padding:5px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
    .full_layar .inner_layar ul.list-cari {margin:0;padding:0;list-style: none;}
    .full_layar .inner_layar ul.list-cari li {float:left;width:42%;border:solid 1px silver;margin-right:25px;margin-bottom:25px;}
    .full_layar .inner_layar ul.list-cari li h3 {text-align: center;}
}

@media screen and (min-width:710px) and (max-width:1000px) {
    .always_top {position:absolute;width:100%;top:10px;z-index:10;}
    .always_top .logo_wrapper {width:90%;margin:auto;}
    .always_top .logo_wrapper a img {width:130px;}    
   
    ul.product_detail li .full_canvas .inner_canvas_home {margin:auto;height:98%;text-align: center;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title {vertical-align: middle;margin:72% 0 0 0;}
    ul.product_detail li .full_canvas .inner_canvas_home .single_title  span {color:#fff;font-size:54px;}
        
    ul.product_detail li .full_canvas .inner_canvas {width:80%;margin:auto;height:50%;margin-top:40%;text-align: justify;font-size:11px;}
    ul.product_detail li .full_canvas .inner_canvas .left_section {width:100%;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .title_menu {float:left;text-align: left; max-width: 320px;font-size:52px;line-height:52px;background: transparent url('../images/bg_titlebox.png');filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
    ul.product_detail li .full_canvas .inner_canvas .left_section .keterangan {float:left;width:85%;font-size:22px;width:400px}
    
    
    .always_bottom {width:100%;position:fixed;bottom:0px;margin:0;padding:0;}    
    .always_bottom .black_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper {width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper .left_black {float:left;width:55%;margin-left:0;padding:4px 0 6px 2px;}
    .always_bottom .black_bottom .bottom_wrapper .left_black ul {list-style: none;margin:4px 0 0 8px;padding:0;}
    .always_bottom .black_bottom .bottom_wrapper .left_black ul li {float:left;font-size: 16px;}
    .always_bottom .black_bottom .bottom_wrapper .left_black ul li a {text-decoration: none;}
    .always_bottom .black_bottom .bottom_wrapper .right_black {float:right;width:40%;margin-right:0;padding:4px 4px;}
    
    .always_bottom .black_bottom .bottom_wrapper .right_black #carikata { 
                background-color: transparent;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                height:20px;
                border:none;
                padding:4px;
                width:80%;}
    
    .always_bottom .black_bottom .bottom_wrapper .right_black #carikata:hover { 
                background-color: silver;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                border:grey 1px;
                border-radius:2px;
                }      
    
    
    .always_bottom .black_bottom_nobg {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom_nobg .bottom_wrapper {width:100%;margin:0;padding:0;}
    .always_bottom .black_bottom_nobg .bottom_wrapper .left {float:left;width:5%;margin-left:0;display:none;}
    .always_bottom .black_bottom_nobg .bottom_wrapper .right {float:right;width:60%;margin-right:0;padding:4px 4px;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata { 
                background-color: transparent;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                height:20px;
                border:none;
                padding:4px;
                width:80%;}
    
    .always_bottom .black_bottom_nobg .bottom_wrapper .right #carikata:hover { 
                background-color: silver;
                background-image: url('../images/search_icon.png');
                background-position: right; 
                background-repeat: no-repeat;
                border:grey 1px;
                border-radius:2px;
                }      
    
    .always_bottom .red_bottom {float:left;width:100%;margin:0;padding:0;}
    .always_bottom .red_bottom .bottom_wrapper {width:100%;}
    .always_bottom .red_bottom .bottom_wrapper .left {float:left;margin-left:0;width:38%;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu {margin:2px 0 0 10px;padding:0;font-size: 16px;list-style: none;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li {float:left;}
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a {font-size: 16px;text-decoration: none;} 
    .always_bottom .red_bottom .bottom_wrapper .left ul.footer_menu li a.aktif {text-decoration: none;color:orange;}
    .always_bottom .red_bottom .bottom_wrapper .right {float:right;margin-right:0;width:58%;padding:4px 2px;}
    .always_bottom .red_bottom .bottom_wrapper .right ul.text_awal {list-style:none;margin:0;padding:0;}
    .always_bottom .red_bottom .bottom_wrapper .right ul.text_awal li a {display:none;} 
    
    .full_layar {height: 100%;overflow: hidden;background-size: cover;background-position: center center;}
    .full_layar .inner_layar {height:320px;width:80%;overflow: auto;margin:150px auto;padding:20px;color:#fff;background: transparent url('../images/bg_textbox.png');filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;font-size:11px;}
    .full_layar .inner_layar ul.list-cari {margin:0;padding:0;list-style: none;}
    .full_layar .inner_layar ul.list-cari li {float:left;width:30%;border:solid 1px silver;margin-right:25px;margin-bottom:25px;}
    .full_layar .inner_layar ul.list-cari li h3 {text-align: center;}
    
    
    .left_section_welcome {float:left;width:40%;border:solid 1px none;color:#fff;font-size:52px;vertical-align: middle;line-height:300px;}
    .left_section_welcome span {display: inline-block;  vertical-align: middle;  line-height: normal;position: absolute;top: 50%;margin-top: -60px;}
    .right_section_welcome {float:right;width:50%;color:#fff;vertical-align: middle;line-height:300px;font-weight:lighter;}
    .right_section_welcome  span {margin-right:80px;display: inline-block;  vertical-align: middle;  line-height: 1.5;position: absolute;top: 47%;margin-top: -60px;width:300px;font-weight:lighter;letter-spacing: 1.2px;}

}