/*

Theme Name: STP TOWER
Theme URI: http://stptower.co,
Description: PT. Solusi Tunas Pratama Tbk. - Telecommunication Infrastructure  Provider.
Version: 1.0.0
Author: Domikado
Author URI: --
License: GNU General Public License v2.0
License URI: --
Tags: photoblogging

*/

/***** GENERAL & PSEUDO CLASSES *****/


body{ -webkit-font-smoothing: antialiased; line-height:1.6; min-width: 380px; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { color: #7a777a; }

h3{

	font-size: 1.7em;
}

h4{
	font-size: 1.55em;
}

h5{
	font-size: 1.4em;
}

h6{
	font-size: 1.2em;
}
p{ font-size: 15px; }

ol{ margin-top: 10px; }

ol li{ margin-left: 20px; font-size: initial; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.border-bottom{ border-bottom: 2px solid #fff; height: 32px; }
.nopad{ padding: 0px; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 80px; padding-bottom: 80px; }
.pad-top{ padding-top: 121px; }
.pad-bottom{ padding-bottom: 66px; }

#loader{ display: none; position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s;
	-moz-transition: all .5s;
	width: 0px;
	max-width: 100%;
}

/*** TYPOG ***/

.text-white{ color: #fff; font-size: 17px; }
.alt-h{
	font-weight: normal !important;
	margin-right: auto;
	margin-left: auto;
	padding: 6px 20px;
	margin-top: 10px;
	background: rgba(0, 0, 0, 0.4);
	display: table;
}
.highlight{ color: #d4a16b; }
.lowlight{ color: #63656a; }
.red{ color: #ff1717; }
a:hover{ color: #4b3f55; }

.icon{ display: inline-block; -webkit-backface-visibility: hidden; }

/*** ELEMENTS ***/

.btn{ 
	border: 2px solid #bbb;
	padding: 10px 35px 9px 35px;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #777;
	transition: all .2s ease;
	background: none;
	/*text-transform: uppercase;*/
	border-radius: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.btn a{
	color: #777;
}
.btn .icon{ margin-left: 7px; }
.btn:hover{ background: #eee; color: #777; }

.divider{ position: relative; background-size: cover !important;}

.loader{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  background: #ffffff url(../images/ajax-loader.gif) no-repeat center center;
}

#section-overview .btn{ 
	border: 2px solid #ffffff;
	padding: 10px 35px 9px 35px;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	transition: all .2s ease;
	background: none;
	/*text-transform: uppercase;*/
	border-radius: 3px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

#section-overview .btn a{
	color: #ffffff;
}
#section-overview .btn .icon{ margin-left: 7px; }
#section-overview .btn:hover{ border-color: #bbbbbb; color: #ffffff; }


.page-title{ margin-bottom: 44px !important; }
.ampersand{ font-family: 'Montserrat'; display: inline-block; border-bottom: 3px solid; font-size: 18px; margin: 0px 22px; font-weight: bold; line-height: 1.1; }


/***** NAVIGATION *****/

.logged-in #the-navigation {
	top: 32px;
}

#the-navigation{ 
	position: fixed; 
	top: 0px; 
	max-height: 70px;
	min-height: 70px;
	z-index: 1003;
	width: 100%; 
	padding-top: 17px;
	overflow: hidden;
	-webkit-transition: all .3s; 
	transition: all .3s; 
	-moz-transition: all .3s;
	opacity: 0;
	padding-bottom: 6px;
}

.logo-header{ padding-right: 0; }
.nav-logo img{ margin-top:-4px; width: auto; height: 43px; }
.open-nav{ max-height: 400px !important; }
#menu > ul{ list-style: none; overflow: hidden; float: left; -webkit-backface-visibility: hidden; padding-top: 3px; text-transform: uppercase;}
#menu > ul li{ float: left; margin-right: 33px; }
#menu > ul li a{color: #990000;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#menu > ul li a:hover, #menu > ul li.current-menu-item a{
color: #888888;
text-decoration: none;
}

#menu > ul li i{ color: #555; font-size: 24px; }

#mobile-toggle{ display: none; cursor: pointer; font-size: 28px; position: absolute; right: 22px; top: 22px; }

.sticky-nav{ background-color: rgba(255,255,255,0.9); opacity: 1 !important; top: 0px;}
.logged-in .sticky-nav { top: 32px; }
.inner-nav{ background-color: rgba(255,255,255,0.9); opacity: 1 !important; top: 0px !important;}
.logged-in .inner-nav{ top: 32px !important; }

/*EDTIED*/

.logged-in #secondary-header{
	top: 102px;
}

#secondary-header {
    top: 70px;
    position: fixed;
    transition: top .08s;
    -webkit-transition: top .08s; /* Safari */
    background: rgba(236, 236, 236, .9);
    width: 100%;
    color: #CCCCCC;
    border-bottom: 1px solid #ececec;
    padding: 16px 0px 15px 0px;
    z-index: 998;
}

#secondary-header.scroller {
	top: 70px;
  transition: top .08s;
  -webkit-transition: top .08s; /* Safari */
}

.logged-in #secondary-header.scroller {
	top: 102px;
  transition: top .08s;
  -webkit-transition: top .08s; /* Safari */
}

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

	.logged-in #secondary-header{
		top: 116px;
	}

	.logged-in .sticky-nav { top: 46px !important;; }
	.logged-in .inner-nav{ top: 46px !important; }

	.logged-in #secondary-header.scroller{ top: 116px; }

}

#secondary-header.scroller .dropdown-menu li a{
	padding: 4px 10px;
	font-size: 12px;
}

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

	.logged-in #secondary-header{
		top: 116px;
	}

	.logged-in .inner-nav{ top: 46px !important; }
	.logged-in .sticky-nav { top: 0 !important; }
	.logged-in #secondary-header.scroller{ top: 70px; }

}


