/**********************************
	CSS Reset
**********************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul,li{list-style:none;padding:0;margin:0;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;text-decoration: none;}
ins{background-color:#FFF;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.wrapper input,select{vertical-align:middle}
select{ max-width: 100%; }
embed, iframe,object, video{ max-width: 100%; }

::selection{
	background: #333; 
	color: #FFF;
}

::-moz-selection{
	background: #333; 
	color: #FFF;
}

.clear { clear: both; }

.fade-in{
	opacity: 1 !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/**********************************
	Main Style
**********************************/

textarea, input, body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

body{
	background-color: #F1F1F1;
	-webkit-font-smoothing: antialiased;
	background-attachment: fixed;
	color: #373D43;
}

body.disable-scroll .wrapper{
	position: fixed; 
	overflow-y: scroll;
	width: 100%;
}

body.full-width-layout{
	background-color: #FFF;
}


body.full-width-layout #header{
	border-bottom: none;
}

body.full-width-layout .portfolio-filter{
	border-top: none;
}

body.full-width-layout .welcome-message{
	padding: 0 0 53px 0;
}

body.full-width-layout .container{
	margin-top: 0;
	box-shadow: none;
}

body.full-width-layout #footer .copyright,
body.full-width-layout #footer{
	margin-bottom: 0;
}


p{
	font-weight: 400;
}

a{
	color: #373D43;
}

a:hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a > img{
	display: block;
}

strong{
	color: #373D43;
	font-weight: 400;
}

.col_1{
	width: 100%;
}
.col_2{
	width: 91.5%;
}
.col_3{
	width: 83%;
}
.col_4{
	width: 74.5%;
}
.col_5{
	width: 65.9%;
}
.col_6{
	width: 57.5%;
}
.col_7{
	width: 49%;
}
.col_8{
	width: 40.5%;
}
.col_9{
	width: 31.8%;
}
.col_10{
	width: 23.5%;
}
.col_11{
	width: 15%;
}

.wrapper{
	margin: 0 auto;
	width: 1200px;
}

.menu-toggle{
	display: none;
	float: right;
	padding: 7px;
	z-index: 9999;
	position: absolute;
	top: 0;
	right: 25px;
	border-radius: 0 2px 0 2px;
	height: 35px;
	margin-top: 25px;
	text-indent: -9999px;
	width: 35px;
}

.gray-overlay{
	background-color: #333;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9998;
}

.gray-overlay.show{
	opacity: 0.4;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.container{
	background-color: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	margin: 25px 0 25px 0;
	border-radius: 2px;
	padding: 0 50px 0 50px;
}

.container.push-back{
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	filter: grayscale(50%);

	-webkit-transform-origin: 50% 250px;
	-moz-transform-origin: 50% 250px;
	-ms-transform-origin: 50% 250px;
	-o-transform-origin: 50% 250px;
	transform-origin: 50% 250px;
	
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);

	-webkit-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.container.push-front{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);

	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	filter: grayscale(0%);

	-moz-transform-origin: 0 0;
}

.container{
	-webkit-transform-origin: 50% 250px;
	-moz-transform-origin: 50% 250px;
	-ms-transform-origin: 50% 250px;
	-o-transform-origin: 50% 250px;
	transform-origin: 50% 250px;

	-webkit-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-ms-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/**********************************
	Header
**********************************/

#header{
	height: 60px;
	padding: 28px 0 28px 0;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 50px;
}

#header .site-title{
	float: left;
}

.site-title a.logo{
	float: left;
	margin-right: 20px;
}

.site-title a.logo img{
	max-height: 60px;
}

.site-title div{
	float: left;
}

.site-title a h1{
	font-size: 24px;
	font-weight: 700;
	color: #373D43;
	margin-top: 9px;
}

.site-title p{
	font-size: 13px;
	font-weight: 700;
	color: #B1B1B1;
	cursor: default;
	margin-top: 6px;
	line-height: 1.4;
}

/**********************************
	Main Navigation
**********************************/

#nav-menu{
	float: right;
	margin-top: 28px;
}

#nav-menu > li{
	float: left;
	margin-left: 10px;
}

#nav-menu li,
#nav-menu li > a{
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#nav-menu a{
	line-height: 1;
	font-size: 11px;
	color: #808080;
	font-weight: 600;
	padding: 0 15px 0 15px;
}

#nav-menu a:hover{
	color: #373d43;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#nav-menu > li.current-menu-ancestor,
#nav-menu > li.current-menu-item a{
	color: #373d43;
}

.submenu-parent{
	position: relative;
}

#nav-menu .sub-menu{
	position: absolute;
	top: 100%;
	left: -99999px;
	height: 0;
	overflow: hidden;
	background-color: #343639;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	width: 200px;
	z-index: 999;
	border-radius: 2px;
}

#nav-menu .sub-menu .sub-menu{
	border-radius: 0 2px 2px 2px;
}

#nav-menu .submenu-parent:hover > .sub-menu{
	left: -3px;
}

#nav-menu .sub-menu .submenu-parent:hover > .sub-menu{
	top: 0;
	left: 100%;
}

#nav-menu .submenu-parent:hover > .sub-menu{
	height: auto;
	overflow: visible;
}

#nav-menu li a:hover{
	-webkit-transition: color 0.3s ease; 
	-moz-transition: color 0.3s ease; 
	transition: color 0.3s ease;
}

#nav-menu > li > a{
	float: left;
	-webkit-font-smoothing: auto;
}

#nav-menu > li:first-child a:hover{
	border-radius: 3px 0 0 3px;
}


#nav-menu > li > a:hover{
	background-color: #FFFFFF;
	padding-bottom: 15px;
	-webkit-transition: padding-bottom 0.15s ease; 
	-moz-transition: padding-bottom 0.15s ease; 
	transition: padding-bottom 0.15s ease;
}

#nav-menu > li.submenu-parent > a{
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: 100% 4px;
}

#nav-menu > li.submenu-parent:hover > a{
	color: #373d43;
	padding-bottom: 18px;
}

#nav-menu .sub-menu a:hover{
	background-color: #F8F8F8;
}

#nav-menu .submenu-parent > a{
	background-image: url('../images/arrow-right.png');
	background-position: 175px 55%;
	background-repeat: no-repeat;
}

#nav-menu > li.submenu-parent > a{
	background-repeat: no-repeat;
}

#nav-menu ul.sub-menu a{
	color: #333333;
	color: #D9D9D9;
	width: 166px;
	padding: 12px 17px 12px 17px;
	word-break: normal;
	line-height: 1.5;
	font-size: 11px;
	border-bottom: 1px solid #4D4F54;
}

#nav-menu ul.sub-menu li:last-child > a{
	border-bottom: none;
}

#nav-menu ul.sub-menu a:hover{
	background-color: #3F4044;
}

#nav-menu ul.sub-menu > li:first-child a:hover{
	border-radius: 2px 2px 0 0;
}

#nav-menu ul.sub-menu > li:last-child a:hover{
	border-radius: 0 0 2px 2px;
}

#nav-menu li.submenu-parent{
	position: relative;
}

#nav-menu li.submenu-parent:hover > ul.sub-menu{
	display: block;
}

#nav-menu a.submenu-parent-expand{
	display: none;
}

/**********************************
	Dark Header style
**********************************/

body.dark-header #header{
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px;
	padding-right: 50px;
	background-color: #37393D;
	border-bottom: 1px solid #37393D;
}

body.dark-header .site-title a h1{
	color: #FFFFFF;
}

body.dark-header #nav-menu a{
	color: #D3D3D3;
}

body.dark-header #nav-menu > li > a:hover{
	background-color: transparent;
	color: #FFF;
}

body.dark-header #nav-menu > li.submenu-parent:hover > a{
	color: #FFF;
}

/**********************************
	Welcome
**********************************/

.welcome-message{
	padding: 13px 0 63px 0;
	min-height: 61px;
}

.welcome-message span{
	font-size: 60px;
	font-weight: 900;
	cursor: default;
	float: left;
	display: inline-block;
	margin: 0 35px 0 -5px;
	word-break: break-all;
}

.welcome-message p{
	color: #8E8E8E;
	cursor: default;
	font-size: 18px;
	line-height: 1.6;
	padding-top: 2px;
}

.welcome-message p a{
	color: #B1B1B1;
	text-decoration: underline;
}

.welcome-message p a:hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.portfolio-filter.welcome-off{
	margin-top: -51px;
}

.portfolio-details.welcome-off{
	margin: -51px 0 51px 0;
}

/**********************************
	Heart
**********************************/

a.heart-love{
	height: 12px;
	background-image: url('../images/heart.png');
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 20px;
	font-size: 12px;
	color: #B1B1B1;
	float: left;
	display: block;
	line-height: 1;
}

a.heart-love.loved,
a.heart-love:hover{
	background-position: 0 -19px;
}

a.heart-love.loved:hover{
	cursor: default;
}

.post-meta a.heart-love.fade-out-heart,
a.heart-love.fade-out-heart{
	color: #FFF;
	background-position: 0 -19px;
	-webkit-transition: color 0.5s ease; 
	-moz-transition: color 0.5s ease; 
	transition: color 0.5s ease;
}

.post-meta a.heart-love.fade-in-heart,
a.heart-love.fade-in-heart{
	color: #373D43;
	background-position: 0 -19px;
	-webkit-transition: color 0.4s ease; 
	-moz-transition: color 0.4s ease; 
	transition: color 0.4s ease;
}

/**********************************
	Portfolio
**********************************/

.portfolio-filter{
	padding: 35px 0 50px 0;
	border-top: 1px solid #E7E7E7;
	position: relative;
}

.portfolio-keywords li{
	float: left;
	margin: 0 25px 15px 0;
	position: relative;
}

.portfolio-keywords li a{
	background-color: #F2F2F2;
	border-radius: 2px;
	padding: 11px 15px 11px 15px;
	font-size: 11px;
	color: #8E8E8E;
	float: left;
	letter-spacing: -0.02em;
}

.portfolio-keywords li a:hover{
	background-color: #373D43;
	color: #FFF;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	transition: all 0.4s ease;
}

.portfolio-keywords li.active a{
	color: #FFF;
}

.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:      -o-transform, opacity;
	transition-property:         transform, opacity;
}

span.top-tooltip,
.portfolio-keywords li span{
	visibility: hidden;
	opacity: 0;
	background-color: #373D43;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 11px;
	cursor: default;
	margin-left: -8px;
	left: 50%;
	padding: 7px;
	position: absolute;
	top: -37px;
	z-index: 99;
}

span.top-tooltip:after,
.portfolio-keywords li span:after {
	width: 5px;
	height: 5px;
	background-color: #373D43;
	content: "";
	float: left;
	left: 50%;
	position: absolute;
	top: 23px;
	transform: rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin-left: -2px;
	z-index: 99;
}

