/*
Theme Name: Bellum
Theme URI: - http://mcstudiosmx.com/
Description: Bellum Wordpress Theme
Version: 1.3
Author: MC Studios
Author URI: http://mcstudiosmx.com
Tags: minimal portfolio, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, editor-style, custom-menu (optional)
*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('css/fonts/bebasneue-webfont.eot');
    src: url('css/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/bebasneue-webfont.woff') format('woff'),
         url('css/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('css/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

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


html{
	-webkit-font-smoothing: antialiased;
}
.container{
	width: 960px;
}
a, a:link, a:visited {  
    -webkit-transition: color .4s linear;  
    -moz-transition: color .4s linear;  
    -o-transition: color .4s linear;  
    -ms-transition: color .4s linear;  
    transition: color .4s linear;  
}  
a,
a:hover,
a:focus,
a:active{
	outline: none;
	text-decoration: none;
}

html,
body{
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#wrapper{
	padding-top: 50px;
}

#logo{
	background: transparent url(img/template/logo.png) no-repeat;
	display: block;
	width: 174px;
	height: 74px;
	text-indent: -9999px;
}
/*High resolution logo*/
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) { 
	#logo{
		background: transparent url(img/template/logo@2x.png) no-repeat;
		background-size: 174px 74px;
	}
}
/*=================================================================*/
/* Menu
/*=================================================================*/
#menu{
	margin-top: 24px;
	display: block;
	position: relative;
	z-index: 999;
}


#menu .nav{
	/*background: #3e4244 url(img/template/menu3.png) repeat-x;*/
	background: url(img/template/menu3.png) repeat-x #333637;
	width: 960px;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
}

#menu .nav > li{
	border-left: 1px solid #4b4b47;
	border-right: 1px solid #1b1b1a;
}

#menu .nav > li:last-child{
	border-right: none;
}

#menu .nav > li.open > a{
	background: transparent url(img/template/hover.png) repeat-x;
}


#menu .nav > li > a{
	color: #ffffff;
	text-shadow: 0 1px 1px #020202;
	padding: 17px 23px 18px;
	font: 400 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



#menu .nav > li:hover > a{
	border-bottom: 3px solid #acd373;
	padding-bottom: 15px;
	background: transparent url(img/template/hover.png) repeat-x;
}


#menu .nav > li.current > a,
#menu .nav > li.current_page_item > a,
#menu .nav > li.current:hover > a,
#menu .nav > li.current_page_item:hover > a{
	border-top: 3px solid #f26c4f;
	padding-top: 13px;
	border-bottom: none;
	background: transparent url(img/template/hover.png) repeat-x;
	padding-bottom: 19px;
}


/*Submenu*/
#menu .nav .dropdown-menu{
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	padding-top: 4px;
	margin-top: -1px;
}

#menu .nav li.current .dropdown-menu{
	
}

.navbar .nav > li > .dropdown-menu::before,
.navbar .nav > li > .dropdown-menu::after{
	display: none;
}

#menu .nav .dropdown-menu > li{
	border-bottom: 1px solid #f1f0f0;
}
#menu .nav .dropdown-menu > li:last-child{
	border-bottom: none;
}
#menu .nav .dropdown-menu > li > a{
	font-size: 12px;
	padding-top: 9px;
	padding-bottom: 10px;
	color: #676764;
}

#menu .nav .dropdown-menu > li.current_page_item > a,
#menu .nav .dropdown-menu > li.current > a,
#menu .nav .dropdown-menu > li:hover > a{
	background: #f5f5f5;
}

.dropdown-menu li{
	position: relative;
}

.collapse{
	overflow: visible;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
   	top: 0;
    margin-top: -6px !important;
    margin-left: -2px !important;
}
.dropdown-menu li a{
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px !important;
}



.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

#menu li ul ul{
	position: absolute;
	top: -4px;
	left: 99.5%;
}


/*=================================================================*/
/* Top Contact
/*=================================================================*/
#top-contact{
	position: relative;
	top: 22px;
}
#top-contact p,
#top-contact p a{
	color: #979792;
}

#top-contact span{
	margin-right: 10px;
	font-size: 14px;
	color: #d3d3d2;
	text-shadow: 0 1px 1px #ffffff;
	position: relative;
	top: 2px;
}
#top-contact span.icon-phone{
	font-size: 18px;
}
/*=================================================================*/
/* Page Header
/*=================================================================*/
#page-header{
	overflow: hidden;
	position: relative;
	top: -17px;
	padding: 0 25px 10px;
}
#page-header ul.breadcrumbs,
#page-header .breadcrumbs{
	padding-bottom: 24px;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0;
}

#page-header ul.breadcrumbs li,
#page-header .breadcrumbs{
	list-style: none;
	float: left;
	color: #adadac;
}

#page-header ul.breadcrumbs li span.separator,
#page-header .breadcrumbs span.separator{
	margin: 0 3px;
}
#page-header .breadcrumbs span.local{
	margin-right: 3px;
}

#page-header ul.breadcrumbs li,
#page-header ul.breadcrumbs li a,
#page-header .breadcrumbs{
	font-weight: bold;
	font-size: 11px;
	text-shadow: 0 1px 1px #ffffff;
	font-weight: 500;
}

#page-header h1{
	float: left;
	margin-right: 24px;
	text-transform: uppercase;
	font: 200 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4f4f4e;
	margin-top: 10px;
}
#page-header p{
	margin-top: 9px;
	margin-right: 50px;
}
#page-header .double-line{
	margin-top: 33px;
}

#contactpage-map{
	position: relative;
	top: -43px;
	margin-bottom: -20px;
}
/*=================================================================*/
/* Main
/*=================================================================*/




#main{
	background: #ffffff !important;
	margin-top: -21px;
	overflow: hidden;
	border: 1px solid #dfdfdf;
	-moz-box-shadow: 0 1px 1px rgba(3, 3, 3, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(3, 3, 3, 0.1);
	box-shadow: 0 1px 1px rgba(3, 3, 3, 0.1);
	margin-bottom: 40px;
	padding-bottom: 40px;
	position: relative;
	z-index: 19;
}

#main{
	border-top: none;
}

#main-content{
	padding-right: 25px;
	position: relative;
	z-index: 99;
	padding-left: 25px;
}

#main-content .adjust{
	position: relative;
}

.page-content{
	padding-top: 33px;
}

/*=================================================================*/
/* Home Slider
/*=================================================================*/
#homeSlider{
	margin-bottom: 45px;
}

#homeSlider li.slide,
#homeSlider .banner ul{
	list-style: none;
	margin: 0;
	padding: 0;
}



#homeSlider.revslider{
	background: #000 url(img/template/sliderbg.jpg) no-repeat 0 0;
	height: 452px;
}

#homeSlider .caption.big_white{
	font: 300 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	background: none;
	text-shadow: 0 1px 1px #000000;
}
#homeSlider .caption.small_white{
	background: none;
	text-shadow: 0 1px 1px #000000;
	font-weight: bold;
	color: #aaaaaa;
}
.bannercontainer {
	padding:0px;
	background-color:#fff;
	position:relative;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.banner{
	width:960px;
	height:463px;
	position:relative;
	overflow:hidden;
}
   
   


#main .tp-bullets{
	bottom: -25px !important;
	z-index: 9999;
	opacity: 1 !important;
}
#main .bullet{	
	background: transparent url(img/template/bullets.jpg) no-repeat -23px 0px !important;
	
	width: 15px !important;
	height:17px !important;
	display: block !important;
}
#main .bullet:hover,
#main .bullet.selected{
	background-position: -5px 0 !important;
}