/***** HOME SECTION *****/

.home-hero{ position: relative; overflow: hidden; }

.home-hero-slider{ position: relative; }
.home-hero-slider .slides li{ height: 760px; position: relative; background-size: cover !important; }
/*.home-hero-slider .slides li h1{ font-size: 45px; background: rgba(0, 0, 0, 0.4); }*/
.home-hero-slider .slides li h1{ font-size: 20px; background: rgba(0, 0, 0, 0.4); }
.home-hero-slider .flex-control-paging li a{ border-color: #fff; }
.home-hero-slider .flex-control-paging li a:hover{ background: #fff; }
.home-hero-slider .flex-control-paging li a.flex-active{ background: #fff;  }

.logo{ width: 220px; margin-bottom: 22px; }

/***** ABOUT SECTION *****/

.about-detail .page-title{ margin-bottom: 22px; }

.about-toggle, .filters{ overflow: hidden; display: inline-block; list-style: none; }
.about-toggle li, .filters li{ float: left; margin-right: 33px; cursor: pointer; transition: all .5s ease; -webkit-transition: all .3s ease; }
.about-toggle li:hover, .filters li:hover h6{ color: #555; }
.about-toggle li:last-child, .filters li:last-child{ margin-right: 0px; }
.about-toggle .active, .filters .active{ padding-bottom: 7px; border-bottom: 6px solid #ffc636; }
.about-toggle .active h6, .filters .active h6{ color: #555; }

.about-toggle h6, .filters h6{ font-size: 14px; color: #838383; transition: all .2s ease;  }

.process{ margin-bottom: 66px; overflow: hidden; }
.process .icon{ font-size: 52px; margin: 0px auto; }
.process .number{ float: left; text-align: right; width: 30%; font-family: 'Montserrat'; font-weight: bold; font-size: 42px; display: none; }
.process .process-text{ float: right; width: 65%; padding-top: 13px; }

.about-icons .icon{ font-size: 32px; margin-bottom: 44px; margin-top: 22px; color: #9a999a; width:80px; height: 80px; border-radius: 50%; border: 2px solid #9a999a; text-align: center; padding-top: 21px; background-color: #f9f9f9; position: relative; z-index: 2;}
.process-line{ width: 70%; height: 1px; border-top: 2px dashed #000000; position: relative; top: 62px; z-index: 1; margin: 0px auto; }

.team-member{ margin-top: 22px; transition: all .3s ease; -webkit-transition: all .3s ease; opacity: 1; position: relative; -webkit-backface-visibility: hidden; }
.team-member img{ position: relative; }
.team-focus{ opacity: 0.7;  }
.team-member .title{ padding: 11px 0px 11px 0px; border-top: 1px solid #aaa; border-bottom: 3px solid #aaa; margin: 11px 0px 11px 0px;  }
.team-member .title span{ font-family: 'Montserrat'; /*text-transform: uppercase;*/ font-weight: bold; font-size: 12px; dislay: inline-block; margin-right: 11px;  }
.team-member .position{ font-family: 'Lato' !important; font-style: italic; font-weight: normal !important;  }

.team-social{ width: 50%; text-align: center; padding: 11px 0px 11px 0px; font-size: 30px; color: #fff; float: left; overflow: hidden; transition: all .3s ease; -webkit-backface-visibility: hidden; }
.facebook{ background-color: #3c5a99; }
.twitter{ background-color: #55acee; }
.dribbble{ background-color: #d9608e; }
.google-plus{ background-color: #cc5947; }

.story-icons .icon{ margin-right: 44px; }
.story-icons .icon a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.story-icons .icon:last-child{ margin-right: 0px; }

/***** SERVICES *****/

.services{ background-color: #ececec; /*bacground edit*/ position: relative; }
.services-bg{ background: url('../img/services-bg2.jpg') transparent; background-repeat: no-repeat; position: absolute;  right: 0px; top: 0px; height: 100%; width: 33.33333%; z-index: 2; background-size: cover; background-position: 0 0; }
.services .columns{ position: relative; }

.services .page-title{ margin-bottom: 22px; }
.services .lead{ margin-bottom: 17px; }

.service{ overflow: hidden; padding-right: 15px; float: left; padding-bottom: 22px; padding-top: 22px; }
.service h6{ font-size: 14px; color: #525252; margin-top: 10px; margin-bottom: 10px; }
.service-icon .icon{ width: 55px; height: 40px; float: left; font-size: 30px; color: #525252; }
.service-text{ width: 100%; float: left; }
.service-text p{ /*float: left;*/ }

/***** WORK *****/

#work { overflow: hidden; }
#work .page-title{ margin-bottom: 22px; }

.filters{ margin-bottom: 10px; }
.filters li{ padding-bottom: 7px; border-bottom: 6px solid #f1f2f7; }

.projects-container{ overflow: hidden; }

.project{ float: left; cursor: url(../img/crosshair.png), auto; position: relative; z-index: 1; -webkit-backface-visibility: hidden; transition: all 1s ease; opacity: 1; overflow: hidden; }
.hide-project{ float: left !important; margin-left: -100% !important; margin-right: inherit !important; opacity: 0; cursor: default; }
.hide-project:hover{ cursor: default !important; }
.hide-project:hover .project-hover{ display: none !important; }
.project-hover{ position: absolute; height: 100%; width: 100%; background-color: rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all .3s ease; z-index: 2; }
.project:hover .project-hover{ opacity: 1; }
.hover-inner{ position: absolute; width: 100%; height: 50%; bottom: -300px; background: #fff; padding: 15px; -webkit-transition: all .3s ease; text-align: center; border-radius: 0 0 50% 50%; }
.hover-inner h4{ margin-top: 10px; text-transform: uppercase; }
.project:hover .project-hover .hover-inner{ bottom: 0px; }

.ajax-container{ overflow: hidden; max-height: 0px; background: #f9f9f9; transition: all .5s ease; -moz-transition: all.5s ease; -webkit-transition: all .5s ease; }
.open-container{
	padding: 88px 0px 141px 0px;
	max-height: 2000px;
}
.ajax-container .page-title{ margin-bottom: 66px !important; }
.ajax-container .page-title h2{ margin-bottom: 6px; }
.project-slider .flex-control-nav{ bottom: -55px; }
.project-single h6{ margin-bottom: 11px; }
.project-single .btn{ margin-top: 22px; line-height: 12px; }
.project-single iframe{ width: 100%; height: 350px; }

.close-project{ font-size: 35px; margin-bottom: 44px; color: #bbb; overflow: hidden; cursor: pointer; }

.projects-wrapper{ overflow: hidden; position: relative; }

/***** BLOG *****/

.blog-section{ background-color: #ffffff; /*bacground edit*/ position: relative; }
.blog-bg{ background: url('../img/blog-bg.jpg') transparent; background-repeat: no-repeat; position: absolute;  left: 0px; top: 0px; height: 100%; width: 33.33333%; z-index: 2; background-size: cover; background-position: 0px, 0px; }
.blog-section .columns{ position: relative; }

.blog-section .page-title{ margin-bottom: 22px; }
.blog-section .lead{ margin-bottom: 44px; }

.blog-list{ list-style: none; }
.blog-list li{ border-bottom: 1px solid #ccc; margin-bottom: 22px; padding-bottom: 15px; overflow: hidden; }
.blog-list li:last-child{ border-bottom: none; margin-bottom: 44px; }
.blog-list li h3{ font-size: 14px; color: #5a555a; }
.blog-list li span{ font-size: 12px; display: inline-block; margin-right: 11px; }
.blog-list li a{ font-weight: bold; }

.blog-icon{ width: 55px; font-size: 36px; float: left; }
.blog-title-op{ width: 90%; float: left; }



/***** TESTIMONIALS *****/

.testimonials{ background: #f9f9f9; position: relative;}

.testimonials-slider{}
.testimonials-slider p{ margin-bottom: 66px;}
.testimonials-slider .flex-control-nav{ top: 95px; }

.quote-author{ font-weight: 300; font-style: italic; font-size: 14px; }

/***** SOCIAL BAR ******/

.social-bar{ overflow: hidden; }

.social-link{ position: relative; font-size: 52px; color: #fff; padding: 22px 0px 22px 0px; float: left; overflow: hidden; transition: all .3s ease; -webkit-transition: all .3s ease; }
.social-link .icon{ position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; bottom: 0px;  }
.social-link .link-hover{ border-radius: 50%; overflow: hidden; text-indent: -9999px; width: 74px; transition: all .3s ease; -webkit-transition: all .3s ease; }
.social-link .link-hover h6{ font-size: 11px !important; width: 74px; height: 74px; display: table-cell; vertical-align: middle; text-align: center; color: #000000; }
.social-link:hover .icon{ bottom: 100px; }
.social-link:hover .link-hover{ bottom: 0; }

/****** CLIENTS *****/

.client-slider img{ max-width: 155px; -webkit-backface-visibility: hidden; }
.clients{ padding: 55px 0px; }

.client-slider li{ text-align: center; }
.hero-screens{ margin-top: 99px; }

/***** CONTACT *****/

.section-contact{ background: #222; position: relative; background-size: cover; }
.section-contact:before{ position: absolute; width: 100%; height: 100%; content: ''; background-color: transparent !important; }

.section-contact .row{ padding: 80px 0px 40px 0px;  }
.section-contact .pin-body{ height: 80px; }
.section-contact h4{ color: #555; font-size: 18px; }

.contact-form{ overflow: hidden; margin-top: 44px; }
.contact-form input{ float: left; margin: 0px; background: none; border-bottom: 3px solid #ddd; text-transform: none; transition: all .3s ease; padding-left: 0px; }
.contact-form input:focus{ border-color: #eee; }

.section-contact .contact-form input{ background: none; border: none; border-bottom: 3px solid #777; display: inline-block; -webkit-appearance: none; box-shadow: none; margin-bottom: 10px; height: 30px; }

.section-contact .contact-form .form-input-left{ width: 48%; float: left; }
.section-contact .contact-form .form-input-right{ width: 48%; float: right; }
.section-contact .contact-form .form-message{ width: 100%; margin-top: 22px; }

.contact-methods{ overflow: hidden; list-style: none; margin-top: 44px; margin-left: 0; }
.contact-methods li{ margin-bottom: 33px; overflow: hidden; -webkit-backface-visibility: hidden; position: relative; }
.contact-methods li .icon{ width: 32px; float: left; font-size: 42px; margin-right: 8px; }
.contact-methods li .method-text{ width: 85%; float: left; }
.contact-methods .method-text span{ color: #ffffff; }
.method-text h6{ color: #ddd; }
.method-text span{ color: #999; }

.section-contact .btn{ border-color: #999; color: #999; margin-top: 22px; margin-left: 22px; float: right; padding: 12px 28px 14px 28px; -webkit-box-shadow: none; box-shadow: none; }

.notification-wrap{ display: none; }

/***** FOOTER *****/

#footer{ background: #252525; padding: 66px 0px 10px 0px; float: left; width: 100%; }
#footer h6{ color: #575757; font-size: 14px; }

/** BLOG **/

.blog-title{ margin-top: 122px;}
.blog-single{ padding-top: 60px; }
blockquote{ border-left: 4px solid  #e4ad5d; font-size: 24px; color: #222; padding-top: 0px; }


.blog-single .page-title{
	margin-bottom: 10px;
}

.blog-left .post-single{ margin-bottom: 66px; }
.post.sticky .post-title h4 a{
	border-bottom: 3px solid #ddd;
	color: #d4a16b;
}
.post h4{ margin-bottom: 6px; }
.post a{  }
.post-meta{ margin-bottom: 33px; }
.post-media{ margin-bottom: 33px; }
.post iframe{ width: 100%; border: none; height: 450px; }
.read-more-link{ font-size:14px; font-weight:bold;}
.post-slider{ position: relative; }
.form-horizontal input, .form-horizontal textarea{ border: 1px solid #ddd; border-radius: 3px; }

.tags{ margin-top: 22px; clear:both;}
.tags a{ 
	display: inline-block; 
	color: #999;
	background-color: #eee;
	font-size: 11px;
	padding: 11px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Montserrat';
	/*text-transform: uppercase;*/
}

.commentlist{ list-style: none; margin-top: 22px; }
#comments h4, #comments h5, #comments h6{ letter-spacing: 1px; }
.reply{ margin-bottom: 22px; }
.comment-meta{
	font-family: 'Montserrat';
	/*text-transform: uppercase;*/
	font-size: 12px;
}
.fn{
	font-family: 'Montserrat';
	/*text-transform: uppercase;*/
	font-style: normal;
	
}
.children{ list-style: none; }

.comment-author{ width: 43px; height: 43px; padding: 3px; }
.comment-body{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
#reply-title{ margin-bottom: 22px; }

#commentform input,
#commentform textarea,
#commentform .form-submit{
	margin:1em 0 0;
}
/** WIDGETS **/

.widget{ margin-bottom: 30px; overflow: hidden; }
.widget h6{ margin-bottom: 11px; display: inline-block; }

.widget_search input[type="text"]{ 
	width: 65%;
	margin-right: 5%;
	height: 50px;
	background: none; 
	border: none;
	border-bottom: 3px solid #ddd; 
	text-transform: none; 
	transition: all .3s ease; 
	padding-left: 0px; 
	-webkit-appearance: none;
}
.widget_search input[type="text"]:focus{ -webkit-appearance: none; box-shadow: none; }

.widget_search .btn{ height: 50px; width: 30%; text-align: center; padding: 0px; }

.tagcloud a{ 
	display: inline-block; 
	color: #999;
	background-color: #eee;
	font-size: 11px;
	padding: 11px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Montserrat';
	/*text-transform: uppercase;*/
}

#wp-calendar{ font-family:'Montserrat'; }
#wp-calendar caption{  }
.widget_calendar td,
.widget_calendar th {
    padding: 5px;
}

.widget_calendar caption {
    margin: 5px 0 10px;
    text-align:left;
}


/*EDITED*/

/*--------------------- SECONDARY NAV (LARGE SCREEN) ---------------------*/

#the-navigation ul.dropdown-menu, #secondary-header{
	display: none;
	z-index: 1003;
}

#secondary-header.black {
    background: #1A1A1A;
    border-bottom: 1px solid #333;
}

ul.dropdown-menu {
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	border-radius: 7px 8px 6px 6px;
	overflow: hidden;
}

.dropdown-menu li {
	text-align: center;
	float: left;
	vertical-align: middle;
	margin: 1px 1px 0 0;
}

.dropdown-menu li a {
    display: block;
		min-width: 150px;
    padding: 7px 12px;
    color: #FFF;
    background: #ca0101;
    font-size: 13px;
		-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;
}

.dropdown-menu li a:hover {
    background: #AD0303;
    text-decoration: none;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

.dropdown-menu li a.active {
    background: #AD0303;
    font-weight: 700;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#pageheader{
	height: 70px;
}


@media only screen and (max-width : 650px) {
	.logged-in #pageheader{
		height: 150px;
	}

	.dropdown-menu{
		width: 302px;
	}

	.dropdown-menu li {
	    display: inline-block;
	    text-align: center;
	    vertical-align: middle;
	    margin: 1px 1px 0 0;
	    padding: 0;
	}

	.dropdown-menu li a {
	    display: block;
	    padding: 5px 0;
	    width: 150px;
	    color: #FFF;
	    background: #ca0101;
	    font-size: 12px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
	}

	.dropdown-menu li:nth-child(2n+1) a {
	    border-radius: 6px 0 0 6px;
	}

	.dropdown-menu li:nth-child(2n+2) a {
	    border-radius: 0 6px 6px 0;
	}

}

table td, table th{
	padding: 5px;
}

/*CLIENT*/
.client-slider .bx-wrapper .bx-viewport{
  height: 64px !important;
}

.client-slider li{
  width: 235px !important;
  display: flex;
}

.client-slider img{
  width: auto;
  max-width: 112px !important;
	max-height: 64px;
	margin: auto;
}

/*OTHER EDITED*/

.sidebar.animate{
	margin-top: 43%;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6{
	text-transform: uppercase;
}

.sidebar h6{
	font-size: 0.9em;
}

span.highlight{
	display: none !important;
}

#section-know-us{
	background: #ffffff;
	padding-bottom: 50px;
}

#section-know-us, #section-know-us h1, #section-know-us h2, #section-know-us h3, #section-know-us h4, #section-know-us h5, #section-know-us h6, #section-know-us .lowlight{
	color: #000000;
}

#section-know-us .large-12.columns.about-icons.offix{
	width: 97%;
}

.about-icons .large-4{
	z-index: 2;
}

#section-know-us .about-icons .icon{
	width: 85px;
	height: 85px;
	border: none;
	border-radius: 0px;
}

.about-icons .icon:before{
	display: none;
}

.icon_cogs{
	background: #ffffff url(../img/icon-vision.png) center center no-repeat !important;
}

.icon_lightbulb_alt{
	background: #ffffff url(../img/icon-mission.png) center center no-repeat !important;
}

.icon_building{
	background: #ffffff url(../img/icon-value.png) center center no-repeat !important;
}

#section-services .icon:before{
	display: none;
}

#section-services .icon{
	width: 35px;
	height: 35px;
	margin-right: 7px;
}

#section-services .icon_tags_alt{
	background: transparent url(../img/tower-overview-1.png) center center no-repeat !important;
}

#section-services .icon_puzzle{
	background: transparent url(../img/tower-overview-2.png) center center no-repeat !important;
}

#section-services .icon_document_alt{
	background: transparent url(../img/tower-overview-3.png) center center no-repeat !important;
}

#section-services .icon_genius{
	background: transparent url(../img/tower-overview-4.png) center center no-repeat !important;
}

#section-coverage-map{
	background: #ebebeb;
	color: #ffffff;
	position: relative;
}

#section-coverage-map .row:nth-child(2) > .large-12{
	display: block !important;
}

#section-tabs-map{
	background: #ebebeb;
}

.popover.pop-blue{
}

h4.popover-title.pop-blue{
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff !important;
}

.popover-content p{
	line-height: normal;
	font-size: 15px !important;
}

.popover-content a{
	line-height: normal;
	color: #ca0101 !important;
	font-size: 14px;
}

#section-coverage-map{
	padding-top: 0;
	color: #7a777a;
}

#section-coverage-map p{
	font-weight: bold;
	font-size: 19px;
}

#section-coverage-map .page-title{
	margin-bottom: 0;
}

#section-coverage-map h1{
	line-height: 34px;
	font-weight: bold;
	font-size: 40px;
}

#section-coverage-map h3{
	text-transform: uppercase;
}

#section-coverage-map .row:nth-child(2){
	max-width: 100%;
}

#section-coverage-map .large-12{
	padding-left: 0;
	padding-right: 0;
}

#section-coverage-map .hotspot-container{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#section-coverage-map p{
	margin-bottom: 0;
}

#section-intro-bottom{
	color: #ffffff;
	background: url(../img/intro-bg.jpg) center center no-repeat;
	background-size: 100% auto;
	display: none;
}

#section-intro-bottom.pad-large{
	padding-top: 90px;
}

#section-intro-bottom .row:first-child{
	display: none;
}

#section-intro-bottom .lowlight{
	display: none;
}

#section-intro-bottom p{
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	line-height: 45px;
}

#section-intro-bottom label{
	color: #ffffff;
	font-size: 46px;
	font-weight: bold;
	display: block;
}

#section-investors .services-bg{
	left: 0;
}

#section-investors .column, #section-investors .columns{
	float: right;
}

#section-investors .service{
	width: 45%;
	clear: both;
	padding-top: 14px;
	padding-bottom: 16px;
}

@media only screen and (max-width: 991px) {
	#section-investors .service{
		width: 100% !important;
		border-right: none !important;
		margin-left: 0 !important;
		left: 0;
		top: 0;
		position: inherit !important;
	}
}

#section-investors .service:last-child{
  position: absolute;
  width: 71%;
  top: -14px;
  right: -106px;
}

#section-investors .service:last-child img{
	width: 100%;
  height: 315px;
}

#section-investors .service h6{
	font-size: 15px;
}

#section-investors .service h6 a{
	margin-bottom: 2px;
	color: #797979;
}

#section-investors .service h6 a:hover{
	margin-bottom: 2px;
	color: #3891c2;
}


#section-investors .service-icon .icon{
	width: 55px;
}

#section-investors .icon{
	width: 38px;
	height: 38px;
}

