/*
Theme Name: Ayatana Spa
Author URI: http://vairab.com

*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg.html#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'socialicoregular';
    src: url('fonts/socialico-webfont.eot');
    src: url('fonts/socialico-webfont-.eot#iefix') format('embedded-opentype'),
         url('fonts/socialico-webfont.woff') format('woff'),
         url('fonts/socialico-webfont.ttf') format('truetype'),
         url('fonts/socialico-webfont.svg.html#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@2x.png) center center 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 center center;
		background-size: 174px 74px;
	}
}
/*=================================================================*/
/* Menu
/*=================================================================*/
#menu{
	margin-top: 24px;
	display: block;
	position: relative;
	z-index: 9999;
	overflow: visible;
}
/*Fix for ie8*/
html.msie8 #menu{
	overflow: visible !important; 
}


#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{
	
	
}


#menu .nav > li .order{ /*border-left: 1px solid #4b4b47;*/
	border-right: 0px 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 10px 18px ;
	font: 400 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



#menu .nav > li:hover > a{
	border-bottom: 3px solid #acd373;
	padding-bottom: 15px;
	
}


#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;
	
	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:hover,
#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 !important;
	filter: none !important;
}

#menu .nav .dropdown-menu > li a:hover,
#menu .nav .dropdown-menu > li a:focus{
	background-image: none !important;
	background: transparent !important;
	filter:  none !important;
}

.dropdown-menu li{
	position: relative;
}
/*
#menu.collapse{
	overflow: hidden !important;
	height: 0 !important;
}
#menu.in{
	height: auto !important;
	overflow: visible !important;
}
*/

.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 .banner{
	opacity: 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;
	background:transparent !important;
}
.banner{
	width:960px;
	height:463px;
	position:relative;
	overflow:hidden;
}

.tp-bannertimer{

}
   
   


#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: normal;
	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;
	top: 0px;
	left: 0;
	/*color: #fbfbfb;*/
	color: #f7f7f7;
	margin-bottom: 0;
	margin-top: 0;
	opacity: 0.5;
	
}
.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: 10px;
}

#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: 0px;
	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: 0px;
}
.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;
	font-weight: normal;
}
#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 .tweet_list 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 .tweet_list li a:first-child{
	font-weight: bold;
	color: #e05b32;
}
#sidebar .tweet_list li abbr{
	display: block;
	border: none;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar .tweet_list li span.icon-twitter{
	float: right;
	margin-top: -16px;
	color: #c4c4c2;
	font-size: 14px;
	margin-right: -5px;
	position: absolute;
	right: 10px;
	bottom: 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: 0px;
}