/*Bullets*/
ul.ts_container{
	list-style:none;
	margin: 10px auto 0px;
	padding:0;
	width:170px;/*dot width times number of dots*/
	
	position:relative;
	height:17px;
}
ul.ts_container li{
	float:left;
}
ul.ts_container li a{
	display:block;
	text-indent:-9000px;
	width: 12px;
	height: 17px;
	outline:none;
	padding: 0px 4px 0px 0;
	background: url(img/template/bullets.jpg) no-repeat -23px 0 transparent;
}
ul.ts_container li a:hover,
ul.ts_container li.selected a{
	background-position: -5px 0;
}
ul.ts_container li.ts_thumbnails{
	display:none;
	position:absolute;
}
ul.ts_container li.ts_thumbnails span{
	background:transparent url(img/template/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
}
.ts_preview_wrapper{
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
	z-index: 9999;
}
ul.ts_preview{
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	list-style-type:none;
	z-index: 9999;
}
ul.ts_preview li{
	float:left;
}
ul.ts_preview li img{
	display:block;
	width: 130;
}



/*Nivo Slider*/
.nivoSlider .nivo-directionNav{
	opacity: 0;
}


a.nivo-nextNav,
a.nivo-prevNav{
	background: transparent url(img/template/bg_direction_nav.png) no-repeat 0 0;
	width: 37px;
	height: 40px;
	text-indent: -9999px;
}

.nivoSlider:hover .nivo-directionNav{
	opacity: 1;
}


a.nivo-prevNav:hover{
	background-position: 0 -48px;
}
a.nivo-nextNav{
	background-position: -38px 0;
}
a.nivo-nextNav:hover{
	background-position: -38px -48px;
}

a.nivo-control{
	background: url(img/template/bullets.jpg) no-repeat -20px 0 transparent;
	width: 17px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
}
a.nivo-control.active,
a.nivo-control:hover{
	background-position: -2px 0;
}



/*Flexslider*/
#flex-slider{
	margin-bottom: 0px;
}
#flex-slider .flexslider{
	padding: 0;
	background: 0;
	border: 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	margin-bottom: 0;
}

#flex-slider  .flex-direction-nav a{
	background: transparent url(img/template/bg_direction_nav.png) 0 0;
	width: 34px;
	height: 38px;
}
#flex-slider  .flex-direction-nav a.flex-prev:hover{
	right: 15px;
	background-position: 0px -48px;
}
#flex-slider  .flex-direction-nav a.flex-next{
	right: 15px;
	background-position: -37px 0;
}
#flex-slider  .flex-direction-nav a.flex-next:hover{
	right: 15px;
	background-position: -37px -48px;
}

#flex-slider .thumbnails-bullets .flex-control-nav{
	display: none !important;
}

.thumbnails-normal{
	margin-bottom: 30px;
}

.bullets-hide .flex-control-nav{
	display: none !important;
}



#flex-slider  .flex-control-nav{
	left: 20px;
	bottom: -34px;
}
#flex-slider  .flex-control-nav li{
	background: none;
	border: none;
}
#flex-slider  .flex-control-nav li a{
	background: url(img/template/bullets.jpg) no-repeat -22px -4px transparent;
	width: 13px;
	padding: 0;
	margin: 0 -5px 0 0;
	height: 14px;
	border: none !important;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	box-shadow: none;
}

#flex-slider  .flex-control-nav li a:hover,
#flex-slider  .flex-control-nav li a.flex-active{
	background-position: -4px -4px;
}
/*=================================================================*/
/* Intro
/*=================================================================*/
.intro{
	padding-bottom: 15px;
	padding-top: 15px;
}
.intro h1{
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 23px;
}
.intro .span8{
	width: 624px;
	margin-right: 0;
}
.intro .hsocial{
	margin-top: 10px;
	width: 260px;
	margin-right: 0;
}
.intro .hsocial p{
	float: right;
	font-weight: bold;
	font-style: italic;
	color: #525250;
	margin-bottom: 6px;
}

/*=================================================================*/
/* Home Columns
/*=================================================================*/
.numbered{
	padding-bottom: 20px;
	padding-top: 10px;
	overflow: hidden;
}
.numbered .col{
	border-right: 1px solid #f3f3f3;
	position: relative;
	padding-right: 10px;
	padding-left: 34px;
}


/*div>p:last-of-type*/
div.numbered>.col:last-of-type {
	border-right: none;
}

.numbered .col .number{
	font: 100px/100% 'bebas_neueregular', Helvetica;
	position: absolute;
	bottom: -15px;
	left: 0;
	/*color: #fbfbfb;*/
	color: #f7f7f7;
	margin-bottom: 0;
	margin-top: 0;
}
.numbered .col p,
.numbered .col h3{
	position: relative;
	z-index: 99;
}



/*=================================================================*/
/* Recent Works
/*=================================================================*/
.recent-works{
	padding-bottom: 20px;
	padding-top: 10px;
	position: relative;
}

.recent-works a.more{
	float: right;
	position: absolute;
	top: 14px;
	right: 0;
	font-weight: bold;
	color: #a2a29f;
}

.recent-works .post-thumbnail{
	position: relative;
}

.recent-works .project h3,
.recent-works .project h3 a{
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
	line-height: 18px;
	margin-bottom: -6px;
	display: block;
	padding-bottom: 8px;
}
.recent-works .project:hover  h3 a{
	color: #e15c32;
}

.recent-works span.georgia{
	display: inline-block;
	width: 600px;
	margin-bottom: 14px;
}

/*=================================================================*/
/* From blog
/*=================================================================*/
.from-blog{
	padding-bottom: 20px;
	padding-top: 10px;
	position: relative;
}

.from-blog a.more{
	float: right;
	position: absolute;
	top: 31px;
	right: 0;
	font-weight: bold;
	color: #a2a29f;
}
.from-blog .post{
	background-color: #fbfbfb;
	border: 1px solid #f0f0f0;
	padding-right: 10px;
}

.from-blog .post img{
	float: left;
	margin-right: 14px;
}

.from-blog .post h4,
.from-blog .post h4 a{
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px;
}

.from-blog .post .date{
	font-size: 11px;
	color: #828281;
}

.from-blog .post p{
	margin-top: 12px;
}



/*=================================================================*/
/* Team member
/*=================================================================*/
.member{
	overflow: hidden;
	background-color: #fefefe;
	border: 1px solid #f2f2f2;
	-moz-box-shadow: 0 1px 1px rgba(9, 9, 9, 0.04);
	-webkit-box-shadow: 0 1px 1px rgba(9, 9, 9, 0.04);
	box-shadow: 0 1px 1px rgba(9, 9, 9, 0.04);
	margin-bottom: 26px;
}
.member .photo{
	float: left;
	background: #e9e9e9;
	padding-right: 35px;
	position: relative;
	margin-right: 23px;
	margin-bottom: 0;
	border-right: 1px solid #e6e6e6;
}

.member .social{
	float: left;
	position: absolute;
	top: 15px;
	right: -1px;
	z-index: 99;
}
.member .social a{
	display: block;
	background: transparent url(img/icons/social1.png) no-repeat;
	width: 28px;
	height: 19px;
	text-indent: -9999px;
	margin-bottom: 14px;
}
.member .social a.face{
	background-position: 0 0;
}
.member .social a.twitter{
	background-position: 0 -32px;
}
.member .social a.dribble{
	background-position: 0 -65px;
}
.member .social a.skype{
	background-position: 0 -98px;
}
.member .social a.vimeo{
	background-position: 0 -133px;
}


.member .social a.face:hover{
	background-position: -30px 0;
}
.member .social a.twitter:hover{
	background-position: -30px -32px;
}
.member .social a.dribble:hover{
	background-position: -30px -65px;
}
.member .social a.skype:hover{
	background-position: -30px -98px;
}
.member .social a.vimeo:hover{
	background-position: -30px -133px;
}

.member .content {
	position: relative;
	padding-right: 19px;
	padding-top: 7px;
}
.member .content h4{
	font-weight: bold;
	font-size: 13px;
}

.member .content .position{
	float: right;
	position: absolute;
	top: 23px;
	right: 11px;
}

/*=================================================================*/
/* Testimonials
/*=================================================================*/
.testimonial{
	position: relative;
	background-color: #fcfcfc;
	padding: 19px 19px 36px 53px;
	overflow: hidden;
}

.testimonial .quote-icon{
	position: absolute;
	left: 15px;
	font-size: 24px;
	color: #e6e6e6;
}

.testimonial h4{
	float: right;
	font-weight: bold;
	color: #b6b6b6;
	margin-bottom: 2px;
}
.testimonial .company{
	float: right;
	position: absolute;
	bottom: 12px;
	right: 18px;
}

/*=================================================================*/
/* Clients
/*=================================================================*/
#clients{
	
}

/*=================================================================*/
/* Blog Page
/*=================================================================*/
#blog .post{
	padding-bottom: 22px;
	padding-top: 22px;
}
#blog .post.first,
#blog .post:nth-of-type(1){
	padding-top: 0px;
}

#blog .post-title,
#blog .post-title a{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 21px;
}

#blog .meta,
#blog .meta a{
	font-weight: bold;
	color: #bbbbbb;
	font-size: 11px;
}

#blog .post-content{
	margin-top: 18px;
	width: 98%;
}
#blog .post-content .img-thumbnail.pull-left{
	margin-right: 17px;
}