#section-investors .icon:before{
	display: none;
}

#section-investors .icon_currency{
	background: transparent url(../img/investors-1.png) center center no-repeat !important;
}

#section-investors .icon_id-2{
	background: transparent url(../img/investors-2.png) center center no-repeat !important;
}

#section-investors .icon_box-checked{
	background: transparent url(../img/investors-3.png) center center no-repeat !important;
}

#section-investors .icon_chat_alt{
	background: transparent url(../img/investors-4.png) center center no-repeat !important;
}

#section-client-partner, .clients{
	background: #f1f2f7;
}

#section-client-partner.pad-large{
	padding: 60px 0 0 0;
}

#section-client-partner .page-title{
	margin-bottom: 0;
}

.bx-loading{
  background: url(../img/bx_loader.gif) center center no-repeat #f1f2f7 !important;
}

.section-contact h1{
	text-align: center;
	color: #ffffff;
}

#footer h2{
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	margin: 5px 0 2px 0;
	color: #7a777a;
}

#menu-footer{
	margin-bottom: 95px;
}

#footer ul{
	margin-left: 0;
}

#footer ul li, #footer ul li a{
	color: #ebebeb;
	list-style: none;
	line-height: 23px;
	font-size: 13px;
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	transition: all .5s;
	text-transform: capitalize;
}