/*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: 20px;
}

#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.google 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: 0px;
	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: 0px;
    padding-right: 25px; /* 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: 7px 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("http://mcstudiosmx.com/demo/wp/bellum/wp-content/themes/bellum/../img/assets/10.jpg");
}

.ch-img-2 { 
	background-image: url("http://mcstudiosmx.com/demo/wp/bellum/wp-content/themes/bellum/../img/assets/11.jpg");
}

.ch-img-3 { 
	background-image: url("http://mcstudiosmx.com/demo/wp/bellum/wp-content/themes/bellum/../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;
}

#big .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;
}
#big .accordion-heading,
#big .accordion-toggle{
	border: none !important;
	padding-left: 0;
	font-weight: bold;
	color: #84847f;
}
#big .accordion-inner{
	border: none;
	font-weight: normal;
	font-size:14px;
}

#big .accordion-inner em{
	position: relative; right:0px;
	font-style:normal;
}

#big .accordion-body{
	border: none;
	border-bottom: 1px solid #efefef;
}
#big .closed .tab-icon{
	background-position: 0 0px;
}
#big .open .tab-icon{
	background-position: 0 -50px;
}

#big{
	width: auto;
}

/*Sidebar accordion*/
#big .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;
}



	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#latest-projects .block, #latest-posts .block, .portfolio-4 .block { width:167px; height:155px; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:167px; height:155px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:155px; height:143px }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:155px; height:143px; }

		.portfolio-3 .block, .portfolio-3 .stack { width:231px; height:215px; }
		.portfolio-3 .block img, .portfolio-3 .block .mask, .portfolio-3 .block iframe { width:219px; height:203px }
		
		.jcarousel-skin-tango .jcarousel-item { width: 172px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}
		#clients .block { width:170px;}
		#clients .block img { width:170px;}
		#latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe { width:155px; height:143px; }
		#top-panel .location-map iframe { width:172px; height:200px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:162px;}
		#contacts-form textarea { width: 354px; }
		#latest-posts .mejs-container {width:137px !important;}
		#latest-posts .block .text { height: 80px;}
		.image-post { width: 530px; }
		.entry-post { /*width: 536px;*/ }
		.entry-post .stack { width: 512px; height: 248px; }
		.meta-post .tags { display: none; }		
		.meta-post { width: 94%; }
		.image-post iframe { height: 295px; }
		.format-video .stack { height: 278px; }		
		.format-audio .stack { height: 61px; }
		.format-quote .stack { height: 122px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }		
		.format-audio .audio-wrapper { width: 462px; }	
		.format-quote .image-post { height: 165px; }
		.format-quote .stack { height: 148px; }
		.format-aside .image-post { height: 95px; }		
		.format-aside .stack { height: 78px; }		
		 #slidesjs-container img {	height: 265px; }		
		 #slidesjs-container, .slides_container { height: 265px; }		 
		.format-gallery img { width: 530px; }
		.format-gallery .image-post { height: 265px; }
		.thumbs li img { width: 66px; height: 66px; }	
		#searchform input[type=text] { padding-right: 0; width: 162px; background-position: 141px -759px;}
		.four-column img { width: 236px; }
		.portfolio-4 .mask .link-icon { top: 117px; left: 129px; }
		.portfolio-3 .mask .link-icon { top: 177px; left: 193px; }		
		.portfolio-4 .columns:hover .mask .zoom-icon { top: 58px; left: 56px; }
		.portfolio-4 .columns:hover .mask .link-icon { top: 58px; left: 88px; }
		.portfolio-3 .column:hover .mask .zoom-icon { top: 88px; left: 80px; }
		.portfolio-3 .column:hover .mask .link-icon { top: 88px; left: 112px; }		
		.portfolio-4 .stack .title { width: 140px; }
		.portfolio-3 .stack .title { width: 205px; }
		.image-item { width: 542px; }
		.format-video .image-item { height: 302px; }
		.format-gallery .image-item img { width: 542px; }
		.items-info { width: 116px; }
		.format-gallery .image-item { height: 265px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }		
		.google-map iframe { width: 542px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 258px; }
		#contacts-form-main textarea { width: 547px; }
		#products .slides_container { width:555px;	height: 292px; }
		#products .slides_control img {	height: 278px; width: 541px; }
		#products a.prev, #products a.next { top: 255px; }
		#products a.prev { left: 477px; }
		#products a.next { left: 510px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:170px; }
		#products .pagination li img { width: 170px; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) { 
	
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#latest-projects .block, #latest-posts .block, .portfolio-4 .block  { width:195px; height:inherit; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:195px; height:181px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:183px; height:169px; }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:183px; height:169px; }
		
		.portfolio-4 .block, .portfolio-3 .block { width:185px; height:inherit; }
		.portfolio-4 .stack, .portfolio-3 .stack { width:185px; height:172px; }
		.portfolio-4 .block img, .portfolio-3 .block img { width:173px; height:160px; }
		.portfolio-4 .block .mask, .portfolio-3 .block .mask { width:173px; height:160px; }
		.portfolio-4 .block iframe, .portfolio-3 .block iframe { width:173px; height:160px;}
		.item-block { width: 190px !important; margin: 0 10px 30px 10px !important; }
		
		#clients .block { width:198px; height:inherit;}
		#clients .block img { width:198px;}		
		.jcarousel-skin-tango .jcarousel-item { width: 200px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}
		#nav { display:none;}
		#secondary-nav { display:none; }
		#footer-social { float:left; }
		.jcarousel-skin-tango .jcarousel-next-horizontal { right:0; }
		.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 43px;}
		#info-block ul li > div { height: 65px; width: 420px; }	
		#latest-projects .block iframe, #latest-posts .block iframe { width:183px; height:169px; }	
		.fix-fish-menu select {	display:block;  }
		#menu { float: none; }
		.ribbon-front { left: 1px; }
		.ribbon-edge-topleft, .ribbon-edge-bottomleft { display:none; }
		#footer-social li { margin-right: 5px; margin-left: 0px; }
		#top-panel .columns { margin-bottom:20px;}
		#top-panel .location-map iframe { width:420px; height:200px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:190px;}
		#contacts-form textarea { width: 410px; }
		#contact-info li { width:165px; padding-right:20px;}
	
		#latest-posts .mejs-container {width:165px !important;}
		#latest-posts .block .text { height: 110px;}
		#latest-posts .block { width:195px; height:181px; }
		.image-post { width: 394px; }
		.entry-post { width: 420px; }
		.entry-post .stack { width: 376px; height: 180px; }
		.meta-post .tags { display: none; }		
		.meta-post { width: 92%; }
		.image-post iframe { height: 225px; }
		.format-audio .stack { height: 60px; }
		.format-quote .stack { height: 122px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }
		#sidebar, #sidebar-left  { margin-top: 50px; }
		.format-video .stack { height: 208px; }
		.format-audio .audio-wrapper { width: 326px; }	
		.format-quote .image-post { height: 190px; }
		.format-quote .stack { height: 172px; }
		.format-aside .image-post { height: 95px; }		
		.format-aside .stack { height: 77px; }		
		 #slidesjs-container img {	height: 197px; }		
		 #slidesjs-container, .slides_container {	height: 197px; }		 
		.format-gallery img { width: 394px; }
		.format-gallery .image-post { height: 197px; }
		.thumbs li img { width: 67px; height: 67px; }		
		#searchform input[type=text] {  width: 379px; background-position: 383px -759px;}
		.widget.video iframe { height: 200px; }
		.four-column img { width: 168px; }
		#comments-block { width: 420px; }
		#comments-form { width: 420px; }				
		#comments-form textarea { width: 410px; }
		.portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon { top: 134px; left: 147px; }
		.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon { top: 67px; left: 57px; }
		.portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon { top: 67px; left: 89px; }	
		.portfolio-4 .stack .title { width: 160px; }
		.portfolio-3 .stack .title { width: 160px; }	
		
		.image-item { width: 406px; }
		.image-item .mask { width: 406px; height: 203px; }		
		.format-video .image-item { height: 235px; }
		.format-gallery .image-item img { width: 406px; }
		.format-gallery .image-item { height: 197px; }
		.items-info { width: 364px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }
		
		#menu { margin-top: 0px; }
		#topcontrol	{ display: none; }
		.google-map iframe { width: 406px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 190px; }
		#contacts-form-main textarea { width: 410px; }	
		
		#products .slides_container { width:420px;	height: 221px; }
		#products .slides_control img {	height: 207px; width: 406px; }
		#products a.prev, #products a.next { top: 185px; }
		#products a.prev { left: 342px; }
		#products a.next { left: 375px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:203px; }
		#products .pagination li img { width: 203px; }
		#products .pagination { margin-top: 20px; }		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {		
		
		#nav { display:none;}
		#secondary-nav { display:none; }
		#footer-social { float:left; }
		.jcarousel-skin-tango .jcarousel-next-horizontal { right:0; }
		.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 43px;}
		.jcarousel-skin-tango .jcarousel-item { width: 300px !important; }
		.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 20px;}				
		#latest-projects .block, #latest-posts .block, .portfolio-4 .block { width:295px; height:inherit; }
		#latest-projects .stack, #latest-posts .stack, .portfolio-4 .stack { width:295px; height:274px; }
		#latest-projects .block img, #latest-posts .block img, .portfolio-4 .block img { width:283px; height:262px; }
		#latest-projects .block .mask, #latest-posts .block .mask, .portfolio-4 .block .mask { width:283px; height:261px; }
		.nav-projects .viewall { display:none;}
		#clients .block { width:298px;}
		#clients .block img { width:298px;}
		#info-block ul li > div { height: 85px; width: 270px; }
		#latest-projects .block iframe, #latest-posts .block iframe, .portfolio-4 .block iframe { width:283px; height:262px; }
		.fix-fish-menu select {	display:block;  }
		#menu { float: none; }
		#clients .columns { padding-bottom:20px; }
		.ribbon-front { left: 1px; }
		.ribbon-edge-topleft, .ribbon-edge-bottomleft { display:none; }
		#footer-social li { margin-right: 5px; margin-left: 0px; }
		#top-panel .columns { margin-bottom:20px;}		
		#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email] { width:130px;}
		#contacts-form textarea { width: 290px; }
		#contact-info li { width:275px; }
		#latest-posts .mejs-container {width:265px !important;}
		#latest-posts .block .text { height: 200px;}
		#latest-posts .block { width:295px; height:274px; }
		
		.image-post { width: 274px; }
		.entry-post { width: 300px; }
		.entry-post .stack { width: 256px; height: 120px; }
		.meta-post .tags, .meta-post .comments, .meta-post .author { display: none; }	
		.meta-post { width: 90%; }
		.image-post iframe { height: 159px; }
		.format-audio .stack { height: 60px; }
		.format-link .stack { height: 72px; }
		.format-aside .stack { height: 60px; }
		#sidebar, #sidebar-left { margin-top: 50px; }
		.format-video .stack { height: 144px; }
		.format-audio .audio-wrapper { width: 206px; }	
		.format-quote .image-post { height: 265px; }
		.format-quote .stack { height: 247px; }
		.format-aside .image-post { height: 116px; }		
		.format-aside .stack { height: 98px; }				
		 #slidesjs-container img {	height: 137px; }		
		 #slidesjs-container, .slides_container {	height: 137px; }		 
		.format-gallery .image-post { height: 137px; }
		.format-gallery img { width: 274px; }		
		ul.nav-pagination li { margin-right: 4px; }
		ul.nav-pagination li.last { margin-right: 0 !important; }		
		#searchform input[type=text] {  width: 270px; background-position: 270px -759px;}
		.widget.video iframe { height: 200px; }	
		.four-column img { width: 270px; }
		#comments-block { width: 300px; }
		#comments-form { width: 300px; }				
		#comments-form textarea { width: 290px; }
		.portfolio-4 .mask .link-icon, .portfolio-3 .mask .link-icon { top: 236px; left: 257px; }		
		.portfolio-4 .columns:hover .mask .zoom-icon, .portfolio-3 .column:hover .mask .zoom-icon { top: 117px; left: 113px; }
		.portfolio-4 .columns:hover .mask .link-icon, .portfolio-3 .column:hover .mask .link-icon { top: 117px; left: 145px; }
		.item-block { margin-bottom: 30px !important; }
		.portfolio-4 .stack .title { width: 265px; }
		.portfolio-3 .stack .title { width: 265px; }	
		
		.image-item { width: 286px; }
		.image-item .mask { width: 286px; height: 143px; }		
		.format-video .image-item { height: 165px; }
		.format-gallery .image-item img { width: 286px; }
		.format-gallery .image-item { height: 137px; }
		.items-info { width: 244px; }
		.text-item { padding-right: 0; }
		.divider-item-1px { margin-top: 50px !important; }
		
		#menu { margin-top: 0px; }
		#topcontrol	{ display: none; }
		.google-map iframe { width: 286px; }
		#contacts-form-main input[type=text], #contacts-form-main input[type=password], #contacts-form-main input[type=email] { width: 190px; }
		#contacts-form-main textarea { width: 290px; }	
		
		#products .slides_container { width:300px;	height: 158px; }
		#products .slides_control img {	height: 144px; width: 286px; }
		#products a.prev, #products a.next { top: 122px; }
		#products a.prev { left: 222px; }
		#products a.next { left: 255px; }
		#products .pagination { padding-left: 0px; }	
		#products .pagination li a { width:143px; }
		#products .pagination li img { width: 143px; }
		#products .pagination { margin-top: 20px; }		
	
		}
		
		