#blog .post-content p{
	padding-top: 0;
}


#blog .post-content img.size-full{
	display: block;
	margin-bottom: 10px;
}


#blog .post-share{
	float: left;
	width: 44px;
	margin-top: 67px;
	margin-right: 4px;
}
#blog .post-share a{
	margin-bottom: 10px;
}

#blog .post-content .more{
	font-weight: bold;
	float: left;
	margin-top: 4px;
}
#blog .post-content .more span.icon-plus{
	font-size: 10px;
	text-shadow: none !important;
}

#blog .post .share{
	float: right;
	padding-right: 5px;
	margin-top: 4px;
}

#blog .post .share iframe,
#blog .post .share .buttons{
	display: none !important;
}

#blog .post .share a,
#blog .post .share div.social{
	font-size: 20px;
	color: #d9d9d8;
	cursor: pointer;
	float: left;
	text-align: right;
	margin-left: 7px;
}
#blog .post .share a:hover{
	color: #5f5f5d;
}

#blog .post .share .tooltip-inner{
	font-size: 12px;
	min-width: 100px;
}

/*Blog post gallery*/
#blog .post .nivo-controlNav{
	display: none !important;
}
#blog .post .post-gallery{
	margin-bottom: 17px;
}

/*Blog post with image*/
#blog .post .img-thumbnail{
	margin-bottom: 17px;
}
/*Blog post with video*/
#blog .post .video-post{
	margin-bottom: 17px;
}


/*Blog audio post*/
#blog .post .audioplayer{
	overflow: hidden;
	float: left;
	width: 99%;
	margin-bottom: 19px;
}


.post-type span{
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 400px;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	padding-left: 0;	
	background-color: #e15d32;
	background-image: url(img/icons/post-icons.png);
	background-repeat: no-repeat;
	background-position: 12px 11px;
}

.post-type.image span{
	background-position: -187px 12px;
}
.post-type.quote{
	background: none;
	border: none;
	padding: 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.post-type.quote span{
	background-position: -82px 11px;
}
.post-type.video span{
	background-position: -494px 11px;
}
.post-type.audio span{
	background-position: -291px 11px;
}
.post-type.gallery span{
	background-position: -396px 11px;
}
.post-type.link span{
	background-position: -605px 11px;
}

.link-format-post{
	top: 0 !important;
}

.post-icon-type.link-format-post .post-type{
	margin-top: 5px;
}



.post-icon-type{
	width: 10% !important;
}

.post-icon-type .post-type{
	margin-top: 66px;
	margin-left: 25px;
}
.post-inner-content{
	width: 86% !important;
}

.blog-navigation{
	margin-top: 30px;
}

.normal-style .post-icon-type{
	display: none;
}
.normal-style .post-inner-content{
	width: 100% !important;
}


.normal-style .post .post-content{
	width: 99%;
}

.normal-style .post .nivo-directionNav{
	display: block;
	opacity: 1 !important;
}


#blog .recent-works h3,
#blog .recent-works h3 a{
	font-size: 12px;
}


.aside-format{
	border: 1px solid #fcfcfc;
	padding: 10px 10px 10px 20px;
	-moz-box-shadow: 0 1px 1px rgba(5, 5, 5, 0.08);
	-webkit-box-shadow: 0 1px 1px rgba(5, 5, 5, 0.08);
	box-shadow: 0 1px 1px rgba(5, 5, 5, 0.08);
	border-left: 10px solid #e15c32;
	overflow: hidden;
	margin-bottom: 14px;
	background-color: rgba(245, 245, 245, 0.32);
}
.chat-format{
	
}


#blog .post-content .quote{
	padding: 8px 63px 0;
	margin-bottom: 17px;
	-moz-box-shadow: 0 1px 1px rgba(138, 130, 4, 0.11);
	-webkit-box-shadow: 0 1px 1px rgba(138, 130, 4, 0.11);
	box-shadow: 0 1px 1px rgba(138, 130, 4, 0.11);
}

#blog .post-content .quote p cite{
	float: right;
}

#blog .post-content .quote p cite a{
	font-size: 12px;
	font-weight: bold;
}

.link-format a{
	font: 500 17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/*=================================================================*/
/* Single Post
/*=================================================================*/
.single-post .post{
	padding-top: 0 !important;
}


#post-tags{
	float: left;
	max-width: 90%;
}

#post-tags .icon-tags{
	font-size: 13px;
	color: #c8c8c6;
	margin-right: 10px;
}
#post-tags,
#post-tags a{
	color: #a2a2a0;
}


/*Comments*/
#comments{
	overflow: hiddens;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

.full-post #comments{
	padding-left: 111px;
}

.full-post #comments #comments-bubble{
	position: absolute;
	left: 27px;
	top: 30px;
}
.full-post #comments #comments-bubble span{
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 400px;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	padding-left: 0;
	background: url(img/icons/comments.png) no-repeat 12px 18px #f4f4f4;
}
#comments .add{
	float: right;
	margin-top: -17px;
}
#comments h2.comments-header{
	font-size: 16px;
	margin-top: 0;
	margin-bottom: -9px;
	font-weight: bold;
}
#comments .commentlist{
	padding: 0;
	margin: 42px 0 0;
}
#comments .commentlist li{
	list-style: none;
	margin-bottom: 2px;
}

#comments .commentlist li > ul{
	margin-top: -37px;
}

#comments .commentlist .comment-entry{
	padding: 20px 20px 18px;
	margin-top: 10px;
	overflow: hidden;
	background-color: #fdfdfd;
	border: 1px solid #f1f1f1;
	-moz-box-shadow: 0 1px 1px rgba(5, 5, 5, 0.06);
	-webkit-box-shadow: 0 1px 1px rgba(5, 5, 5, 0.06);
	box-shadow: 0 1px 1px rgba(5, 5, 5, 0.06);
}

#comments .commentlist .comment-entry h4{
	float: left;
	margin-top: -3px;
	margin-right: 9px;
	font-weight: bold;
}
#comments .commentlist .comment-entry p.georgia,
#comments .commentlist .comment-entry a.reply{
	font-style: italic;
	color: #767676;
}

#comments .commentlist .comment-entry .avatar img{
	padding: 3px;
	border: 1px solid #e8e8e8;
	background-color: #f2f2f2;
}

#comments li ul{
	padding-top: 40px;
	padding-left: 10px;
}

#comments .user-reply a{
	float: right;
	margin-top: 20px;
}

/*Comments form*/
#respond{
	padding-top: 10px;
	position: relative;
}
.full-post #respond{
	padding-left: 55px;
}

#respond h2{
	font-weight: bold !important;
	margin-top: 0 !important;
}
#respond form{
	padding-top: 0;
	position: relative;
}

#respond form p.comment-notes{
	width: 100%;
	margin-top: -8px;
	margin-bottom: 28px;
}

.full-post #respond #comments-add-bubble{
	position: absolute;
	top: 32px;
	left: 27px;
}
.full-post #respond #comments-add-bubble span{
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 400px;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	padding-left: 0;
	background: url(img/icons/add-comment.png) no-repeat 14px 18px #f4f4f4;
}


#respond form input[type="text"]{
	width: 300px;
}
#respond form textarea{
	width: 350px;
	height: 123px;
	top: 20px;
	right: 101px;
}



.full-post #respond form input[type="text"]{
	width: 300px;
}
.full-post #respond form textarea{
	width: 350px;
	height: 123px;
	position: absolute;
	top: 45px;
	right: 101px;
}



.logged-in .full-post #respond form textarea{
	position: relative;
	top: 0;
	right: 0;
	width: 90%;
}

a.add span{
	font-weight: bold;
}

/*Pingbacks*/
#list_pings{
	margin-left: 108px;
}
#list_pings h2{
	font-weight: bold;
	font-size: 15px;
}
#list_pings ol li a{
	font-weight: bold;
	text-decoration: underline;
	margin-right: 26px;
}
#list_pings ol li p.date{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#blog.normal-style #list_pings{
	margin-left: 0;
}