#footer, #footer p{
	color: #A7A7A7;
}

#footer a{
	color: #ebebeb;
}

#footer a:hover{
	border-bottom: 1px solid;
	text-decoration: none;
}

.social-bar{
	margin-bottom: 53px;
	display: none;
}

.social-bar h2{
	margin-bottom: 20px !important;
}

.social-link{
	width: 74px;
	overflow: hidden;
	height: 74px;
	border-radius: 50px;
	margin-right: 4px;
}

@media (max-width: 767px){

	#the-navigation .large-2.columns{
		width: auto;
	}

	.social-link{
		width: 74px !important;
	}

	.about-icons{
		display: none;
	}
}

.social-link .icon:before{
	display: none;
}

.color-icon-social_facebook{
	background: transparent url(../img/icon-facebook.png) center center no-repeat !important;
}

.color-icon-social_googleplus{
	background: transparent url(../img/icon-googleplus.png) center center no-repeat !important;
}

.color-icon-social_twitter{
	background: transparent url(../img/icon-twitter.png) center center no-repeat !important;
}

.color-icon-social_linkedin{
	background: transparent url(../img/icon-linkedin.png) center center no-repeat !important;
}

#section-social-header{
	padding: 40px 0 0 0;
	background: #252525;
}

.section-contact .large-5{
	width: 100%;
}

