/*
Theme Name: Corbis10
Theme URI: http://www.defanda.com
Description: A multifunction WordPress theme.
Version: 1.0.0
Author: Defanda
Author URI: http://www.defanda.com
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* @import url("mods/bootstrap/css/bootstrap-980.css"); */
 
@import url("mods/lightbox/css/lightbox.css");
/* @import url("mods/hover-css/css/hover-min.css"); */

@import url("mods/soc_js/soc.min.css");
@import url("mods/slicknav/slicknav.css");
/* @import url("assets/css/menu-01.css"); */
@import url("assets/css/layout.css");

.menu_atas{
font-size:12px !important; font-family:tahoma; font-weight:normal !important;
}

.r { background: #fdd } .g { background: #dfd } .b { background: #ddf }

.inline-block { display: inline-block }
.pad0 { padding:0; }

body {
	padding:0 !important; 
	color: #666;
	line-height: 1.6em;
}
 
/*  [class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
}
 */ 
hr {
  margin-top: 10px;
  margin-bottom: 10px;
}




/**
 * IMAGE THUMBNAILS
 * ----------------------------------------------------------------------------
 */


.img-full { width: 100%; }
.img-float-left { float: left; margin-right: 12px; margin-bottom: 8px; }




.breads {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 0px solid #ddd;
}
.page-title {
	display: block;
	margin-bottom: 20px;
	border-bottom: 0px solid #ddd;
}



/* #leftbar, #sidebar { padding-top: 0 }
 */
#leftbar {}  
#rightbar {}  
#main {}



#footbar  .section-wrapper{ padding-top: 30px; padding-bottom: 20px }



/* bar menu */
.pmenu { float: left}

ul.menu { list-style: none outside none;  }
ul.menu li { float:left; display: block; border:0;}
ul.menu > li { padding-right:1.2em;  }
ul.menu > li:last-child{ padding-right: 0;  }

nav.slash > ul.menu > li  { padding-right:0.6em;  }
nav.slash > ul.menu > li:after { content: "/"; padding-left:0.6em; }
nav.slash > ul.menu > li.menu-item-has-children:after { padding-left:0.4em; }
nav.slash > ul.menu > li:last-child:after { content: ""; padding-left: 0; }




/* sub-menu triangle */
.pmenu>ul>li>ul:before { 	
	width: 0; 
	height: 0;
    border: medium solid transparent;
    bottom: 100%;
    content: " ";  
    left: 1.8em;
    position: absolute;
	border-width: 7px; margin-left: -7px;	
}

/* sub-menu */
ul.menu > li > ul li.menu-item-has-children > a {
    position: relative;
	text-align: left;
}
ul.menu > li > ul li.menu-item-has-children > a:after {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    position: absolute;
    right: 1em;
    top: 0;
	text-align: left;
}




 


/**
 * ENTRY PROPERTIES
 * ----------------------------------------------------------------------------
 */

.entry {}
.entry, .page, .post {}

.entry-post-column { border: 0px solid #ddd; }
.entry-post-list { border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.entry-content { margin-bottom: 20px; }
.entry-post-list .entry-content { margin-bottom: 0 }
.entry-header { margin-bottom: 0px; }
.entry-title { margin-top:0}
h1.entry-title { margin-bottom:20px; }
h2.entry-title{ margin-bottom:5px; margin-top:0;}
h3.entry-sub-title { font-size: 1.4em; font-weight: normal }


.entry-img-no { 
	background: #eee;
	width: 100%;
	height: 100%;
	text-align: center;
}
.entry-img-no:after { 
	font-family: 'FontAwesome';
	color: #999;
	content: '\f03e';
}
.entry-img-no.audio:after { 
	content: '\f03d';
}
.entry-img-no.video:after { 
	content: '\f03a';
}
.entry-img-no.gallery:after { 
	content: '\f03g';
}

.entry-content ul,ol { padding-left:2em }
.entry-content .entry-left {	float:left; }
.entry-content .entry-right {}
.entry-footer {}


.entry-figure {
	/* 	
	border: 1px solid red;
	padding: 2px; 
	overflow: hidden;
	*/
	position: relative;
	margin-bottom: 10px;
}
.entry-figure .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 50px;  
}
.entry-img-anim img {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.1s linear;
}
.entry-img-anim .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	/*   
	background-color: rgba(219,127,8, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; */
}


.entry-img-anim:hover img {
	/*    
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1); */
    -webkit-transform: opacity;
	-moz-transform: opacity;
	-o-transform: opacity;
	-ms-transform: opacity;
	transform: opacity;  
	opacity: 0.86;
}

.entry-img-anim:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.3;
}
.entry-figure .mask a.link { 
	position: absolute; 
	display: block; 
	width: 50px; 
	height:50px;
	top:50%;
	left:50%;
	margin: -25px 0 0 -25px;
	border-radius: 25px;
	color: #fff;
	text-align:center;
	vertical-align: center;
}
.entry-figure .mask a.link i {
	line-height: 50px;
	color: #fff;
}