/*=================================================================*/
/* Services
/*=================================================================*/
.service-title{
	font-size: 27px;
	float: left;
}
.top-service-btn{
	float: right !important;
	margin-top: 2px !important;
}
/*=================================================================*/
/* Portfolio
/*=================================================================*/
#filter-bar{
	overflow: hidden;
	position: relative;
}
body.home #filter-bar{
	margin-top: 2px;
	margin-bottom: 2px;
}
#filter-bar #filters li{
	float: left;
	list-style: none;
	font-weight: bold;
	color: #bebebe;
}
#filter-bar .display{
	font-size: 11px;
	margin-top: 1px;
	margin-right: 15px;
}
#filter-bar #filters li a{
	padding: 15px;
	font-weight: bold;
	color: #989898;
	font-weight: 500;
}
#filter-bar #filters li a.selected,
#filter-bar #filters li a:hover{
	
}

#portfolio{
	margin-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
	margin-bottom: 25px;
}

#portfolio .project-categories{
	position: relative;
	top: -9px;
}


/*Four columns*/
#portfolio.four-cols .project h3,
#portfolio.four-cols .project h3 a{
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: bold;
	color: #4d4d4a;
}

#portfolio.four-cols .project h3 span{
	float: right;
	color: #b5b5b4;
	margin-top: 5px;
	text-shadow: none !important;
	font-size: 10px;
}
#portfolio.four-cols .project{
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	width: 23.5%;
}

/*Three columns*/
#portfolio.three-cols .project h3,
#portfolio.three-cols .project h3 a{
	font-size: 12px;
	font-weight: bold;
	color: #4d4d4a;
	margin-top: 7px;
	margin-bottom: 7px;
}

#portfolio.three-cols .project h3 span{
	float: right;
	color: #b5b5b4 !important;
	margin-top: 4px;
	text-shadow: none !important;
	font-size: 10px;
}
#portfolio.three-cols .project{
	width: 32%;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
#portfolio.three-cols .project p{
	text-align: left;
}

/*Two Columns*/
#portfolio.two-cols .project h3,
#portfolio.two-cols .project h3 a{
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #4d4d4a;
}

#portfolio.two-cols .project h3 span{
	float: right;
	color: #b5b5b4;
	margin-top: 7px;
	text-shadow: none !important;
	font-size: 10px;
}
#portfolio.two-cols .project{
	text-align: left;
	width: 48%;
	margin-bottom: 30px;
	margin-left: 5px;
	margin-right: 5px;
}


/*Portfolio 1 column*/
#portfolio.one-cols{
	margin-top: 0;
}
#portfolio.one-cols .project{
	margin-bottom: 50px;
	width: 98%;
	float: none !important;
	clear: both;
	margin-right: 0;
	margin-left: 0;
}

#portfolio.one-cols .project .flexslider{
	padding: 0;
	background: 0;
	border: 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	margin-bottom: 0;
}

#portfolio.one-cols .project .flex-direction-nav a{
	background: transparent url(img/template/bg_direction_nav.png) 0 0;
	width: 34px;
	height: 38px;
}
#portfolio.one-cols .project .flex-direction-nav a.flex-prev:hover{
	right: 15px;
	background-position: 0px -48px;
}
#portfolio.one-cols .project .flex-direction-nav a.flex-next{
	right: 15px;
	background-position: -37px 0;
}
#portfolio.one-cols .project .flex-direction-nav a.flex-next:hover{
	right: 15px;
	background-position: -37px -48px;
}


#portfolio.one-cols .project .flex-control-nav{
	bottom: 19px;
	left: 20px;
}
#portfolio.one-cols .project .flex-control-nav li{
	float: left;
}

#portfolio.one-cols .project h3,
#portfolio.one-cols .project h3 a{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	color: #4d4d4a;
}

#portfolio.one-cols .project h3 span{
	float: right;
	color: #b5b5b4;
	margin-top: 15px;
	text-shadow: none !important;
	font-size: 10px;
}




#portfolio.full-portfolio .project .project-text{
	border: 1px solid #dadada;
}
#portfolio.full-portfolio .project .project-text .inner-text{
	padding: 0 22px 19px;
	background-color: #f4f4f4;
	border: 6px solid #ececec;
	overflow: hidden;
	position: relative;
}

#portfolio.full-portfolio .project .project-text h3{
	margin-bottom: 0;
}

#portfolio.full-portfolio .project .project-text span{
	color: #726f6f;
	font-style: italic;
}

#portfolio.full-portfolio .project .flex-control-paging{
	display: none !important;
}






/*Portfolio 1 column*/
.full-project-holder{
	margin-bottom: 45px;
	display: block;
	overflow: hidden;
}

.full-project-holder .flexslider{
	margin-bottom: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	
	border: none;
	padding: 4px;
}

.full-project-holder h3.project-title{
	margin-bottom: -5px;
}
.full-project-holder h3.project-title span.icon-plus{
	font-size: 11px;
	margin-top: 15px;
	float: right;
}

.full-project-holder span.project-categories{
	display: block;
	width: 100%;
	padding-bottom: 18px;
}

.full-project-holder .flex-direction-nav a{
	background: url(img/template/bg_direction_nav.png) no-repeat 0 0 transparent;
	display: block;
	width: 33px;
	height: 37px;
}
.full-project-holder .flex-direction-nav a.flex-prev{
	background-position: 0 0;
}
.full-project-holder .flex-direction-nav a.flex-prev:hover{
	background-position: 0 -48px;
}
.full-project-holder .flex-direction-nav a.flex-next{
	background-position: -39px 0;
}
.full-project-holder .flex-direction-nav a.flex-next:hover{
	background-position: -39px -48px;
}



/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*=================================================================*/
/* Single Portfolio
/*=================================================================*/

/*Style 1*/
#single-portfolio .full-portfolio{
	
}


#single-portfolio.full-portfolio .project-title{
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 0;
	margin: 10px 0 -10px;
}

#single-portfolio.full-portfolio .project-description{
	
}
#single-portfolio.full-portfolio .project-features h3{
	margin-top: 10px;
	margin-bottom: -10px;
}
#single-portfolio.full-portfolio .project-features ul{
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
#single-portfolio.full-portfolio .project-features li{
	width: 37%;
	float: left;
}

#single-portfolio.full-portfolio .project-features .nbtn{

}

/*Style 2*/
#single-portfolio.project-content{
	padding-top: 30px;
}
#single-portfolio.project-content .project-title{
	
}
/*=================================================================*/
/* Sidebar
/*=================================================================*/
#sidebar{
	width: 275px;
}

body.sidebar-left #sidebar{
	float: left;
	border-right: 1px solid #f3f3f3;
	padding-right: 30px;
}

body.sidebar-left #main-content{
	float: right;
}
body.sidebar-right #sidebar{
	border-left: 1px solid #f3f3f3;
	padding-left: 30px;
	float: right;
	margin-right: 27px;
}

body.sidebar-right #main-content{
	float: left;
}
#sidebar .widget{
	overflow: hidden;
	margin-bottom: 33px;
}
#sidebar .widget h4{
	font-weight: bold;
	color: #7b7b7b;
	margin-bottom: 14px;
}
#sidebar .widget ul{
	padding-top: 10px;
}
#sidebar ul,
#sidebar ul li{
	margin: 0;
	list-style: none;
}

#sidebar ul li{
	margin-bottom: 7px;
}


#sidebar #search,
#sidebar #searchform{
	position: relative;
	margin-bottom: -10px;
}

#sidebar #search input[type="text"]{
	border: 1px solid #ececec;
	font-size: 12px;
	color: #9c9c9c;
	padding-left: 12px;
}
#sidebar #search  .search_button,
#sidebar #searchsubmit{
	top: 8px;
	display: block;
	border: none;
	position: absolute;
	background: transparent url(img/template/search-submit.png) no-repeat;
	width: 15px;
	height: 19px;
	right: 33px;
}

#sidebar #searchsubmit{
	text-indent: -9999px;
	font-size: 0;
	line-height: 9999px;
}

#sidebar .widget_product_search label.screen-reader-text{
	display: none;
}


#sidebar input[type="text"]:focus,
#sidebar input[type="tel"]:focus,
#sidebar input[type="email"]:focus,
#sidebar input[type="password"]:focus
#sidebar textarea:focus{

}

/*Flickr Sidebar*/
#sidebar .flickr{
	padding-top: 10px;
}
#sidebar .flickr a{
	padding: 4px;
	border: 1px solid #eaeaea;
	margin-right: 5px;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 64px;
}
#sidebar .flickr a:hover{
	border: 1px solid #cbcbcb;
}

/*Sidebar accordion*/
#sidebar .tab-icon{
	display: block;
	background: transparent url(img/icons/tabs-icons.png) no-repeat 0 0px;
	width: 22px;
	height: 23px;
	float: left;
	margin-right: 6px;
	margin-top: -2px;
}