.section-contact h4{
	font-size: 2.3em;
	text-align: center;
	color: #ffffff;
}

.contact-methods .icon{
	width: 55px;
	height: 33px;
}

.contact-methods .icon:before{
	display: none;
}

.contact-methods .icon_pin_alt{
	background: transparent url(../img/contact-us-1.png) center center no-repeat !important;
}

.contact-methods .icon_mobile{
	background: transparent url(../img/contact-us-2.png) center center no-repeat !important;
}

.contact-methods .icon_mail_alt{
	background: transparent url(../img/contact-us-3.png) center center no-repeat !important;
}

.peThemeContactForm{
	display: none;
}

/*HOMEPAGE*/

#section-overview{
	background: #b52f2f;
}

#section-overview, #section-overview h1, #section-overview h2, #section-overview h3, #section-overview h4, #section-overview h5, #section-overview h6, #section-overview .lowlight{
	color: #ffffff;
}

#section-in-numbers{
	padding-bottom: 0;
}

#section-in-numbers-content{
	padding-top: 0;
	text-align: center;
}

#section-in-numbers, #section-in-numbers-content{
	background: #b52f2f;
	color: #ffffff !important;
}

#section-in-numbers h1, #section-in-numbers-content h1, #section-in-numbers-content h2, #section-in-numbers-content h3, #section-in-numbers-content p{
	background: #b52f2f;
	color: #ffffff !important;
}

