/**
 * Table of Contents:
 *
 * 1.0 - Left Sitebar
 	* 1.1 - Logo
    * 1.2 - Navigation
    * 1.3 - Descrition in Left Sidebar
    * 1.4 - Social Icons
   2.0 - Body Structure
   3.0 - Footer
   4.0 - Portfolio
    * 4.0 - Portfolio Grid
    * 4.1 - Porfolio Ajax Elements
    * 4.2 - Portfolio Thumbs
    * 4.3 - Portfolio Single
   5.0 - Single Page
   6.0 - Blog
    * 6.0 - Classic Blog Loop
    * 6.1 - Grid Blog Loop
    * 6.2 - Single Post
   7.0 - Widgets
   8.0 - Gallery
    * 8.0 Gallery Grid
    * 8.1 Gallery Slideshow
   9.0 - Fullscreen Slideshow
   10.0 - Fullscreen Video
   11.0 - Contact
   12.0 - Search
   13.0 - 404 error
 * -----------------------------------------------------------------------------
 */
 
 
/**
* 1.0 Left Sidebar
* -----------------------------------------------------------------------------
*/
 
.left-side{
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	height:100%;
	width:270px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-right-width:1px;
	border-right-style: solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	opacity:0;
	-webkit-transition-timing-function:linear;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-property: top,opacity;
	transition-timing-function:linear;
	transition-duration: 0.6s;
	transition-property: top,opacity;
}   

.left-side.show{
	opacity:1;	
}

.left-side-wrap{
	padding:30px;
}

.left-side.repeated{
	background-attachment: scroll;
	background-repeat: repeat;
	background-size:auto;
	background-position: inherit;
}

/**
* 1.1 Logo
* -----------------------------------------------------------------------------
*/
 
.left-side .logo{
	display: inline-block;
} 

.left-side .logo img{
	max-height: 100%;
	display:inline-block;
}

.clogo{
	width:140px;
	height:140px;
	border-radius: 200px;	
	display: inline-block;
	line-height:135px;
	font-size:26px;
	letter-spacing:1px;
	position:relative;
	text-transform: lowercase;
	text-align: center;
}


/**
* 1.2 Navigation
* -----------------------------------------------------------------------------
*/
 
.navigation{
	list-style-type: none;
	margin-left:0;
	margin-right:0;
}

.navigation li{
	width:100%;	
}

.navigation ul{
	margin:0;
}

.navigation a{
	outline:none;
}

.navigation > li > a{
	display:block;
}

.navigation.modern li{
	position:relative;
	overflow: hidden;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding-top:4px;
	padding-bottom: 4px;
}

.navigation.modern > li:last-child{
	border-bottom:none;
}

.navigation.modern ul li:first-child{
	border-top-width: 1px;
	border-top-style: dashed;
}

.navigation.modern a{
	display: inline-block;
	padding:0 8px;
}

.navigation.modern > li i{
	position:absolute;
	right:0;
	margin-top:3px;
	font-size:100%;	
}