.portfolio-keywords li.active span,
.portfolio-keywords li.active span:after {
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.content .share-wrapper:hover span.top-tooltip,
.portfolio-keywords li:hover span{
	visibility: visible;
	opacity: 1;
	top: -39px;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.portfolio-list{
	margin: 10px -10px 0 -10px;
}

.portfolio-nav{
	overflow: hidden;
	margin: -30px 0 20px 0;
}

.portfolio-nav a{
	width: 24px;
	height: 24px;
	background-image: url('../images/carousel-nav.png');
	display: block;
	text-indent: -9999px;
	float: right;
	background-color: #3E4042;
	border-radius: 2px;
}

.portfolio-nav a:active{
	margin: 1px 0 -1px 0;
}

.portfolio-nav a.next-portfolio{
	border-radius: 2px 0 0 2px;
}

.portfolio-nav a.prev-portfolio{
	background-position: 0 -24px;
	border-radius: 0 2px 2px 0;
	border-left: 1px solid #555555;
}

.portfolio-nav a.close-portfolio{
	background-position: 0 -72px;
	margin-left: 20px;
}

.portfolio-nav a.disable-nav{
	opacity: 0.3;
	cursor: default;
}

.portfolio-nav a.disable-nav:active{
	margin-top: 0;
	margin-bottom: 0;
}

.portfolio-nav a.disable-nav:hover{
	background-color: #3E4042;
}

.portfolio-nav a.portfolio-back{
	background-color: transparent;
	background-image: none;
	float: left;
	font-size: 13px;
	height: auto;
	margin-top: 6px;
	text-indent: 0;
	width: auto;
}

.portfolio-nav a.portfolio-back:hover{
	background-color: transparent;
}

#slider + .portfolio-details .portfolio-nav.portfolio-archive{
	top: 20px;
}

.portfolio-details .flexslider{
	padding: 0;
}

.portfolio-details .flexslider ul.slides{
	margin: 0;
}

.portfolio-details .slider-direction-nav li a{
	opacity: 0;
	-webkit-transition: opacity 0.3s ease; 
	-moz-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease;
	z-index: 999;
}

.portfolio-details .slider-direction-nav li a.slider-next{
	right: 30px;
	top: 30px;
}

.portfolio-details .slider-direction-nav li a.slider-prev{
	right: 65px;
	top: 30px;
}

.portfolio-list li a{
	display: block;
	overflow: hidden;
	position: relative;
}

.portfolio-list li p > a{
	display: inline;
}

.portfolio-list li a img{
	float: left;
	max-width: 260px;
	max-height: 200px;
	width: 100%;
	height: 200px;
	border-radius: 2px;
}

.portfolio-list.black-and-white li a img{
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.portfolio-list li .hover-details{
	position: absolute;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%; 
	opacity: 0;
	-webkit-transition: opacity 0.4s ease; 
	-moz-transition: opacity 0.4s ease; 
	transition: opacity 0.4s ease;
}

.portfolio-list li h1{
	color: #FFF;
	font-weight: 700;
	font-size: 20px;
	padding: 20px;
	line-height: 1.3;
	text-align: center;
}

.portfolio-list li p{
	color: #DCDCDC;
	font-weight: 400;
	font-size: 10px;
	padding: 12px;
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
}

.portfolio-list li span{
	height: 12px;
	background-image: url('../images/heart.png');
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 0 0 0 20px;
	font-size: 10px;
	color: #B1B1B1;
	float: right;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.portfolio-list li a:hover .hover-details{
	opacity: 1;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	z-index: 999;
}

.portfolio-list li a:hover img{
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	z-index: 0;
}

.portfolio-list.black-and-white li a:hover img{
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	z-index: 0;
}

.portfolio-list li a h1 span{
	padding: 20px;
}

.portfolio-list li{
	float: left;
	margin: 0.85%;
	max-width: 260px;
	width: 23.25%;
}

.portfolio-details{
	display: block;
	height: 0;
	border-top: 1px solid #E7E7E7;
}

.portfolio-details.hidden{
	display: none;
	height: 0;
}

.portfolio-details.loading{
	background-image: url('../images/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.portfolio-details.show{
	position: relative;
	height: auto;
	padding: 50px 0 50px 0;
	-webkit-transition: height 0 ease;
}

.portfolio-similar-items span.dash,
.portfolio-details span.dash{
	width: 15px;
	height: 3px;
	background-color: #373D43;
	display: block;
	left: 0;
	position: absolute;
	top: -2px;
}

body.single-portfolio .portfolio-details span.dash{
	height: 1px;
	top: -1px;
}

.portfolio-similar-items,
.portfolio-details-content{
	opacity: 0;
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.portfolio-details-content.hidden{
	display: none;
}

.portfolio-similar-items.fadein,
.portfolio-details-content.fadein{
	opacity: 1;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.portfolio-similar-items.loading,
.portfolio-details-content.loading{
	opacity: 0;
}

.portfolio-details .gallery{
	float: left;
	margin-right: 4.55%;
	width: 63.65%;
	position: relative;
}

.portfolio-details .gallery img{
	width: 100%;
	height: auto;
}

.portfolio-details .portfolio-meta{
	float: right;
}

.portfolio-meta .portfolio-content,
.portfolio-meta .portfolio-content p{
	color: #8E8E8E;
	cursor: default;
	font-size: 13px;
	line-height: 1.7;
    padding-bottom: 20px;
}

.portfolio-meta p:empty{
	padding: 0;
}

.portfolio-meta .portfolio-content{
	padding-bottom: 0;
}

.portfolio-meta .portfolio-content img{
	max-width: 100%;
}

.portfolio-content .gallery-embed{
	display: none;
}

.portfolio-meta ul{
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 20px;
	margin: 20px 0 25px 0;
}

.portfolio-meta li{
	overflow: hidden;
	padding-bottom: 10px;
}

.portfolio-similar-items > h4,
.portfolio-meta li span{
	cursor: default;
	float: left;
	font-size: 13px;
	font-weight: 700;
	margin-right: 10px;
}

.portfolio-meta li p{
	float: left;
	font-size: 13px;
	font-weight: 400;
	cursor: default;
	color: #B1B1B1;
}

.portfolio-meta li p a{
	color: #B1B1B1;
}

body.single-portfolio .portfolio-meta > a.more-link{
	display: none;
}

a.more-link{
	background-color: #F2F2F2;
	border-radius: 2px 2px 2px 2px;
	color: #B1B1B1;
	font-size: 10px;
	font-weight: 700;
	padding: 11px 13px 11px 13px;
	display: inline-block;
	line-height: 1;
	margin-top: 5px;
	text-decoration: none;
}

a.more-link:active{
	margin: 1px 0 -1px 0;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}

a.more-link span{
	font-size: 11px;
}

.content a.more-link{
	text-decoration: none;
}

a.more-link:hover{
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.portfolio-meta a.heart-love{
	float: right;
	margin-top: 17px;
}

.portfolio-meta a.read-more span{
	font-size: 12px;
}

.portfolio-details h1{
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 3px;
	cursor: default;
	line-height: 1.2;
}

.portfolio-details h1 a{
	color: #373D43;
}

.portfolio-details h1 a:hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.portfolio-details h2{
	color: #B1B1B1;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
	cursor: default;
}

.admin-portfolio-message{
	background-color: #F8F8F8;
	border: 1px solid #E4E4E4;
	border-radius: 2px;
	color: #7D7D7D;
	font-size: 17px;
	margin-bottom: 50px;
	padding: 50px;
	text-align: center;
	cursor: default;
	line-height: 1.7;
}

.admin-portfolio-message a.more-link{
	color: #FFFFFF;
	margin-top: 20px;
}

body.sidebar-on-right .content.portfolio-archive,
body.sidebar-on-left .content.portfolio-archive,
body.sidebar-on-off .content.portfolio-archive{
	padding-bottom: 15px;
	margin: -10px 0 0 0;
}

.content.portfolio-archive p > br{
	display: none;
}


.portfolio-nav.portfolio-archive{
	margin: 0;
	background-color: #FFF;
	float: right;
	z-index: 499;
	padding-left: 30px;
	position: absolute;
    right: 0;
    top: -12px;

}

.content.portfolio-archive h1,
.content.portfolio-archive h2,
.content.portfolio-archive h3,
.content.portfolio-archive h4,
.content.portfolio-archive h5,
.content.portfolio-archive h6{
	margin-bottom: 0;
}

/**********************************
	Portfolio Grid Layout
**********************************/

.portfolio-list.grid-layout{
	margin: 10px -50px 0 -50px;
	overflow: hidden;
}

.portfolio-list.grid-layout li{
	border-right: 1px solid transparent;
	width: 25%;
	padding: 0;
	margin: 0 4.1% 5% 4.15%;
	max-width: 300px;
	position: relative;
}

.portfolio-list.grid-layout li a{
	position: relative;
}

.portfolio-list.grid-layout li h1{
	color: #373D43;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	padding: 20px 10px 10px 10px;
	text-align: center;
	overflow: hidden;
}

.portfolio-list.grid-layout li p{
	color: #606060;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	padding: 0;
	text-align: center;
	position: relative;
	background-color: transparent;
	cursor: default;
}

.portfolio-list.grid-layout li a img{
	width: 100%;
	height: auto; 
	max-width: 300px;
	max-height: 900px;
}

.portfolio-list.grid-layout li .splitter{
	height: 1px;
	display: block;
	width: 100%;
	background-color: #E7E7E7;
	margin-top: 25px;
}

.portfolio-similar-items span.view-more-icon,
.portfolio-list span.view-more-icon{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 44px;
	height: 44px;
	display: block;
	border-radius: 2px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	position: absolute;
	z-index: 999;
	margin-top: -5px;
	padding: 0;
	background-image: url('../images/zoom.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.portfolio-similar-items li a:hover span.view-more-icon,
.portfolio-list li a:hover span.view-more-icon{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-top: -25px;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.splitter-vertical{
	display: block;
	height: 500px;
	left: 49.8%;
	position: absolute;
	top: 50px;
	width: 36.35%;
}

.splitter-vertical span{
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	display: block;
	height: 100%;
	left: -50%;
	position: relative;
}

/**********************************
	Portfolio Grid + Filter Layout
**********************************/

.portfolio-list.grid-layout.filter-on{
	margin: 20px -20px 0 -15px;
}

.portfolio-list.grid-layout.filter-on li{
	margin: 0 1.65% 3% 1.65%;
	width: 21.5%;
	margin: 0 1.4% 3% 1.4%;
    width: 22%;
    margin: 0 1.4% 3% 1.4%;
    width: 22%;
}

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

.portfolio-similar-items{
	border-top: 1px solid #E7E7E7;
	margin: 0;
	padding: 30px 0 50px 0;
	position: relative;
}

.portfolio-similar-items > h4{
	margin: 0 0 10px 0;
	float: none;
}

.portfolio-similar-items > ul li{
	float: left;
	margin: 1.1%;
	max-width: 260px;
	width: 23.2%;
	position: relative;
}

.portfolio-similar-items > ul li:first-child{
	margin-left: 0;
}

.portfolio-similar-items > ul li:last-child{
	margin-right: 0;
}

.portfolio-similar-items > ul li.hidden{
	visibility: hidden;
}

.portfolio-similar-items > ul li a img{
	border-radius: 2px;
	width: 100%;
	height: auto; 
}

.portfolio-similar-items.loading > ul li{
	visibility: hidden;
}

/**********************************
	Portfolio Widget
**********************************/

#sidebar ul.portfolio-plus-list li{
	padding: 0;
	margin: 0;
	background-image: none;
	display: none;
}

#sidebar .portfolio-details{
	height: auto; 
	border-top: none;
}

#sidebar .portfolio-details h1{
	font-weight: 700;
	font-size: 15px;
	margin: 8px 0 8px 0;
}

#sidebar .portfolio-details h2 p{
	font-weight: 700;
	font-size: 11px;
}

#sidebar ul.portfolio-plus-list li h3{
	color: #373D43;
	font-size: 14px;
}

.widget-portfolio-plus .slider-direction-nav li a{
	background-position: -1px -1px;
	height: 22px;
	width: 22px;
	border-radius: 2px 0 0 2px;
	top: 20px;
}

.widget-portfolio-plus .slider-direction-nav li a.slider-next{
	background-position: -1px -25px;
	border-radius: 0 2px 2px 0;
	right: 20px;
}

.widget-portfolio-plus .slider-direction-nav li a.slider-prev{
	right: 42px;
}


ul.portfolio-plus-list li > img{
	width: 100%;
	height: auto;
	border-radius: 2px;
}

.widget-testimonials-plus .portfolio-plus-content{
	margin-top: 7px;
}

/**********************************
	Slider
**********************************/

.gallery:hover .slider-direction-nav li a{
	opacity: 1;
	-webkit-transition: opacity 0.3s ease; 
	-moz-transition: opacity 0.3s ease; 
	transition: opacity 0.3s ease;
}

.slider-control-paging{
	bottom: 20px;
	position: absolute;
	text-align: center;
	width: 100%;
	pointer-events: none;
	z-index: 900;
}

.slider-control-paging li{
	display: inline-block;
	margin: 0 5px 0 5px;
}

.slider-control-paging li a{
	width: 11px;
	height: 11px;
	background-color: rgba(220, 220, 220, 0.5);
	background-color: #FFFFFF;
	border-radius: 20px 20px 20px 20px;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	opacity: 0.6;
	border: 1px solid #FFFFFF;
	border: 1px solid #CCCCCC;
	pointer-events: auto;
}

.slider-control-paging li a:hover{
	background-color: #DEDEDE;
	box-shadow: 0 0 0 2px #FFFFFF inset;
	opacity: 0.9;
}

.slider-control-paging li a.slider-active{
	background-color: #373D43;
	opacity: 1;
	box-shadow: none;
	border: 1px solid #373D43;
}


.slider-direction-nav{
	text-indent: -9999px;
	z-index: 999;
	top: 50%;
}

.content .slider-direction-nav,
.content .slider-direction-nav li{
	margin: 0;
}

.slider-direction-nav li a{
	width: 24px;
	height: 24px;
	position: absolute;
	top: 30px;
	border-radius: 2px;
	background-image: url('../images/carousel-nav.png');
	display: block;
	background-color: #636363;
}

.carousel .slider-direction-nav li a{
	background-image: url('../images/carousel-nav.png');
	top: 60px;
}

.carousel .slider-direction-nav li a.slider-prev{
	left: -10px;
}

.carousel .slider-direction-nav li a.slider-next{
	right: -10px;
}

.slider-direction-nav li a:active{
	margin-top: 1px;
}

.slider-direction-nav li a.slider-prev{
	right: 34px;
}

.slider-direction-nav li a.slider-next{
	background-position: 0 -24px;
	right: 0;
}

.fullscreen-gallery{
	background-color: #636363;
	background-image: url("../images/carousel-nav.png");
	border-radius: 2px;
	height: 24px;
	left: 30px;
	opacity: 0;
	position: absolute;
	text-indent: -9999px;
	top: 30px;
	width: 24px;
	background-position: 0 -48px;
}

.gallery:hover .fullscreen-gallery:hover{
	opacity: 1;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.gallery:hover .fullscreen-gallery{
    opacity: 0.3;
    transition: opacity 0.1s ease 0s;
    z-index: 900;
}


/**********************************
	Single
**********************************/

.top-post-info{
	margin-bottom: 30px;
}


.content{
	float: left;
	margin-right: 4.55%;
	width: 68.15%;
	position: relative;
}

.content h1.post-title{
	font-size: 27px;
	margin: -10px 0 5px 0;
	line-height: 1.4;
	font-weight: 400;
}

body.page .content h1.post-title,
body.single .content h1.post-title{
	font-size: 31px;
}

body.page .content .excerpt,
body.single .content .excerpt{
	border-bottom: 1px solid #E7E7E7;
	margin: 0 0 20px 0;
}

body.single .content .excerpt{
	margin-top: 30px;
}

body.single-format-status .content a.heart-love{
	top: 5px;
}

body.page .content a.heart-love + .excerpt,
body.single .content a.heart-love + .excerpt{
	border-top: 1px solid #E7E7E7;
	padding-top: 30px;
}

body.single .content > .post{
	border-bottom: none;
}

.content h1.post-title a{
	text-decoration: none;
}

.content p.post-meta{
	color: #B1B1B1;
	font-size: 13px;
	margin-bottom: 25px;
	position: relative;
}

body.page .content p.post-meta,
body.single .content p.post-meta{
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 25px;
}

.content p.post-meta span{
	margin: 0 7px 0 7px;
	cursor: default;
}

.content p.post-meta span.category-list{
	margin: 0;
}

.content p.post-meta span.category-list a{
	margin: 0 5px 0 5px;
}

.content p.post-meta span.category-list a:first-child{
	margin-left: 0;
}

.content p.post-meta span.category-list a:last-child{
	margin-right: 0;
}

.content p.post-meta a{
	text-decoration: none;
	color: #B1B1B1;
}

.content a.toggle-comment-form{
	font-size: 9px;
	margin-left: 7px;
}

.content ul.tags{
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	padding: 20px 0 10px 0;
}

body.single .content ul.tags,
body.page .content ul.tags{
	margin-top: -26px;
}

.content ul.tags li{
	float: left;
	background-image: none;
	margin: 0;
	padding: 0;
}

.content a.heart-love{
	float: right;
	position: absolute;
	top: 5px;
	right: 0;
	text-decoration: none;
}

.content a.share-button{
	position: absolute;
	top: 7px;
	right: 0;
	padding: 6px 10px 8px 10px;
	line-height: 1;
	font-weight: 800;
	text-decoration: none;
}



a.share-button{
	background-color: #F1F1F1;
	border-radius: 3px 3px 3px 3px;
	color: #828282;
	font-size: 13px;
}

a.share-button:hover{
	color: #FFF;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.content > .post{
	position: relative;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 40px;
	padding: 0 0 20px 0;
}

/**********************************
	Author Infobox
**********************************/

.author-infobox{
	position: relative;
	border-top: 1px solid #E7E7E7;
	padding: 30px 0 0 0;
	margin: 40px 0 15px 0;
}

.author-infobox img{
	float: left;
	margin: 0 25px 0 0;
	width: 60px;
	height: 60px;  
}

.content .author-infobox h3{
	float: left;
	font-size: 16px;
	margin: -2px 0 5px 0;
	font-weight: 600;
	cursor: default;
}

.content .author-infobox a{
	text-decoration: none;
}

.content .author-infobox p{
	float: left;
	font-size: 13px;
}

.author-infobox small{
	font-size: 11px;
	color: #B1B1B1;
	cursor: default;
}

.author-infobox small a{
    margin: 0 5px;
}

.author-description{
	overflow: hidden;
}

.author-infobox span.dash{
	top: -1px;
}

body.page .comments-wrapper,
body.single .comments-wrapper{
	border-top: 1px solid #E7E7E7;
	position: relative;
	padding-top: 20px;
}

.comments-wrapper span.dash{
	top: -1px;
}

body.author .author-infobox{
	border-top: none;
	margin: -51px -50px 50px -50px;
	padding: 50px 50px 30px 50px;
	border-bottom: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	background-color: #F9F9F9;
}

body.author .author-infobox img{
	width: 80px;
	height: 80px;
	border-radius: 2px;
}

body.author .author-infobox .author-description p{
	font-size: 14px;
	line-height: 1.7;
}

body.author .author-infobox h3{
	cursor: default;
	font-size: 17px;
	font-weight: 600;
	margin: 0 0 10px;
}

/**********************************
	Post Format: Status
**********************************/

.format-status > img.avatar{
	float: left;
	margin-bottom: 25px;
	width: 80px;
	height: 80px;
	border-radius: 2px;
}

.format-status .status-content{
	padding-left: 100px;
	margin-bottom: 25px;
}

.format-status > .author{
	padding: 0 0 0 100px;
	margin: 0 0 7px 0;
	color: #B1B1B1;
	font-size: 12px;
	cursor: default;
}

.format-status > .author span{
	font-weight: 700;
	color: #373D43;
	cursor: default;
	font-size: 15px;
	margin: 0 5px 0 0;
}

.format-status > .author a{
	color: #B1B1B1;
	text-decoration: none;
	font-size: 13px;
	margin: 0 5px 0 5px;
}

/**********************************
	Post Format: Image
**********************************/

body.blog .format-image h1.post-title,
body.blog .format-gallery h1.post-title{
	font-size: 26px;
	font-weight: 400;
	margin: 0 0 5px 0;
}

.format-image .image-content{
	margin-bottom: 20px;
}

.format-image .image-content img{
	display: block;
	margin: 0;
}

.wp-caption-text{
	font-style: italic;
	font-size: 13px;
}



/**********************************
	Post Format: Video
**********************************/

body.blog .format-video h1.post-title{
	font-size: 26px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.format-video .video-content{
	margin-bottom: 20px;
}

.video-content,
.format-video .video-content{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

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

.oembed-wrap{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 15px;
}

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

/**********************************
	Post Format: Audio
**********************************/

.mejs-container{
	margin: 10px 0 25px 0;
	background-color: none !important;
	border-radius: 3px;
}

.mejs-container .mejs-controls{
	border-radius: 3px;
	background: none !important;
	background-color: #272A2D !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total{
	background: none !important;
	background-color: #3A3D41 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: none !important;
	background-color: #4D5055 !important;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-current{
	background: none !important;
}

.mejs-container .mejs-controls .mejs-time span{
	font-size: 10px !important;
	margin-top: 2px !important;
}

.mejs-controls .mejs-button button:focus{
	outline: none !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float{
	background: #F1F1F1 !important;
	color: #424247 !important;
	padding-top: 2px;
	top: -28px !important;
	font-size: 10px;
	border: 1px solid #CDCDCD !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current{
	margin-top: 3px !important;
	font-size: 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner{
	border-color: #F1F1F1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
	top: 18px !important;
}


/**********************************
	Post Format: Quote
**********************************/

.content .format-quote .quote-content{
	margin-bottom: 30px;
}

.format-quote .quote-content figure:first-child + blockquote,
.format-quote .quote-content blockquote:first-child{
	padding-left: 70px;
	border-left: none;
}

.format-quote .quote-content figure:first-child + blockquote:before,
.format-quote .quote-content blockquote:first-child:before{
	font-size: 70px;
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	content: "\201C";
	font-weight: 900;
	position: absolute;
	line-height: 1;
	left: 0;
	top: 0;
	cursor: default;
	font-style: normal;
}

.format-quote .quote-content figure:first-child + blockquote a,
.format-quote .quote-content blockquote:first-child a{
	text-decoration: none;
	font-size: 15px;
	font-style: normal;
}

.content .format-quote figure:first-child + blockquote p,
.content .format-quote blockquote:first-child p{
	font-size: 25px;
	font-family: 'Georgia', 'Times New Roman', Times, serif;
	font-style: italic;
	line-height: 1.7;
	font-weight: 100;
	color: #5C5C5C;
}

.format-quote .quote-content figcaption{
	padding-left: 70px;
}

.content .format-quote a.heart-love{
	right: 0;
	top: 6px;
}

/**********************************
	Post Format: Link
**********************************/

.content .format-link a.heart-love{
	right: 0;
	top: 6px;
}

.format-link > .link-content{
	margin-bottom: 30px;
}

.format-link > .link-content p:first-of-type a{
	background-color: #F1F1F1;
    border-radius: 2px 2px 2px 2px;
    color: #808080;
    display: block;
    font-size: 24px;
    padding: 10px 20px;
    text-decoration: none;
}

.format-link > .link-content p:first-of-type a:hover{
	color: #FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.format-link > .link-content p:first-of-type a:after{
	content: "\00bb";
	position: absolute;
	right: 21px;
	opacity: 0.5;
}

/**********************************
	Post Format - Gallery
**********************************/

.gallery-content{
	padding: 20px 30px 0 30px;
}

.post.format-gallery a.format-all {
	background-position: 0 -150px;
}

.single .gallery-embed,
.page .gallery-embed{
	margin: 0;
}

.gallery-embed ul{
	margin: 0;
}

.gallery-embed li{
	margin: 0 18px 0 0;
	padding: 0;
	background-image: none;
}

.format-gallery .gallery-content > img {
	width: 100%; 
}

.format-gallery p.excerpt{
	padding-bottom: 15px;
}

.gallery-list{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 90px;
}

.gallery-list .items{
	width: 20000em;
	position: absolute;
}

.gallery-list .items li{
	float: left;
}

.format-gallery .meta-info{
	padding-top: 5px;
}

.home .format-gallery .meta-info {
	margin: 0;
	border: none;
}

.current-image{
	position: relative;
}

.current-image img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.current-image img.loaded-image{
	display: none;
}

.current-image .loading{
	background: #FFFFFF url('../images/loading.gif') no-repeat 50% 50%;
	display: block;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 50%;
}

.current-image .caption{
	position: absolute;
	width: 100%;
	bottom: 20px;
}

.current-image .caption p{
	padding: 13px 15px 13px 15px;
	font-size: 13px;
	color: #E1E1E1;
	background-color: rgba(65, 65, 65, 0.7);
	margin: 0 20px 0 20px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	cursor: default;
	line-height: 1.4;
}

.current-image .caption.hidden{
	display: none;
}

.carousel .tooltip{
	display: none;
	position: absolute;
}

.gallery-fade-out{
	opacity: 0.7;
	-webkit-transition: all 0.1s ease; 
	-moz-transition: all 0.1s ease; 
	transition: all 0.1s ease;
}

.gallery-fade-in{
	opacity: 1;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

a.gallery-thumbnail{
	float: left;
	box-shadow: inset 0 0 0 4px #FFFFFF;
	-webkit-transition: margin-top 0.2s ease; 
	-moz-transition: margin-top 0.2s ease; 
	transition: margin-top 0.2s ease;
}

a.gallery-thumbnail:hover{
	opacity: 1;
	margin-top: -2px;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

a.gallery-thumbnail.active,
a.gallery-thumbnail.active:before,
a.gallery-thumbnail.active:hover:before{
	margin-top: -2px;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

a.gallery-thumbnail.active:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	border-radius: 1px;
	box-shadow: 0 0 0 3px #F77A61;
}

a.gallery-thumbnail img{
	float: left;
}

/**********************************
	Swipebox
**********************************/

html.swipebox {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
	background: url('../images/loading-dark.gif') no-repeat center center;
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background:none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding:5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}


#swipebox-slider .slide .swipebox-video-container .swipebox-video{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
  width: 100%!important; 
  height: 100%!important;
  position: absolute;
  top: 0; left: 0;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 25px;
  width: 100%;
}

#swipebox-action {
	top: 40px;
}

#swipebox-caption{
	bottom: 0;
	text-align: center;
	background: #232323;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
	background-image: url('../images/carousel-nav.png') !important;
	background-repeat: no-repeat;
	border: none!important;
	text-decoration: none!important;
	cursor: pointer;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	background-color: #3E4042;
	border-radius: 2px;
}

#swipebox-action #swipebox-close {
  background-position: 0 -72px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  right: 75px;
}

#swipebox-action #swipebox-next{
  background-position: 0 -24px;
  right: 40px;
}

#swipebox-action #swipebox-prev:active,
#swipebox-action #swipebox-next:active{
	margin-top: 1px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}


/* Skin 
--------------------------*/
#swipebox-overlay {
	background: rgba(24, 24, 24, 0.90);
	background: #181818;
}

#swipebox-caption {
	color: #FFF;
	font-size: 12px;
	line-height: 1.4;
	padding: 13px 0 5px 0;
}

/**********************************
	Slider style
**********************************/

#slider{
	padding: 0 0 20px 0;
	margin: -13px -50px -21px -50px;
	z-index: 10;
	position: relative;
}

body.blog #slider{
	margin-top: -51px;
	margin-bottom: 25px;
}

#slider.flexslider .slides{
	margin-left: 0;
}

#slider p.slide-caption{
	position: absolute;
	background-color: #33373A;
	border-radius: 2px;
	bottom: 81px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 900;
	left: 50px;
	padding: 13px;
}

