/*
Theme Name: Gunardi Consulting
Theme URI: http://gunardiconsulting.com.au/
Author: Judah Andrew S - yehudha_mail@yahoo.com
Date Start: 5-Oct-2015 00.00 WIB;

Description: Our Gunardi Consulting V1.0 theme is dark, and designed for clarity.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Gunardi Consulting

Copyright 2015. All Right Reserved
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
*/

body {font-family: 'Arial', Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; color: #777; position: relative; -webkit-font-smoothing: antialiased; background-color: #000; margin:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 900; text-transform: uppercase; color: #eee; line-height: normal; font-weight: bold;}
a {color: #fff; transition-property: color; transition-duration: 0.5s; transition-timing-function: linear;}
a:hover, a:focus {color: #7f8c8d; text-decoration: none;}
section {position: relative;}
.lead-sent {color: #c0c0c0}
.blue-btn {color: #7f8c8d}
.blue-btn:hover, .blue-btn:focus {text-decoration: none;}
li {list-style: square;}

/* Header Section */
#header-section {padding-top: 20px;}
.logo-part {}
.menu-part {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold;}
.menu-part li {list-style: none; display: inline-block; padding: 50px 10px 0 10px; color: #fff;}
.menu-part li a {color: #fff;}
.menu-part li a:hover, .menu-part li a:focus, .menu-part li a.active {color: #7f8c8d; text-decoration: none;} 

.rwd-menu {background-color: rgba(0,0,0,0.85); width: 100%; height: 100%; position: fixed; top: 0; z-index: 10000; display: none;}
.close a {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition:    all 0.8s ease-in-out;
    -o-transition:      all 0.8s ease-in-out;
    -ms-transition:     all 0.8s ease-in-out;
}
.close a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform:    rotate(360deg);
    -o-transform:      rotate(360deg);
    -ms-transform:     rotate(360deg);    
}
.close-btn {
    top: 50px;
    right: 50px;
    height: 30px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 100;
    -webkit-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    -moz-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    -o-transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    transition: opacity 400ms cubic-bezier(0.39,0.575,0.565,1);
    z-index: 100000;
}
.line-btn:first-child {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);    
}
.line-btn {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    display: block;
    height: 3px;
    width: 30px;
    position: absolute;
    margin-top: 13px;
}
.rwd-wrap {font-family: 'Montserrat', sans-serif; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; text-align: center; width: 100%;}
.rwd-wrap ul {padding: 0px; margin: 0px;}
.rwd-wrap ul li {list-style: none;}
.rwd-wrap ul li ul {display: none;}
.rwd-wrap ul li ul li a {font-size: 14px;}
.rwd-wrap a {color: #777; font-size: 30px;}
.rwd-wrap a:hover, .rwd-wrap a:focus, .rwd-wrap a.active {color: #7f8c8d}

.rwd-nav {display: none}

/* Slider Section */
#slider-section {padding-top: 30px;}
#owl-gunardi .item img{
    display: block;
    width: 100%;
    height: auto;
}
.text-slide {width: 100%; height: auto; text-align: right;}
.text-slide h1 {text-transform: lowercase !important; margin: 0; padding: 0}
.text-slide h2 {text-transform: lowercase !important; margin: 0; padding: 0; color: #777}

/* Content Section */
#content-section {padding-top: 30px; padding-bottom: 30px;}
.left-body-part {padding-right: 50px; padding-bottom: 30px; padding-left: 0px;}
.left-body-part h3 {border-bottom: 2px solid #222; padding-bottom: 10px; margin-top: 40px; margin-bottom: 20px;}
.right-body-part {}
.border-part {border: 2px solid #222; padding: 20px 30px 40px 30px; margin-bottom: 50px;}
.right-body-part h3 {border-bottom: 2px solid #222; padding-bottom: 10px;}
.right-items {border-bottom: 2px solid #222; overflow: hidden; padding-bottom: 20px;}
.number-item {}
.part-item {padding-top: 15px; padding-bottom: 20px;}
.right-items h1 {color: #555; font-size: 50px;}
.judul-item {color: #eee; padding-bottom: 10px;}
.head-item {padding-bottom: 0px;}

.latest-news {}
.right-items h4 {margin: 20px 0 0 0;}
.date-latest-news {font-size: 12px; padding-bottom: 20px;}

.item-news {overflow: hidden; padding: 20px 0; border-bottom: 1px solid #222;}
.item-news img {width: 100%}
.item-news h3 {margin-top: 0px;}

/* Banner Section */
#banner-section {padding-top: 30px;}
#banner-section img {width: 100%;}

/* Contact */
.captcha-panel{padding: 10px; background-color: #D9EDF7; border-radius: 5px}
.alert-box {display: none; margin-top: 5px}
.alert-inputbox {border-color: #EBCCD1}

/* Footer Section */
#footer-section {padding-top: 30px; padding-bottom: 20px; border-top: 2px solid #222;}
.menu-bottom {font-family: 'Montserrat', sans-serif; font-size: 13px;}
.menu-bottom ul {margin: 0px; padding: 0px;}
.menu-bottom li {list-style: none; display: inline-block; padding: 0px 10px 0 10px; color: #fff;}
.menu-bottom li:first-child {padding-left: 0px;}
.menu-bottom li a {color: #fff;}
.menu-bottom li a:hover, .menu-bottom li a:focus, .menu-bottom li a.active {color: #7f8c8d; text-decoration: none;} 
.menu-bottom p a {color: #777; text-decoration: none;}
.menu-bottom p a:hover, .menu-bottom p a:focus, {color: #7f8c8d;} 

@media (min-width: 1200px) {
}

@media (max-width: 1200px) {
    .number-item h1 {font-size: 40px;}
} 

@media (max-width: 991px) {
.rwd-nav {display: inline-block !important; padding: 5px 0px 0px; font-size: 25px;}
.menu-part ul {display: none !important;}

.left-news-part img {padding-bottom: 20px;}

.left-body-part {padding-right: 0px;}
} 

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.menu-bottom {font-size: 12px;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
#content-section img {width: 100%; height: 100%} 
.menu-bottom {font-size: 10px;}	
.menu-bottom li {padding: 0px;}

body {font-size: 14px !important;} 
h3 {font-size: 20px}
h4 {font-size: 15px}

.latest-news {padding: 0px 5px;}

.logo-part img {width: 100%;}
}

/* Landscape phones and down */
@media (max-width: 320px) {
    
}