.menu-open i{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.navigation.modern > li:hover:after{
	left:0;
	opacity:1;
}


.navigation.modern a,.navigation i,.mobi-navigation i{
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.navigation.modern ul{
	display:none;
	position:relative;
	top:5px;
}

.navigation.vintage > li{
    position:relative;
}

.navigation.vintage > li > a{
    border-top-style:dashed;
    border-top-width:1px;
    position: relative;
}

.navigation.vintage > li:first-child > a{
    border:none;
}

.navigation.vintage ul{
    border-top-width:1px;
    border-top-style:dashed;
    margin-top:2px;
    padding-top:2px;
    margin-bottom:5px;
    display:none;
}

.navigation.vintage > li i{
	position:absolute;
	right:0px;
	margin-top:7%;
	font-size:90%;
	opacity:0.5;
	line-height: 0;	
	top:0;
}

.mobi-menu{
	display:none;	
}

.mobi-nav-container{
	display:none;
}


/**
* 1.3 Descrition in Left Sidebar
* -----------------------------------------------------------------------------
*/
 
.site-description{
	margin-bottom:0;
	margin-top:7px;
	line-height: 1.4em;
}

.site-description p{
	margin-bottom:0;
}
 
 
/**
* 1.4 Social Icons
* -----------------------------------------------------------------------------
*/
  
.social-icons{
    list-style-type:none;
    margin-left:-30px;
    width:100%;
    padding-left:30px;
    padding-right:30px;
}

.social-icons li{
    display: inline-block;
}

.social-icons a{
    display:block;
    position:relative;
    -moz-transition:all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.social-icons li:hover a:after,.social-icons li:hover a:before{
    opacity:1;
}

.social-icons.plain a{
	border-radius:100px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
}

.social-icons.plain a:hover{
	opacity:1;	
}

.social-icons.circle a{
	border-radius: 100px;
	color:#fff;
	margin-left:2px;
	margin-right:2px;
	text-align: center;
}

.social-icons.circle a[social-name=Facebook]{
	background-color:#314E97;
}

.social-icons.circle a[social-name=Twitter]{
	background-color:#00AEEC;
}

.social-icons.circle a[social-name=Adn]{
	background-color:#7EB23F;
}

.social-icons.circle a[social-name=Bitbucket]{
	background-color:#013567;
}

.social-icons.circle a[social-name=Dribbble]{
	background-color:#D62E6F;
}

.social-icons.circle a[social-name=Flickr]{
	background-color:#EB006B;
}

.social-icons.circle a[social-name=Github]{
	background-color:#1E75B8;
}

.social-icons.circle a[social-name=Html5]{
	background-color:#F0652C;
}

.social-icons.circle a[social-name=Linux]{
	background-color:#FEA501;
}

.social-icons.circle a[social-name=Pinterest]{
	background-color:#C4141A;
}

.social-icons.circle a[social-name=Stack]{
	background-color:#FEA501;
}

.social-icons.circle a[social-name=Weibo]{
	background-color:#D52B2B;
}

.social-icons.circle a[social-name=Youtube]{
	background-color:#D03428;
}

.social-icons.circle a[social-name=Android]{
	background-color:#97C03C;
}

.social-icons.circle a[social-name=Bitcoin]{
	background-color:#F7921C;
}

.social-icons.circle a[social-name=Dropbox]{
	background-color:#018BD3;
}

.social-icons.circle a[social-name=Foursquare]{
	background-color:#0086BE;
}

.social-icons.circle a[social-name=Gittip]{
	background-color:#634C3E;
}

.social-icons.circle a[social-name=Instagram]{
	background-color:#517FA3;
}

.social-icons.circle a[social-name=Maxcdn]{
	background-color:#F7931B;
}

.social-icons.circle a[social-name=Renren]{
	background-color:#0E80E3;
}

.social-icons.circle a[social-name=Trello]{
	background-color:#31ABF6;
}

.social-icons.circle a[social-name=Windows]{
	background-color:#0DB3F1;
}

.social-icons.circle a[social-name=Apple]{
	background-color:#999999;
}

.social-icons.circle a[social-name=Btc]{
	background-color:#F7931B;
}

.social-icons.circle a[social-name='Google+']{
	background-color:#DE4D38;
}

.social-icons.circle a[social-name=Linkedin]{
	background-color:#017EB4;
}

.social-icons.circle a[social-name=Pagelines]{
	background-color:#064080;
}

.social-icons.circle a[social-name=Skype]{
	background-color:#10BEF1;
}

.social-icons.circle a[social-name=Tumblr]{
	background-color:#4E82BC;
}

.social-icons.circle a[social-name=Vimeo]{
	background-color:#63B3E4;
}

.social-icons.circle a[social-name=Xing]{
	background-color:#348082;
}

.social-icons.circle a[social-name=Css3]{
	background-color:#2177FF;
}

.social-icons.circle a[social-name=Vk]{
	background-color:#436894;
}

.social-icons.circle a[social-name=Email]{
	background-color:#F89A1E;
}

.social-icons.circle a[social-name=Soundcloud]{
	background-color:#FF7802;
}

.social-icons.circle a[social-name=Behance]{
	background-color:#2D9AD2;
}

/**
* 2.0 Body Structure
* -----------------------------------------------------------------------------
*/

.main{
	position:relative;
	top:30px;
	opacity:0;
	-webkit-transition-timing-function:ease;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-property: top,opacity;
	-webkit-transition-delay: 0.4s;
	transition-timing-function:ease;
	transition-duration: 0.6s;
	transition-property: top,opacity;
	transition-delay: 0.4s;
}

.page-template-page-portfolio-grid-php .main,.page-template-page-fullscreen-slideshow-php .main,.page-template-page-video-php .main{
	top:0;
}

.main.show{
	opacity:1;
	top:0;	
}

.wrap{
	margin-left:30px;
	margin-right:40px;
}

.load-pattern{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-31px;
	margin-left:-30px;
	z-index: 999;
	opacity:0;
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;	
}

.load-pattern.show{
	opacity:1;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.load-pattern span{
	display:block;
	width:60px;
	height:60px;
	background-size:80% 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:transparent;
}

.overlay-pattern{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:transparent;
	display:none;
	z-index: 99999;
}

.overlay-pattern.show{
	display: block;
}



/**
* 3.0 Footer
* -----------------------------------------------------------------------------
*/

.footer{
	border-top-style: solid;
	border-top-width: 1px;
	padding:18px 0 22px 0;
	position: relative;
	top:20px;
	opacity:0;
	-webkit-transition-timing-function:linear;
	-webkit-transition-duration: 0.6s;
	-webkit-transition-property: top,opacity;
	-webkit-transition-delay: 0.8s;
	transition-timing-function:linear;
	transition-duration: 0.6s;
	transition-property: top,opacity;
	transition-delay: 0.8s;
	min-height:20px;
}

.footer.show{
	opacity:1;
	top:0;
}

.go-top{
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	line-height: 32px;
	text-align: center;
	top:50%;
	right:30px;
	margin-top:-17px;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
}

.clear-footer ~ .footer{
	display: none;
}


/**
* 4.0 Portfolio Grid
* -----------------------------------------------------------------------------
*/

.grid{
	margin:0;
	position: relative;
	display: none;
}

.grid > li{
	width:25%;
	float:left;
	position:relative;
	outline: none;
	overflow: hidden;
}

.grid img{
	max-width: 100%;
}

.grid.show{
	display: block;	
}

.grid a{
	border:none;
	display: block;
	outline: none!important;
}

.grid a img{
	border:none;
	outline: none;
}


/**
* 4.1 Portfolio Ajax Elements
* -----------------------------------------------------------------------------
*/

.portfolio-overlay{
	top:0;
	left:0;
	position:absolute;
	width:100%;
	z-index: 98;
	opacity: 0;
	-moz-transition:all 0.6s cubic-bezier(0,0,0.25,1);
	-webkit-transition:all 0.6s cubic-bezier(0,0,0.25,1);
	-o-transition:all 0.6s cubic-bezier(0,0,0.25,1);
	-ms-transition:all 0.6s cubic-bezier(0,0,0.25,1);
	transition:all 0.6s cubic-bezier(0,0,0.25,1);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
}

.portfolio-overlay.show{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	visibility: visible;
}

.escape-overlay{
	display:block;
	position: absolute;
	right:20px;
	top:20px;
	width:50px;
	height:50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform:scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	z-index:999;
}

.escape-overlay.show{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform:scale(1);
	transform: scale(1);
	opacity: 1;
}

.escape-overlay:before,.escape-overlay:after{
	content:"";
	position: absolute;
	width:50px;
	height:1px;
	top:25px;
	-webkit-transition: all 0.4s ease;
	transition:all 0.4s ease;
}

.escape-overlay:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.escape-overlay:hover:before{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.escape-overlay:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.escape-overlay:hover:after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.loading-ball{
	position:fixed!important;
	top:50%;
	margin-top:-31px;
	margin-left:-60px;
	opacity:0;
	z-index: 999;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.loading-ball.show{
	opacity:1;
	-moz-transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s; 
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
}

.loading-ball span{
	display:block;
	width:60px;
	height:60px;
	background-size:80% 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:transparent!important;
	border:none!important;
}

.portfolio-ajax-container .portfolio-extension, .portfolio-ajax-container .portfolio-identity, .portfolio-ajax-container .portfolio-content,.portfolio-ajax-container .portfolio-navigation{
	opacity:0;
	top:20px;
	position:relative;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-ms-transition:all 0.6s  ease;
	transition:all 0.6s ease;
}

.portfolio-ajax-container .portfolio-extension{
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.portfolio-ajax-container .portfolio-identity{
	-moz-transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-ms-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.portfolio-ajax-container .portfolio-content{
	-moz-transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-ms-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	transition-delay: 0.9s;
	padding-bottom:40px;
}

.portfolio-ajax-container.show .portfolio-extension, .portfolio-ajax-container.show .portfolio-identity, .portfolio-ajax-container.show .portfolio-content,.portfolio-ajax-container.show .portfolio-navigation{
	opacity:1;
	top:0;
}

.portfolio-ajax-container .portfolio-navigation{
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top:50px;
	padding-bottom:50px;
	-moz-transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s;
}

.pnav li{
	float:left;
	width:33.333%;
	min-height: 80px;
	position:relative;
}

.pnav a{
	display:block;
	width:80px;
	height:80px;
	border-radius:200px;
	line-height:80px;
	text-align: center;
	border-style:solid;
	border-width:1px;
	font-size:16px;
	overflow: hidden;
	position:relative;
}

.pnav a:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	border-radius: 80px;
	background-color:transparent;
	border-color:transparent;
	border-style:solid;
	border-width: 1px;
	-moz-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-webkit-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-o-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-ms-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	transition:all 0.4s cubic-bezier(0,0,0.25,1);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pnav li:nth-child(2) a:after{
	display:none;
}

.pnav li:nth-child(2) a{
	margin:auto;
	width:40px;
	height:40px;
	margin-top:20px;
	line-height:40px;
	font-size: 12px;
}

.pnav li:nth-child(2) a:hover{
	border-color:transparent;
}

.pnav li:nth-child(3) a{
	float:right;
}

.pnav a i{
	position:relative;
	z-index:2;
}

.pnav a span{
	display:block;
	width:80px;
	height:80px;
	border-radius:80px;
	left:0;
	top:0;
	background-color:transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	z-index:0;
	-moz-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-webkit-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-o-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-ms-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	transition:all 0.4s cubic-bezier(0,0,0.25,1);
}

.pnav a:hover span{
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity:0;
}

.pnav li:first-child a:hover,.pnav li:last-child a:hover{
	border-color:transparent;
}

.pnav a:hover:after{
	width:40px;
	height:40px;
	top:20px;
	left:20px;
}

.pnav li:first-child .navinfo{
	left:90px;	
}

.pnav li:first-child p span:after,.pnav li:last-child p span:after{
	content:" / "
}

.pnav li:first-child p span:last-child:after,.pnav li:last-child p span:last-child:after{
	content:"";
}

.pnav li:last-child .navinfo{
	right:90px;
	text-align: right;
}

.navinfo{
	position:absolute;
	top:20%;	
}

.navinfo{
	-moz-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-webkit-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-o-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	-ms-transition:all 0.4s cubic-bezier(0,0,0.25,1);
	transition:all 0.4s cubic-bezier(0,0,0.25,1);	
}

.pnav li:first-child a:hover ~ .navinfo{
	opacity:0;
	margin-left:20px;
}

.pnav li:last-child a:hover ~ .navinfo{
	opacity:0;
	margin-right:20px;
}

.navinfo h6{
	margin:0;
}

.navinfo .navline{
	height:1px;
	width:100%;
	background-color:#ddd;
	right:0;
}

.navinfo p{
	margin:3px 0;
	font-size: 80%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}


/**
* 4.2 Portfolio Thumbnails
* -----------------------------------------------------------------------------
*/

.thumb{
	position:absolute;
	width:100%;
	height:100%;
}

.thumb-container{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1;		
}

.thumb-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;	
}

/* Type title and info */

.thumb-container.tai h1{
    font-weight:normal;
    font-size:150%;
    margin:15px 25px;
}

.thumb-container.tai ul{
    position:absolute;
    bottom:18px;
    left:25px;
}

.thumb-container.tai ul li{
    white-space:nowrap;
    display:block!important;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    line-height: 1.5;
    padding:2px 0;
}

.thumb-container.tai ul li:last-child{
    border-bottom:none;
}

/* Type title and description */

.thumb-container.tad h1{
    text-transform:uppercase;
    font-weight:normal;
    font-size:120%;
    margin:17px 20px 1px 20px;
    display: inline-block;
    padding-bottom:2px;
}

.thumb-container.tad div{
    font-weight:normal;
    font-size:80%;
    margin:0px 20px 0px 20px;
}

.thumb-container.tad div p{
	margin-bottom:0px;
}

.thumb-container.tad ul{
    margin:15px 20px;
    position:relative;
    padding-top: 5px;
}

.thumb-container.tad ul:before{
	content:"";
	position:absolute;
	left:0;
	top:-0px;
	width:10px;
	height:1px;
}

.thumb-container.tad ul li{
	display:inline;
	font-size:70%;
	text-transform: uppercase;
}

.thumb-container.tad ul li:before{
	content:", ";
}

.thumb-container.tad ul li:last-child:before{
	content:" and ";
}

.thumb-container.tad ul li:first-child:before{
	content:"";
}

/* Type title and categories */

.thumb-container.tac{
	position:relative;
}
.thumb-container.tac > span{
	display: block;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:80px;
	margin-top:-35px;
	text-align: center;
}

.thumb-container.tac h1{
    text-transform:lowercase;
    font-weight:normal;
    margin:0;
    white-space: nowrap;
    font-size:125%;
    text-transform: uppercase;
}

.thumb-container.tac ul{
    border-style:dashed;
    border-top-width:1px;
    margin-top:2px;
    padding:1px 40px;
    display:inline-block;
}

.thumb-container.tac ul li{
    display:inline-block;
}

.thumb-container.tac ul li:after{
    content:" / "
}

.thumb-container.tac ul li:last-child:after{
    content:""
}

/* Type open */

.thumb-container.ot > span{
	display:block;
	height:30px;
	position:absolute;
	left:0;
	top:49%;
	margin-top:-15px;
	text-align: center;
	width:100%;
}

.thumb-container.ot > span > span{
	display:inline-block;
	height:30px;
	border-style:dashed;
	padding:0 11px;
	border-width:1px;
	line-height:30px;
	font-size:100%;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Large Thumb */

.grid.large-thumb > li{
	width:33.3333333333%
}

.grid.large-thumb .thumb-container.tai h1{
    font-size:200%;
}

.grid.large-thumb .thumb-container.tai ul{
	bottom:21px;
}

.grid.large-thumb .thumb-container.tad h1{
    margin:25px 25px 3px 25px;
    font-size:150%;
}

.grid.large-thumb .thumb-container.tad div{
    margin:0px 25px 0px 25px;
}

.grid.large-thumb .thumb-container.tad ul{
    margin:15px 25px;
}

.grid.large-thumb .thumb-container.tac h1{
    font-size:150%;
}

.grid.large-thumb .thumb-container.ot > span{
	height:40px;
	margin-top:-20px;
}

.grid.large-thumb .thumb-container.ot > span > span{
	height:40px;
	padding:0 15px;
	line-height:40px;
	font-size:120%;
}

.thumb-image{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.hoverdir .thumb-image{
	top:0!important;
	left:0!important;
}

/* Portfolio Thumb */

.grid.fade .thumb,.grid.scale .thumb,.grid.flip  a,.grid.cube a,.grid.interval .thumb,.grid.interval .thumb h1,.grid.interval .thumb ul,.grid.interval .ot span span,.grid.interval .tad div{
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition:all 0.4s ease;
}

.grid.fade .thumb,.grid.interval .thumb{
	left:0;
	top:0;
	opacity:0;
}

.grid.fade > li:hover .thumb,.grid.interval >li:hover .thumb{
	opacity:1;
}

.grid.interval .thumb h1,.grid.interval .thumb span span{
	-moz-transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.grid.interval .tad div{
	-moz-transition-delay: 0.55s;
	-webkit-transition-delay: 0.55s;
	-ms-transition-delay: 0.55s;
	-o-transition-delay: 0.55s;
	transition-delay: 0.55s;
}

.grid.interval .thumb ul{
	-moz-transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.grid.interval .tai ul{
	opacity:0;
}

.grid.interval .tai h1{
	padding-top:20px;
	opacity:0;
}

.grid.interval > li:hover .tai h1{
	opacity:1;
	padding-top:0;
}

.grid.interval > li:hover .tai ul{
	opacity:1;
}

.grid.interval .tad h1,.grid.interval .tad div,.grid.interval .tad ul{
	opacity:0;
	position: relative;
	top:20px;
}

.grid.interval > li:hover .tad h1,.grid.interval > li:hover .tad div ,.grid.interval > li:hover .tad ul{
	opacity:1;
	top:0;	
}

.grid.interval .tac h1{
	position:relative;
	top:-20px;
	opacity:0;
}

.grid.interval .tac ul{
	position:relative;
	opacity:0;
	top:20px;
}

.grid.interval > li:hover .tac h1,.grid.interval > li:hover .tac ul{
	opacity:1;
	top:0;	
}

.grid.interval .ot span span{
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	opacity:0;
}

.grid.interval > li:hover .ot span span{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity:1;
}

.grid.scale .thumb{
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform: scale(0);
	left:0;
	top:0;
}

.grid.scale > li:hover .thumb{
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/* Flip effect */

.grid.flip > li,.grid.cube > li{
	position:relative;
	perspective: 5000px;
	-moz-perspective: 5000px;
	-webkit-perspective: 5000px;
	-ms-perspective: 5000px;
	-o-perspective: 5000px;
}

.grid.flip > li a,.grid.cube > li a{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	position: relative;
	display:block;
}

.grid.flip .thumb,.grid.flip .thumb-image{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	left:0;
	top:0;
}

.grid.flip .thumb{
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
}

.grid.flip > li:hover > a{
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

.grid.cube > li:hover a{
	-moz-transform:  rotateX(90deg);
	-webkit-transform:  rotateX(90deg);
	-ms-transform:  rotateX(90deg);
	transform:  rotateX(90deg);
	-o-transform:  rotateX(90deg);
}

.grid.cube .thumb{
	top:50%;
	left:0;
}

.grid.cube .thumb{
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-webkit-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


/**
* 4.3 Portfolio Single
* -----------------------------------------------------------------------------
*/

.portfolio-slide{
	position:relative;
	padding-bottom:46%;
	height:0;
	overflow:hidden;
}

.slides{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}

.slides img{
	max-height: 100%;
	max-width: 100%;
}

.portfolio-identity{
	width:64.90909%;
	position:relative;
}

.back-to{
	margin-top:20px;
	float:right;
	margin-right:30px;
}

.portfolio-title{
	font-size:275%;
	text-transform: capitalize;
	margin:55px 0 0 0;
	line-height: 1.1em;
	font-weight: 400;
}

.portfolio-cagetories{
	font-size:87.5%;
	font-weight:normal;
	text-transform: uppercase;
	margin-top:0;
	line-height: 1em;
}

.portfolio-cagetories span:after{
	content:" / "
}

.portfolio-cagetories span:last-child:after{
	content:"";
}

.portfolio-description{
	font-size:150%;
	line-height: 140%;
}

.portfolio-content{
	margin-top:30px;
}

.portfolio-content .entry{
	margin-top:10px;
}

.pright{
	float:left;
	width:64.90909%;
	padding-left:3.40909%;
	border-left-width:1px;
	border-left-style: solid;
}

.pright .entry{
	margin-top:2px;	
}

.pright .entry :first-child{
	margin-top:0;
}

.pleft{
	float:left;
	width:27.2727%;
	margin-right:3.40909%;
	line-height: 1.1em;
	margin-top:1%;
}

.portfolio-mobile{
	display:none;
}

.pinfo li{
    margin-bottom:15px;
}

.pinfo strong{
    display:block;
    font-weight: 400;
    text-transform:capitalize;
    margin-bottom:5px;
}

.pshare{
    text-transform:uppercase;
}

.pshare li{
    margin-bottom:20px;
}

.pshare li:nth-child(1):hover a{
	color:#314E97;
}

.pshare li:nth-child(2):hover a{
	color:#00AEEC;
}

.pshare li:nth-child(3):hover a{
	color:#DE4D38;
}

.pshare li:nth-child(4):hover a{
	color:#C4141A;
}

.pshare i{
    display:inline-block;
    width:30px;
    font-size:120%;
}

.pshare-title{
	border-top-width:1px;
	border-top-style: solid;
	display:block;
	padding-top:25px;
	margin:25px 0 25px 0;
	font-weight: 400;
}

.portfolio-navigation{
	display: none;	
}

.related-portfolio{
	padding-top:10px;	
	margin-top:55px;
	padding-bottom:80px;
	border-top-width:1px;
	border-top-style: solid;
}

.related-portfolio h1{
	font-size:170%;
	text-align:center;
}

.related-portfolio ul{
	margin-top:45px;
}

.related-portfolio ul li{
	float:left;	
	width:23%;
	margin-bottom:10px;
	margin-right:2.666666%;
	text-align: center;
	opacity:0.2;
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.3);
}

.related-portfolio ul li:nth-child(4n){
	margin-right:0;
}

.related-portfolio ul div{
	margin:auto;
	display:block;
	width:100px;
	height:100px;
	border-radius: 200px;
	background-color:transparent;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	overflow: hidden;
}

.related-portfolio ul div:after,.related-portfolio ul div span,.related-portfolio ul div{
	-moz-transition: all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.related-portfolio ul div:after{
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:100%;
	height:100%;
	opacity:0;
	border-radius: 200px;
}

.related-portfolio ul div span{
	position:absolute;
	left:50%;
	top:50%;
	width:40px;
	height:40px;
	margin-top:0px;
	margin-left:-20px;
	line-height:40px;
	opacity:0.9;
	border-radius:100px;
	z-index:1;
	opacity:0;
}

.related-portfolio ul a:hover div:after{
	opacity:0.8;
}

.related-portfolio ul a:hover div span{
	opacity:1;
	margin-top:-20px;
	-moz-transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.related-portfolio h6{
	display:inline-block;
	min-width: 60%;
	margin-top:10px;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.related-portfolio p{
	line-height:1.4em;
}

.related-portfolio p span{
	margin:0 3px;
	font-size:80%;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.related-portfolio p span:after{
	content:" /"
}

.related-portfolio p span:last-child:after{
	content:"";
}

.related-portfolio ul li.show-effect{
	transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.300);
	-webkit-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.300);	
	-ms-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.300);
	-o-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.300);
	-moz-transition:all 1s cubic-bezier(0.215, 0.610, 0.355, 1.300);
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/**
* 5.0 Single Page
* -----------------------------------------------------------------------------
*/

.main-title-wrap{
    border-bottom-width:1px;
    border-bottom-style:solid;
    position:relative;
    padding:15px 0 5px 0;
    margin-bottom:0px;
}

.main-title-wrap .wrap{
    position:relative;
}

.page-title{
    margin-bottom:0;
    margin-top:0;
}

.page-description{
    margin-top:0;
    font-size:100%;
}

.crumbs{
    position:absolute;
    right:0;
    bottom:0;
}

.b-mid{
	padding:40px 0 60px 0;
}

.page .b-mid{
	padding: 0 0 60px 0;
}

.b-left{
	padding:40px 0 60px 0;
	float:left;
	width:63.666%;
	position: relative;
}

.b-left:after{
	content:"";
	position:absolute;
	width:0;
	height:100%;
	border-left-style: solid;
	border-left-width:1px;
	right:-41px;
	top:0;	
}

.b-right{
	padding:40px 0;
	float:left;
	width:36.333%;
	position:relative;
}

.b-right:before{
	content:"";
	position:absolute;
	width:0;
	height:100%;
	border-left-style: solid;
	border-left-width:1px;
	left:40px;
	top:0;
}

.b-right-wrap{
	margin-left:80px;
}

.single-page{
}

.single-page .b-left{
	padding-top:0;
}

.single-page .entry{
	margin-top:40px;
}


/**
* 6.0 Classic Blog Loop
* -----------------------------------------------------------------------------
*/

.blog-post{
	position:relative;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom-width:1px;
	border-bottom-style: dashed;
}

.blog-post:last-of-type{
	padding-bottom:0;
	border-bottom: none;
	margin-bottom: 0;
}

.sticky-feature{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:24px;
	height:24px;
	line-height: 24px;
	text-align: center;
	border-radius: 100px;
}

.b-infos{
	width:70px;
	float:left;
}

.b-info li:nth-child(3) a:after{
	content:", ";	
}

.b-info li:nth-child(3) a:last-child:after{
	content:"";
}

.b-date{
    width:60px;
    height:60px;
    padding:5px;
    border-radius:80px;
    text-align:center;
}

.b-date span{
    display:block;
    line-height:1em;
    font-size:12px;
}

.b-date span:first-child{
    margin-top:3px;
}

.b-date span:nth-child(2){
    font-size:28px;
}

.b-info{
	margin-top:5px;	
}

.b-info li{
	text-align: center;
	border-bottom-width:1px;
	border-bottom-style: dashed;
}

.b-info li:nth-child(2) a{
	white-space: nowrap;
}

.b-info li:last-child{
	border-bottom:none;
}

.b-info li i{
	display:none;
}

.b-content{
	float:left;
	padding-left:30px;
}

.b-title{
	margin-top:5px;
	margin-bottom:15px;
	font-size:200%;
}

.bm-info{
	margin-bottom:20px;
	display:none;
}

.bm-info li{
	display:inline-block;
}

.bm-info li:before{
	content:" / ";
}

.bm-info li:first-child:before,.bm-info li:nth-child(2):before{
	display: none;
}

.bm-info li span{
	width:28px;
	height:28px;
	font-size: 14px;
	border-radius: 100px;
	line-height: 28px;
	text-align: center;
	display: block;
	margin-right:3px;
}

.blog-feature-wrap{
	margin-bottom:25px;	
}

.single-image{
	padding:6px;
	border-width:1px;
	border-style: solid;
}

.post-navigation{
	margin-top:80px;
	text-align: center;
}

.post-navigation li{
	display:inline-block;	
}

.post-navigation li a{
	display:block;
	width:32px;
	height:32px;
	border-radius:40px;
	border-style: solid;
	border-width:1px;
	line-height: 32px;
	text-align: center;
}

.post-navigation li.active a{
	cursor: default;
}

.blog-slides-wrap{
	padding:6px;
	border-width:1px;
	border-style: solid;
}

/**
* 6.1 Blog Grid Loop
* -----------------------------------------------------------------------------
*/

.blog-grid{
	margin-bottom:60px;	
}

.blog-grid-wrap{
	padding:0 8px;
}

.blog-box{
    float:left;
    width:20%;
    margin-top:16px;
    overflow: hidden;
}

.blog-box-wrap{
	margin-left:8px;
	margin-right:8px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	position: relative;
	top:20px;
	opacity:0;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition:all 0.6s ease;
}


.moving-up .blog-box-wrap{
	opacity:1;
	top:0;
}

.blog-box-wrap:hover{

}

.bg-content-wrap{
	margin:10px;
}

.bg-feature{
	margin-bottom:20px;
}

.bg-title{
	margin-top:0;
	font-size:160%;
	margin-bottom:10px;
}

.bg-info-t{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding-bottom:12px;
}

.bg-info-t li,.bg-info-b li{
	display: inline-block;
	margin-right:3px;
	font-size:80%;
}

.bg-info-b{
	border-top-style: dashed;
	border-top-width: 1px;
	padding:7px 0 2px 0;
}

.bg-info-b i,.bg-info-t li:not(:first-child) i{
	opacity: 0.5;	
}

.bg-info-t span{
	margin-right:3px;
}

.bg-info-t li:first-child span{
	text-align: center;
	width:24px;
	height:24px;
	border-radius: 50px;
	display: block;
	line-height: 24px;
}

.bg-info-b li:nth-child(2) a:after,.bg-info-b li:nth-child(1) a:after{
	content:", "
}

.bg-info-b li:nth-child(2) a:last-child:after,.bg-info-b li:nth-child(1) a:last-child:after{
	display: none;
}

.excerpt{
	margin-top:25px;
	margin-bottom:25px;
}

.excerpt > a{
	font-size:90%;
	margin-top:20px;
	display: inline-block;
}

.blog-box .blog-slides-wrap,.blog-box .single-image{
	border:none;
	padding:0;
}

.blog-box .bg-feature{
	margin-bottom:15px;
}

.has-quote .bg-content{
	display: none;
}

.has-quote .bg-feature{
	margin:20px;
}

.bg-quote{
	font-size:140%;
	line-height: 1.3em;
	padding-left:40px;
	position: relative;
	font-style: italic;	
}

.has-quote cite{
	font-style: normal;
	margin-top:3px;
}

.bg-quote i{
	position: absolute;
	left:0;
	top:0;
	font-size: 150%;
}

.filter li{
	display: inline-block;
	margin-left:10px;
}

.filter{
	position: absolute;
	right:0;
	bottom:0;
}

.filter a.active{
	
}

.filter a{
	display:block;
	padding:0 5px;
	position:relative;
	line-height: 1em;
	font-size: 90%;
    z-index:2;
}

.filter a:after{
	content:"";
	position: absolute;
    z-index:-1;
	left:0px;
	top:50%;
	margin-top:-1px;
	width:100%;
	height:1px;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	opacity:0.5;
}

.filter a:hover:after{
	width:0;	
}

.filter a.active:after{
    display:none;
}

.bg-loading{
	position:fixed;
	top:50%;
	left:50%;
	z-index: 999;
	opacity:0;
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	transform:scale(0.7);
	visibility: hidden;
}

.bg-loading span{
	display:block;
	width:60px;
	height:60px;
	background-size:80% 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:transparent!important;
	border:none!important;
}

/**
* 6.2 Blog Single
* -----------------------------------------------------------------------------
*/

.link-pages{
	margin-top:30px;
	text-align: right;
}

.link-pages ul{
	display:inline-block;
}

.link-pages a{
	display:inline-block;
	width:24px;
	height:24px;	
	border-width: 1px;
	border-style: solid;
	border-radius: 30px;
	text-align: center;
	line-height: 24px;
}

.link-pages span{
	display: inline-block;
	width:5px;
}

.b-tag{
	margin-top: 5px;
}

.b-tag a{
	display:inline-block;
	margin-left:5px;
}

.b-tag a:after{
	content:',';
}

.b-tag a:last-child:after{
	content:"";
}

.b-share,.b-related{
	text-align: center;
	margin-top:40px;
	position: relative;
}

.b-share h6,.b-related h6{
	text-transform: uppercase;
	font-size:100%;	
	position:relative;
	display:inline-block;
	margin-top:0;
	z-index:1;
	padding:0 15px;
}

.b-share:after,.b-related:after{
	content:"";
	position:absolute;
	left:0;
	top:12px;
	width:100%;
	height:0;
	border-top-width: 1px;
	border-top-style: solid;
}

.b-share ul{
	margin-top:15px;
}

.b-share ul li{
	display:inline-block;
	text-align: center;
	font-size:14px;
	margin-left:5px;
	margin-right:5px;
}

.b-share ul li a{
	display:inline-block;
	width:36px;
	height:36px;
	line-height: 36px;
	border-radius: 100px;
	border-width:1px;
	border-style: solid;
}

.related-post{
	margin-top:10px;
	position:relative;
}

.related-post:after{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	height:100%;
	width:0;
	border-left-width: 1px;
	border-left-style: dashed;
}

.related-post li{
	width:50%;
	float:left;
	text-align: left;
}

.related-post li > div{
	border-top-width:1px;
	border-style: dashed;
	padding:8px 60px 12px 10px;
	position: relative;
}

.related-post li:nth-child(2n) > div{
	border-right-width:0;
}

.related-post li:nth-child(1) > div,.related-post li:nth-child(2) > div{
	border-top-width: 0;
}

.related-post p{
	margin-bottom: 0;
	font-size:90%;
}

.b-thumb-icon,.b-thumb-bg{
	display:block;
	position:absolute;
	width:36px;
	height:36px;
	border-radius: 36px;
	right:10px;
	bottom:10px;
	text-align: center;
	line-height:36px;
}

.b-thumb-icon{
	border-width: 1px;
	border-style: solid;	
}

.b-thumb-icon i{
	font-size:12px;
}

.b-thumb-bg{
	background-color:transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.b-thumb-bg:hover{
	opacity:0.7;
}

/*
	Comment 
*/

.comment-box{
	margin-top:60px;
}

.comment-reply-title{
	margin-top:0;
}

.comment-reply-title small{
	float:right;
	font-size: 12px;
	text-transform: uppercase;
	margin-top:7px;
}

.comment-identity{
	margin-bottom:15px;
}

.comment-identity > div{
	float:left;
	width:32%;
	margin-right:2%;
}

.comment-identity > div input[type="text"]{
	min-width: 98%;
}

.comment-identity > div:last-child{
	margin-right:0;
}

.comment-form-comment{
	margin-bottom: 30px;
}

.commentlist{
	margin-bottom:40px;
}

.commentlist li{
	position:relative;
	margin-top:12px;
}

.children{
	margin-left:80px;
}

.children .children{
	margin-left:40px;	
}

.comment-contents{
	padding-left:80px;
	border-bottom-width:1px;
	border-bottom-style: dashed;
	padding-bottom:10px;
}

.comment-avarta{
	position:absolute;
	left:0;
	top:0;
	border-style: solid;
	border-width:3px;
	width:50px;
	height:50px;
	border-radius:50px;
	overflow: hidden;
}

.comment-awaiting-moderation{
	font-style: normal;	
}

.children .comment-avarta{
	width:34px;
	height:34px;
}

.children .comment-contents{
	padding-left:0px;
}

.children .comment-author,.children .comment-date{
	margin-left:50px;
}

.comment-avarta img{
	max-height: 100%;
	max-width: 100%;
}

.comment-author{
	text-transform: capitalize;
}

.comment-date{
	font-size:90%;
	margin-top:-5px;
}

.comment-content{
	margin:8px 0;
}

.comment-content p{
	margin-bottom:8px;
}

.comment-reply-link{
	font-size:80%;
	text-transform: uppercase;
}

.comment-response{
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
	position:relative;
	margin-top:0;
	margin-bottom:0;
}

.comment-response:after{
	content:"";
	position: absolute;
	left:0;
	top:20px;
	border-top-style: solid;
	border-top-width: 1px;
	width:100%;
	height:0;
}

.comment-response:before{
	width:70px;
	height:40px;
	top:0;
	left:50%;
	margin-left:-35px;
	z-index:1;
	content:"";
	position: absolute;
}

.comment-response span{
	display:block;
	width:40px;
	height:40px;
	margin:auto;
	margin-bottom:3px;
	border-radius: 100px;
	position:relative;
	line-height: 40px;
	font-size:120%;
	z-index:2;
}


/**
* 7.0 Widgets
* -----------------------------------------------------------------------------
*/

.widget-container > div{
	margin-bottom:25px;
}

.widget-title{
	margin-top:0;
	font-size:120%;
}

.widget_recent_entries a{
	display:block;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	padding:3px 0;
}

.widget_recent_entries li:first-child a{
	padding-top:0;
}

.widget_recent_entries i{
	font-size:80%;
	margin-right:10px;
}

.tagcloud a{
	font-size:100%!important;
	margin-bottom:4px;
	margin-right:2px;
	display:inline-block;
	padding:5px 8px;
	line-height: 1em;
	text-align: center;
	border-width:1px;
	min-width: 20px;
	border-style: solid;
	border-radius: 3px;
}

.widget_categories li:first-child a{
	padding-top:0;	
}

.widget_categories li a{
	border-bottom-width:1px;
	border-bottom-style: dashed;
	padding:2px 10px 2px 0;
	display: block;
}

.widget_categories i{
	margin-right:10px;
}

.widget_categories select,.widget_archive select{
    background-color:transparent;
    border-style: solid;
    border-width:1px;
    border-radius:5px;
    display: block!important;
    padding:8px;
    line-height: 1.5em;
    text-indent: 2px;	
    width:100%;
    outline-style: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
    border-image-outset: 10px;
    background: transparent url("../img/select-arrows.png") no-repeat center right;
    background-size:19px 10px;
}

.widget-flickr li{
	display:inline-block;
	margin-right:6px;
	margin-top:3px;
}

.widget-flickr a{
	display:block;
	width:36px;
	height:36px;
	overflow: hidden;
}

.widget-flickr a:hover{
	opacity: 0.7;
}

.widget-flickr a img{
	border-radius: 100px;
}

.widget-pinterest a,.widget-instagram a{
	display:block;
	float:left;
	width:36px;
	height:36px;
	background-repeat:no-repeat;
	background-size:cover;
	margin-right:7px;
	margin-bottom:10px;
	border-radius: 100px;
}

.widget-pinterest a:hover,.widget-instagram a:hover{
	opacity:0.7;
}

.searching{
	position:relative;
}

.searching input[type='submit']{
	display:none;
}

.searching label{
	right:12px;
	top:5px;
	position: absolute;
	cursor:pointer;
	font-size:16px;
}

.searching input[type='text']{
	border-radius:100px;
	min-width: 100%;
	padding:10px;
}

.searching label,.searching input[type='text']{
	-moz-transition: all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.widget_most_comment_post_widget ul li,.widget_random_post_widget ul li,.widget_recent_post_widget ul li{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding:5px 0;
}

.widget_most_comment_post_widget ul li:first-child,.widget_random_post_widget ul li:first-child,.widget_recent_post_widget ul li:first-child{
	padding-top:0;
}

.widget_most_comment_post_widget p,.widget_random_post_widget p,.widget_recent_post_widget p{
	margin-bottom:0;
	font-size:80%;
}

.thumb-portfolio li{
	padding:5px 0;
	position:relative;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.thumb-portfolio li a:first-child{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-18px;
	width:36px;
	height:36px;
	border-radius: 100px;
	background-color: transparent;
	background-size:cover;
	background-position: center;
}

.thumb-portfolio li a:first-child:hover{
	opacity:0.7;
}

.thumb-portfolio li p{
	margin-bottom:0;
	margin-right:60px;
	margin-top:-5px;
}

.thumb-portfolio li a:nth-child(2){
	display:block;
	margin-right:60px;
}

.thumb-portfolio li p span{
	font-size:70%;
	text-transform: uppercase;
}

.thumb-portfolio li p span:after{
	content:" / "
}

.thumb-portfolio li p span:last-child:after{
	content:"";
}

.widget_recent_comments li{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding:4px 0;
}

.widget_recent_comments li:first-child{
	padding-top:0;
}

.widget_recent_comments i{
	margin-right:10px;	
	font-size:80%;
}

.widget_nav_menu ul{
	margin-left:0;
}

.widget_calendar {
}

#wp-calendar {
}

#wp-calendar caption{
	text-align:left;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 90%; 
}

#wp-calendar thead th{
	text-align: center;
}

#wp-calendar thead th {
}

#wp-calendar tbody td {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	padding:4px 2px;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	text-align: right;
}

#wp-calendar tfoot #prev {
	padding-top: 12px;
}

/**
* 8.0 Gallery Grid
* -----------------------------------------------------------------------------
*/

.gallery-grid-wrap{
}

.gallery-grid {
	list-style: none;
	margin:0;
	padding: 0;
}

.gallery-grid li {
	display: block;
	float: left;
	width: 20%;
	opacity: 0;
}

.gallery-grid.large li {
	display: block;
	float: left;
	width: 25%;
	opacity: 0;
}

.gallery-grid li.shown,
.no-js .gallery-grid li,
.no-cssanimations .gallery-grid li {
	opacity: 1;
}

.gallery-grid li a,
.gallery-grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

.gallery-grid li a{
	position: relative
}

.gallery-grid a span{
	display:block;
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-radius: 40px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:0px;
	margin-left:-20px;
	opacity: 0;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}

.gallery-grid a:hover span{
	opacity:1;
	margin-top:-20px;
}


/**
* 8.1 Gallery Slideshow
* -----------------------------------------------------------------------------
*/

.gallery-slideshow-wrap{	
	height:0;
	padding-bottom:30%;
	position: relative;
}

.gallery-slideshow{
	height:260px;	
	overflow: hidden;
	position:absolute;
	left:0;
	width:100%;
}

.gallery-slideshow a{
	display: inline;
}

.gallery-slide{
	height:260px;
}

.gallery-slide img{
	max-height: 100%;
	max-width: auto;
}

.galery-slide a{
	display: block;	
}

.gallery-slide a span{
	display:block;
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-radius: 40px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:0px;
	margin-left:-20px;
	opacity: 0;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;	
}

.gallery-slide a:hover span{
	opacity:1;
	margin-top:-20px;
}

.gallery-slideshow .owl-item{
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transform:scale(0.7);
	transform:scale(0.7)
}

.gallery-slideshow .owl-item.center{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

.g-content{
	border-top-width: 1px;
	border-top-style: solid;
	padding-bottom:30px;
}

.g-entry{
	float:left;
	width:70%;
	margin-right:5%;
	margin-top:30px;
}

.g-social{
	float:left;
	width:25%;
	margin-top:30px;
}

.g-share{
    text-transform:uppercase;
    padding-left:40px;
    position: relative;
}

.g-share:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:0;
	height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
}

.g-share li{
    margin:3px 0;
    font-size:90%;
}

.g-share li:nth-child(1):hover a{
	color:#314E97;
}

.g-share li:nth-child(2):hover a{
	color:#00AEEC;
}

.g-share li:nth-child(3):hover a{
	color:#DE4D38;
}

.g-share li:nth-child(4):hover a{
	color:#C4141A;
}

.g-share i{
    display:inline-block;
    width:24px;
    font-size:120%;
}


/**
* 9.0 Fullscreen Slideshow
* -----------------------------------------------------------------------------
*/

.fs-slide{
	background-size:cover;
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: center center;
}

.fs-info{
	position:absolute;
	left:70px;
	top:30%;
	width:60%;
}

.fs-info h1{
	font-size:600%;
	text-transform: uppercase;
    font-weight:bold;
    line-height:1em;
    margin-bottom:0;
}

.fs-info h2{
    margin-top:10px;
}

.fs-info a{
    font-size:120%;
}

/**
* 10.0 Fullscreen Video 
* -----------------------------------------------------------------------------
*/

.fullscreen-video{
	position: relative;
	height:0;
}

.fullscreen-video iframe{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}


/**
* 11.0 Contact
* -----------------------------------------------------------------------------
*/

.map-wrap{
	position:relative;
	height:0;
	padding-bottom:36%;	
}

.map-wrap iframe{
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.contact-form{
	width:66.6666%;
	float: left;
	position:relative;
	padding: 40px 0;
}

.contact-form:before{
	content:"";
	position: absolute;
	right:0;
	top:0;
	width:0;
	height:100%;
	border-left-width: 1px;
	border-left-style: solid;
}

.contact-form-wrap{
	padding-right:40px;
}

.contact-info{
	padding:0 0 40px 0;
	width:33.3333%;
	float:right;
	min-height: 1px;
	position: relative;
}

.contact-info:before{
	content:"";
	position: absolute;
	left:-1px;
	top:0;
	width:0;
	height:100%;
	border-left-width: 1px;
	border-left-style: solid;
}

.contact-info .entry{
	padding-left:40px;
	margin-top: 40px;
}

.contact-identity{
	margin-bottom:15px;
}

.contact-identity > div{
	float:left;
	width:32%;
	margin-right:2%;
}

.contact-identity > div:last-child{
	margin-right:0;
}

.contact-identity > div span,.contact-field span{
	display: block;
	margin-top:5px;
}

.contact-field{
	margin-bottom:30px;	
}

.contact-field textarea{
	height:200px;
}

.wpcf7-validation-errors{
	border-width:1px!important;
}


/**
* 12.0 Seach
* -----------------------------------------------------------------------------
*/

.s-container{
	position: relative;	
}

.s-container:after{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	width:0;
	height:100%;
	border-left-style: dashed;
	border-left-width: 1px;
}

.s-container:before{
	content:"";
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	z-index:10;
}

.s-box{
	padding:20px 0;
	width: 50%;
	display: inline-block;
	float:left;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.s-box-wrap{
	padding:0 30px;
}

.s-title{
	margin-top:0;
	font-size:120%;
	margin-bottom:5px;
}

.s-desc{
	margin-bottom:0;
	line-height: 1.3em;	
}

.s-highlight{
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	text-align: center;
	border-radius: 100px;
	line-height: 32px;
}


/**
* 13.0 404 error 
* -----------------------------------------------------------------------------
*/

.found-nothing{
	margin-bottom:40px;
}

.found-nothing h4{
	margin-bottom:3px;
}

.found-nothing input[type="text"]{
	width:40%;
}

.found-nothing input[type="submit"]{

}

.error404 .related-portfolio li{
	overflow: hidden;
	white-space: nowrap;
}

.error404 .related-portfolio ul li{
	opacity:1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}