#slider p.slide-description{
	position: absolute;
	left: 50px;
	bottom: 50px;
	padding: 11px;
	background-color: #272A2D;
	color: #FFFFFF;
	border-radius: 2px;
	font-size: 11px;
}

#slider .slider-direction-nav li a{
	background-image: url('../images/carousel-nav.png');
	top: 25px;
}

#slider .slider-direction-nav li a.slider-next{
	right: 25px;
}

#slider .slider-direction-nav li a.slider-prev{
	right: 60px;
	left: auto;
}

#slider ul.slides{
	margin-top: 0;
}

#slider.welcome-off{
	margin-top: -51px;
	margin-bottom: 29px;

}

/**********************************
	Flexslider
**********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0; padding: 0; list-style: none;} 

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;}
.flexslider .slides img {width: 100%; display: block; border-radius: 1px;}
.flexslider.carousel .slides img, .flexslider.carousel .slides a, .flexslider.carousel .slides li{max-height: 80px; max-width: 100px;}
.flexslider.carousel .slides li{ list-style: none; padding: 0; background-image: none;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; padding: 20px 0 20px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.flex-viewport {z-index: 100; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides{
	zoom: 1;
	margin-bottom: 0;
	margin-top: 15px;
	margin-left: -10px;
}

.carousel li {margin-right: 18px}

.flex-direction-nav{
	*height: 0;
}

.flex-direction-nav a{
	width: 45px;
	border-radius: 999px;
	height: 45px;
	display: block;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flexslider.fadein{
	opacity: 1;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

#slider .flex-direction-nav li{
	opacity: 1;
	display: block;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.2);
	width: 45px;
	height: 45px; 
	z-index: 900;
	position: absolute;
	margin: -22px 0 0 0;
	top: 50%;
	right: 30px;
}

#slider .flex-direction-nav li:first-child{
	left: 30px;
}

#slider:hover .flex-direction-nav li{
	background-color: #F1F1F1;
}

#slider .flex-direction-nav li:hover{
	background-color: #F4F4F4;
}

#slider .flex-direction-nav a {
	width: 45px;
	border-radius: 999px;
	background-color: transparent;
	height: 45px;
	display: block;
	z-index: 900;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
	position: relative;
}

.slider-direction-nav .slider-disabled{
	opacity: 0.3 !important;
	filter: alpha(opacity=30); 
	cursor: default;
}

.flex-control-nav{
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
	display: none;
}

.flex-control-nav li{
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a{
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover{
	background: #333;
	background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active { 
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}

.flex-control-thumbs{
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li{
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img{
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover{
	opacity: 1;
}

.flex-control-thumbs .flex-active{
	opacity: 1;
	cursor: default;
}

.flex-direction-nav li{
	display: block;
	border-radius: 999px;
	background-color: #FFF;
	width: 45px;
	height: 45px; 
	position: absolute;
	margin: -22px 0 0 0;
	top: 50%;
	right: -34px;
}

.flex-direction-nav li:first-child{
	left: -34px;
}

.carousel .slider-viewport{
	background-color: #EFEFEF;
	border-radius: 2px;
	border-left: 25px solid #EFEFEF;
	border-right: 25px solid #EFEFEF;
}

.content .carousel .slider-viewport li{
	margin-left: 15px;
	margin-bottom: 15px;
}

/**********************************
	Pagination
**********************************/