.entry-figure .icon-box {
    color: #fff;
    float: left;
    margin-right: 10px;
    position: static;

	font-size: 12px;
	border-radius: 4px 0 0 0;
	width: 24px;
	line-height: 24px;
	text-align: center;
}

.entry-gallery { }

.entry-av-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
} 
.entry-av-container iframe,
.entry-av-container object,
.entry-av-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.entry-tags {
	display:inline-block;
}
.entry-tags a:before {
    border-color: transparent #999 transparent transparent;
    border-style: solid;
    border-width: 10px 9px 10px 0;
    height: 0;
    left: -9px;
    top: 0;
    width: 0;
}
.entry-tags a:before, .entry-tags a:after {
    content: "";
    float: left;
    position: absolute;
}
.entry-tags a:after {
    background-color: #fff;
    border-radius: 2px;
    height: 4px;
    left: 0;
    top: 8px;
    width: 4px;
}
.entry-tags a:before, .entry-tags a:after {
    content: "";
    float: left;
    position: absolute;
}
.entry-tags a {
    background-color: #999;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff !important;
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 7px;
    margin-left: 14px;
    margin-top: 1px;
    padding: 0 9px ;
    position: relative;
}

.entry-meta {     
    font-size: 0.86em; 
	margin: 6px 0 6px;
	}
.entry-meta a, .entry-meta a:link, .entry-meta a:visited  {
	text-transform: uppercase;
	
}

.entry-meta span {
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 0 10px 0 0;
    position: relative;
	text-transform: uppercase;
}
.entry-meta span:after {
    content: "/";
    display: block;
    position: absolute;
    right: 0;
    top: -1px;
	color: #ccc;
}
.entry-meta span:last-child {
    margin: 0;
}
.entry-meta span:last-child:after {
    content: "";
}
.entry-meta .fa, .entry-meta .fa {
    margin: 0 2px 0 0;
}




/* .carousel-control i {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	background: red;
}


 */

/**
 * Related Posts
 * ----------------------------------------------------------------------------
 */
.related-posts {}
.related-posts  ul { padding-left:0; list-style: none}
.related-posts  ul li {

}

.related-posts  ul li:before {    
font-family: 'FontAwesome';
content: '\f0da';
margin: 0 6px 0 3px;
}



/**
 * WIDGET PROPERTIES
 * ----------------------------------------------------------------------------
 */

.widget { margin-bottom: 26px;  }
.widget-title { display: block; margin-top:0px; margin-bottom:20px; }
.widget-title span { padding-top:0px; padding-bottom: 10px; display: inline-block; }
.widget-title i { margin-right: .3em; }
.widget ul { 
	padding-left: 1em;
	list-style: none; 
}
.widget>ul { padding-left: 0; }




/* Bar Widgets: topbar, footer, navbar 
/*-----------------------------------------------------------------------------------*/

.bwidget { margin-bottom:0; margin-top:0; display: inline-block;  }

.bar-centered { display: inline-block; }
.bar-centered .widget { margin-left: .5em; margin-right: .5em; float: left; }


.bar-2s { display: block; border: 0px solid; line-height: inherit; }
.widget-left { float: left; margin-left: 0; margin-right: 1em; }
.widget-right { float: right; margin-left: 1em; margin-right: 0; }











/* Socials */
.socials { height: 25px; }
.socials a { opacity: 0.7;  }
.socials a:hover { opacity: 1.0 }





.bartext { float: left; line-height: 25px;}


/* search */
.searchform label { display: none }
.search-container {
	
}

.search-container {
    position: relative;
    text-align: center;
	background: #eee;
	display: inline-block;
	float: left;
}
.search-input {
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); 
    display: inline-block;
    opacity: 0.7;
    padding-left: 8px;
    position: relative;
    transition: all 0.2s ease 0s;
    width: 100px;
    z-index: 1;
	color: #999;
	height: 25px;
}
.search-input:focus {
    opacity: 1;
    width: 180px;
}
.search-button {
    background: url("assets/images/search.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	border: 0 none;
    color: transparent; 
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    z-index: 2;
	opacity: 0.4;
}




/* Button Navigation
/*-----------------------------------------------------------------------------------*/
.button-nav { float: right; }
.button-nav div {	display: inline-block; margin-top: 5px}
.button-nav div a {
    cursor: pointer;
    display: inline-block !important;
    height: 20px;
    text-indent: -9999px;
    width: 20px;
	border-radius: 2px;
    background-position: center center;
    background-repeat: no-repeat;
}
.button-nav a:hover { opacity: 0.7; }
.button-nav div.prev a { background-image: url("assets/images/arrow-left.png"); }
.button-nav div.next a { background-image: url("assets/images/arrow-right.png"); }



/* Readmore Button
/*-----------------------------------------------------------------------------------*/
 a.read-more {
    border: 1px solid #000000;
    color: #2C2C2C;
    float: left;
    font-size: 12px;
    line-height: 19px;
    margin: 10px 0 0;
    padding: 6px 12px 5px;
    text-transform: uppercase;
}
 a.read-more:hover {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}



/* Titlebar
/*-----------------------------------------------------------------------------------
#titlebar {
    background-color: #f2f2f2;
    border-bottom: 1px solid rgba(1, 1, 1, 0.075);
    padding: 20px 0;
}*/
#titlebar h1 {
	text-transform: uppercase;
}