[class^="icon-big-"] {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	background-image: url(../img/icons/contact1.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-right:10px;
	margin-right:5px;
}
[class^="icon-"], [class*=" icon-"] { width: 10px; height: 16px; }
[class^="icon-big"], [class*=" icon-big"] { width: 10px; height: 16px; }

.icon-big-mail { background-position: 0px 0px; }
.icon-big-phone { background-position: -20px -0px; }

.lefter {text-align:left;}

.topper-menu { font-weight:bold;}

.topper-menu ul {margin-bottom:30px;  }

.topper-menu ul li{ text-decoration:none; 
				 text-align:right;
				 list-style:none;   
				 float:left; 
				 padding:0 10px; 
				 text-transform:uppercase; 
				 font-size:13px; color:#393848;
				 }
				 
.topper-menu ul li a{ 
				 color:#393848!important;}	
				 
.topper-menu ul li a:hover{ 
				 color:#630!important;}
				 

				 
.topper-menu .actives{ 
				 position:relative;
	border-bottom:none; color:#fff; }
	
.topper-menu .actives {
	color:#fff; 
	}
	.actives {color: white;}
/*				 
.actives {color: white;}
.color-white {color:#62523b;}


.topper-menu > li.actives > a,
.topper-menu > li.activess:hover > a{
	border-top: 3px solid #f26c4f;
	padding-top: 13px;
	border-bottom: none;
	padding-bottom: 19px;
	color:#fff;
	
}

#op-menu { text-align:left; font-weight:bold;}
#op-menu ul { float:right; list-style:none;  margin-bottom:10px;} 
#op-menu ul li{ text-decoration:none; color:#000; float:left; padding:0 15px; text-transform:uppercase; font-size:13px;}
#op-menu .active {color:white;}
*/


.apple ul li {font-size:16px; line-height:2em}

.ball ul li {font-size:16px; line-height:normal;}
.logosmall {background:url(../img/ayatana-spa-logo-small.png) left center no-repeat;
			margin-bottom:10px; 
			height:100px;}
			
.btn-online{
	background:#fbc862;
	border:none;
	padding:10px 20px 10px 20px;
	border-radius:4px;
	color:#000;
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;	
	font-family:calibri;
	font-size:16px;
	margin-left:12px;
	cursor:pointer;
	margin-bottom:20px;
	border: 3px solid #f68a22;
	
}

.btn-online:hover{
	background:#f69124;
	color:#fff;
	border: 3px solid #fbc862;
}