ul#pagination{
	margin: 0 0 50px 0;
	text-align: center;
	background-color: #F1F1F1;
	border-radius: 2px 2px 2px 2px;
	color: #808080;
	padding: 15px 10px 15px 10px;
	position: relative;
}

ul#pagination li{
	list-style: none;
	background-image: none;
	display: inline;
	padding: 0;
	margin: 0;
	cursor: default;
}

ul#pagination li a{
	text-decoration: none;
	font-size: 11px;
	padding: 18px 15px 17px 15px;
	color: #B1B1B1;
}

ul#pagination li.next a,
ul#pagination li.prev a{
	padding: 16px 18px 14px 18px;
	font-size: 15px;
	background-color: #E4E3E3;
}

ul#pagination li a.selected,
ul#pagination li a:hover,
ul#pagination li.next a:hover,
ul#pagination li.prev a:hover{
	color: #FFF;
}

ul#pagination li.next a:hover:after,
ul#pagination li.prev a:hover:after{
	color: #FFF;
}

ul#pagination li.next{
	position: absolute;
	right: 0;
}

ul#pagination li.next a{
	border-radius: 0 2px 2px 0;
}

ul#pagination li.next a:after{
	content: "\00bb";
	color: #787878;
}

ul#pagination li.prev{
	position: absolute;
	left: 0;
}

ul#pagination li.prev a{
	border-radius: 2px 0 0 2px;
}

ul#pagination li.prev a:after{
	content: "\00AB";
	color: #787878;
}

ul#pagination li.total{
	display: none;
	text-align: center;
	cursor: default;
	font-family: 'Georgia','Times New Roman',Times,serif;
	font-size: 22px;
}

ul#pagination li.total span{
	opacity: 0.3;
	margin: 0 5px 0 5px;
}


/**********************************
	Comments
**********************************/

.content ul.comments{
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	position: relative;
}

ul.comments li{
	background-image: none;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px dashed #E7E7E7;
}

ul.comments > li:first-child {
	padding-top: 20px;
}

ul.comments li.comment p.author{
	cursor: default;
	color: #B1B1B1;
}

ul.comments li.comment .author span{
	margin: 0 7px 0 0;
	color: #B1B1B1;
	font-size: 11px;
}

ul.comments li.comment .author a.post-date,
ul.comments li.comment .author a.comment-reply-link,
ul.comments li.comment .author > a{
	color: #B1B1B1;
	font-size: 11px;
	margin: 0 7px 0 7px;
}