/* Breadcrumbs
/*-----------------------------------------------------------------------------------*/
ul.breadcrumb {
	display: block;
	margin-bottom:0;
	padding:0;
	background-color: transparent;
}
ul.breadcrumb li {
    display: inline-block;
    /*font-size: 12px;
    letter-spacing: 0.05em;
     text-transform: uppercase; */
}
ul.breadcrumb li a {
    text-decoration: none;
	line-height: 1em;
}
.breadcrumb > li + li:before {
    content: "/";
    padding: 0 .7em;
}



/* Post Author
/*-----------------------------------------------------------------------------------*/
.postauthor-container {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.postauthor-container h4 {
    margin-bottom: 10px;
    font-size: 18px;
}
.postauthor p {
    padding-top: 0px;
    font-size: 15px;
    margin-bottom: 0;
}
.postauthor-top span {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.postauthor-top .thetime {
    font-weight: normal;
    font-size: 12px;
    color: #999;
    display: inline-block;
    text-transform: none;
    line-height: 1;
}
.postauthor {
    min-height: 125px;
    float: left;
    clear: both;
    padding: 15px 2.4% 0 2.4%;
    background: #EEEEEE;
    border: 1px solid #E1E1E1;
    width: 94.8%;
}
.postauthor h4 {
    font-weight: bold;
    font-size: 18px;
}
.postauthor h5 {
    display: inline-block;
    text-transform: capitalize;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
.postauthor img {
    float: left;
    margin: 5px 20px 15px 0;
}
.postauthor h4 a { color: #473636 }




/* Comments
/*-----------------------------------------------------------------------------------*/
#comments h5.media-heading {
    float: left;
    font-size: 16px;
    font-weight: 700;
}
.media-heading a {
    color: #444;
}
.comment-meta {
    float: right;
    font-size: 10px;
}
.comment, .comment .comment {
    margin-top: 20px;
    padding: 10px;
}
.comment .avatar {
    background: none repeat scroll 0 0 #f7f6f7;
    border: 1px solid #f0eef0;
    padding: 3px;
    width: 36px;
	height: 36px;
}
.comment .media-body {
    border: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    padding: 10px;
}
#commentform .col-md-4 input {
    border-radius: 0;
    box-sizing: border-box;
    height: auto;
    padding: 8px;
    width: 100%;
}
#commentform label {
    display: inline-block;
    font-size: 11px;
}
#commentform input {
    display: block;
}
#commentform label span {
    color: red;
}
#commentform textarea {
    border-radius: 0;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 20px;
    padding: 8px;
    width: 100%;
	border: 1px solid;
}



/* Back to The Top Button
/*-----------------------------------------------------------------------------------*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 0;
	margin-right:30px;
}
#back-top a {
	padding:8px 12px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	/* background color transition */
	-webkit-transition: .8s;
	-moz-transition: .8s;
	transition: .8s;
	
	font-size: 12px;
	background-color: #999;
	border-radius: 4px;
	opacity: 0.5;
	
}
#back-top a:hover {
	color: #fff;
	background-color: #444;
}


/* #topbar .wrapper {
	background-color: #aaa;
	border-radius: 4px;
	height: 40px;
	border-color: 1px solid #888;
}
 */

 
 .responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* PAGINATION */

.btn {
    display: inline-block;
    padding: 10px;
    border-radius: 5px; /*optional*/
    color: #aaa;
    font-size: .875em;
}

.nav-links {
    /* background: #f2f2f2;
    padding: 20px; */
    margin-bottom: 20px;
}

.page-numbers {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page-numbers:hover, .page-numbers.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page-numbers.current {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page-numbers.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.nav-links.dark {
    background: #414449;
    color: #feffff;
}

.page-numbers.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page-numbers.dark:hover, .page-numbers.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page-numbers.dark.current {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page-numbers.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}