/*

 Theme Name:   T.I.M

 Theme URI:    http://evolutionteams.com/

 Description:  Theme untuk website TIM

 Author:       Erwin Prasetyo

 Author URI:   http://erwinprasetyo.com

 Template:     themify-corporate

 Version:      1.0

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  themify-corporate-child

*/



@import url("../themify-corporate/style.css");



@import url("bootstrap/css/bootstrap.css");

@import url("bootstrap/css/bootstrap.min.css");

@import url("bootstrap/css/bootstrap-lumen.css");



@import url(https://fonts.googleapis.com/css?family=Droid+Serif);



/* =Theme customization starts here

-------------------------------------------------------------- */

/*icancustom*/
.collapse {
   
    visibility: visible !important;
}

.collapse-project-tim {    margin-top: -15px;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px #ccc dashed;
    background-color: #e8e8e8;}



.collapse-project-content {
	    z-index: 3;
    position: relative;
}


.btn-project {    margin-top: -25px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
        line-height: 0.3;
    background-color: #e8e8e8;}

.image-page h1 {

   

    line-height: 30px !important;

   

}

.ls-inner {

   

    z-index: 1 !important;

}

.ubermenu-skin-trans-black-hov {

   

    float: right !important;

    margin-top: -60px !important;

}

.owl-buttons {

    

    top: 190px !important;

  

}

.owl-theme {

    margin-top: -40px !important;

}



.lang-tim

{

    float: right;

    margin-top: -90px;

    

    width: 300px;

    text-align: right;

    clear: both;

    position: relative;

}

.tim-main-menu  {

    float: right;

    clear: both;

    text-align: right;

    position: relative;

    top: 15px;

}



.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {

  

    font-size: 13px !important;

}

/*endicancustom*/



body {

font: 1.5em/1.8em 'Open Sans', Helvetica, Arial, sans-serif;

word-wrap: break-word;

color: #666;

-webkit-font-smoothing: antialiased;

}



p{

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

}



.hide{display:none }



.post-date {

color: #fff;

display: block;

width: 100px;

height: 100px;

margin: 0 0 .5em;

border-radius: 100%;

background: #006BAD;

text-align: center;

}



a{

color:#006BAD;

}



.widget a {

text-decoration: none;

color:#006BAD;

}



/*---ICAN--*/

.widget a:hover {

text-decoration: underline;

color:#006BAD;

}



#footerwrap {

clear: both;

color: rgba(77,77,77,.8);

font-size: .875em;

background: #C6C6C6 url(images/psa-footer.png)center bottom no-repeat;

background-size:cover;

padding: 0 0 25px;

padding-top: 20px;

}



#footerwrap a{

color:#006BAD;

}



#footer .widget a {

color:#006BAD;

}



#footer {

position: relative;

padding-top: 100px;

padding-top: 0px;

padding-bottom:100px;

}



#footer .footer-widgets .widgettitle {

color: #fff;

border-top: 5px #836db9 solid;

font-size: 1.25em;

font-family: 'Montserrat';

font-weight: normal;

margin: 0 0 0.625em;

padding: 15px 0 0;

text-transform: none;

border: none;

color: #444444;

}



#footer .footer-widgets {

margin: 3.5% 0 10px;

clear: both;

margin-top: 0px;

}



.back-top {

text-align: center;

text-transform: uppercase;

position: relative;

margin: 0 auto;

margin-bottom: 5px;

width: 200px;

letter-spacing: 1px;

font-size: .6em;

margin-top: 50px;

}







.social-widget {

position: relative;

float: left;

display: none;

}



#main-nav {

margin: 0;

padding: 0;

font-family: "open sans";

font-size: 0.9em;

float: right;

position: absolute;

right: 0;

top: 25%;

text-transform: uppercase;

}



#searchform-wrap {

position: relative;

display: block;

width: 40px;

height: 40px;

margin-left: 5px;

float: left;

display: none;

}



#site-logo img {

width: 80%;

height: auto;

}



#headerwrap.fixed-header a, #headerwrap.fixed-header #searchform .icon-search:before {

color: #999;

}



#headerwrap {

background: #225894;

background-size:content;

clear: both;

width: 100%;

height: auto;

transition: all .3s;

z-index: 99;

position: absolute;

top: 0;

left: 0;



}



#headerwrap.fixed-header {

position: fixed;

