@charset "utf-8";
/*
Theme Name: Online Fusion
Theme URI: 
Author: Online Fusion
Author URI: http://onlinefusion.com.au
Description: 
Version: 1.0

 */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,100,400);

body {font: 13px "Century Gothic", sans-serif; color: #3e4348;}

h1, h2, h3, h4 {font-family: "Roboto Slab", sans-serif; font-weight: 300; margin: 0 0 .6em;}
h1 {color: #be1e1f; font-size: 2em;}
h3 {color: #111; font-weight: 400; padding-top: 16px;}

p {line-height: 1.9em;
margin-bottom: 20px;
}

#header {border-bottom: 19px solid #404041; position: relative;}
#header:after {
	content: "";
	height: 19px;
	width: 95px;
	position: absolute;
	left: 0;
	bottom: -19px;
	background: url(img/bg_banner.png) no-repeat;
}

#logo a {display: block; width: 100%; height: 90px; background: url(img/logo.png) no-repeat; background-size: contain; margin: 50px 0 36px;}
a, a:active, a:focus {
outline: none;
}
#logo strong {display: none;}
	
.nav {margin: 76px 0 0;}
.nav ul {margin: 0;}
.nav li {float: left; position: relative; height: 15px; border-right: 1px solid #727a83; list-style: none; z-index: 99998;}
.nav li.last  {border: 0;}
	
.nav li a {
	display: block;
	font: 1.1em/1em "Roboto Slab", sans-serif;
	padding: 0 24px 18px;
	color: #727a83;
	text-transform: uppercase;
	outline: none;
  font-size: 13px;
	}
	
	.nav li a:hover, .nav li a.menu-current {color: #d12c2d; text-decoration: none;}
	
	
.nav ul li ul {
position: absolute;
top: 25px;
left: 0;
background: url(img/bg_dropdown.png);
border-top: 4px solid #d22a2e;
padding: 0 22px;
width: 174px;
 z-index: 99999;
}



.nav li li {float: none; border: 0; border-bottom: 2px solid #a9a8a7; height: auto; }
.nav li li:last-child {border: 0;}
	
.nav li li a { text-transform: capitalize; padding: 20px 0}


.nav ul ul, .nav ul li:hover ul ul, .nav ul ul li:hover ul ul {display: none;}
.nav ul li:hover ul, .nav ul ul li:hover ul, .nav ul ul ul li:hover ul {display: block;}

#main ul {padding: 0;}
#main ul li {list-style: none; padding: 0 0 0 24px; background: url(img/bullet-arrow.png) 0 5px no-repeat; line-height: 1.5em; margin-bottom: 4px;}

.panel {background: none; box-shadow: none}
.panel img {max-width: 100%; height: auto;}

#footer {
	background: #414042 url(img/bg_footer.png) 0 bottom repeat-x;
	padding: 44px 0 110px;
	color: #a4a2a2;
}
#footer a  {color: #a4a2a2;}
#footer .widget {border-right: 1px solid #565558; font-family: "Roboto Slab", sans-serif;}
#footer .widget:last-child {border: 0;}
#footer .contact {padding-left: 80px; line-height: 26px;}
#footer .contact.col1 {background: url(img/icon_contact-col1.png) 40px 0 no-repeat}
#footer .contact.col2 {background: url(img/icon_contact-col2.png) 50px 0 no-repeat}

#content {padding: 82px 0 40px;}
.content-home {background: url(img/bg_home-content.png) repeat-x; }
#home-slider .transparent {display: none;}
.row1 {padding: 0 0 40px; font-size: 16px;}
.row1 h3 {color: #44aead; font-weight: 400; font-size: 20px;}
.row1 small {font-size: 14px;}
.row1 a {color: #a5a5a5}
.row2 {padding: 24px 0 ;}
.row2 h3 {color: #383838; font-size: 20px; font-weight: 400; margin-bottom: 24px;}
.row2 .panel-grid-cell {position: relative}
.row2 .panel-grid-cell .panel {margin: 0 40px; }
.row2 .panel-grid-cell .panel:after {
	content: ""; 
	width: 1px; 
	height: 270px; 
	position: absolute;
	border-right: 1px solid #cbcbcb;
	top: 24px;
	right: 0;
	}
.row2 .panel-grid-cell:first-child .panel {margin-left: 0;}
.row2 .panel-grid-cell:last-child .panel {margin-right: 0;}
.row2 .panel-grid-cell:last-child .panel:after {display: none;}

.home-widgets {background: #f7f7f7; padding: 70px 0 120px;}
.home-widgets .widget {position: relative; }
.home-widgets .widget .testimonial-slide {padding: 0 80px;overflow: hidden; width:100%; margin:0 auto;}
.home-widgets .widget .testimonial-slide .logo {margin: 56px 24px 0 0; display:inline-block;vertical-align: top;} 
.home-widgets .widget .testimonial-content {
	display:inline-block;
	vertical-align: top;
	padding-top: 56px; 
	background: url(img/bg_testimonial-content.png) no-repeat;
	font: 1.5em "Roboto Slab", sans-serif;
	font-weight: 100;
	color: #6e6e6e;
	max-width: 82%;
	
	}
.home-widgets .widget .testimonial-content p {background: url(img/quote-close.png) right bottom no-repeat; padding-bottom: 10px;}
.home-widgets .widget .author {
	color: #46aead;
	font-weight: 300;
	text-align: right;
	font: 16px "Roboto Slab", sans-serif;
}
.home-widgets .widget .wpv-filter-next-link, .home-widgets .widget .wpv-filter-previous-link {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	text-indent: -99999em;
}
.home-widgets .widget .wpv-filter-previous-link {left: 10px; background: url(img/b_slider-prev.png) no-repeat}
.home-widgets .widget .wpv-filter-next-link {right: 10px;  background: url(img/b_slider-next.png) no-repeat}

.case-item {padding: 48px 24px; }
.case-item:nth-child(even), #blog-archive .post-item:nth-child(even) {background: #f7f7f7;}
.case-item .date {font: 1em "Roboto Slab", sans-serif}
.case-item h4 {color: #d12c2d; font-weight: bold; margin-bottom: 15px;}
.case-item h5 {color: #44aead; font-weight: bold;}
.case-item .col-sm-4 {padding: 0 32px; border-right: 1px solid #ccc; }
.case-item .col-sm-4:last-child {border-right: 0;}

.about-sidebar {padding: 0 25px;}
.about-sidebar h3 {font-size: 1.4em; color: #44aead; line-height: 1.3em; padding: 0; font-weight: 300;}
.about-sidebar img {margin-bottom: 16px;}

#blog-archive .post-item {padding: 32px 16px;}
#blog-archive .post-item h2 a {color: #d22a2e}
#sidebar {padding: 32px 0;}
.widget_recent_entries h3 {display: none;}

a {
    color: black !important;
}

p.comments-link{
display:none;
}

.post-blog{
	padding: 32px 16px;
}
.post-blog .featured-thumbnail{
	margin-bottom: 20px;
}
.post-blog .featured-thumbnail img{
	width: 100%;
	height: auto;
}
.featured-thumbnail-post{
	margin-bottom: 20px;
}
.featured-thumbnail-post img{
	width: 100%;
	height: auto;
}
.intama-posts{
	padding: 32px 16px;
	/*text-align:justify;*/
  text-align:left;
}
.post-single{
	padding: 32px 16px;
	width: 80%;
}
.post-single .featured-thumbnail img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

@media(max-width:500px){
	.frame-mobile{
		width:321px;
	}
  
}