ul.comments li.comment span.comment-awaiting-moderation{
	margin: 0 7px 0 7px;
}

ul.comments > li.show-all{
	position: absolute;
	top: -11px;
	background-color: #FFF;
	padding-left: 10px;
	right: 0;
}

.content ul.comments > li.show-all a{
	text-decoration: none;
	color: #B1B1B1;
	line-height: 1;

}

ul.comments > li.show-all a:hover{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.comments > li.bypostauthor{

}


ul.comments ul.children{
	margin: 0 0 0 25px;
}

ul.comments ul.children li{
	border-top: none;
}

ul.comments ul.children li:last-child{
	padding-bottom: 0;
}

ul.comments li.comment.hidden{
	opacity: 0;
}

.comments-wrapper img.avatar{
	width: 45px;
	height: 45px;
	float: left;
	border-radius: 1px;  
}

.content .comments-wrapper > h4{
	font-size: 13px;
	cursor: default;
}

.comments-wrapper a.show-pingbacks{
	font-size: 11px;
	color: #B1B1B1;
	text-decoration: none;
	float: left;
	margin: 1px 0 0 15px;
}

.content ul.pingbacks-trackbacks{
	border-top: 1px dashed #E7E7E7;
	padding-top: 20px;
	margin-left: 0;
	display: none;
}

.content ul.pingbacks-trackbacks li{
	font-size: 12px;
	text-decoration: none;
	margin-left: 0;
	margin-bottom: 0;
}

.content ul.pingbacks-trackbacks li + li{
	margin-top: 10px;
}

ul.comments p.author{
	font-size: 12px;
	padding: 0 0 0 65px;
	margin: 0;
}

ul.comments p.author a{
	text-decoration: none;
}

ul.comments .comment-text{
	font-size: 12px;
	line-height: 1.6;
	padding: 0 0 0 65px;
}

.avatars-off ul.comments p.author,
.avatars-off ul.comments .comment-text,
.avatars-off .comment-respond .comment-box-wrap > div{
	padding-left: 0;
	margin-left: 0;
}

.avatars-off .comment-respond .comment-box-wrap span{
	display: none;
}

ul.comments .comment-text p{
	font-size: 12px;
	color: #B1B1B1;
}

.comment-nav-below{
	position: relative;
	margin-top: 2px;
}

.content .comment-nav-below > h4{
	float: left;
	font-size: 10px;
	font-weight: 400;
	cursor: default;
	padding: 0 30px 0 30px;
}

.comment-nav-below a{
	font-size: 0;
	color: transparent;
	background-image: url('../images/comment-nav.png');
	background-color: #F1F1F1;
	border-radius: 2px;
	width: 16px;
	height: 16px;
	display: block;
}

.comment-nav-below a:hover{
	background-color: #373D43;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.comment-nav-below .nav-previous,
.comment-nav-below .nav-next{
	width: 16px;
	height: 16px; 
	background-color: #F1F1F1;
	border-radius: 2px;
	position: absolute;
	top: 0;
}

.comment-nav-below .nav-next{
	right: 0;
}

.comment-nav-below .nav-previous{
	left: 0;
}

.comment-nav-below .nav-next a{
	background-position: 0 16px;
}

.comment-nav-below .nav-previous a.hide,
.comment-nav-below .nav-next a.hide{
	display: none;
}

.comments-wrapper > h4{
	float: left;
}

.comment-nav-below{
	float: right;
}

/**********************************
	Comments - Respond
**********************************/

.comment-respond{
	display: none;
	position: relative;
	padding: 20px 0 0 0;
	overflow: hidden;
	border-top: 1px solid #E7E7E7;
}

ul.comments .comment-respond{
	border-top: none;
	margin-left: 25px;
}

.comment-respond h3.comment-reply-title{
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 15px;
	cursor: default;
}

.comment-respond h3.comment-reply-title a{
	margin-left: 10px;
}

.comment-respond form.comment-form{
	overflow: hidden;
}

body.logged-in .comment-respond form.comment-form{
	margin-top: -32px;
}

.comment-respond .comment-box{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 12px 12px 12px 15px;
	font-size: 13px;
	border-radius: 2px;
	line-height: 1.6;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	resize: vertical;
}

body.logged-in .comment-respond .comment-box{
	height: 46px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.logged-in .comment-respond div.show-box .comment-box {
    height: 100px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.comment-respond input[type='text'].error,
.comment-respond .comment-box.error{
	border: 1px solid #EB8787;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.comment-respond .comment-box-wrap{
	float: right;
	margin-left: -45px;
	width: 100%;
}

.comment-respond .comment-box-wrap > div{
	float: none;
	margin-left: 65px;
	width: auto;
}

.comment-respond .comment-box-wrap span{
	background-color: #FFF;
	border-radius: 2px 2px 2px 2px;
	content: "";
	float: left;
	height: 11px;
	margin-left: 16px;
	margin-top: 16px;
	position: absolute;
	left: 44px;
	top: 53px;
	transform: rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	width: 11px;
	z-index: 99;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	transition: border 0.4s ease;
}

.comment-respond .comment-box-wrap > div:hover span{
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.comment-respond .comment-box-wrap > div:hover span.in-focus,
.comment-respond .comment-box-wrap span.in-focus{
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
}



.comment-respond input[type='text']{
	font-size: 12px;
	padding: 12px 10px 11px 40px;
	border-radius: 2px;
	width: 32%;
	margin-left: 2%;
	float: left;
	background-image: url('../images/comment-form.png');
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.comment-respond input[type='submit']{
	float: right;
	margin: 20px 0 0 0;
}

.comment-respond input.author{
	background-position: 14px 14px;
	margin-left: 0;
}

.comment-respond input.email{
	background-position: 14px -34px;
}

.comment-respond input.url{
	background-position: 14px -76px;
}

.single .comment-respond,
.page .comment-respond{
	display: block;
}

.comments-wrapper em.info{
	color: #B8B8B8;
	float: left;
	font-size: 11px;
	font-style: normal;
	line-height: 1.5;
	margin-top: 20px;
}

body.logged-in .comments-wrapper em.info{
	margin-top: 0;
}

.comments-wrapper .comment-logged-in em.info{
	margin-top: 15px;
}

.comment-logged-in input[type='submit']{
	margin-top: 5px;
}

.loading-overlay,
.content .loading-overlay{
	background: #FFFFFF url('../images/loading.gif') no-repeat 100% 25px;
	display: block;
	height: 100%;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	z-index: 900;
	border-radius: 0 0 4px 4px;
	top: 0;
}

.comments-wrapper  li.loading-overlay{
	padding: 0;
}

.fade-out,
.comments-wrapper  li.loading-overlay.fade-out{
	opacity: 0;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.comments-wrapper p.logged-in-as{
	font-size: 10px;
	text-align: right;
	cursor: default;
}

.comments-wrapper p.must-be-logged-in{
	padding-left: 25px;
	background-image: url('../images/lock.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
}

/**********************************
	Comments - Single
**********************************/

body.single ul.comments .comment-text p,
body.page ul.comments .comment-text p{
	font-size: 13px;
	color: #5C5C5C;
}


/**********************************
	Sidebar
**********************************/

#sidebar{
	float: left;
	width: 300px; 
	font-size: 13px;
	line-height: 1.6;
	color: #808080;
	margin: -5px 0 30px 0;
}

#sidebar img{
	max-width: 100%;
}

#sidebar p{
	margin-bottom: 15px;
}

#sidebar input[type="text"]{
	width: 100%;
}

#sidebar .widget p:last-child{
	margin-bottom: 0;
}

#sidebar span.dash,
.content span.dash{
	background-color: #bbbbbb;
	width: 13px;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
}

body.single article > span.dash,
body.page article > span.dash{
	display: none;
}

#sidebar .widget:last-child span.dash{
	display: none;
}

#sidebar .widget{
	border-bottom: 1px solid #E7E7E7;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	position: relative;
}

#sidebar .widget:last-child{
	margin-bottom: 0;
	border-bottom: none;
}

#sidebar .widget-title{
	float: none;
	color: #373D43;
	margin: 0 0 15px 0;
	font-size: 11px;
	background-color: transparent;
	cursor: default;
}

#sidebar .widget.social-widget{
	padding-bottom: 20px;
}

#sidebar .social-widget-icons a{
	float: left;
	margin: 0 10px 10px 0;
}

#sidebar .social-widget-icons{
	overflow: hidden;
}

#sidebar .widget-order-handle{
	background-position: 10px 11px;
	background-repeat: no-repeat;
	border-radius: 999px 999px 999px 999px;
	display: none;
	height: 30px;
	position: absolute;
	right: 0;
	top: -5px;
	width: 30px;
	z-index: 998;
	background-image: url('../theme-options/images/drag.png');
	opacity: 0.3;
}

#sidebar ul li, #footer ul li{
	background-image: url('../images/arrow-right.png');
	background-position: 0 7px;
	background-repeat: no-repeat;
	margin: 0 0 8px;
	padding: 0 0 0 15px;
}

#sidebar ul li:last-child, #footer ul li:last-child{
	margin-bottom: 0;
}

#sidebar .widget.ui-sortable-helper{
	border-bottom: none;
}

#sidebar .widget.ui-sortable-helper span.dash{
	display: none;
}

.sortable-widget-placeholder{
	background-color: #FAFAFA;
	border-radius: 3px;
	border: 1px dashed #E7E7E7;
	padding-bottom: 30px;
	margin-bottom: 29px;
}

#sidebar .widget-order-handle:hover{
	border: none;
	opacity: 1;
}

#sidebar .widget:hover .widget-order-handle{
	cursor: move;
	display: block;
}

.widget.widget_recent_entries a{
	margin: 0 6px 0 0;
}

.widget.widget_recent_entries span{
	cursor: default;
}

#sidebar table caption,
#footer table caption{
	cursor: default;
	padding: 0 0 20px;
	text-align: left;
}


#sidebar table,
#footer table{
	width: 100%;
	line-height: 1.4;
}

#sidebar table tbody{
	border-bottom: 15px solid #FFFFFF;
}

#sidebar table thead{
	color: #373D43;
	text-align: left;
}

#sidebar table tr{
	border-bottom: 4px solid #FFFFFF;
}

#sidebar table tfoot{

}



/**********************************
	Layouts
**********************************/

body.sidebar-on-right.sidebar-off .primary-content,
body.sidebar-on-left.sidebar-off .primary-content,
body.page-template-template-contact-php.sidebar-off .primary-content,
body.page-template-template-contact-php.sidebar-on-left .primary-content,
body.page-template-template-contact-php.sidebar-on-right .primary-content,
body.sidebar-off .primary-content{
	width: 100%;
	float: left;
	margin-right: 0;
	margin-left: 0; 
}

body.sidebar-on-right.sidebar-off .content,
body.sidebar-on-left.sidebar-off .content,
body.page-template-template-contact-php.sidebar-off .content,
body.page-template-template-contact-php.sidebar-on-left .content,
body.page-template-template-contact-php.sidebar-on-right .content,
body.sidebar-off .content{
	width: 100%;
	margin-right: 0;
	margin-left: 0; 
}