#sidebar .accordion-group{
	border: none !important;
	-moz-box-shadow: 0 0 0 !important;
	-webkit-box-shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
}
#sidebar .accordion-heading,
#sidebar .accordion-toggle{
	border: none !important;
	padding-left: 0;
	font-weight: bold;
	color: #84847f;
}
#sidebar .accordion-inner{
	border: none;
}
#sidebar .accordion-body{
	border: none;
	border-bottom: 1px solid #efefef;
}


#sidebar .closed .tab-icon{
	background-position: 0 0px;
}
#sidebar .open .tab-icon{
	background-position: 0 -50px;
}

/*Sidebar twitter*/
#sidebar .twitter-widget li{
	background-color: rgba(250, 250, 250, 0.25);
	padding: 11px 14px 10px;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(6, 6, 5, 0.15);
	-webkit-box-shadow: 0 1px 1px rgba(6, 6, 5, 0.15);
	box-shadow: 0 1px 1px rgba(6, 6, 5, 0.15);
	margin-bottom: 21px;
	margin-top: 0;
	position: relative;
}

#sidebar .twitter-widget li a:first-child{
	font-weight: bold;
	color: #e05b32;
}
#sidebar .twitter-widget li abbr{
	display: block;
	border: none;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar .twitter-widget li span.icon-twitter{
	float: right;
	margin-top: -16px;
	color: #c4c4c2;
	font-size: 14px;
	margin-right: -5px;
}


/*Posts widget*/
ul.posts-widget .icon-plus-sign{
	color: #d4d4d2;
	font-size: 14px;
	margin-right: 10px;
	float: left;
	margin-bottom: 6px;
	margin-top: 3px;
}


/*Sidebar contact widget*/
#sidebar .contact li{
	border-bottom: 1px dotted #f5f5f5;
	padding-top: 3px;
	padding-bottom: 11px;
}
#sidebar .contact li span{
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
	margin-top: 3px;
	font-size: 14px;
	color: #cdcdcd;
}

/*Sidebar Calendar*/
#calendar_wrap table{
	width: 100%;
}
#calendar_wrap table caption{
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #7a7a78;
}
#calendar_wrap table th{
	text-align: left;
}
#calendar_wrap table th,
#calendar_wrap table td{
	color: #7f7f7b;
}



.widget-subscribe{
	
}

.widget-subscribe .widget-title{
	color: #ffffff;
	padding: 12px 10px 12px 14px;
	font-size: 13px;
	font-weight: bold;
	background-color: #494847;
}

.widget-subscribe .widget-body{
	padding-top: 20px;
	border: 1px solid #ebebea;
	padding-left: 15px;
	overflow: hidden;
	background-color: rgba(249, 249, 249, 0.35);
}

.widget-subscribe .widget-body .title{
	font-weight: bold;
}
.widget-subscribe .widget-body .nbtn{
	margin-top: -2px;
	margin-bottom: 14px;
}


.subscribe-message{
	margin-bottom: 17px;
	margin-top: -4px;
	padding-right: 20px;
}

/* #Contact Form
================================================== */
#message{
	display: none;
}
#contact{
	margin-top: 5px;
	margin-bottom: 30px;
}
#contact p{
	margin-bottom: 2px;
}
#contact p label{
	font-weight: bold;
	font-size: 12px;
}
#contact p label span{
	color: #9f9f9f;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	margin-left: 4px;
}
#contact #message{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 17px 6px 5px 18px;
	font-weight: bold;
	color: #222020;
	background-color: #fbfbfb;
	margin-bottom: 24px;
}
#contact #message ul{
	margin-top: 9px;
	padding-bottom: 0;
	margin-bottom: 13px;
}
#contact #message li{
	color: #525252;
	text-shadow: none;
}

#contact input[type="submit"],
#contact p.submit{
	cursor: pointer;
	overflow: hidden;
	margin-top: 9px;
	
	float: left;
}

#contact p.submit button{
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
}

#contact #form-loader{
	background: url(img/template/loader.gif) no-repeat;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	display: none;
	width: 20px;
	height: 20px;
}
#submit{
	cursor: pointer;
}

#success_page h1{
	margin-top: 0;
	margin-bottom: 1px;
}
#success_page p{
	margin-bottom: 13px;
}


#contact input{
	width: 51%;
}
#contact textarea{
	width: 65%;
}
#contact .span6 textarea{
	height: 158px;
}


#contact .span6 input,
#contact .span6 textarea{
	width: 88% !important;
}
#contact .span6 textarea{
	height: 158px;
}


#contact p.radio-fields{
	overflow: hidden;
	margin-bottom: 16px;
}
#contact p.radio-fields input{
	float: left;
	width: 20px;
	margin-top: -10px;
}
#contact p.radio-fields i{
	float: left;
	margin-top: -10px;
	margin-right: 13px;
	color: #a9a9a6;
}

#contact p.checkbox-fields{
	overflow: hidden;
	margin-bottom: 16px;
}
#contact p.checkbox-fields input{
	float: left;
	width: 20px;
	margin-top: -10px;
}
#contact p.checkbox-fields i{
	float: left;
	margin-top: -13px;
	margin-right: 13px;
	color: #a9a9a6;
}

/*=================================================================*/
/* Footer
/*=================================================================*/
#footer{
	background: url(img/template/footer.jpg) repeat;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
}
#footer #footer-stripe{
	width: 100%;
	background: url(img/template/stripe.png) repeat-x rgba(44, 48, 51, 0.3);
	display: block;
	height: 11px;
	position: absolute;
	top: 0;
	left: 0;
}

#footer h3{
	color: #e7e6e6;
	text-shadow: 0 1px 1px #000000;
	margin-bottom: -2px;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
}

#footer p,
#footer li,
#footer li a{
	color: #adadad;
}

#footer ul,
#footer li{
	list-style: none;
	margin: 0;
}

#footer li{
	background: url(img/icons/arrow.png) no-repeat left 5px transparent;
	padding-left: 23px;
	padding-bottom: 10px;
}

#footer .line{
	border-bottom: 1px solid #3e4347;
	border-top: 1px solid #232629;
	margin-bottom: 20px;
}

/*Twitter widget*/
#footer .twitter-widget li{
	background: none;
	padding-left: 0;
}

#footer .twitter-widget li a{
	font-weight: bold;
}
#footer span.icon-twitter{
	display: none;
}

/*Social rounded icons*/
#footer .social_icn{
	background-color: #3f4449;
	opacity: 0.5;
}

#footer .social_icn:hover{
	opacity: 1;
}
/*footer contact*/
#footer ul.contact li{
	padding-left: 0;
	background: none;
	border-top: 1px solid #41464b;
	border-bottom: 1px solid #2c2c28;
	padding-top: 9px;
	padding-bottom: 9px;
}

#footer ul.contact li:first-child{
	border-top: none;
	padding-top: 0;
}
#footer ul.contact li:last-child{
	border-bottom: none;
}

#footer ul.contact li span{
	color: #7e8286;
	font-size: 13px;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
	margin-top: 3px;
}

/*Flickr footer*/
#footer .flickr{
	padding-top: 5px;
}
#footer .flickr a{
	padding: 4px;
	border: 1px solid #494d4e;
	margin-right: 5px;
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 56px;
	background-color: #3d4345;
}
#footer .flickr a:hover{
	background-color: #36393c;
}

/*footer calendar*/
#calendar_wrap table caption{
	color: #adadad;
}
#calendar_wrap table th,
#calendar_wrap table td{
	color: #adadad;
}


#footer .span3 .widget-subscribe .widget-body input[type="text"]{
	width: 180px;
}



#copyright{
	padding-bottom: 4px;
	padding-top: 25px;
}

#copyright #footer-logo{
	float: left;
	margin-right: 18px;
	margin-top: 5px;
}
#copyright .span6{
	margin-top: 10px;
}
#copyright .span6 p{
	margin-top: 8px;
}

/*=================================================================*/
/* General Classes
/*=================================================================*/
.clear{
	clear: both;
}