top: 0;

left: 0;

z-index: 100;

transition: height .3s;

background: rgba(255,255,255,0.8);

border-bottom: 1px solid #efefef;

border-color: rgba(0,0,0,.1);

background: rgba(255,255,255,1.0) ;

background-size:content;

padding:10px 0px;

box-shadow: 0 6px 6px 0 rgba(0,0,0,0.2);

background: #225894;

}



#main-nav .current_page_item a, #main-nav .current-menu-item a {

color: #006BAD;

}







#main-nav > li.current_page_item > a:before {

content: "";

width: 30px;

background: #006BAD;

height: 4px;

position: absolute;

top: 40px;

left: 50%;

margin-left: -15px;

}





.home-about{

padding: 150px 0px 200px;

}



.home-about-detil{

padding:40px;

background: rgba(255,255,255,0.8)

}





.home .col4-2, .col2-1 {

width: 50%;

}



.home .col4-1,.home  .col4-2,.home  .col4-3,.home  .col3-1,.home  .col3-2,.home  .col2-1 {

margin-left: 0%;

float: left;

}



.home p {

margin: 0 0 1.2em;

padding: 0;

margin:0px;

}



.page-title {

margin: 0 0 0.938em;

padding: 0;

font-size: 190%;

line-height: 110%;

color:#4D4D4D;

}



.has-fixed-header #pagewrap {

padding-top: 80px;

}



.widget li {

margin: 0;

padding: 2px 0;

list-style: none;

clear: both;

margin-bottom: 16px;

margin-bottom: 0px;

padding: 0px;

}



.fa-ul {

padding-left: 0;

margin-left: 1.8em !important;

list-style-type: none;

}



.fa-li {

position: absolute;

left: -2.14285714em;

width: 2.14285714em;

top: .54285714em  !important;

text-align: center;

}



#content, #sidebar {

padding: 2.0% 0 10%;

}



 #sidebar {

padding: 2.0% 0 10%;

}



.has-fixed-header #pagewrap {

background-size:content;

overflow: hidden;

}



#breadcrumbs {

list-style: none;

margin: 20px 0;

overflow: hidden;

margin-bottom: 20px;

font-size: 85%;

border-bottom: 1px solid #dddddd;

padding-bottom: 10px;

}

 

#breadcrumbs li{

    float:left;

    margin:0px 15px 0px 0px !important;

	padding: 0px !important;

}

 

#breadcrumbs .separator{

    font-weight:700;

    font-size:20px;

    color:#999;

}



.nav-tabs.oscitas-bootstrap-container {

border-bottom: 1px solid #ddd;

font-size:90%;

margin-bottom:40px;

font-weight:700;

}





.nav-tabs.oscitas-bootstrap-container > li.oscitas-bootstrap-container {

float: left;

margin: 0px;

padding: 0px;

margin-bottom: 0px;

}



.yourcustomclass{

margin-bottom:0px;

}



.tab-content.oscitas-bootstrap-container > .active.oscitas-bootstrap-container {

display: block;

margin-bottom: 40px;

}



ul.oscitas-bootstrap-container, ol.oscitas-bootstrap-container {

margin-top: 0;

margin: 0px 0px 10px 0px !important;

}



a.oscitas-bootstrap-container {

color: #9D9D9D;

text-decoration: none;

}



a.oscitas-bootstrap-container:hover, a.oscitas-bootstrap-container:focus {

color: #4D4D4D;

text-decoration: underline;

}



.nav.oscitas-bootstrap-container > li.oscitas-bootstrap-container > a.oscitas-bootstrap-container {

position: relative;

display: block;

padding: 10px 35px;

}



#site-description{

display:none;

}



#header {

position: relative;

padding: 20px 0;

transition: all .3s;

}



.captionOrange, .captionBlack,.captionWhite , .captionGreen{

color: #fff;

line-height: 30px;

text-align: left;

border-radius: 1px;

}



.captionOrange {

background: #EB5100;

background-color: rgba(235, 81, 0, 0.6);

}



.captionBlack{

font-size:24px;

background: #4c4c4c;

background-color: rgba(76, 76, 76, 0.8);

}



.captionGreen{

font-size:24px;

background: #48752C;

background-color: rgba(72, 117, 44, 0.6);

}



.captionWhite{

font-size:16px;

background: #FFFFFF;

background-color: rgba(255, 255, 255, 0.6);

color:#111111

}



