/*#Header_wrapper {
    background-color: #f6e5e5;
}*/

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?16262376');
  src: url('fonts/fontello.eot?16262376#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?16262376') format('woff2'),
       url('fonts/fontello.woff?16262376') format('woff'),
       url('fonts/fontello.ttf?16262376') format('truetype'),
       url('fonts/fontello.svg?16262376#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-fontello-"]:before, [class*=" icon-fontello-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-fontello-whatsapp:before { 
	content: '\f232'; 
}


@media only screen and (max-width: 767px) {
	#Action_bar {
		background: #292b33 !important;
	}
	
	#Action_bar .contact_details li {
		color: rgba(255, 255, 255, 0.5);
	}
}

#Top_bar .responsive-menu-toggle {
    color: #f00;
}

#Top_bar .menu li ul li {
    padding: 0;
    width: 240px;
    position: relative;
    font-weight: normal;
}

#Top_bar .menu > li ul {
    background-color: #fff;
}

#Action_bar .contact_details a {
    color: #d4d4d4;
}

#Action_bar .contact_details a:hover {
    color: #f1f1f1;
}

a.mfn-link.career {
    margin: 0;
}

body:not(.template-slider) #Header_wrapper {
    background-image: url(../images/header_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}


#Subheader {
    padding: 20px 0;
    background-color: #242424;
}

.subheader-both-center #Subheader .title {
	width: 60%;
    text-align: left;
	color: #fff;
}

.subheader-both-center #Subheader .breadcrumbs {
	width: 40%;
    text-align: right;
}

#Subheader .title {
    margin-bottom: 0;
    width: 50%;
    float: left;
}

#Subheader ul.breadcrumbs {
    display: block;
    width: 40%;
    margin: 1px 0 0;
    font-size: 1em !important;
    float: right;
    text-align: right;
}

#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    color: #fff;
}

#Top_bar .menu > li.current_page_item ul li.current_page_item_submenu > a {
    color: #ff0000;
}



/* Section --------------------------------------------------------------------------- */

.section[data-parallax="3d"] {
	overflow: hidden
}
.section .mfn-parallax {
	position: absolute;
	left: 0;
	top: 0;
	max-width: none!important
}
.wrap[data-parallax="3d"] {
	overflow: hidden;
	position: relative
}
.wrap[data-parallax="3d"]>.mcb-wrap-inner, .wrap[data-parallax="3d"]>.column {
	position: relative
}
.section.center {
	text-align: center
}
.section.no-margin .column, .section.no-margin-v .column {
	margin-bottom: 0;
}
.the_content_wrapper pre {
	margin-bottom: 20px
}

h1.home_layanan{
    font-size: 70px;
    line-height: 70px;
    font-weight: 300;
    letter-spacing: 0px;
}

h4.home_layanan {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0px;
}

h1.home_layanan, h6.home_layanan {
    font-family: "Raleway", Arial, Tahoma, sans-serif;
}

h1.home_layanan, h6.home_layanan {
    color: #080b14;
}

h1.home_layanan, h6.home_layanan {
    margin-bottom: 15px;
}

p.home_layanan {
	font-family: "Playfair Display", Arial, Tahoma, sans-serif;
	color: #444;
}

h1.home_produk{
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
    letter-spacing: 0px;
}

h1.home_produk {
    font-family: "Raleway", Arial, Tahoma, sans-serif;
}

h1.home_produk {
    color: #080b14;
}

h1.home_produk {
    margin-bottom: 15px;
}

p.home_produk {
	font-family: "Playfair Display", Arial, Tahoma, sans-serif;
}

.home_produk_wrapper {
	border: 5px solid #f6f6f6;
}


h3.about {
    line-height: 40px;
	font-size: 20px;
	/*;
    font-weight: 300;
    letter-spacing: 0px;*/
}

.column_column ol {
    color: #161922 !important;
}

ol.list_check li::after {
    content: "";
    width: 70px;
    height: 1px;
    overflow: hidden;
    background: rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    bottom: -11px;
	margin-left: 20px;
}

ol.list_check li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
    margin-left: 0;
}

h2.red, h3.red {
	color: #bb0000;
}

.flv_sections_grey {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #fcfcfc;
}

.flv_sections_darkgrey {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #737373;
	color: #fff;
}

.section.contact {
    background-image: url("../images/contactbg.png");
    background-position: center center;
    background-repeat: no-repeat;
}


.style-simple .icon_box:hover .desc_wrapper .title::before {
    width: 100px;
}

.style-simple .icon_box .desc_wrapper .title::before {
	background-color: #b00;
}

.desc.home {
	 color: #ffb9b9;
}

.desc.home a {
	 color: #fff;
}

.list_item .list_left.home {
    color: #f7f55c;
}

a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #e02121;
    color: #fff;
}

a.button, a.tp-button {
    background-color: #ececec;
    color: #747474;
}

.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: rgba(68,68,68,0.8);
}

.post-desc {
    padding: 0 0 0 20px;
}

.sliding_box .desc_wrapper {
    background: #d40000;
}

.sliding_box .desc_wrapper::after {
    border-bottom-color: #d40000;
}

.padleft {
	padding-left: 47px;
    line-height: 30px;
	font-size: 16px;
}

.timeline_items li .desc::before {
    background-image: none;
}

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
    color: #eb0000;
    background-color: rgb(252, 233, 233) !important;
    border-color: #eed5d5;
}


/*#Footer {
    background-color: #2e2e2e;
}

#Footer .footer_copy {
    background-color: #212121;
}*/

#Footer, #Footer .widget_recent_entries ul li a {
    color: #cccccc;
}
#Footer a {
    color: #cccccc !important;
}
#Footer {
    background-color: #181c1f;
}
#Footer {
    background-image: url(../images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

#Footer .footer_copy {
    border-top-color: rgba(255, 255, 255, 0.1);
}
#Footer .footer_copy {
    border-top: 1px solid rgba(255, 255, 255, .1);
        border-top-color: rgba(255, 255, 255, 0.1);
}