.double-line{
	width: 100%;
	clear: both;
	border-bottom: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
	height: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.text-section-block h3.block-text-title{

}
.text-section-block ul li{
	margin-bottom: 1px !important;
}

.line{
	width: 100%;
	clear: both;
	border-bottom: 1px solid #f3f3f3;
	margin-top: 19px;
	margin-bottom: 23px;
}

.georgia{
	color: #b6b6b4;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
}

.align-center{
	text-align: center;
}

.centered{
	text-align: center;
}
.centered h1{
	font-size: 25px;
}

.row-fluid{
	overflow: hidden;
	padding-top: 0px;
	padding-bottom: 10px;
}

.gray{
	color: #636360;
	padding-bottom: 8px;
	margin: -8px 0 0;
}

.nomarginleft{
	margin-left: 0 !important;
}

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.preloader { display:block;  }
.preload img{
	opacity: 0;
	display: nones;
}
.double-list{
	overflow: hidden;
	padding-bottom: 18px;
}
.double-list li{
	float: left;
	width: 36%;
	margin-right: 5px;
}


.alignleft,
.left{
	margin: 10px 15px 15px 0;
	float: left;
}
.alignright,
.right{
	margin: 10px 0px 15px 15px;
	float: right;
}

.alignnone{
	padding-top: 10px;
	clear: both;
	overflow: hidden;
	float: none;
	width: auto;
	display: block;
}

.aligncenter{
	margin: 0 auto;
	padding-bottom: 11px;
	max-width: 100%;
	clear: both;
	overflow: hidden;
	float: none;
	width: auto;
	display: block;
	padding-top: 10px;
}

.su-media{
	padding-bottom: 11px;
}
.preview-image{
	padding-bottom: 0;
	margin-bottom: -18px;
}


.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.bypostauthor{
	color: #454545
}
.sticky{
	
}



ul[data-liffect="zoomOut"] li .post-thumbnail{
    position: relative;
    -webkit-animation: zoomOut 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomOut 600ms ease both;
    -o-animation-play-state: paused;
    animation: zoomOut 600ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="zoomOut"].play li .post-thumbnail{
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}



ul[data-liffect="zoomOut"] li .project-type{
    position: absolute;
    opacity: 0;
    -webkit-animation: zoomOut 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomOut 600ms ease both;
    -o-animation-play-state: paused;
    animation: zoomOut 600ms ease both;
    animation-play-state: paused;
}

ul[data-liffect="zoomOut"].play li .project-type{
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}







@-webkit-keyframes zoomOut {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomOut {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomOut {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomOut {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes slideTop {
    0% { opacity: 0; top: -30px; }
    100% { opacity: 1; top: 0; }
}

@-moz-keyframes slideTop {
    0% { opacity: 0; top: -30px; }
    100% { opacity: 1; top: 0; }
}
@-o-keyframes slideTop {
    0% { opacity: 0; top: -30px; }
    100% { opacity: 1; top: 0; }
}
@keyframes slideTop {
    0% { opacity: 0; top: -30px; }
    100% { opacity: 1; top: 0; }
}
@-webkit-keyframes slideLeft {
    0% { opacity: 0; left: -30px; }
    100% { opacity: 1; left: 0; }
}

@-moz-keyframes slideLeft {
    0% { opacity: 0; left: -30px; }
    100% { opacity: 1; left: 0; }
}

@-o-keyframes slideLeft {
    0% { opacity: 0; left: -30px; }
    100% { opacity: 1; left: 0; }
}

@keyframes slideLeft {
    0% { opacity: 0; left: -30px; }
    100% { opacity: 1; left: 0; }
}

/*=================================================================*/
/* Pagination
/*=================================================================*/
#postsNav{
	margin-bottom: 33px;
	float: right;
}

#postsNav a{
	font-weight: bold;
	color: #b8b8b7;
	border-right: 1px solid #ececec;
	padding: 2px 8px;
}
#postsNav a:hover,
#postsNav a.current-page{
	color: #363636;
}
/*=================================================================*/
/* Social Rounded icons
/*=================================================================*/
.social_icn{
	display: inline-block;
	position: relative;
	background: #e2e2e2;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear;
	-ms-transition: background .5s linear;
	transition: background .5s linear;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	padding: 9px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	margin-left: 4px;
}
a.social_icn span{
	background: transparent url(img/icons/social.png) 0 0;
	display: block;
	width: 27px;
	position: absolute;
	height: 26px;
	top: 2px;
	left: 0;
}
a.twitter span{
	background-position: 0 -2px;
}
a.face span{
	background-position: -35px -2px;
}
a.rss span{
	background-position: -69px -1px;
}
a.dribble span{
	background-position: -105px -1px;
}
a.vimeo span{
	background-position: -141px 0;
}
a.tumblr span{
	background-position: -177px -1px;
}

a.social_icn:hover{
	background: #ea6137;
	-webkit-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-o-transition: background .5s linear;
	-ms-transition: background .5s linear;
	transition: background .5s linear;
}

/*=================================================================*/
/* Social buttons Icons
/*=================================================================*/
.social_icn-facebook,
.social_icn-facebook-two,
.social_icn-twitter,
.social_icn-twitter-two,
.social_icn-digg,
.social_icn-digg-two,
.social_icn-skype,
.social_icn-dribble,
.social_icn-vimeo,
.social_icn-youtube,
.social_icn-myspace,
.social_icn-behance,
.social_icn-lastfm,
.social_icn-delicious,
.social_icn-stumbleupon,
.social_icn-dribble-two,
.social_icn-tumblr{
	display: block;
	background: transparent url(img/icons/social-media.png) no-repeat;
	width: 39px;
	height: 36px;
	text-indent: -9999px;
	cursor: pointer;
	margin: 8px 0;
	padding: 0;
	float: left;
}

.social_icn-facebook-two{
	background-position: -43px 0;
} 

.social_icn-twitter{
	background-position: -86px 0;
} 
.social_icn-twitter-two{
	background-position: -129px 0;
}   
.social_icn-digg{
	background-position: -171px 0;
} 
.social_icn-digg-two{
	background-position: -214px 0;
}
.social_icn-delicious{
	background-position: -257px 0;
}      
.social_icn-skype{
	background-position: -516px 0;
} 
.social_icn-dribble{
	background-position: -387px 0;
}
.social_icn-dribble-two{
	background-position: -344px 0;
}
.social_icn-stumbleupon{
	background-position: -429px 0;
}
.social_icn-myspace{
	background-position: -472px 0;
}
.social_icn-vimeo{
	background-position: -558px 0;
}
.social_icn-youtube{
	background-position: -601px 0;
}
.social_icn-lastfm{
	background-position: -645px 0;
}
.social_icn-behance{
	background-position: -688px 0;
}
.social_icn-tumblr{
	background-position: -301px 0;
}

/*=================================================================*/
/* Quote
/*=================================================================*/
.quote{
	background: url(img/template/quotebg.jpg);
	padding: 25px 63px 20px;
	margin-bottom: 17px;
	overflow: hidden;
	border: 1px solid #ede892;
}

.quote p{
	color: #87845d;
	font: 300 18px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0 1px 1px #f7f4c9;
	margin-bottom: 0;
}
.quote p.author{
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin-bottom: -10px;
}

.quote-simple{
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 30px;
	overflow: hidden;
	border-left: 7px solid #f6f6f6;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.quote-simple p{
	font: italic 18px/29px Georgia, "Times New Roman", Times, serif;
	text-shadow: 0 1px 1px #ffffff;
	color: #838381;
}

.quote-simple p.author{
	font-size: 12px;
	font-weight: bold;
	float: right;
	margin-bottom: -10px;
	color: #3d3d3d;
}


/*=================================================================*/
/* Custom Lists
/*=================================================================*/
.check-list ul,
.circle-list ul,
.arrow-list ul,
.triangle-list ul,
.close-list ul{
	margin: 0;
	padding: 10px 0 12px;
}
.check-list ul li,
.circle-list ul li,
.arrow-list ul li,
.triangle-list ul li,
.close-list ul li{
	list-style: none;
	padding-left: 25px;
	margin-bottom: 7px;
	margin-left: 10px;
}

.check-list ul li{
	background: transparent url(img/icons/list-check.png) no-repeat top left;
}

.circle-list ul li{
	background: transparent url(img/icons/list-circle.png) no-repeat top left;
}
.triangle-list ul li{
	background: transparent url(img/icons/list-arrow.png) no-repeat top left;
}

.arrow-list ul li{
	background: transparent url(img/icons/list-arrow1.png) no-repeat top left;
}

.close-list ul li{
	background: transparent url(img/icons/list-error.png) no-repeat top left;
}


/*=================================================================*/
/* Price Table
/*=================================================================*/
.price-column{
	border: 1px solid #f2f2f2;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: none;
}

.price-column .nbtn{
	float: none;
}

.price-column h2.price-title{
	background-color: #555553;
	color: #fff;
	text-shadow: 0 0 1px #000000;
	font-weight: 500;
	padding-left: 12px;
	line-height: 23px;
	padding-top: 10px;
	padding-bottom: 13px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: 2px solid #50504f;
	display: block;
	margin-bottom: 11px;
	float: none;
	clear: both;
}

.price-column .price-content p,
.price-column .price-content strong,
.price-column .price-content h1,
.price-column .price-content h2,
.price-column .price-content h3,
.price-column .price-content h4{
	padding-left: 9px;
	padding-right: 9px;
}

.price-column .price-content h1{
	font-size: 26px !important;
	margin-bottom: 2px !important;
}


.price-column ul{
	display: block;
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0;
}

.price-column ul li{
	list-style: none;
	margin-left: 0;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 14px;
}

.price-column ul li:last-child{
	border-bottom: none;
	padding-bottom: 1px;
}

.price-column strong{
	font-size: 13px;
}

.price-column ul li strong{
	font-size: 12px;
	padding-left: 0 !important;
}

/* #Buttons
================================================== */
.nbtn{
	border: none;
	padding: 0;
	-moz-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

.nbtn {
	background: transparent url('img/template/btn_normal_right.png') no-repeat scroll top right;
    color: #b8b9b9;
    display: block;
    float: left;
    height: 38px;
    margin-right: 6px;
    padding-right: 26px; /* sliding doors padding */
    text-decoration: none;
	font-style: normal;
	font-family: arial, sans-serif;
	margin-top: 12px;
	cursor: pointer;
	z-index: 999;
	margin-bottom: 6px;
}

.nbtn:hover{
	background-color: none !important;
}

.nbtn span{
	background: transparent url('img/template/btn_normal_left.png') no-repeat;
    display: block;
    padding: 8px 0 7px 29px;
	height: 22px;
	color: #6b6b6b;
	font: bold 12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.nbtn:hover span,
.nbtn:hover,
.nbtn,
.nbtn:hover,
.nbtn span,
.nbtn:active,
.nbtn.active,
.nbtn:active{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	background-color: none !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;        
}






.nbtn.white{ background-position: right 0px;}
.nbtn.white span{ background-position: left 0px;}
.nbtn:hover.white{ background-position: right -36px;}
.nbtn:hover.white span{background-position: left -36px;}
.nbtn:active.white{ background-position: right -72px !important;}
.nbtn:active.white span{ background-position: left -72px !important;} 


.nbtn.grey{ background-position: right -110px;}
.nbtn.grey span{ background-position: left -110px;
	color: #5c5c5c;
}
.nbtn:hover.grey{ background-position: right -147px;}
.nbtn:hover.grey span{background-position: left -147px;}
.nbtn:active.grey{ background-position: right -185px;}
.nbtn:active.grey span{ background-position: left -185px;}

.nbtn.pink{ background-position: right -224px;}
.nbtn.pink span{ background-position: left -224px;
	color: #a20015;
}
.nbtn:hover.pink{ background-position: right -261px;}
.nbtn:hover.pink span{background-position: left -261px;}
.nbtn:active.pink{ background-position: right -299px;}
.nbtn:active.pink span{ background-position: left -299px;}

.nbtn.aqua{ background-position: right -341px;}
.nbtn.aqua span{ background-position: left -341px;
	color: #038b8f;
}
.nbtn:hover.aqua{ background-position: right -378px;}
.nbtn:hover.aqua span{background-position: left -378px;}
.nbtn:active.aqua{ background-position: right -416px;}
.nbtn:active.aqua span{ background-position: left -416px;}


.nbtn.blue{ background-position: right -683px;}
.nbtn.blue span{ background-position: left -683px;
	color: #067da5;
}
.nbtn:hover.blue{ background-position: right -720px;}
.nbtn:hover.blue span{background-position: left -720px;}
.nbtn:active.blue{ background-position: right -758px;}
.nbtn:active.blue span{ background-position: left -758px;}

.nbtn.green{ background-position: right -570px;}
.nbtn.green span{ background-position: left -570px;
	color: #588102;
}
.nbtn:hover.green{ background-position: right -607px;}
.nbtn:hover.green span{background-position: left -607px;}
.nbtn:active.green{ background-position: right -645px;}
.nbtn:active.green span{ background-position: left -645px;}

.nbtn.orange{ background-position: right -797px;}
.nbtn.orange span{ background-position: left -797px;
	color: #8a5c03;
}
.nbtn:hover.orange{ background-position: right -834px;}
.nbtn:hover.orange span{background-position: left -834px;}
.nbtn:active.orange{ background-position: right -872px;}
.nbtn:active.orange span{ background-position: left -872px;}


.nbtn.darkblue{ background-position: right -912px;}
.nbtn.darkblue span{ background-position: left -912px;
	color: #48667b;
}
.nbtn:hover.darkblue{ background-position: right -949px;}
.nbtn:hover.darkblue span{background-position: left -949px;}
.nbtn:active.darkblue{ background-position: right -987px;}
.nbtn:active.darkblue span{ background-position: left -987px;}

.nbtn.black{ background-position: right -1026px;}
.nbtn.black span{ background-position: left -1026px;
	color: #fefefe;
}
.nbtn:hover.black{ background-position: right -1063px;}
.nbtn:hover.black span{background-position: left -1063px;}
.nbtn:active.black{ background-position: right -1101px;}
.nbtn:active.black span{ background-position: left -1101px;}


.nbtn.purple{ background-position: right -456px;}
.nbtn.purple span{ background-position: left -456px;
	color: #6c4b69;
}
.nbtn:hover.purple{ background-position: right -493px;}
.nbtn:hover.purple span{background-position: left -493px;}
.nbtn:active.purple{ background-position: right -531px;}
.nbtn:active.purple span{ background-position: left -531px;}



.chrome button.nbtn span{
	position: relative;
	top: -1px;
}


/*=================================================================*/
/* Audio HTML5
/*=================================================================*/
.audioplayer {
    height: 2.5em; /* 40 */
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    border: 1px solid #222;
    position: relative;
    z-index: 1;
    background: #333;
    background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
    background: -webkit-linear-gradient( top, #444, #222 );
    background: -moz-linear-gradient( top, #444, #222 );
    background: -ms-radial-gradient( top, #444, #222 );
    background: -o-linear-gradient( top, #444, #222 );
    background: linear-gradient( top, #444, #222 );
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.audioplayer-mini {
    width: 2.5em; /* 40 */
    margin: 0 auto;
}
.audioplayer > div { position: absolute }
.audioplayer-playpause {
    width: 2.5em; /* 40 */
    height: 100%;
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
    border-right: 1px solid #555;
    border-right-color: rgba( 255, 255, 255, .1 );
}
.audioplayer-mini .audioplayer-playpause { width: 100% }
.audioplayer-playpause:hover,
.audioplayer-playpause:focus { background-color: #222 }
.audioplayer-playpause a { display: block }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-right: none;
    border-left-color: #fff;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.25em; /* 8 4 */
}
.audioplayer-playing .audioplayer-playpause a {
    width: 0.75em; /* 12 */
    height: 0.75em; /* 12 */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.375em 0 0 -0.375em; /* 6 */
}
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
    width: 40%;
    height: 100%;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0;
}
.audioplayer-playing .audioplayer-playpause a:before { left: 0 }
.audioplayer-playing .audioplayer-playpause a:after { right: 0 }
.audioplayer-time {
    width: 4.375em; /* 70 */
    height: 100%;
    line-height: 2.375em; /* 38 */
    text-align: center;
    z-index: 2;
    top: 0;
}
.audioplayer-time-current {
    border-left: 1px solid #111;
    border-left-color: rgba( 0, 0, 0, .25 );
    left: 2.5em; /* 40 */
}
.audioplayer-time-duration {
    border-right: 1px solid #555;
    border-right-color: rgba( 255, 255, 255, .1 );
    right: 2.5em; /* 40 */
}
.audioplayer-novolume .audioplayer-time-duration {
    border-right: 0;
    right: 0;
}
.audioplayer-bar {
    height: 0.875em; /* 14 */
    background-color: #222;
    cursor: pointer;
    z-index: 1;
    top: 50%;
    right: 6.875em; /* 110 */
    left: 6.875em; /* 110 */
    margin-top: -0.438em; /* 7 */
}
.audioplayer-novolume .audioplayer-bar {
    right: 4.375em; /* 70 */
}
.audioplayer-bar div {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.audioplayer-bar-loaded {
    background-color: #333;
    z-index: 1;
}
.audioplayer-bar-played {
	z-index: 2;
	background: #e05c31;
}
.audioplayer-volume {
    width: 2.5em; /* 40 */
    height: 100%;
    border-left: 1px solid #111;
    border-left-color: rgba( 0, 0, 0, .25 );
    text-align: left;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 2;
    top: 0;
    right: 0;
}
.audioplayer-volume:hover,
.audioplayer-volume:focus { background-color: #222 }
.audioplayer-volume-button {
    width: 100%;
    height: 100%;
}
.audioplayer-volume-button a {
    width: 0.313em; /* 5 */
    height: 0.375em; /* 6 */
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 1;
    top: 40%;
    left: 35%;
}
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}
.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border: 0.5em solid transparent; /* 8 */
    border-left: none;
    border-right-color: #fff;
    z-index: 2;
    top: 50%;
    right: -0.25em;
    margin-top: -0.5em; /* 8 */
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    /* "volume" icon by Nicolas Gallagher, http: //nicolasgallagher.com/pure-css-gui-icons */;
    width: 0.313em; /* 5 */
    height: 0.313em; /* 5 */
    border: 0.25em double #fff; /* 4 */
    border-width: 0.25em 0.25em 0 0; /* 4 */
    left: 0.563em; /* 9 */
    top: -0.063em; /* 1 */
    -webkit-border-radius: 0 0.938em 0 0; /* 15 */
    -moz-border-radius: 0 0.938em 0 0; /* 15 */
    border-radius: 0 0.938em 0 0; /* 15 */
    -webkit-transform: rotate( 45deg );
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
.audioplayer-volume-adjust {
    height: 6.25em; /* 100 */
    cursor: default;
    position: absolute;
    left: 0;
    right: -1px;
    top: -9999px;
    background: #222;
    background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
    background: -webkit-linear-gradient( top, #444, #222 );
    background: -moz-linear-gradient( top, #444, #222 );
    background: -ms-radial-gradient( top, #444, #222 );
    background: -o-linear-gradient( top, #444, #222 );
    background: linear-gradient( top, #444, #222 );
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0 }
.audioplayer-volume:hover .audioplayer-volume-adjust {
    top: auto;
    bottom: 100%;
}
.audioplayer-volume-adjust > div {
    width: 40%;
    height: 80%;
    background-color: #222;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 30% auto 0;
}
.audioplayer-volume-adjust div div {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #007fd1;
    background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
    background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
    background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
    background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
    background: -o-linear-gradient( bottom, #007fd1, #c600ff );
    background: linear-gradient( bottom, #007fd1, #c600ff );
}
.audioplayer-novolume .audioplayer-volume { display: none }
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a {
    -webkit-filter: drop-shadow( 1px 1px 0 #000 );
    -moz-filter: drop-shadow( 1px 1px 0 #000 );
    -ms-filter: drop-shadow( 1px 1px 0 #000 );
    -o-filter: drop-shadow( 1px 1px 0 #000 );
    filter: drop-shadow( 1px 1px 0 #000 );
}
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.audioplayer-bar,
.audioplayer-volume-adjust > div {
    -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
    box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
}
.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
    /*-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
    box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );*/
}
.audioplayer-volume-adjust {
    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
}
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}




/* #Hover Effect
================================================== */
.post-thumbnail{
	position: relative;
	display: block;
}

.post-thumbnail{
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.post-thumbnail  span.hover{
	position: absolute;
	width: 100%;
	z-index: 999;
	display: none;
	height: 100%;
	left: 0;
	text-align: center;
	background: #000;
}

.post-thumbnail .plus{
	z-index: 1000;
	overflow: hidden;
	color: #ffffff;
	position: absolute;
	top: -30px;
	opacity: 0;
	font: bold 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
}

.post-thumbnail .plus h3{
	color: #ffffff;
	text-shadow: 0 0 1px #080808;
	font-size: 15px;
	margin-bottom: 0;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.post-thumbnail .plus .cats{
	display: none;
	font-size: 12px;
	padding-right: 15px;
	padding-left: 15px;
}

.post-thumbnail span.hover .inner-hover{
	overflow: hidden;
	margin: 0 auto;
	width: auto;
	display: inline-block;
	padding-top: 10px;
}

.project{
	position: relative;
	overflow: hidden;
}

.project .project-type{
	display: block;
	position: absolute;
	width: 37px;
	height: 35px;
	z-index: 9999;
	top: 0px;

}
.project .project-type.image{
	background-position: 4px 0;
}
.project .project-type.video{
	background-position: -80px 0;
}
.project .project-type.external{
	background-position: -174px 0;
}
.project .project-type.audio{
	background-position: -259px 0;
}

.project:hover .project-type{
	background-color: #000000;

}


/*=================================================================*/
/* Circles hover
/*=================================================================*/
.ch-grid {
	margin: 20px 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	
	display: inline-block;
	margin: 20px;
}
.ch-item {
	width: 100%;
	height: 100%;
	height: 220px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;

	-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;

	top: 20px;
	left: 20px;
	background: #f9f9f9 url(img/assets/bg.jpg);
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;

	-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;
		
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ch-info .ch-info-back {
	-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);
	
	background: #000;
}

.ch-img-1 { 
	background-image: url(img/assets/10.jpg);
}

.ch-img-2 { 
	background-image: url(img/assets/11.jpg);
}

.ch-img-3 { 
	background-image: url(img/assets/12.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
		font: 14px 'Open Sans', Arial, sans-serif;
	}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-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);
}

.circle-text{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

.circle-text h3{
	margin-bottom: -1px;
	text-align: center;
}








/*=================================================================*/
/* Woocomerce
/*=================================================================*/

body.sidebar-right #wooshop li.product{
	width: 29%;
}

#wooshop li.product h3{

	margin-bottom: -4px;
	margin-top: -5px;
	padding-bottom: 0;
	padding-top: 0;
	width: 76%;
	float: left;
}

#wooshop li.product span.price{
	float: right;
	margin-top: 6px;
	font-weight: bold;
}

#wooshop li.product .add_to_cart_button{
	display: nones;
	width: 100%;
	float: left;
	display: none;
}



ul.product_list_widget li{
	border-bottom: 1px solid #fcfcfc;
}

form.woocommerce_ordering{
	display: none;
}

#wooshop li.product a{
	overflow: hidden;
	position: relative;
}


#wooshop li.product a .product-hover{
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.45);
	overflow: hidden;
}

#wooshop li.product .product-hover a:first-child{
	margin-top: 30%;
	position: relative;
	left: -200px;
}

#wooshop li.product .product-hover a{
	width: 100px !important;
	color: #ffffff !important;
	border: 1px solid #2e2e2d !important;
	text-align: center !important;
	display: block !important;
	padding: 5px 10px !important;
	margin-bottom: 6px;
	background-color: rgba(0, 0, 0, 0.64);
	position: relative;
	left: 200px;
}

#wooshop li.product span.onsale{
	right: 16px;
	top: 10px;
}


/*Single Product*/
.woo-single-product .related.products li{
	width: 100px !important;
	margin-right: 12px;
}


.woo-single-product .related.products li h3{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	line-height: 19px;
}

.woo-single-product .related.products li .amount{
	font-weight: bold;
	font-size: 11px;
}

/*Single Product header*/
.single-product-header{
	padding-bottom: 0 !important;  
	margin-bottom: 0 !important;
}
.single-product-header .double-line{
	margin-top: 0 !important;
	padding-top: 0;
}


/*Single Product thumbnails*/
.woo-single-product .thumbnails a{
	float: left !important;
	width: 60px !important;
	height: 60px !important;
	overflow: hidden;
	margin-right: 9px !important;
	clear: none !important;
}
.woo-single-product .thumbnails a img{
	width: 60px !important;
	height: 60px !important;
}



/*Cart Page*/
.cart_totals table{
	float: right;
}


/*Check out*/
form.checkout input[type="text"]{
	padding-top: 15px;
	padding-bottom: 15px;
}

form.checkout #order_comments{
	height: 120px;
}



form.cart .quantity.buttons_added{
	height: 30px;
}




/* #New code
================================================== */
.pp_content .pp_details .pp_description{
	width: 100%;
	color: #383835;
	font-size: 12px;
}

#portfolio-one h3.project-title{
	margin-bottom: 5px;
}

/*Hide the social share in lightbox, uncomment the code below
if you don't want the social share icons*/
/*
.pp_content .pp_details .pp_social{
	display: none;
}*/

