/* 
--------------------------------------------------------------------------------|*
| Author     : Basuki Tafif.                                                    |***
| Company    : RUANGKODE - www.ruangkode.com                                    |*****
| Style Name : Custom PWMII OFIICIAL WEBSITE                                    |*******
| Created on : 10 Agustus, 2018                                                 |*****
| License    : Free Open Source                                                 |***
 -------------------------------------------------------------------------------|*
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,800,900');
@import "bootstrap.min.css";
@import 'animate.css';
@import 'font-awesome.min.css';
@import 'ionicons.min.css';

/* --------------------------
:: 01. Base CSS Start
-------------------------- */
*{margin:0;padding:0}
body{font-family:'Roboto',sans-serif;background-color:#fff}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif;font-weight:400;color:#000;line-height:1; margin: 0}
.section_padding_100{padding-top:100px;padding-bottom:100px}
.section_padding_70{padding-top:70px;padding-bottom:70px}
img{}
.mt-15{margin-top:15px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-100{margin-top:100px}
.mt-150{margin-top:150px}
.mr-15{margin-right:15px}
.mr-30{margin-right:30px}
.mr-50{margin-right:50px}
.mr-100{margin-right:100px}
.mb-15{margin-bottom:15px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.mb-100{margin-bottom:100px}
.ml-15{margin-left:15px}
.ml-30{margin-left:30px}
.ml-50{margin-left:50px}
.ml-100{margin-left:100px}
.clearThis{clear: both}
ul,ol{margin:0;padding:0}
#scrollUp{bottom:0;font-size:24px;right:30px;width:50px;background-color:#fb397d;color:#fff;text-align:center;height:50px;line-height:50px}
a,a:hover,a:focus,a:active{text-decoration:none;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
li{color:#726a84}
p{color:#726a84;font-size:16px;margin-top:0}
.heading-text > p{font-size:16px}
.section-heading > h2{font-weight:300;color:#5b32b4;font-size:36px;margin:0}
.section-heading{margin-bottom:40px}
.line-shape-white,.line-shape{width:80px;height:2px;background-color:#fb397d;margin-top:15px}
.line-shape{margin-left:calc(50% - 40px)}
.table{display:table;height:100%;left:0;position:relative;top:0;width:100%;z-index:2}
.table-cell{display:table-cell;vertical-align:middle}
/*Preloader*/
#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999}
.colorlib-load{-webkit-animation:2000ms linear 0 normal none infinite running colorlib-load;animation:2000ms linear 0 normal none infinite running colorlib-load;background:transparent none repeat scroll 0 0;border-color:#ddd #ddd #fb397d;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9}
@-webkit-keyframes colorlib-load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes colorlib-load {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@media(max-width: 992px) {
    .container{max-width:100%}
    .hidden-md{display: none}
}


/* --------------------------
:: 02. Header Area CSS
-------------------------- */
.header_area{width:100%;z-index:99;position:relative}
.topbar{background: #EEE;}
.topbar-left ul li a{padding: 8px 10px 3px; color: #333; display: inline-block; font-size: 12px}
.topbar-right ul{float: right; padding-right: 10px;}
.topbar-right ul li a{padding: 5px 10px; color: #333; display: inline-block}
.topbar-right ul li a:hover, .topbar-left ul li a:hover{color: #18ba60}


/* --------------------------
:: 03. NAVBAR
-------------------------- */
.navbar-rk{background: #FFF;padding: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
.navbar-brand img{width: 200px}
.sticky.is-sticky{position: fixed;top: 0;right: 0;left: 0;z-index: 1000;width: auto;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)}
.navbar-rk ul li a.nav-link{padding:26px 20px;display:block;font-size:14px;font-weight:800;color:#666;text-transform:uppercase;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.navbar-rk ul li a.nav-link i{color: #fb397d; margin-right: 5px}
.navbar-rk ul li a.nav-link:hover{color:#fb397d}
.navbar-rk ul li a.nav-link:hover i{color:#F2184F}
.navbar-rk .dropdown-menu{background:#FFF;border-radius:0 0 3px 3px}
.navbar-rk .dropdown-menu .dropdown-item{font-size: 14px;color: #666;text-transform:uppercase;line-height:1;padding:7px 15px}
.navbar-rk .dropdown-menu .dropdown-item i{color: #999}
/*Hamburger*/
.navbar-hamburger{width: 30px;height: 35px; display: block; position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer}
.navbar-hamburger span{display: block;position: absolute;height: 3px;width: 100%;background: #666;border-radius: 0;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out}
.navbar-hamburger span:nth-child(1){top: 0px}
.navbar-hamburger span:nth-child(2),.navbar-hamburger span:nth-child(3){top: 7px}
.navbar-hamburger span:nth-child(4){top: 14px}
.navbar-hamburger.open span:nth-child(1){top: 7px;width: 0%;left: 50%}
.navbar-hamburger.open span:nth-child(2){-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.navbar-hamburger.open span:nth-child(3){-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
.navbar-hamburger.open span:nth-child(4){top: 7px;width: 0%;left: 50%}

@media(min-width: 992px){
    /*Custom Hover Dropdown on PC*/
    .navbar-rk .dropdown:hover>.dropdown-menu{display: block}
    .navbar-rk .dropdown>.dropdown-toggle:active{pointer-events: none}
    .navbar-rk .dropdown-menu{border-color:#DDD;border-top:3px solid #DDD;margin-top:0}
    .navbar-rk .dropdown-menu .dropdown-item:hover{background:#EEE}
    .navbar-expand-lg .navbar-nav .nav-link{padding-right: 20px; padding-left: 20px}
}
@media(max-width:992px){
    .topbar-left ul li a{padding: 5px 15px 5px 0;font-size: 1rem}
    .topbar-left ul li a span{display:none}
    .topbar-right ul{padding-right: 0}
    .topbar-right ul li a{padding: 5px 0 5px 15px}
    .navbar-expand-lg>.container{padding-right: 15px; padding-left: 15px}
    .navbar-rk{background:#FFF}
    .navbar-nav{border-top: 1px solid #EEE}
    .navbar-rk .navbar-toggler{border: none;padding: 0; padding-top: 15px}
    .navbar-rk .navbar-toggler:focus{outline: none}
    .navbar-rk ul li a.nav-link{border-bottom: 1px solid #EEE;padding: 7px 0}
    .navbar-rk ul li:last-child .nav-link{border-bottom: none}
    .navbar-rk .dropdown-toggle::after{border: none;content: "\002b";float: right;margin: 0;width: auto;font-size: 18px;font-weight: bold;color: #F2184F}
    .navbar-rk .nav-item.dropdown.show .dropdown-toggle::after{content: "\2013"}
    .navbar-rk .nav-item .dropdown-menu{border: none; background: transparent;padding: 0;transition: .4s ease-in-out}
    .navbar-rk .dropdown-menu .dropdown-item{border-bottom: 1px solid #EEE}
}

@media (max-width: 768px){
    .navbar-expand-lg>.container,.topbar>.container{padding-right:15px;padding-left:15px}
    .navbar-brand img{width: 130px}  
}


/* --------------------------
:: 04. Slider CSS
-------------------------- */
#slider{background:#FFF;position:relative}
.owl-theme .owl-nav.disabled+.owl-dots{z-index:99;position:absolute;bottom:0;left:0;right:0}
.owl-carousel .item{background-repeat: no-repeat; background-size:cover; background-attachment: fixed; background-size: 100%}
.owl-carousel .item .item-inner{background: rgba(0,0,0,0.4);padding:250px 0;position:relative;}
.owl-carousel .item .owl-caption{position:absolute;top:40%;left:20%;right:20%}
.owl-carousel .item .owl-caption h2{font-size:40px;font-weight:700;color:#FFF}
.owl-item.active .owl-caption h2{animation:1s .2s fadeInUp both}
.owl-carousel .item .owl-caption p{color:#EEE}
.owl-item.active .owl-caption p{animation:1s .6s fadeInUp both}
.owl-carousel .item .owl-caption p a{background:rgba(0,0,0,0.1);color:#FFF;border:2px solid #EEE;border-radius:3px;padding:10px 20px;display:inline-block}
.owl-carousel .item .owl-caption p a:hover{background:rgba(0,0,0,0.5);border-color:#FFF}
.owl-item.active .owl-caption p a{animation:2s 1s flipInX both}
@media(max-width: 1200px) {
    .owl-carousel .item{background-repeat: no-repeat; background-size:100%; background-position: 40%!important}
    .owl-carousel .item .item-inner{}
    .owl-carousel .item .owl-caption{top:50%;left:15%;right:15%}
    .owl-carousel .item .owl-caption h2{font-size:22px}
    .owl-carousel .item .owl-caption p{font-size: 13px}
    .owl-carousel .item .owl-caption p a{padding:5px 20px}
}
@media(max-width: 768px) {
    .owl-carousel .item .item-inner{padding:230px 0}
    .owl-carousel .item .owl-caption{top:55%;left:5%;right:5%}
    .owl-carousel .item .owl-caption h2{font-size:20px}
    .owl-carousel .item .owl-caption p{font-size: 13px}
    .owl-carousel .item .owl-caption p a{padding:5px 20px}
}


/* --------------------------
:: 05. About Us
-------------------------- */
.about-us{background-color:#fff;background-position: 80%;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.about-us-content{padding:50px 0 30px 50px;position:relative;z-index:2}
.about-us-content::before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:#fff;left:-15px;width:5000px;z-index:-1}
.about-us-content .about-us-title{text-align:left;margin:0;margin:0;text-align:left;margin-bottom:20px}
.about-us-title{text-align:left;margin:0 0 30px}
.about-us-title h1{font-size:26px;text-transform:uppercase;color:#292929;font-weight:800; margin-bottom: 15px}
.about-us-title p{margin-bottom:0}
.about-us-media{margin:0 0 20px}
.media:first-child{margin-top:0}
.media,.media-body{overflow:hidden;zoom:1}
.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}
.media-left,.media>.pull-left{padding-right:10px}
.media-body{width:10000px}
.about-us-media .icon{width:60px;height:60px;margin-right:10px}
.about-us-media .media-body h2{font-size:20px;margin-bottom:10px;text-transform:capitalize}
@media (max-width: 992px) {
    .about-us{background:#FFF; background-position: 30%}
    .about-us-inner{background: rgba(255,255,255,0.9)}
    .about-us-content{padding:40px 0}
    .about-us-content::before{position:relative;height:100%;width:100%;left:0;z-index:-1}
    .about-us-title{margin:0}
    .about-us-title h1{font-size:20px}
    .about-us-title p{font-size:14px}
    .about-us-media .media-body h2{font-size:16px;font-weight:700;margin-bottom:0}
    .about-us-media .media-body p{font-size:14px}
}


/* --------------------------
:: 05.b SERVICE : Dashboard & Service
-------------------------- */
.db-service{}
.db-service-item{margin-bottom: 10px;}
.db-service-item h4{font-size: 14px; color: #333}
.service{}
.service-item{margin-bottom: 10px; width: 50%; float: left; position: relative}
.service-item-body{border: 1px solid #CCC; padding: 15px 0 15px 15px; border-radius: 5px; margin-right: 10px}
.service-item-body i{position: absolute; top: 14px; left: -6px;}
.service-item-body h4{font-size: 14px; color: #333}


/* --------------------------
:: 06. HOME ABOUT
-------------------------- */
.blog-media{padding: 70px 0;background-image: url(../../images/assets/bg-wave-smooth.jpg);background-size: cover;background-position: center}
.bm-img img{width: 100%}
.bm-content span{display: block;font-size: 14px;font-weight: 400;text-transform: uppercase;margin-bottom: 10px}
.bm-content h2{position:relative;word-wrap:break-word;font-weight:900;margin-bottom:10px}
.bm-content p{line-height:1.5em;margin-bottom:15px}
.bm-content p.bm-subtitle{font-size:20px; font-weight: 100}
.bm-content-btn{margin-top: 25px}
/* Dimatikan sementara karena saat ini menggunakan btn-action
.bm-content p a{color:#b62d65;position:relative;font-size:12px;text-transform:uppercase;font-weight:700;margin-top:10px;padding:15px 20px;letter-spacing:.1em;line-height:1;display:inline-block;vertical-align:top;text-align:center;color:#272d34;border:solid 2px transparent;-o-border-image:linear-gradient(45deg,#facb67,#ec709c);border-image:linear-gradient(45deg,#facb67,#ec709c);border-image-slice:1;transition: all 0.3s ease}
.bm-content p a:hover{background:rgba(0,0,0,0.1);color:#000} 
*/
@media (max-width: 768px){
    .blog-media{padding: 30px 0}
    .bm-img img{margin-bottom: 20px}
    .bm-content{margin-bottom: 20px}
    .bm-content span{font-size: 13px;}
    .bm-content h2{font-weight:800;font-size: 20px}
    .bm-content p{line-height:1.5em;font-size: 14px}
    .bm-content p.bm-subtitle{font-size: 15px}
    /* 
    .bm-content p a{font-weight: 600;padding: 10px 15px}
    */
}

/* --------------------------
:: 07. Office History
-------------------------- */
.office-history{padding:40px 0 0;margin-top:25px}
.office-history .history-wrapper{position:relative;display:flex}
.office-history .history-wrapper::before{content:"";position:absolute;left:0;top:-22px;width:100%;height:1px;background-color:#e0e0e0}
.office-history .history-wrapper li{position:relative;flex:1}
.office-history .history-wrapper li::before{content:"";position:absolute;top:-28px;left:0;right:0;width:13px;height:13px;margin:0 auto;border-radius:50%;background-color:#00b3fe}
.office-history .history-wrapper li .text{font-family:"Poppins",sans-serif;font-size:18px;font-weight:600;line-height:10px;display:block}
.office-history .history-wrapper li .text a{color:#06223e}
.office-history .history-wrapper li .year{font-size:14px;color:#667380}
@media (max-width: 768px) {
    .office-history .history-wrapper{display:block}
    .office-history .history-wrapper li{margin-bottom:50px}
    .office-history .history-wrapper li::before{content:"";position:absolute;left:0;top:-22px;width:100%;height:1px;background-color:#e0e0e0}
    .office-history .history-wrapper li::after{content:"";position:absolute;top:-28px;left:0;right:0;width:13px;height:13px;margin:0 auto;border-radius:50%;background-color:#00b3fe}
    .office-history .history-wrapper li .text{font-size:14px}
}


/* --------------------------
:: 08. Services
-------------------------- */
#services{padding:50px 0 30px}
#services.background_cover{}
.service-title{margin-bottom:50px;position:relative}
.service-title h2{color:#18ba60;margin-bottom:1rem;color:#222;font-size:2rem;font-weight:800;text-transform:uppercase}
.service-title h2 span{font-weight:600;color:#111}
.service-title-icon{width:80px;position:relative;margin:0 auto;margin-top:10px}
.service-title-icon i{color:#18ba60;font-size:1.8rem;margin-top:1px}
.service-title-icon:before{content:"";width:100px;height:2px;background:#18ba60;position:absolute;top:14px;left:-80px}
.service-title-icon:after{content:"";width:100px;height:2px;background:#18ba60;position:absolute;top:14px;right:-80px}
.service-title p{margin-top:20px;text-align:center;margin-left:auto;margin-right:auto;font-weight:400;max-width:550px}
.teaser{margin-bottom:25px;transition:height .2s ease-in-out 0;border:1px solid #EEE;padding:10px}
.teaser:hover{border-color:#00b3fe}
.teaser-icon{width:70px;height:70px;border:1px solid #DDD;background:#f5f5f5;float:left;margin-right:20px;text-align:center;vertical-align:middle}
.teaser-icon i{font-size:30px;margin-top:20px;color:#00b3fe}
#services .teaser h3{font-size:16px}
#services .teaser h3 a{font-weight:700;color:#06c}
.teaser p{margin:0;font-size:14px}
@media (max-width: 992px) {
    .service-title h2{font-size:20px}
    .service-title p{font-size:14px}
    #services .teaser h3{font-size:16px}
    #services .teaser h3 a{color:#272d34;font-weight:700}
    #services .teaser p{font-size:14px}
}


/* --------------------------
:: 09. Product
-------------------------- */
.box-product{background-color:#f2f2f2;padding:50px 0}
.events{background-color: #FFF;}
.box-product .title-bar{margin-bottom:65px;position:relative}
.product-item{-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; margin-bottom:30px; border-radius: 0 0 5px 5px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2)}
.product-item:hover{-webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.25); box-shadow: 0 4px 2px rgba(0,0,0,0.25)}
.product-item img{width: 100%}
.product-item h2{font-size: 20px; text-align: center; margin-bottom: 10px; color:#667380;}
.product-content{background: #FFF; border-radius: 0 0 5px 5px; border:1px solid transparent;padding:15px 10px;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
.product-content h2{font-size:24px;font-weight:500;color:#031633;margin-bottom:13px}
.product-content h3{font-size:16px;font-weight:500;color:#031633;margin-bottom:10px}
.product-content h5{font-weight:700;color:#007bff}
.product-content .date{color:#00b3fe}
.product-content .date, .product-content .comment{font-size:16px;font-weight:500;color:#36afe8;margin-right:25px}
.product-content p, .product-content ul li, .product-content ol li{font-size:14px;margin:10px 0}
.product-content p{margin-bottom: 10px}
.product-content ul, .product-content ol{}
.product-content ul li{list-style:circle;line-height:1.2; font-size: 14px}
.product-content ol li{list-style:decimal;line-height:1.2; font-size: 14px}
.product-divider{border-top: 1px dashed #DDD; margin: 10px 0 15px}
.product-price{background: rgba(0,0,0,0.5); color: #FFF; font-weight: bold; padding: 5px; text-align: center}
.product-readmore{}
.product-detail{background: #FFF}
.product-detail-img img{width: 100%}
.product-detail-stock{padding: 8px 18px;}
.product-detail-stock img{width: 100%}
.product-detail-info{padding: 20px}
.product-detail-header h1{line-height: 1; font-size: 24px; font-weight: 800; margin-bottom: 20px}
.product-detail-header h2{font-size: 28px; font-weight: 800; margin-bottom: 30px; color: #18ba60}
.product-detail-header h3{font-size: 18px; font-weight: bold}
.product-detail-header .decor-line {background: #C4D114; width: 50px; height: 5px; display: inline-block; vertical-align: top; margin: 10px 0 20px}
.product-detail-description h1{font-size: 24px; margin-bottom: 15px; font-weight: bold}
.product-detail-description h2{font-size: 20px; margin-bottom: 15px; font-weight: bold}
.product-detail-description h3{font-size: 18px; margin-bottom: 15px; font-weight: bold}
.product-detail-description h4{font-size: 16px; margin-bottom: 10px; font-weight: bold}
.product-detail-description h5{font-size: 14px; margin-bottom: 10px; font-weight: bold}
.product-detail-description p, .product-detail-description li{font-size: 14px; color: #333}
.product-detail-description ul, .product-detail-description ol{padding-left: 18px; margin-bottom: 15px}
.btn-marketplace{display: inline-block; text-align: center; font-size: 1rem; border-radius: .25rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; background: #FFF; color: #333; border: 1px solid #007bff; vertical-align: middle!important; margin-right: 5px; margin-bottom: 5px; padding: 5px 10px}
.btn-marketplace:hover{background: #EEE}
.btn-marketplace img{width: auto; height: 25px}
.btn-marketplace span{padding-left: 5px}

.product-detail-sidebar{background: #FFF; margin-bottom: 30px; padding-bottom: 20px}
.related-header{font-size: 18px; padding: 10px; background: #007bff; color: #FFF; font-weight: bold; text-align: center; margin-bottom: 15px}
.product-related{background: #FFF; padding: 5px 10px}
.product-related img{width: 100px; float: left; margin-right: 10px}
.product-related h4{font-size: 16px; margin-bottom: 5px;}
.product-related h4 a{color: #003399}
.product-related h4 a:hover{color: #000}
.product-related p{font-size: 18px; color: #333; margin: 0; margin-bottom: 5px}
.product-related hr{margin: 15px 0 5px}

table.event-info{margin:20px 0;width:100%}
table.event-info tr th,table.event-info tr td{font-size:14px}
/*Events*/
.media-info{margin-bottom: 20px}
.media-info ul{padding: 0}
.media-info ul li {list-style: none}
.media-box-product-list li {font-size: 12px;margin-bottom: 5px;display: block}
.media-box-product-list li i {width: 16px;font-size: 14px}
.box-product-readmore-btn{}

@media(max-width: 992px) {
    .box-product{padding:30px 0 0;}
    .product-item{margin-bottom:30px}
    .product-detail{margin-bottom: 20px}
    .product-detail-info{padding: 15px 10px}
    .product-detail-header h1{font-size: 20px; margin-bottom: 15px}
    .product-detail-header h2{font-size: 28px; margin-bottom: 15px}
    .product-detail-header h3{font-size: 16px}
    .product-detail-description p, .product-detail-description li{font-size: 14px; color: #333}
    .product-item .product-content .date, .product-item .product-content .comment{font-size:14px;margin-bottom:10px}
    .product-item .product-content p, .product-item .product-content ul li, .product-item .product-content ol li{font-size:14px;line-height:20px;margin:10px 0}
    .product-detail-sidebar{margin-bottom: 20px}
}


/* --------------------------
:: 10. Contact Area
-------------------------- */
.address-text > p,.phone-text > p,.email-text > p{font-size:16px;margin-bottom:10px}
.address-text > p > span,.phone-text > p > span,.email-text > p > span{color:#5b32b4}
.footer-contact-area .line-shape{margin-left:0}
.footer-contact-area .heading-text > p{margin-top:50px}
.footer-contact-area .heading-text{margin-bottom:50px}
#name,#email,#phone,#message{font-size:16px;padding:5px 15px;border-radius:15px 15px 15px 0}
.btn.submit-btn{background:#fb397d;height:48px;min-width:185px;color:#fff;font-weight:500;border-radius:15px 15px 15px 0}
.btn.submit-btn:hover{background:#5b32b4;color:#fff;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.footer-contact-area{background:#f5f9fc}
.footer-text > p{margin-bottom:30px}
#maps-area{padding:10px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.1)}
#maps-area iframe{width:100%;height:300px;border:1px solid #CCC}
@media(max-width: 992px) {
    .section_padding_100{padding:40px 0}
    .section-heading{margin-bottom:30px}
    .section-heading > h2{font-size:18px;font-weight:700;text-transform:uppercase}
    .footer-text > p{font-size:14px;margin-bottom:30px}
    .address-text > p,.phone-text > p,.email-text > p{font-size:14px;margin-bottom:10px}
    .contact_from #name,.contact_from #email,.contact_from #message,.btn.submit-btn{font-size:14px;padding:7px 15px;border-radius:15px 15px 15px 0}
    .address-text > p,.phone-text > p,.email-text > p{font-size:14px}
    #maps-area{padding:0;-webkit-box-shadow:none;box-shadow:none}
}


/* --------------------------
:: 11. Page Title
-------------------------- */
.pageTitle{margin:0;padding:0;overflow:hidden;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important}
.pageTitle-inner{background-color:rgba(0,0,0,0.8);padding:80px 0 50px}
.pageTitle-caption h2{font-size:30px;color:#FFF;font-weight:700;margin-bottom: 10px;}
.pageTitle-caption p{color:#CCC}
@media(max-width: 992px) {
    .pageTitle-caption h2{font-size:26px}
    .pageTitle-caption p{font-size:14px}
}
@media(max-width: 758px) {
    .pageTitle-caption h2{font-size:20px}
    .pageTitle-caption p{font-size:14px}
}


/* --------------------------
:: 12. Artikel
-------------------------- */
.blogpost-section{background: #f2f2f2; padding: 50px 0}
.blogpost-item{background: #FFF; margin-bottom: 30px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.blogpost-item:hover{-webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.25); box-shadow: 0 4px 2px rgba(0,0,0,0.25)}
.blogpost-thumb{}
.blogpost-thumb img{width: 100%}
.blogpost-content{padding: 20px 0}
.blogpost-content h4{font-size: 22px; font-weight: bold; margin-bottom: 10px}
.blogpost-info{margin-bottom: 10px}
.blogpost-info span{font-size: 12px; color: #666; margin-right: 15px}
.blogpost-content p{color: #333; font-size: 14px}

@media(max-width: 768px) {
    .blogpost-item{margin-bottom: 20px}
    .blogpost-content{padding: 20px 15px}
    .blogpost-content h4{font-size: 18px}
}


/* --------------------------
:: 13. Detail Artikel
-------------------------- */
.blogpost-detail{background: #FFF}
.blogpost-detail-img img{width: 100%}
.blogpost-detail-info{padding: 20px}
.blogpost-detail-header h1{line-height: 1; font-size: 24px; font-weight: 800; margin-bottom: 20px}
.blogpost-detail-header h2{font-size: 28px; font-weight: 800; margin-bottom: 30px; color: #18ba60}
.blogpost-detail-header h3{font-size: 18px; font-weight: bold}
.blogpost-detail-header .decor-line {background: #C4D114; width: 50px; height: 5px; display: inline-block; vertical-align: top; margin: 10px 0 20px}
.blogpost-detail-description h1{font-size: 24px; margin-bottom: 15px; font-weight: bold}
.blogpost-detail-description h2{font-size: 20px; margin-bottom: 15px; font-weight: bold}
.blogpost-detail-description h3{font-size: 18px; margin-bottom: 15px; font-weight: bold}
.blogpost-detail-description h4{font-size: 16px; margin-bottom: 10px; font-weight: bold}
.blogpost-detail-description h5{font-size: 14px; margin-bottom: 10px; font-weight: bold}
.blogpost-detail-description p, .blogpost-detail-description li, .blogpost-detail-description table{font-size: 14px; color: #333}
.blogpost-detail-description ul, .blogpost-detail-description ol{padding-left: 18px; margin-bottom: 15px}
.blogpost-detail-description iframe{width: 100%; min-height: 400px}

.blogpost-detail-sidebar{background: #FFF; margin-bottom: 30px; padding-bottom: 20px}
.related-header{font-size: 18px; padding: 10px; background: #007bff; color: #FFF; font-weight: bold; text-align: center; margin-bottom: 15px}
.blogpost-related{background: #FFF; padding: 5px 10px}
.blogpost-related img{width: 100%; float: left; margin-bottom: 15px}
.blogpost-related h4{font-size: 16px; margin-bottom: 10px; font-weight: bold}
.blogpost-related h4 a{color: #333}
.blogpost-related h4 a:hover{color: #0033cc}
.blogpost-related p{font-size: 12px; color: #333; margin: 0; margin-bottom: 15px}
.blogpost-related hr{margin: 15px 0 5px}

@media(max-width: 768px) {
    .prevnex-post{font-size: 14px}
}


/* --------------------------
:: 16. Gallery
-------------------------- */
.gallery-box{background: #FFF; padding: 50px 0}


/* --------------------------
:: 17. Banner CTA
-------------------------- */
.cta-box{text-align:center;margin:0;padding:0;overflow:hidden;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important}
.cta-box-inner{background-color:rgba(0,0,0,0.7);padding:100px 0}
.cta-box .cta-box-caption h2,.cta-box .cta-box-caption p{color:#EEE}
.cta-box-caption h2{font-size:24px;color:#2D3E50;display:inline-block;position:relative;line-height:1;margin-bottom:20px}
.cta-box-caption h2 span{color:#F2184F}
.cta-box-caption h2:before{content:" ";position:absolute;top:50%;right:100%;border-bottom:2px solid #29AD00;width:50%;margin:0 20px}
.cta-box-caption h2:after{content:" ";position:absolute;top:50%;left:100%;border-bottom:2px solid #29AD00;width:50%;margin:0 20px}
.cta-box-caption p.lead{margin-bottom:40px}
.cta-box-caption p a{border:2px solid #29AD00;padding:10px 20px;color:#FFF;border-radius:3px}
.cta-box-caption p a:hover{border-color:#29AD00;background: #29AD00}
@media(max-width: 768px) {
    .cta-box-caption p.lead{font-size:14px}
    .cta-box-caption p a{padding:5px 20px}
}


/* --------------------------
:: 18. Schedule
-------------------------- */
.table-schedule tr th, .table-schedule tr td{font-size: 14px; padding: 10px 5px; vertical-align: middle; border-color: #666}
.table-schedule tr th{background: #00ff66; color: #000; text-align: center; text-transform: uppercase}


/* --------------------------
:: 18. Team
-------------------------- */
.team-box{background: #f2f2f2; padding: 50px 0;}
.team-detail{margin-bottom: 20px}
.team-detail img{width: 100%}
.team-detail-body{background: #FFF; padding: 20px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2);}
.team-detail-body h4{margin-bottom: 15px}
.team-stock{background: #FFF; margin-bottom: 30px; padding-right: 10px; display: block; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2);  -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.team-stock:hover{-webkit-box-shadow: 0 4px 2px rgba(0,0,0,0.25); box-shadow: 0 4px 2px rgba(0,0,0,0.25)}
.team-stock img{width: 160px; float: left; margin-right: 20px}
.team-stock h4{font-size: 18px; padding-top: 20px}
.team-stock p{font-size: 14px; margin-top: 20px}
.team-stock span{font-size: 15px}
@media(max-width: 768px) {
    .team-stock{margin-bottom: 15px}
    .team-stock img{width: 150px; margin-right: 15px}
    .team-stock h4{font-size: 15px; padding-top: 15px; line-height: 1}
    .team-stock p{font-size: 13px; margin-top: 15px; line-height: 1.5}
    .team-stock span{font-size: 14px}
}



/* --------------------------
:: 18. Footer Area CSS
-------------------------- */
.footer-text img{max-width:150px;margin-bottom:20px}
.footer-text > h2{color:#5b32b4;font-size:72px;font-weight:700}
.footer-social-icon > a > i{background:#9b69e4;font-size:14px;color:#fff;height:40px;width:40px;line-height:40px;font-weight:500;border-radius:10px 10px 10px 0;margin-right:10px}
.footer-social-icon > a > i:hover{background:#fb397d;color:#fff;-webkit-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
.social-icon{margin-bottom:30px}
.footer-text{margin-bottom:15px}
.footer-menu ul li{display:inline-block}
.footer-menu ul li a{border-right:2px solid #726a84;display:block;padding:0 7.5px;color:#726a84}
.footer-social-icon > a .active{background:#fb397d}
.footer-menu ul li:last-child a{border-right:0 solid #ddd}
.footer-social-icon{margin-bottom:30px}
.footer-menu{margin-bottom:15px}
.copyright-text > p{margin-bottom:0}
@media(max-width: 768px) {
    .footer-menu ul li a{font-size:14px}
    .copyright-text > p{font-size:14px}
}