/*#section-in-numbers-content .large-6.columns{
	padding-left: 2.9375em;
	padding-right: 2.9375em;
	min-height: 340px;
}

#section-in-numbers-content .large-6.columns:nth-child(odd){
	border-right: 1px solid #ffffff;
}*/


#section-in-numbers-content .large-4{
	text-align: center;
  vertical-align: bottom;
  display: table-cell;
}

#section-in-numbers-content .large-4 p{
	margin-bottom: 0;
}

#section-in-numbers-content .large-4 img{
	max-height: 411px;
	margin-bottom: 70px;
  vertical-align: bottom
}

/*ABOUT US*/

.wrap-leader{
	margin-right: auto;
	margin-left: auto;
	display: table;
}

.wrap-leader > .wrap-leader{
	display: inherit;
}

#section-about-company.services{
	background: #ffffff;
}

#section-about-company h2{
	color: #ca0101;
}

#section-management{
	background: #f1f2f7;
}

#section-management.pad-large{
	padding-bottom: 0;
}

#section-management .project-body .page-title h2{
	color: #797979;
}

#section-management li h6{
	text-transform: uppercase;
}

#section-management h6.highlight{
	text-transform: uppercase;
	color: #ca0101;
}

#section-management .project.career{
	display: none;
}

#section-management .project.leader{
	overflow: hidden;
}

.open-container.open-Leader{
	background: #f1f2f7;
}

.open-page{
	max-height: 100%;
}

.open-container.open-Leader.open-page .row{
	width: 100%;
}

.open-container.open-Leader.open-page table td{
	font-size: 13px;
	padding: 2px;
}

.open-container.open-Leader .large-4.columns h2{
	margin-top: 20px;
	margin-bottom: 5px;
}

.open-container.open-Leader.open-page .large-4.columns h2{
	font-size: 26px;
}

.open-container.open-Leader .large-4.columns h6{
	margin-bottom: 10px;
}

.open-container.open-Leader.open-page .large-4.columns h6{
	font-size: 18px;
	margin-bottom: 16px;
}

@media (min-width: 690px){
	#section-management .project.leader{
		border-radius: 50%;
	  margin: 1.8%;
	  width: 16.4%;
	}
}

@media (min-width: 690px){
	.open-container.open-Leader{
		width: 100%;
		height: 100%;
		z-index: 99;
		padding: 60px 0 0 0;
		margin: auto;
		background: rgba(255, 255, 255, 0.7);
	}

	.open-container.open-Leader .row{
	  width: 96%;
	  display: table;
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}

	.open-container.open-Leader .large-4.columns{
		background: #b52f2f;
		color: #ffffff !important;
		padding: 20px 65px 15px 65px;
		width: 70%;
		min-height: 450px;
		height: 450px;
	}

	.open-container.open-Leader .large-4.columns h2{
		color: #ffffff !important;
		display: table;
		border-bottom: 1px solid;
		margin-bottom: 8px;
		padding-bottom: 1px;
		font-size: 30px;
	}

	.open-container.open-Leader .large-4.columns h6{
		color: #ffffff !important;
		margin-bottom: 20px;
	}

	.open-container.open-Leader .large-8.columns{
		float: right;
		width: 30%;
		padding-left: 0;
		padding-right: 0;
	}

	.open-container.open-Leader .large-8.columns .project-image{
		height: 450px;
		overflow: hidden;
	}

	#section-management .open-container.open-Leader .close-project{
		margin-bottom: 0;
	}
}