a.captionOrange, A.captionOrange:active, A.captionOrange:visited{

color: #ffffff;

text-decoration: none;

}



a.captionOrange:hover{

color: #eb5100;

text-decoration: underline;

background-color: #eeeeee;

background-color: rgba(238, 238, 238, 0.7);

}



.rpwe-block li {

border-bottom: 1px transparant #FFFFFF !important;

margin-bottom: 5px !important;

padding-bottom: 5px !important;

list-style-type: none;

}



.rpwe-block h3 {

background: none!important;

clear: none;

margin-bottom: 0!important;

margin-top: 0!important;

font-weight: 400;

font-size: 14px !important;

line-height: 12px !important;

}



.rpwe-time {

color: #444  !important;

font-size: 11px;

font-style: italic !important;

}



.no-padd{

padding:0px;

}



.cform {

margin: 10px auto 0 auto;

width: 100% !important;

margin-top:-30px !important;

}



.cform textarea, .cform input {

width: 90% !important;

}



.cform label span {

width: 100% !important;

display: block;

}



.cform label {

width: 100% !important;

margin: 4px 10px 0 0;

display: -moz-inline-box;

display: inline-block;

text-align: left;

vertical-align: top;

color: #666 !important;

font: 1.0em 'open sans';

}



p.cf-sb {

margin: 0;

padding: 0pt 3px 0pt 0pt !important;

text-align: left !important;

color: #222 !important;

}



span.reqtxt, span.emailreqtxt {

margin: 0px 5px 7px 0px !important;

display: block;

vertical-align: top;

color: #222222 !important;

font-size: 0.7em !important;

line-height: 1em !important;

font-style: italic !important;

}



ol.cf-ol {

margin: 0px !important;

padding: 0px !important;

border-top: 1px solid #f2f2f2;

border: none !important;

margin-top:-10px !important;

}



p.linklove {display:none !important}



.image-caption-hover .image-caption-box {

cursor: pointer;

height: 200px;

position: relative;

overflow: hidden;

width: 100%;

background-color: #646464 !important;

}



.abu-abu{

background-color: #646464 !important;

color:#FFFFFF !important;

border-radius:0px;

margin-top:-10px;

text-align:center;

padding:10px;

}



.caption  a{

color:#FFFFFF;

padding:5px 15px;

border:1px solid #FFFFFF;

background:none;

text-decoration:none;

}



.caption  a:hover{

color:#FFFFFF;

border:1px solid #D3522A;

background:#D3522A;

text-decoration:none;

}



.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {

width: auto;

padding: 8px 1em  !important;

margin: 0;

font-size: 0.8em;

background: url(../images/button-bg.gif) repeat-x;

border: 1px solid #adadad!important;

border-left-color: #ececec!important;

border-top-color: #ececec!important;

width: 80px !important;

}





.nav.oscitas-bootstrap-container > li.oscitas-bootstrap-container > a.oscitas-bootstrap-container {

position: relative;

display: block;

padding: 10px 20px !important;

}











#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {

color: #D3522A;

}







.blok-fac{

background:#111111 url(images/halarag-activity.jpg) no-repeat center center;

background-size:cover;

padding:20px 25px;

min-height:470px;

}



.blok-pro{

background:#999999 url(images/halarag-product.jpg) no-repeat center center;

background-size:cover;

padding:20px 25px;

min-height:470px;

}





.blok-con{

background:#006BAD;

color:#FFFFFF;

padding:20px 25px;

min-height:470px;

}



.blok-con p{font-size:12px;line-height:14px;}



.pemisah{

width:90%;

height:2px;

background: url(images/separator.png) repeat-x;

margin:10px 0px;

}



.blok-mini{

position:absolute;

right:0;bottom:0;

width:300px;

height:275px;

background:#FFFFFF;

padding:20px;

padding-bottom:30px;

}









.blok-mini p{

font-size:14px;line-height:20px;

}



a.more{

color:#FFFFFF;

padding:10px 25px;

padding-right:45px;

background:#006BAD url(images/more-link.png) center right no-repeat;

font-size:14px;

}



a:hover.more{

background:#111111 url(images/more-link.png) center right no-repeat;

text-decoration:none;

}