body.sidebar-on-right .primary-content{
	width: 100%;
	float: left;
	margin-right: -300px; 
}

body.sidebar-on-right .content{
	width: auto;
	float: none;
	margin-right: 350px;
}

body.sidebar-on-left .primary-content{
	width: 100%;
	float: right;
	margin-left: -300px; 
}

body.sidebar-on-left .content{
	width: auto;
	float: none;
	margin-left: 350px;
	margin-right: 0;
}


/**********************************
	Pretty Tags Widget
**********************************/

ul.tags li a,
.widget-pretty-tags a.pretty-tag{
	color: #808080;
	background-color: #F1F1F1;
	border-radius: 2px 0 0 2px;
	display: block;
	font-size: 11px;
	height: 10px;
	line-height: 1;
	margin: 0 25px 10px 0;
	padding: 8px 9px 8px 9px;
	position: relative;
	float: left;
	z-index: 1;
	text-decoration: none;
}

ul.tags li a:before,
.widget-pretty-tags a.pretty-tag:before{
	background-color: #F1F1F1;
	border-radius: 2px 2px 2px 2px;
	content: "";
	float: left;
	height: 20px;
	margin-left: 16px;
	margin-top: 16px;
	position: absolute;
	right: -9px;
	top: -13px;
	transform: rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	width: 20px;
	z-index: -1;
}


ul.tags a:hover:before,
ul.tags a:hover,
.widget-pretty-tags a.pretty-tag:hover:before,
.widget-pretty-tags a.pretty-tag:hover{
	color: #FFF;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/**********************************
	Recent Posts Plus
**********************************/

#sidebar .widget.widget_recent_posts_plus ul li{
	padding: 0;
	background-image: none;
	overflow: hidden;
	margin-bottom: 15px;
}

#sidebar .widget.widget_recent_posts_plus a.post-thumbnail{
	float: left;
	margin-right: 15px;
}

#sidebar .widget.widget_recent_posts_plus a > img{
	width: 80px;
	height: 50px;
	border-radius: 1px;
}

#sidebar .widget.widget_recent_posts_plus span{
	display: block;
}



/**********************************
	Typography
**********************************/

.content{
	line-height: 1.5;
	font-size: 14px;
	color: #5C5C5C;
}

.content p{
	font-size: 14px;
	line-height: 1.7;
	color: #5C5C5C;
	margin: 0 0 15px 0;
}

.content a{
	text-decoration: underline;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
	clear: both;
	color: #373D43;
}

.content h1{
	font-size: 31px;
	margin-bottom: 15px;
	font-weight: 700;
}

.content h2{
	font-size: 25px;
	margin-bottom: 15px;
	font-weight: 700;
}

.content h3{
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}

.content h4{
	font-size: 19px;
	margin-bottom: 15px;
	font-weight: 600;
}

.content h5{
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: 600;
}

.content h6{
	font-size: 13px;
	margin-bottom: 15px;
	font-weight: 600;
}

.content strong{
	color: #515151;
	font-weight: 700;
}

.content ol{
	list-style: decimal outside none;
	margin: 10px 0 20px 30px;
}

.content ol li{
	list-style: decimal outside none;
	background-image: none;
	padding: 0 0 0 5px;
}

.content ul{
	margin: 10px 0 20px 30px;
}

.content li{
	margin: 0 0 10px 0;
	background-image: url("../images/arrow-right.png");
	background-position: 0 10px;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

.content pre{
	background-color: #F1F1F1;
    border-radius: 3px;
    overflow: auto;
    padding: 15px 20px 15px 20px;
    margin: 0 0 20px 0;
    font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace;
    font-size: 14px;
}

.content table{
	border-bottom: 1px solid #EDEDED;
	width: 100%;
	line-height: 2;
	font-size: 14px;
	margin-bottom: 30px;
	text-align: left;
}

.content table th{
	font-weight: 700;
	color: #333;
}

.content table td{
	border-top: 1px solid #EDEDED;
    padding: 6px 10px 6px 0;
}

.content form {
	margin-bottom: 20px;
}

.content form input[type="submit"]{
	-webkit-appearance: none;
	border: none;
	color: #FFF;
	text-align: center;
	border-radius: 2px;
	font-size: 11px;
	cursor: pointer;
	padding: 10px 26px 8px 26px;
	outline: none;
	background-color: #E83B3B;
}

.content object,  
.content embed,
.content iframe{
	max-width: 100%;
}

.content dl{
	margin: 0 20px 0 20px;
}

.content dt{
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 5px;
	color: #373D43;
}

.content dd{
	margin-bottom: 20px;
	line-height: 1.7;
}

.content sub {
    bottom: -0.25em;
}

.content sup{
	top: -0.5em;
}

.content sub, .content sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.content address{
	font-style: italic;
	display: block;
	margin-bottom: 20px;
}

.content blockquote{
	margin: 25px 0 25px 0;
	padding: 0 25px 0 25px;
	font-style: italic;
}

.content blockquote p{
	color: #9C9C9C;
}

.content blockquote cite{
	font-weight: 700;
	font-style: normal;
	color: #373D43;
}

.content ins{
	background-color: #FFF9C0;
	color: #626262;
}

.content del{
	opacity: 0.5;
}

.content q{
	font-style: italic;
}

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

.content div{
	max-width: 100%;
	height: auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="time"],
input[type="tel"],
input[type="url"],
textarea{
	padding: 10px;
	font-size: 12px;
	border: 1px solid #E1E1E1;
	border-bottom: 1px solid #D6D4D4;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	transition: border 0.4s ease;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="search"]:hover,
input[type="time"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
textarea:hover{
	border: 1px solid #CDCDCD;
	border-bottom: 1px solid #BBBBBB;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #A7A7A7;
	border-bottom: 1px solid #999999;
}

.alignleft {
	float: left;
	margin: 0 20px 15px 0;
}

.alignright {
	float: right;
	margin: 0 0 15px 20px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text{
	background-color: #F7F7F7;
	padding: 8px;
	cursor: default;
	border-radius: 0 0 2px 2px;
}

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-size: 13px;
	font-style: italic;
	text-align: center;
}

.content .wp-caption{
	max-width: 100%;
}

.content img.featured-image{
	margin-bottom: 30px;
}

.content .excerpt{
	padding: 0 0 30px 0;
}

.content .excerpt p{
	font-size: 17px;
	line-height: 1.7;
	font-style: italic;
	color: #808080;
	margin: 0;
}

body.page .content .excerpt p,
body.single .content .excerpt p{
	padding-left: 25px;
}

.content > .sticky h1.post-title{
	padding-left: 10px;
	border-left: 3px solid #D7D7D7;
}

/**********************************
	Password protected post
**********************************/

.password-post-wrapper{
	background-color: #F1F1F1;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	padding: 25px 0 5px 120px;
	background-image: url('../images/lock-big.png');
	background-repeat: no-repeat;
	background-position: 35px 50%;
	margin-bottom: 20px;
}

.password-post-wrapper p{
	color: #9F9F9F;
	cursor: default;
	font-size: 13px;
	margin-bottom: 10px;
}

.password-post-wrapper input.password-field{
	width: 300px;
}

.password-post-wrapper input[type="submit"]{
	padding: 11px 26px 9px 26px;
}



/**********************************
	Testimonials
**********************************/

.flexslider.testimonials{
	margin: -87px 0 50px 0;
	padding: 50px 0 0 0;
	border-top: 1px solid #E7E7E7;
}

.flexslider.testimonials .slider-direction-nav{
	opacity: 0.3;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.flexslider.testimonials:hover .slider-direction-nav{
	opacity: 1;
}

body.page-template-template-frontpage-mini-php .flexslider.testimonials{
	margin-top: 0;
}

.flexslider.testimonials .slides{
	margin: 0;
}

.flexslider.testimonials .slides img,
.testimonials ul img {
	border-radius: 100px;
	height: 80px;
	width: 80px;
	float: left;
	border: 5px solid #EAEAEA;
}

.testimonials .slides h3 {
	font-size: 17px;
	padding-bottom: 15px;
	padding-left: 120px;
	margin-top: 5px;
}

.testimonials .testimonial{
	padding-left: 120px;
}

.testimonial > p{
	color: #808080;
	font-size: 18px;
	font-weight: 100;
	line-height: 1.6;
	letter-spacing: -0.02em;
}

.testimonials > .dash{
	background-color: #373D43;
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 15px;
}


h4.widget-title{
	font-size: 13px;
	font-weight: 700;
	background-color: #FFF;
	display: block;
	cursor: default;
	float: left;
	margin-top: -9px;
	padding-right: 20px;
}

/**********************************
	Testimonials Widget
**********************************/

#sidebar ul.testimonials-plus-list li{
	padding: 0;
	margin: 0;
	background-image: none;
	display: none;
}

#sidebar ul.testimonials-plus-list li h3{
	color: #373D43;
	font-size: 14px;
}

#sidebar ul.testimonials-plus-list li p{
	font-size: 13px;
	font-style: italic;
	line-height: 1.7;
}

.widget-testimonials-plus .slider-control-paging{
	position: relative;
	top: 0;
	bottom: 0;
	margin: 20px 0 -20px 0;
	text-align: left;
}

.widget-testimonials-plus .slider-control-paging li a.slider-active {
	background-color: #F1F1F1;
	border: 1px solid #E0E0E0;
}

ul.testimonials-plus-list li > img{
	border: 5px solid #EAEAEA;
	border-radius: 100px;
	float: left;
	height: 60px;
	width: 60px;
	margin: 0 15px 2px 0;
}

.widget-testimonials-plus .testimonial-plus-content{
	margin-top: 7px;
}



/**********************************
	Fullwidth Message
**********************************/

.fullwidth-message{
	background-color: #F2F2F2;
	width: 100%;
	padding: 20px 50px 20px 50px;
	margin: 0 -50px 50px -50px;
	overflow: hidden;
}

.fullwidth-message p{
	float: left;
	cursor: default;
	margin-top: 18px;
	font-size: 17px;
	color: #8B8B8B;
}

.fullwidth-message > a{
	color: #FFFFFF;
	font-size: 11px;
	padding: 20px 30px 20px 30px;
	border-radius: 3px;
	float: right;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.fullwidth-message > a:hover{
	color: #FFF;
}

.fullwidth-message > a:active{
	margin: 1px 0 -1px 0;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}

/**********************************
	Page
**********************************/

.page-info {
	background-color: #F9F9F9;
	border-radius: 3px;
	margin-bottom: 50px;
	padding: 20px 30px 20px 30px;
}

.page-info h1{
	color: #808080;
	cursor: default;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.4;
	margin: 2px 0 0 0;
	text-shadow: 0 1px 0 #FFFFFF;
}

.page-info input{
	width: 100%;
}

.page-info #searchform{
	margin-bottom: 10px;
	margin-top: 15px;
}

/**********************************
	Tag Index Page
**********************************/

.tag-index-page ul{
	padding: 0;
	margin: 0;
	float: left;
	width: 21%;
	margin-right: 3%;
	margin-bottom: 3%;
}

.tag-index-page ul li{
	background-image: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #E7E7E7;
	font-size: 13px;
}

.tag-index-page ul li a{
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 0;
}

.tag-index-page ul li span{
	color: #C5C5C5;
	float: right;
}

.tag-index-page ul li a:hover span{
	color: #C5C5C5;
}

.tag-index-page ul li.tag-title{
	position: relative;
	border-bottom: 1px solid #BCBCBC;
	font-weight: 700;
	cursor: default;
	color: #373D43;
}

.tag-index-page span.dash{
	background-color: #373D43;
	opacity: 1;
}

/**********************************
	Contact Page
**********************************/

.contact-page-map{
	margin: -50px 0 30px 0;
}

body.page-template-template-contact-php form.wpcf7-form{
	float: left;
	width: 45%;
	margin-bottom: 50px;
}

body.page-template-template-contact-php form.wpcf7-form > p{
	font-size: 12px;
	margin-bottom: 5px;
}

body.page-template-template-contact-php form.wpcf7-form > p span input{
	margin-top: 5px;
}

body.page-template-template-contact-php form.wpcf7-form textarea,
body.page-template-template-contact-php form.wpcf7-form input[type="text"],
body.page-template-template-contact-php form.wpcf7-form input[type="tel"],
body.page-template-template-contact-php form.wpcf7-form input[type="url"],
body.page-template-template-contact-php form.wpcf7-form input[type="email"]{
	width: 100%;
	margin-bottom: 15px;
}

.contact-page-description{
	width: 45%;
	float: right;
	margin-bottom: 50px;
}

.contact-page-description > a{
	float: left;
	margin-right: 10px;
}

.contact-page-description h3{
	font-weight: 600;
}

.content span.wpcf7-not-valid-tip {
	background-color: #FF8989;
	color: #9A3030;
	border-radius: 2px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #D05454;
	font-size: 12px;
}

.content .wpcf7-validation-errors{
	background-color: #FBED99;
	border: 1px solid #DAD051;
	border-radius: 2px;
	color: #998239;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	margin-left: 0;
}

body.page-template-template-contact-php article > .google-maps{
	margin: -50px -50px 30px -50px;
	padding: 0 50px 0 50px;
	max-width: 1200px;
}

/**********************************
	404 Page
**********************************/

.content .page-404{
	text-align: center;
	margin: 100px 0 200px 0;
}

body.error404 .page-404 h1.post-title{
	border-bottom: none;
	font-size: 48px;
	margin-bottom: 0;
	font-weight: 700;
}

body.error404 .page-404 p{
	font-size: 21px;
}

body.error404 .page-404 #searchform{
	width: 60%;
	margin: 0 auto;
	margin-top: 30px;
}