@media (max-width: 979px){
	.open-container.open-Leader .large-4.columns{
		/*margin-top: 2%;*/
	}
}

@media (max-width: 780px){
	.open-container.open-Leader .large-4.columns{
		margin-top: 0;
	}

	#section-management .project.leader{
		width: 70%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.open-container.open-Leader .large-8.columns{
		text-align: center;
	}

	.open-container.open-Leader .large-8.columns .project-image img{
		max-height: 400px;
		width: auto;
	}
}

@media (max-width: 1024px){
	#section-management .project.leader .hover-inner h4{
		font-size: 12px !important;
		margin-bottom: 2px;
		margin-top: 0;
	}


	#section-management .project.leader .hover-inner h6{
			font-size: 9px !important;
	}
}

@media (max-width: 800px){

	.wrap-leader{
		width: 100% !important;
	}

	#section-management .project.leader{
		border-radius: 50%;
		margin-bottom: 10px;
	}

	#section-management .project.leader .hover-inner h4{
		font-size: 20px !important;
		margin-top: 30px;
	}


	#section-management .project.leader .hover-inner h6{
			font-size: 17px !important;
	}
}

#section-management .project.leader .hover-inner h4{
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 5px;
}


#section-management .project.leader .hover-inner h6{
	font-size: 10px;
}

#section-structure{
}

#section-structure h1{
	color: #ca0101;
	margin-bottom: 51px;
}

#section-join-our-team h2{
	color: #ca0101;
}

/*CAREERS*/

#section-career{
	padding-bottom: 80px !important;
}

#section-career.pad-large{
	padding-bottom: 0;
}

#section-career .project-single h2{
	font-size: 25px;
}

#section-career .hover-inner h4{
	color: #ca0101;
}

#section-career .project-body .page-title{
	display: none;
}

#section-career .project-body .page-title h2{
	color: #797979;
	text-transform: uppercase;
}

#section-career li h6{
	text-transform: uppercase;
}

#section-career h6.highlight{
	text-transform: uppercase;
	color: #ca0101;
}

#section-career ul.filters{
	display: none;
}

#section-career .project.leader{
	display: none;
}

/*CAREER*/

#section-career .project.career{
	height: 68% !important;
	padding-bottom: 40px;
	padding-top: 10px;
}

#section-career .project.career .hover-inner h4{
	margin-top: 0 !important;
}

#section-career .project.career .hover-inner{
	height: 56% !important;
	padding: 0 15px !important;
}

.project.career img{
	height: 67px !important;
}

/*INVESTOR*/

.pad-large:first-child{
	padding-top: 120px;
	padding-bottom: 0;
}

#section-financial-statement .page-title{
	color: #ca0101;
}

#section-financial-statement h1{
	color: #ca0101;
}

#section-financial-statement-content.pad-large{
	padding-top: 0;
}

#section-financial-statement-content img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#section-financial-statement-content h3{
	color: #ca0101;
	border-bottom: 1px solid;
	display: table;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
}

#section-financial-statement-content ul{
	margin-top: 8px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

#section-financial-statement-content ul li{
	font-size: 13px;
	line-height: 26px;
	margin-left: 8px;
}

#section-investor-information{
	background: #b52f2f;
}

#section-investor-information  p, #section-investor-information a, #section-investor-information h2, #section-investor-information h3, #section-investor-information h4, #section-investor-information h5{
	color: #ffffff;
}

#section-investor-information a:hover{
	color: #cecece;
}

#section-investor-information{
	color: #ffffff !important;
}


#section-corporate-governance h1, #section-corporate-governance h2{
	text-align: center;
	color: #ffffff;
}

#section-corporate-governance{
	background: #3891c2;
}

#section-corporate-governance.pad-large{
	padding-bottom: 0;
	color: #ffffff;
	margin-bottom: -3px;
}

#section-corporate-governance-content a{
	color: #ffffff;
}

#section-corporate-governance-content a:hover{
	color: #cecece
}

#section-corporate-governance-content.pad-large{
	padding-top: 0;
	background: #3891c2;
	color: #ffffff;
}

#section-corporate-governance-content.pad-large .row{
	margin: 0 auto;
	width: auto;
	display: table;
}

@media(min-width: 751px){
	#section-corporate-governance-content.pad-large .row:last-child{
		width: 751;
	}
}

#section-corporate-governance-content.pad-large .columns{
	margin-bottom: 46px;
	min-width: 250px;
}

#section-corporate-governance-content.pad-large .row:last-child .columns{
	margin-bottom: 0;
}

#section-corporate-governance-content.pad-large .columns ul{
	display: table;
	margin: auto;
}

#section-corporate-governance-content .columns img{
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	transition: all .5s;
	border-radius: 50%;
	margin-bottom: 17px;
	width: 142px;
	height: 142px;
}

#section-corporate-governance-content .columns:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#section-corporate-governance h3, #section-corporate-governance h4, #section-corporate-governance-content h3, #section-corporate-governance-content h4, #section-corporate-governance-content p{
	color: #ffffff;
}

#section-corporate-governance-content h3{
	font-size: 13px;
	margin-bottom: 3px;
}

#section-corporate-governance-content p, #section-corporate-governance-content li{
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 6px;
}

#section-news{
	background: #f1f2f7;
	position: relative;
}

#section-news h1{
	color: #ca0101;
}

#section-news .slides > li {
	margin-right: 20px;
	overflow: hidden;
}

#section-news .slides > li a img{
	height: 245px;
	width: auto;
	max-width: none;
	display: block;
	margin: 0 auto;
}

#section-news h2{
	color: #ca0101;
	font-size: 16px;
	margin: 15px 0 3px 0;
}