h4.judul-terang{

font-size:20px;

color:#006BAD;

text-transform:none;

background:url(images/line-orange.png) no-repeat left bottom;

padding-bottom:20px;

margin-top:0px;

}



h4.judul-gelap{

font-size:20px;

color:#FFFFFF;

text-transform:none;

background:url(images/line-orange.png) no-repeat left bottom;

padding-bottom:20px;

margin-top:0px;

margin-bottom:20px;

}



h4.judul-gelap-terang{

font-size:20px;

color:#444444;

text-transform:none;

background:url(images/line-orange.png) no-repeat left bottom;

padding-bottom:20px;

margin-top:0px;

margin-bottom:20px;

}







.area-gelap{

background:#58595B;

color:#FFFFFF;

}





.area-gelap .themify_builder {display:none;}



.polos{}

.polos .themify_builder {display:none;}



.area-gelap p{

color:#FFFFFF;

padding:80px 0px;

}



ul.nav-tabs{

padding:0px;margin:0px;

}



.nav > li > a {

position: relative;

display: block;

padding: 10px 15px;

margin-bottom: -8px;

}



li {

margin: 0 0 .5em 0;

padding: .5em 0;

margin: 0px;

padding: 0px;

}



.nav-tabs {

border-bottom: 1px solid #ddd;

padding-bottom: 7px !important;

}



.sb{

width:100%;

overflow:hidden;

}



.slide-beranda{

width:100%;

background:#111111;

}



.sb-slider{

width:100%;

background:#FFFFFF;

position:absolute;

left:0px;top:151px;

}



.logo-wrap img{height:80px;width:auto;}









.image-page{

height:162px;

width:100%;

background:#183D68 url(images/case_study_header.jpg) top center no-repeat;

background-size:cover !important;

margin-top: 0px;

}







.area-gelap {

background: #58595B;

color: #FFFFFF;

display:none;

}



.blok-con-terang{

background:#FFFFFFF;

color:#444444;

padding:20px 25px;

min-height:470px;

border-left:1px solid #dddddd;

padding-left: 15px !important;

}



.blok-con-terang p{

font-size: 13px;

line-height: 18px;

}



.image-page h1 {

color: #FFFFFF;

text-align: left;

text-shadow: 0 1px 1px #000000;

font-size: 28px;

line-height: 20px;

padding-left: 30px;

padding-top: 6%;

font-weight: 700;

}



blockquote {

padding: 10px 40px;

margin: 0 0 20px;

font-size: 17.5px;

border-left: 5px solid #eeeeee;

}



#body{

background:#AEB6BB;

padding-bottom:0px;

}



#body {

background: #225894 url(images/aksen.png) no-repeat left bottom;

padding-bottom: 0px;

padding-bottom: 140px;

}



.home #body {

background: #225894 url(images/aksen.png) no-repeat left bottom;

padding-bottom: 0px;

padding-bottom: 380px;

}





.no-padd{

padding:0px ;

}



.pagenav a:hover, .pagenav .current {

background: #06527E;

}



.pagenav a, .pagenav span {

background: #006FAE;

}



.pagenav .next:after, .pagenav a:not(.page-numbers):last-child:after {

left: 100%;

border-left-color: #006FAE;

}



.pagenav .prev:after, .pagenav a:not(.page-numbers):first-child:after {

right: 98%;

border-right-color: #006FAE;

}



.post-nav a:hover {

text-decoration: none;

color: #006BAD;

}



/*   MH  */ 

body{

background-color: #225894;

}

.home #layout{display:none;}

.area-utama



.mh-widget-home

{

padding: 0px;

background:none;

height: 40px;

}

.home-panel {

padding: 0px 20px;

margin-bottom: 20px;

position: absolute;

margin-top: -65px;

z-index: 9;

}



h3.widget-title {

color: #225894;

font-family: 'Droid Serif', serif, times;

font-weight: 500;

padding-bottom: 0px;

margin-top: 0px;

}





.home h3.widget-title{

background: #0E4A7F url(images/aksen-kecil.png) no-repeat left bottom;

color:#FFFFFF;

font-family: 'Droid Serif', serif,times;

padding:20px 0px 20px 25px;

margin:0px;



}



.mh-home-two{

background:#232B2D;

}



.mh-home-two h2{

color:#FFFFFF;margin-top:90px;

font-weight:700;font-size:36px;

}



.mh-home-two h3{

margin-top:100px;

color:#748995;

padding-bottom:50px;

font-size:26px;

}