body.error404 .page-404 #searchform input{
	width: 100%; 
}

body.error404.sidebar-on-left .content,
body.error404.sidebar-on-left .primary-content{
	margin-left: 0;
}


/**********************************
	Footer
**********************************/


#footer{
	margin-top: 100px;
	background-color: #272a2d;
	color: #FFF;
	padding: 40px 50px 0 50px;
	margin: 0 -50px 0 -50px;
	border-radius: 0 0 2px 2px;
}

#footer .widget-section {
	width: 30%;
	float: left;
    margin-left: 5%;
}


#footer .widget-section.first {
	clear: left;
	margin-left: 0;
}

#footer h5.widget-title{
	color: #FFF;
	cursor: default;
	font-size: 11px;
	font-weight: 700;
	padding: 0 0 20px;
}

#footer .widget,
#footer p{
	color: #A0A0A0;
	font-size: 12px;
	line-height: 1.6;
	padding: 0 0 20px;
}

#footer a{
	color: #FFF;
}

#footer img{
	max-width: 100%;
}

#footer a:hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#footer .copyright{
	background-color: #191b1d;
	font-size: 12px;
	color: #868686;
	cursor: default;
	width: 100%;
	overflow: hidden;
	padding: 0 50px 0 50px;
	margin: 20px -50px 0 -50px;
	border-radius: 0 0 2px 2px;
}

#footer .copyright p{
	float: left;
	line-height: 1;
	padding: 15px 0 15px 0;
}

#footer-menu{
	float: right;
	padding: 17px 0 13px 0;
}

#footer #footer-menu li{
	float: left;
	margin: 0 0 0 25px;
	font-size: 9px;
	background-image: none;
	padding: 0;
}

#footer-menu li a{
	float: left;
}

#footer-menu li:last-child p{
	display: none;
}

#footer .copyright li p{
	font-size: 14px;
	float: left;
	padding: 0;
	margin-top: -2px;
	padding: 0 0 0 25px;
}

/**********************************
	Shortcodes
**********************************/

.content .notification-box{
	border-radius: 3px;
	padding: 10px;
	text-align: center;
	cursor: default;
	margin: 0 0 20px 0;
}

.content .notification-box.yellow{
	background-color: #FCF7B6;
}

.content .notification-box.red{
	background-color: #EB5A5F;
	color: #FFF;
}

.content .notification-box.blue{
	background-color: #6292DE;
	color: #FFF;
}

.content .notification-box.green{
	background-color: #53B869;
	color: #FFF;
}

.content .notification-box.gray{
	background-color: #EBEBEB;
}

.splitter_short{
	height: 1px;
	width: 100%; 
	display: block;
	border-bottom: 1px dashed #E0E0E0;
	margin-bottom: 20px;
}

.two_col{
	width: 48%;
	float: left;
	margin-right: 4%;
	word-wrap: break-word;
}

.two_col.last{
	float: right;
	margin-right: 0;
}

.three_col{
	width: 30%;
	float: left;
	margin-right: 4%;
	word-wrap: break-word;
}

.three_col.last{
	float: right;
	margin-right: 0;
}

.splitter-dashed{
	border-bottom: 1px dashed #E0E0E0;
	display: block;
	height: 1px;
	margin-bottom: 20px;
	width: 100%;
}

.splitter-line{
	border-bottom: 1px solid #E0E0E0;
	display: block;
	height: 1px;
	margin-bottom: 20px;
	width: 100%;
}

.two_col + br,
.three_col + br,
.splitter-line + br,
.splitter-dashed + br,
.accordion-wrapper + br,
.content .notification-box + br{
	display: none;
}

/**********************************
	Accordion
**********************************/

.accordion-wrapper > h4{
	background-color: #F1F1F1;
	border-radius: 2px 2px 2px 2px;
	color: #808080;
	display: block;
	font-size: 17px;
	padding: 15px 25px;
	text-decoration: none;
	cursor: pointer;
	font-weight: 400;
	position: relative;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #E4E4E4;
}

.accordion-wrapper > h4:after{
	content: "+";
	opacity: 0.5;
	position: absolute;
	right: 21px;
	top: 21px;
	font-weight: 800;
	line-height: 1;
}

.accordion-wrapper > h4.expanded:after{
	content: "\2013";
	font-size: 16px;
	top: 20px;
}

.accordion-wrapper > h4.expanded,
.accordion-wrapper > h4:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


.accordion-wrapper .accordion-content{
	display: none;
	overflow: hidden;
	margin-bottom: 20px;
}

.accordion-wrapper .accordion-content.slide-down{
	height: auto; 
	max-height: 100px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/**********************************
	Uppercase styling
**********************************/

a.more-link,
.page-info h1,
#nav-menu.show,
.content table th,
.articles-list li p,
.fullwidth-message a,
#header .site-title,
#sidebar .widget-title,
#footer h5.widget-title,
.portfolio-details h2,
.portfolio-details h1 a,
#slider p.slide-caption,
.content .comments-wrapper > h4,
.content form input[type="submit"],
.comment-respond h3.comment-reply-title,
.portfolio-list.grid-layout li h1{
	text-transform: uppercase;
}

/**********************************
	Media Queries
**********************************/

@media screen and
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	a.heart-love{
		background-image: url('../images/heart@2x.png');
		background-size: 12px 30px;
	}

	.menu-toggle,
	.menu-toggle:after,
	.menu-toggle:before{
		background-image: url('../images/menu@2x.png');
		background-size: 24px 3px;
	}

	.comments-wrapper p.must-be-logged-in{
		background-image: url('../images/lock@2x.png');
		background-size: 16px 16px;
	}

	.comment-nav-below a{
		background-image: url('../images/comment-nav@2x.png');
		background-size: 16px 32px;
	}

	#nav-menu > li.submenu-parent > a{
		background-image: url('../images/arrow-down@2x.png');
		background-size: 7px 4px;
	}

	.content li,
	#sidebar ul li, #footer ul li,
	#nav-menu .submenu-parent > a{
		background-image: url('../images/arrow-right@2x.png');
		background-size: 4px 7px;
	}

	.password-post-wrapper{
		background-image: url('../images/lock-big@2x.png');
		background-size: 48px 48px;
	}

	.portfolio-list span.view-more-icon{
		background-image: url('../images/zoom@2x.png');
		background-size: 13px 13px;
	}

	#swipebox-slider .slide {
		background: url('../images/loading-dark@2x.gif') no-repeat center center;
		background-size: 32px 32px;
	}

	#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close,
	.portfolio-nav a, .slider-direction-nav li a, .carousel .slider-direction-nav li a, .fullscreen-gallery{
		background-image: url('../images/carousel-nav@2x.png');
		background-size: 24px 96px;
	}

}


@media screen and (max-width: 1250px){
	.wrapper{
		width: 100%;
	}

	.container{
		margin: 25px 25px 0 25px;
	}

	.portfolio-list.grid-layout li{
		margin: 0 4% 5% 4%;
	}

	.portfolio-list li a img{
		width: 100%;
		height: auto;
	}

	.portfolio-list.grid-layout.isotope .isotope-item{
		transition-duration: 0s;
	}

}