.page-id-1616 #section-news .slides > li .large-12 > a:last-child{
	font-size: 0px;
}

.page-id-1616 #section-news .slides > li .large-12 > a:last-child:before{
	content: "Selengkapnya";
	font-size: 15px;
}

.post-meta{
	opacity: 0;
	visibility: hidden;
}

.flex-direction-nav a, .bx-controls-direction a{
	width: 50px !important;
	height: 50px !important;
	opacity: 0.7;
	top: 46% !important;
	background-size: 100% 100% !important;
}


@media screen and (max-width: 860px){
	.flex-direction-nav a, .bx-controls-direction a{
		display: block !important;
		width: 40px !important;
		height: 40px !important;
	}
}

.flex-direction-nav .flex-next, .bx-controls-direction .bx-next {
	right: 0px !important;
	background: url(../img/next.png) center center no-repeat !important;
}

.flex-direction-nav .flex-prev, .bx-controls-direction .bx-prev {
	left: 0px !important;
	background: url(../img/prev.png) center center no-repeat !important;
}

/*SOLUTIONS*/

#section-micro-tower .flex-viewport, #section-micro-tower .flex-control-nav, #section-micro-tower .flex-direction-nav{
	display: none;
}

#section-tower-overview h2{
	color: #ca0101;
}

#section-tower-categories{
	background: #b52f2f;
	color: #ffffff;
}

#section-tower-categories h1, #section-tower-categories h2, #section-tower-categories h3, #section-tower-categories p{
	color: #ffffff;
}

#section-macro-tower, #section-micro-tower{
	background: #f1f2f7;
}

#section-macro-tower .page-title, #section-micro-tower .page-title{
	display: none;
}

#section-macro-tower h2, #section-micro-tower h2{
	font-size: 30px;
	color: #797979;
	margin-bottom: 3px;
	margin-top: 0;
	padding-bottom: 0;
}

#section-macro-tower ul li img, #section-micro-tower ul li img{
	max-height: 200px;
	width: auto;
}

#section-macro-tower .quote-author, #section-micro-tower .quote-author{
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 13px;
	display: block;
}

#section-technological .services-bg{
	left: 0;
}

#section-technological .column, #section-technological .columns{
	float: right;
}

#section-coverage-map .row:nth-child(2) > .large-12 img:not(.popover-image){
	max-width: 70%;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

@media(min-width: 800px){
	#section-coverage-map .row:nth-child(2) > .large-12 img:not(.popover-image){
		min-width: 55%;
	}
}

#section-coverage-map .row:nth-child(2){
	max-width: 100%;
}

#section-map-description{
	padding-top: 0;
	background: #3891c2;
}

#section-map-description .large-4{
	text-align: center;
	border-left: 1px solid #c2c2c2;
}

#section-map-description .large-4:last-child{
	border-right: 1px solid #c2c2c2;
}
#section-map-description h1, h2, h3, h4, h5, h6{
}
#section-map-description p{
	font-weight: bold;
	color: #ffffff;
}

.info-icon.icon5{
	display: block !important;
}

.popover a, .popover a:visited{
	color: #00537D !important;
}

/*SECTION STOCK CHART*/
#section-stock-chart{
	padding-bottom: 0;
}

#section-tower-tabs, #section-map-tabs{
	background: #f1f2f7;
	padding-bottom: 0;
}

#section-tower-tabs .row, #section-map-tabs .row{
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

#section-tower-tabs .large-6, #section-map-tabs .large-6{
	padding-left: 0;
	padding-right: 0;
}

#section-tower-tabs .large-6 a, #section-map-tabs .large-6 a{
	text-transform: uppercase;
	background-color: #e7e7e9;
	color: #7a777a;
	min-width: 150px;
	padding: 3px 0;
	text-align: center;
	display: block;
	font-size: 14px;
}

@media(max-width: 768px){
	#section-tower-tabs .large-6 a, #section-map-tabs .large-6 a{
		border-radius: 5px !important;
	}

	#section-tower-tabs .large-6 a, #section-map-tabs .large-6:first-child a{
		margin-bottom: -10px;
	}
}

#section-tower-tabs .large-6 a.active, #section-map-tabs .large-6 a.active{
	background-color: #b52f2f;
	color: #ffffff;
}

#section-tower-tabs .large-6:first-child a, #section-map-tabs .large-6:first-child a{
	border-radius: 5px 0 0 5px;
}

#section-tower-tabs .large-6:last-child a, #section-map-tabs .large-6:last-child a{
	border-radius: 0 5px 5px 0;
}

#section-map-tabs{
	background-color: #ebebeb;
	padding-top: 0;
}

#section-map-title{
	padding-bottom: 0;
	background-color: #ebebeb;
}

/*CONTACT*/

.page-id-821 {
	background-color: #222;
}

.section-contact{
	position: inherit;
}


@media(min-width: 800px){
	#section-contact-region {
		width: 33%;
		float: left;
	}

	.section-contact .row{
		padding: 40px 59px 20px 59px;
	}

}

section#section-contact-us{
  padding-bottom: 0;
  background-color: #222;
}

section#section-contact-us h1{
  color: #fff;
  text-align: center;
}

/*SERVICE LIST*/

#section-service-list .service{
	width: 100%;
	clear: both;
	padding-top: 0;
	padding-bottom: 0;
}

table.oddeven tr:nth-child(odd){
	background-color: #EDEDED;
}

/*SITE MAP*/

.page-id-1599 .page-title h2, .page-id-1597 .page-title h2{
	color: #ca0101;
}

/*Profil jajaran komisaris bla bla bla*/

.page-id-1653 section > .row:first-child .page-title, .page-id-1655 section > .row:first-child .page-title{
	display: none;
}