.mh-home-two h3 sub{

font-size:60%;top:-5px;

}







.mh-home-two a{

color:#FFFFFF;

}



.mh-home-two a:hover{

color:#FFFFFF;

}



.mh-home-img{

background: #191F21 url(images/matt-n.jpg) no-repeat left top;

background-size:cover;

min-height:420px;

}



.mh-home-img img{

height:100%;width:auto;

}



.mh-home-two p{

color:#748995;

}



.mh-slider{

background:#225894;

}



.mh-home-footer {

background: #EBF0F4;

padding: 50px 0px 30px;

color: #909297;

}



.mh-home-footer  h2{

color: #909297;

font-size:24px;

font-weight:300;

}



.mh-home-footer  h2 sub{

color: #909297;

font-size:18px;

font-weight:300;

}



.mh-home-footer  a{

color: #BFC0C1;

font-size:16px;

font-weight:700;

}



.mh-home-footer h4{

color:#748995;font-weight:700;

}



.mh-copyright {

padding: 20px 0px;

color: #A6A9AD;

background: #E7ECEF;

text-align: center;

font-size: 12px;

}



.mh-copyright a{

color:#BE1E2D;font-weight:300;font-size:120%;

}



.mh-copyright p{

font-size:12px;

line-height:12px;

text-align:left;

}



h3.mh-judul{

color:#FFFFFF;

font-weight:300;

font-size:28px;

margin:0px;

}



h3.mh-judul sub{

font-weight:700;

font-size:18px;

}



a.mh-tombol{

background:#054973;

border:1px solid #054973;

border-radius:3px;

}



#layout{

background:#FFFFFF;

padding:0px 35px;

}





#main-nav a {

color: #BFC0C1;

display: block;

padding: 5px 10px 19px;

margin: 0 3px;

text-decoration: none;

font-weight: 700;

}



#main-nav > li.current_page_item > a:before {

content: "";

width: 30px;

background: #006BAD;

height: 4px;

position: absolute;

top: 40px;

left: 50%;

margin-left: -15px;

display: none;

}



#main-nav .current_page_item a, #main-nav .current-menu-item a {

color: #FFFFFF;

}



#main-nav .current_page_item a:hover, #main-nav .current-menu-item a :hover{

color: #111111;

}



.btn-primary {

color: #ffffff;

background-color: #054973;

border-color: #024160;

padding:10px 20px;

}



.btn {

padding: 15px;

border-width: 0 1px 4px 1px;

font-size: 16px;

font-weight: 300 !important;

text-transform: none;

	margin-top: 15px;

}



p.sosmed{

text-align:center !important;

}



.area-utama{



}



.pagewidth, .full_width .themify_builder_row .row_inner {

width: 1170px;

max-width: 100%;

margin: 0 auto;

}



blockquote {

padding: 10px 40px;

margin: 0 0 20px;

font-size: 32px;

border-left: 5px solid #eeeeee;

border:none;

background:url(images/quote.png) no-repeat left center;

color:#9BB6C7;

padding-left: 15%;

text-align:center;

margin:30px 0px;

}



blockquote p{

font-size: 32px;

line-height:38px;

}



blockquote:before {

content: '\201C';

font-size: 3.3em;

position: absolute;

margin-left: -.5em;

margin-top: .2em;

display:none;

}



.wp-caption-text {

font-style: italic;

font-size: 75%;

line-height: 120%;

margin: 6px 0;

}



h1.mh-title{

text-transform:uppercase;font-weight:700;color:#032A3A;font-size:45px;line-height:20px;

}



h1.mh-title sub{

text-transform:none;font-weight:500;color:#768B96;font-size:20px;font-style:italic;

}



h2, .h2 {

font-size: 22px;font-weight:700;

}



p {

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

line-height: 26px;

font-size: 16px;

color:#335167;

}



.animated { 

    -webkit-animation-duration: 20s; 

    animation-duration: 20s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

    animation-iteration-count:infinite; 

    -webkit-animation-iteration-count:infinite; 

} 



@-webkit-keyframes shake { 

    0%, 100% {-webkit-transform: translateX(0);} 

    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 

    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 

} 

@keyframes shake { 

    0%, 100% {transform: translateX(0);} 

    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 

    20%, 40%, 60%, 80% {transform: translateX(10px);} 

} 