@media screen and (max-width: 980px){

	#nav-menu{
		height: 0;
		text-align: center;
		z-index: 9999;
		overflow: hidden;
		top: 90px;
		opacity: 0;
		margin: 0;
	}

	#nav-menu.show{
		height: auto;
		opacity: 1;
		transition: opacity 0.3s ease, top 0.2s ease;
		-webkit-transition: opacity 0.3s ease, top 0.2s ease;	
	}


	body.sidebar-on-right .primary-content{
		margin-right: -250px;
	}

	body.sidebar-on-right .content{
		margin-right: 300px;
	}

	#sidebar{
		width: 250px; 
	}

	.menu-toggle{
		display: block;
		float: right;
		padding: 7px;
		position: absolute;
		top: 35px;
		right: 75px;
		border-radius: 2px;
		height: 30px;
		margin-top: 25px;
		text-indent: -9999px;
		width: 30px;
		background-image: url('../images/menu.png');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		overflow: hidden;
		z-index: 9999;
	}

	body.logged-in.admin-bar .menu-toggle{
		margin-top: 71px;
	}

	.menu-toggle:after{
		content: "";
		background-image: url('../images/menu.png');
		width: 24px;
		height: 3px;
		float: left;
		position: absolute;
		left: 10px;
		top: 14px;
		-webkit-transition: top 0.2s ease;
		-moz-transition: top 0.2s ease;
		transition: top 0.2s ease;
	}

	.menu-toggle:before{
		content: "";
		background-image: url('../images/menu.png');
		width: 24px;
		height: 3px;
		float: left;
		position: absolute;
		left: 10px;
		bottom: 13px;
		-webkit-transition: bottom 0.2s ease;
		-moz-transition: bottom 0.2s ease;
		transition: bottom 0.2s ease;
	}

	.menu-toggle.close:after{
		top: -5px;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.menu-toggle.close:before{
		bottom: -5px;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	/**********************************
		Mobile Menu
	**********************************/

	#nav-menu.show{
		display: block;
		position: absolute;
		top: 64px;
		width: 100%; 
		padding: 30px;
		overflow: visible;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#nav-menu.show li{
		float: none;
		display: block;
		margin: 0;
	}

	#nav-menu.show li a{
		display: block;
		text-align: center;
		float: none;
		color: #FFF;
		background-color: #3F4044;
		font-size: 13px;
		font-weight: 700;
		padding: 22px;
		border-bottom: 1px solid #4D4F54;
		word-wrap: break-word;
	}

	#nav-menu.show a:hover,
	#nav-menu.show ul.sub-menu a:hover{
		background-color: #343639;
	}

	#nav-menu.show li:first-child a{
		border-radius: 2px 2px 0 0;
	}

	#nav-menu.show li:last-child a{
		border-radius: 0 0 2px 2px;
	}

	#nav-menu.show li.submenu-parent{
		position: static;
	}

	#nav-menu.show li.submenu-parent.hide:hover > ul.sub-menu {
		display: block;
		left: 0;
	}

	#nav-menu.show li.submenu-parent:hover ul.sub-menu {
		display: none;
	}

	#nav-menu.show li.submenu-parent > a{
		background-image: none;
		color: #FFF;
		position: relative;
		line-height: 1.5;
	}

	#nav-menu > li.submenu-parent:hover > a{
		padding-bottom: 22px;
	}

	#nav-menu.show li.submenu-parent > a:after{
		background-color: #2D2D2D;
		content: "+";
		opacity: 0.5;
		position: absolute;
		right: 21px;
		top: 20px;
		font-weight: 800;
		line-height: 1;
		font-size: 15px;
		border-radius: 2px;
		padding: 3px 9px 6px 9px;
	}

	#nav-menu.show ul.sub-menu{
		position: absolute;
		top: 0;
		box-shadow: none;
		left: 0;
		margin: 40px 0 30px 0;
		opacity: 0;
	}

	#nav-menu.show li.hide > a{
		display: none;
		z-index: -999;
	}

	#nav-menu.show .sub-menu.show{
		left: 0;
		top: 0;
		height: auto;
		overflow: visible;
		width: 100%;
		background-color: transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 30px 30px 30px;
		opacity: 0;
		margin-top: 60px;
	}

	#nav-menu.show .sub-menu.show.fadein{
		opacity: 1;
		margin-top: 40px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	#nav-menu.show .sub-menu.show .sub-menu.show.fadein{
		opacity: 1;
		margin-top: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

	#nav-menu.show .sub-menu.show .sub-menu.show{
		margin-top: 20px;
	}

	#nav-menu.show .sub-menu a{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}

}

@media screen and (max-width: 768px){

	#sidebar{
		display: none;
	}

	body.sidebar-on-left .content,
	body.sidebar-on-right .content{
		width: 100%; 
		margin: 0;
	}

	/**************************************
		Portfolio
	**************************************/

	.portfolio-list > li,
	.portfolio-list.grid-layout.filter-on li{
		width: 29%;
		margin: 0 2% 5%;
	}

	.portfolio-list.grid-layout li{
		width: 41%; 
	}

	.portfolio-details .gallery{
		width: 100%; 
		margin-right: 0;
	}

	.portfolio-details .portfolio-meta.col_9{
		width: 100%; 
		margin-top: 25px;
	}

	.portfolio-filter .splitter-vertical{
		display: none;
	}

	/**************************************
		Welcome message
	**************************************/

	.welcome-message{
		text-align: center;
		margin-top: -40px;
		padding: 0 0 40px 0;
	}

	.welcome-message span{
		width: 100%;
		margin: 40px 0 40px 0;
		word-break: break-all;
	}

	.fullwidth-message{
		margin: 0 -50px 0 -50px;
		padding: 40px 50px 50px 50px;
		text-align: center;
	}

	.fullwidth-message p{
		line-height: 1.6;
		font-size: 16px;
		float: none;
		margin-top: 0;
	}

	.fullwidth-message a{
		margin-top: 20px;
		padding: 17px 30px 17px 30px;
		float: none;
		display: block;
	}

	#slider p.slide-description,
	#slider p.slide-caption{
		display: none;
	}

	body.error404 .page-404 h1.post-title{
		font-size: 32px;
	}

	body.error404 .page-404 p{
		font-size: 18px;
		margin-top: 15px;
	}

	body.error404 .page-404 #searchform{
		width: 100%;
	}

	body.page-template-template-contact-php form.wpcf7-form{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact-page-description{
		width: 100%;
		float: right;
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 640px){

	.container{
		padding: 0 25px 0 25px;
	}

	.menu-toggle{
		top: 0;
		right: 25px;
		border-radius: 0 2px 0 2px;
	}

	#header{
		height: auto;
		overflow: hidden;
		padding: 40px 0 40px 0;
	}

	body.dark-header #header{
		height: auto;
		overflow: hidden;
		margin: 0 -25px 30px -25px;
		border-radius: 2px 2px 0 0;
		padding: 40px 0 40px 0;
	}

	#header .site-title {
		width: 100%; 
		text-align: center;
	}

	.site-title a.logo{
		float: none;
		margin: 0;
	}

	.site-title a.logo img{
		display: inline;
		margin: -5px 0 5px 0;
	}

	.site-title div{
		float: none;
	}

	.comment-respond input,
	.comment-respond input[type='text']{
		width: 100%;
		margin: 0;
	}

	.tag-index-page ul{
		width: 29%;
	}

	/**********************************
		Mobile Comment Form
	**********************************/

	.comment-respond input[type='text']{
		margin-top: -1px;
	}

	.comment-respond input.author{
		border-radius: 2px 2px 0 0;
		background-position: 100% 15px;
	}

	.comment-respond input.email{
		border-radius: 0;
		background-position: 100% -33px;
	}

	.comment-respond input.url{
		border-radius: 0 0 2px 2px;
		background-position: 100% -75px;
		width: 100%; 
	}

	.comment-respond input[type='text']{
		padding: 12px 10px 11px 15px;
	}

	.comment-respond input[type="submit"]{
		padding-top: 13px;
		padding-bottom: 11px;
	}

	ul.comments ul.children{
		margin: 0;
	}

	/**************************************
		Footer widgets in single column
	**************************************/

	#footer{
		padding: 40px 25px 0 25px;
		margin: 0 -25px 25px -25px;
	}

	#footer .widget-section{
		width: 100%;
		margin-left: 0;
	}

	ul#footer-menu{
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 15px;
		padding-top: 0;
	}

	#footer ul#footer-menu li {
		display: inline-block;
		float: none;
		width: 100%; 
		margin-left: 0;
	}

	ul#footer-menu li a{
		margin: 0 25px 0 25px;
		padding: 10px 0 10px 0;
	}

	#footer .copyright{
		margin: 15px 0 0 -25px;
		padding: 10px 25px 0 25px;
		text-align: center;
	}

	#footer .copyright p{
		float: none;
	}

	#footer-menu p{
		display: none;
	}

	#footer-menu li a{
		display: block;
		float: none;
	}

	.portfolio-keywords{
		display: none;
	}

	.portfolio-filter{
		padding-top: 15px;
	}

	.portfolio-list li{
		width: 45%;
		max-width: 100%;
	}

	.portfolio-details .slider-control-paging{
		display: none;
	}

	/**************************************
		Welcome message
	**************************************/

	.welcome-message{
		padding-top: 5px;
	}

	.welcome-message span{
		font-size: 50px;
		margin: 30px 0 25px 0;
	}

	.welcome-message p{
		font-size: 15px;
	}

	.fullwidth-message{
		margin: 0 -25px 0 -25px;
		padding: 40px 25px 50px 25px;
	}


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

	.testimonials .testimonial{
		padding: 0 60px 0 60px;
	}

	.flexslider.testimonials .slides img,
	.testimonials img {
		float: none;
		margin: 0 auto;
	}

	.testimonial > p{
		font-size: 17px;
	}

	.testimonials .slides h3{
		padding: 15px 0 15px 0;
		font-size: 17px;
	}

	#slider{
		margin: 0 -25px -25px -25px;
	}

	body.page-template-template-contact-php article > .google-maps{
		margin-top: 0;
	}

	.portfolio-similar-items > ul li{
		width: 47%;
	}

	.portfolio-similar-items > ul li:first-child{
		margin-left: 1.1%;
	}

	.portfolio-similar-items > ul li:last-child{
		margin-right: 1.1%;
	}


}

@media screen and (max-width: 400px){

	body.page .content h1.post-title, body.single .content h1.post-title{
		font-size: 26px;
	}

	.menu-toggle.close{
		border-radius: 2px;
	}

	#header{
		margin-bottom: 30px;
	}

	.content p.post-meta a{
		display: block;
	}

	.content p.post-meta span {
		display: none;
	}

	.content p.post-meta span.category-list{
		display: block;
	}

	ul.comments ul.children{
		margin: 0;
	}

	ul.comments p.author{
		padding: 4px 0 0 60px;
		background-color: #F5F5F5;
		border-radius: 2px;
	}

	ul.comments .comment-text{
		margin-top: 15px;
		padding-left: 0;
	}

	.comments-wrapper img.avatar{
		margin-right: 10px;
	}

	.comments-wrapper em.info{
		display: none;
	}

	.single .content > .post{
		margin-bottom: 0;
	}

	.author-infobox img{
		display: none;
	}

	#slider.flexslider .slides img{
		min-height: 160px;
	}

	.tag-index-page ul{
		padding: 0;
		margin: 0;
		float: left;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.content > .tag-index-page{
		margin-bottom: 15px;
	}

	/**************************************
		Portfolio
	**************************************/

	.portfolio-list.grid-layout.filter-on li,
	.portfolio-list.grid-layout > li,
	.portfolio-list li{
		margin: 0 0 35px 0;
		width: 100%;
	}

	.portfolio-list.grid-layout,
	.portfolio-list{
		margin: 20px 0 0;
	}

	.portfolio-list li .splitter{
		margin-top: 30px;
	}

	.portfolio-list li{
		margin: 12px 0 12px 0;
	}

	.portfolio-list li a img{
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.portfolio-list{
		margin: 20px 0 0 0;
	}

	.portfolio-similar-items > ul li{
		width: 100%;
		margin: 15px 0 15px 0; 
	}

	.welcome-message{
		padding-top: 15px;
	}

	.welcome-message span{
		font-size: 42px;
	}

	.testimonials .testimonial{
		padding: 0 10px 0 10px;
	}

	.testimonial > p{
		font-size: 16px;
	}

	.content .page-404{
		margin: 50px 0 100px 0;
	}

	ul#pagination{
		margin-top: 30px;
		padding: 9px 10px 9px 10px;
	}

	ul#pagination li{
		display: none;
	}

	ul#pagination li.total{
		display: block;
	}

	ul#pagination li.prev,
	ul#pagination li.next{
		margin-top: 6px;
		display: block;
	}

	#footer .copyright p{
		line-height: 1.6;
	}

}