.shake { 

    -webkit-animation-name: shake; 

    animation-name: shake; 

}



.mh{

background:url(images/mh_page.jpg) no-repeat left center;

background-size:cover;

}



.home .widget {

margin: 0px;

word-wrap: break-word;

}



.post-date {

color: #444444;

display: block;

width: 90px;

height: 90px;

margin: 0 0 .5em;

border-radius: 3px;

background: #FFFFFF;

text-align: center;

border: 1px solid #dddddd;

}



.post-date-wrap {

width: 90px;

height: 90px;

border-radius: 100%;

position: absolute;

left: 85%;

top: 0;

color: #fff;

text-align: center;

letter-spacing: 1px;

line-height: 1em;

margin: 0 0 15px;



}	



.home-panel .widget ul > li {

background: url(images/doc.png) no-repeat;

line-height: 24px;

padding-left: 25px;

font-size: 14px;

}





.home .widget .feature-posts-list .feature-posts-title {

margin-top:10px;

font-family: 'Open Sans', sans-serif;

font-weight: 100;

font-size: 13px;

color: #FFFFFF;

text-decoration: none;

display: block;

line-height: 1.4;

}



.social-links .icon-large i {

font-size: 22px;

padding: 6px;

width: 32px;

height: 32px;

}



.logo-wrap img{margin-top:-5px;height:70px;width:auto;}



.google-maps {

        position: relative;

		min-height:300px;

        padding-bottom: 35%; // This is the aspect ratio

        height: 0;

        overflow: hidden;

    }

    .google-maps iframe {

        position: absolute;

        top: 0;

        left: 0;

        width: 100% !important;

        height: 100% !important;

    }

	



	







.home-panel  ul.feature-posts-list{

margin-top:32px;color:#cccccc;

}



#main-nav ul {

margin: 0 0 0 -111px;

padding: 5px 5px;

list-style: none;

position: absolute;

background: #fff;

border: 1px solid #ddd;

z-index: 100;

visibility: hidden;

margin-top: 20px;

left: 50%;

top: 50px;

text-align: left;

border-radius: 3px;

}



ul, ol {

margin-top: 0;

margin-bottom: 10px;

font-size: 16px;

color:#335167;

line-height:22px;

}



.mh-home-footer  ul.menu{

text-transform:uppercase;



}



.mh-home-footer  ul.menu li{

margin: 0;

padding: 2px 0;

list-style: none;

clear: both;

margin-bottom: 16px;

margin-bottom: 0px;

padding: 0px;

float: left;

clear: none;

margin-right:15px;



}



.mh-home-footer  ul.menu li a{

font-size:14px;

}



.mh-home-footer  ul.sub-menu{

display:none;

}



.home-satu{

margin-left:-8px;

}



#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a {

color: #848484;

font-size: 14px;

line-height: 1.5em;

font-weight: normal;

text-transform: none;

padding: 8px 10px;

margin: 0;

display: block;

width: 190px;

background: none;

border: none;

text-shadow: none;

border-radius: 0;

box-shadow: none;

box-sizing: border-box;

border-bottom: 1px solid #f5f5f5;

}



#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover {

color: #FFF;

background: #225894;

}



@media screen and (max-width:1024px) {

.sbX{height:400px;width:1024px;}

.sb-sliderX {height:400px;background:#999999;}

.logo-wrap img{margin-top:0px;height:40px;width:auto;}

.home-panel {position:relative;margin-top:10px;z-index:1;}

.home #body {padding-bottom:100px;}

.area-utama .mh-widget-home { height:auto;}

.home-satu{

margin-left:0px;

}

#headerwrap #menu-icon {

position: absolute;

display: block;

top: 24px;

right: 10px;

text-decoration: none;

color: #000;

font-size: 1.2em;

}

}



hr.garis {

  clear: both; 

  float: none; 

  width: 200px; 

  height: 2px;

  margin: 20px 0;

  border: none; 

  background: #B91E2E;



}



.widget {

margin: 0 0 1.1em;

word-wrap: break-word;

}



a.tombol-home{border:none !important;margin-top:10px  !important;}



@media screen and (max-width:980px) {

.sbX{height:400px;width:980px;}

.sb-sliderX {height:400px;background:#FF0000;top:70px;}

.home-panel {position:relative;margin-top:10px;z-index:1;}

}