/* ------------------------------------------------------------------------- *
 *  Common
/* ------------------------------------------------------------------------- */
#wrap {
	min-width: 1000px;
	height: 100%;
}
.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
.container.no-sidebar {
	width: 708px;
}

/*  common : content
/* ------------------------------------ */
#content-part {
	width: 708px;
	float: left;
}
#content,
#content-part {
	padding: 30px 0;
}
#content-part.right {
	float: right;
}
.page .portfolio #content,
.page .portfolio #content-part,
.page .front #content {
	padding: 40px 0;
}
.pad {
	padding: 30px 30px 20px;
}

/*  common : sidebar
/* ------------------------------------ */
#sidebar {
	width: 220px;
	padding: 30px 0;
	z-index: 3;
	position: relative;
}
#sidebar.sidebar-right {
	float: right;
	margin-left: 30px;
}
#sidebar.sidebar-left {
	float: left;
	margin-right: 30px;
}
#sidebar.sidebar-full {
	float: none;
	width: 100%;
	padding-top: 0;
}
#sidebar.sidebar-full .text {
	font-size: 14px;
}
#sidebar img {
	max-width: 100%;
	height: auto;
}

/*  common : background image
/* ------------------------------------ */
#background {
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	z-index: -99;
}
#background.bgwidth {
	width: 100%;
}

/*  common : glass
/* ------------------------------------ */
.glass {
	background: url(img/glass.png) no-repeat 50% 50%;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/*  common : play icon
/* ------------------------------------ */
.play {
	opacity: 1;
	z-index: 12;
	background: url(img/icon-play.png) no-repeat 0 0;
	display: block;
	width: 60px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -25px;
	border-radius: 6px;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-o-transition-property: opacity;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease;
	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}

/*  common : responsive videos
/* ------------------------------------ */
.video-container {
	position: relative;
	padding-bottom: 52.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container.fancybox-video {
	display: none;
	width: 700px;
}

/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#header {
	background: #111;
	position: relative;
	z-index: 99;
	margin-bottom: 40px;
	font-family: "LeagueGothic", Arial, sans-serif;
}
#header-inner {
}
#header-top {
}

/*  header : top
/* ------------------------------------ */
#logo {
	background: #333;
	font-size: 34px;
	font-weight: 400;
	text-transform: uppercase;
	float: left;
	height: 60px;
	line-height: 60px;
}
#logo a {
	padding: 0 20px;
	display: block;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	float: left;
	max-width: 100%;
}
#logo a:hover,
#logo a:hover img {
	opacity: 0.9;
}
#logo a:active,
#logo a:active img {
	opacity: 1;
}
#logo a img {
	float: left;
	height: auto;
	padding: 5px 0;
}
#tagline {
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	color: #999;
	float: left;
	margin-left: 20px;
	line-height: 60px;
}

/*  header : nav
/* ------------------------------------ */
/* level 1 */
#nav {
	float: right;
	font-size: 20px;
	font-weight: normal;
}
#nav li {
	border-right: 1px solid #262626;
	list-style: none;
	display: inline;
	float: left;
	position: relative;
}
#nav li a {
	color: #999;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
	padding: 20px 15px;
}
#nav li a:hover,
#nav li:hover a {
	background: #222;
	color: #fff !important;
}
#nav li a:hover,
#nav li:hover a,
#nav li.current_page_item a,
#nav li.current-menu-ancestor a,
#nav li.current-menu-item a {
	color: #fff;
}
#nav li.current_page_item a,
#nav li.current-menu-ancestor a,
#nav li.current-menu-item a {
	color: #333;
}

/* level 2 */
#nav li:hover > ul {
	display: block;
}
#nav ul {
	display: none;
	background: #222;
	padding: 10px 20px;
	width: 140px;
	font-weight: normal;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 999;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4);
}
#nav ul li {
	background: none;
	border: none;
	position: relative;
	padding-bottom: 0;
	float: left;
	margin: 0;
}
#nav ul li a,
#nav li:hover ul li a {
	background: transparent !important;
	border-bottom: 1px solid #303030;
	color: #999 !important;
	text-shadow: none !important;
	font-size: 17px;
	line-height: 16px;
	font-weight: normal;
	float: none;
	padding: 10px 0;
	width: 140px;
	display: block;
}
#nav ul li a:hover,
#nav li:hover ul li a:hover {
	color: #fff !important;
}
#nav ul.sub-menu li:last-child a {
	border-bottom: 0;
}
#nav li.current-menu-parent ul li.current_page_item a,
#nav li.current-menu-parent ul li.current-menu-item a {
	color: #fff !important;
}

/* level 3 */
#nav ul ul {
	display: none;
	width: 140px;
	position: absolute;
	top: -10px;
	left: 140px;
}
#nav ul li:last-child ul a {
	border-bottom: 1px solid #303030 !important;
}
#nav ul li ul li:last-child a {
	border-bottom: 0 !important;
}

/* nav select dropdown */
.select-nav {
	background: #f6f6f6;
	display: none;
	position: relative;
	z-index: 99;
}
.select-nav select.nav {
	background: #f6f6f6;
	border: 1px solid #ccc;
	color: #666;
	display: inline-block;
	font-size: 12px;
	line-height: 21px;
	padding: 5px;
	width: 100%;
}

/* ------------------------------------------------------------------------- *
 *  Section: Subheader
/* ------------------------------------------------------------------------- */
#subheader {
	background: rgba(0, 0, 0, 0.35);
	padding: 10px 0;
	margin-top: -40px;
	margin-bottom: 40px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15),
		0 1px 0 rgba(255, 255, 255, 0.02);
}

#subheader-search {
	float: right;
	margin: 0 0 0 0;
}
#subheader-search input#s {
	background: #111 url(img/widgets/search.png) no-repeat 164px 8px;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	border: 1px solid #111;
	width: 150px;
	padding: 5px 24px 5px 10px;
	margin: 0;
	color: #999;
	box-shadow: none;
}
#subheader-search input#s:focus {
	color: #ccc;
}

#subheader-rss {
	background: #111 url(img/subheader-rss.png) no-repeat right 10px;
	font-size: 12px;
	color: #999;
	display: block;
	float: right;
	margin-right: 6px;
	text-transform: uppercase;
	line-height: 20px;
	padding: 5px 28px 5px 12px;
}
#subheader-rss:hover {
	background-color: #222;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 1px 0 rgba(0, 0, 0, 0.1);
}

/*  dropdown button
/* ------------------------------------ */
/* level 1 */
.dropdown-btn {
	font-size: 12px;
	float: left;
	margin-right: 6px;
}
.dropdown-btn li {
	list-style: none;
	display: inline;
	float: left;
	position: relative;
}
.dropdown-btn li a {
	background-color: #111;
	color: #999;
	display: block;
	text-transform: uppercase;
	line-height: 20px;
	padding: 5px 12px;
}
.dropdown-btn li a.drop {
	background: #111 url(img/subheader-dropdown.png) no-repeat right;
	padding-right: 26px;
}
.dropdown-btn li a.drop:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 1px 0 rgba(0, 0, 0, 0.1);
}
.dropdown-btn li a:hover,
.dropdown-btn li:hover a {
	background-color: #222;
	color: #fff !important;
}
/* level 2 */
.dropdown-btn li:hover > ul {
	display: block;
}
.dropdown-btn ul {
	display: none;
	background: #222;
	padding: 15px 20px;
	width: 130px;
	font-weight: normal;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 999;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-btn ul li {
	background: none;
	border: none;
	position: relative;
	padding-bottom: 0;
	float: left;
	margin: 0;
}
.dropdown-btn ul li a,
.dropdown-btn li:hover ul li a {
	background: transparent !important;
	color: #999 !important;
	font-size: 11px;
	line-height: 16px;
	float: none;
	padding: 8px 0;
	width: 130px;
	display: block;
	border-bottom: 1px solid #303030;
}
.dropdown-btn ul li a:hover,
.dropdown-btn li:hover ul li a:hover {
	color: #fff !important;
}
.dropdown-btn ul li:last-child a {
	border-bottom: 0 !important;
}

/* ------------------------------------------------------------------------- *
 *  Section: Page Title
/* ------------------------------------------------------------------------- */
#page-title {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
#page-title h1,
#page-title h2 {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3em;
}
#page-title h1 span,
#page-title h2 span {
	opacity: 0.5;
	font-weight: 300;
}
.front #page-title h1 {
	font-size: 26px;
	line-height: 1.2em;
	font-weight: 600;
	letter-spacing: -0.5px;
}
.front #page-title h2 {
	color: #999;
	font-size: 20px;
	font-weight: 300;
}
.front-4 #page-title {
	border: none;
}

/* ------------------------------------------------------------------------- *
 *  Section: Page Image
/* ------------------------------------------------------------------------- */
#page-image {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#page-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
}
#page-image-text {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	width: 100%;
	text-align: center;
}
#page-image-text span.caption {
	font-family: "LeagueGothic", Arial, sans-serif;
	color: #fff;
	font-size: 70px;
	line-height: 70px;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(0, 0, 0, 0.4);
}
#page-image-text span.description {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 36px;
	letter-spacing: -0.3px;
	font-weight: 300;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(0, 0, 0, 0.4);
}
#page-image-text span.description i {
	background: rgba(0, 0, 0, 0.7);
	opacity: 0.9;
	font-style: normal;
	padding: 4px 10px;
	border-radius: 2px;
}

/* ------------------------------------------------------------------------- *
 *  Blog Entry
/* ------------------------------------------------------------------------- */
.entry {
	background: #fff url(img/paper.png) repeat-x bottom;
	position: relative;
	overflow: hidden;
	padding-bottom: 6px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
}
.page .entry {
	padding-bottom: 20px;
}
.entry-part {
	width: 448px;
	float: left;
	margin-left: 30px;
}
.blog .entry,
.single .entry,
.archive .entry,
.search .entry {
	margin: 0 0 40px 0;
}

/*  entry : thumbnail
/* ------------------------------------ */
.entry-thumbnail {
	float: left;
	overflow: hidden;
	margin-bottom: 8px;
}
.entry-thumbnail a {
	width: 170px;
	float: left;
	position: relative;
}
.entry-thumbnail img {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
}
.entry-thumbnail a:hover img {
	opacity: 0.9;
}
.entry-thumbnail a:hover span.glass {
	background-position: 40% 50%;
}
.entry-thumbnail a:active .play {
	opacity: 0.8;
}

/*  entry : heading
/* ------------------------------------ */
.entry-heading {
	font-size: 22px;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-bottom: 50px;
}

/*  entry : title
/* ------------------------------------ */
.entry-title {
	color: #222;
}
.entry-title a {
	color: #222;
}
.entry-title a:hover {
	color: #333;
}
.blog .entry-title,
.single .entry-title,
.archive .entry-title,
.search .entry-title {
	margin-bottom: 4px;
	font-family: "LeagueGothic", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1.1em;
	font-weight: normal;
}

/*  entry : meta
/* ------------------------------------ */
.entry-meta li {
	margin-bottom: 4px;
	float: left;
	display: inline;
	margin-right: 14px;
	margin-bottom: 10px;
}
.entry-meta li.entry-date {
	background: url(img/icons-16.png) no-repeat 0 2px;
	padding-left: 22px;
}
.entry-meta li.entry-author a {
	background: url(img/icons-16.png) no-repeat 0 -30px;
	padding-left: 22px;
}
.entry-meta li.entry-comments a {
	background: url(img/icons-16.png) no-repeat 0 -62px;
	padding-left: 22px;
}
.entry-meta li,
.entry-meta a {
	color: #999;
}
.entry-meta a:hover {
	color: #222;
}
.entry-meta span {
	color: #333;
	font-weight: bold;
	display: block;
}
.sticky {
}

/*  entry : tags single
/* ------------------------------------ */
.entry-tags {
	padding: 14px 0;
}
.entry-tags span {
	font-size: 13px;
	color: #999;
	display: block;
	float: left;
	margin: 0 10px 8px 0;
}
.entry-tags a {
	background: #ebebeb url(img/tag.png) no-repeat 0 0;
	display: inline;
	white-space: nowrap;
	font-size: 11px;
	color: #999;
	padding: 1px 7px 1px 18px;
	margin: 0 5px 5px 0;
	border-radius: 4px;
}
.entry-tags a:hover {
	background-color: #333;
	color: #fff;
}

/*  entry : links
/* ------------------------------------ */
.entry-page-links {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
}
a.more-link {
	font-weight: bold;
	font-size: 14px;
}

/*  entry : category
/* ------------------------------------ */
.entry-category {
	background: url(img/hr.png) repeat-x top;
	color: #999;
	font-size: 13px;
	padding: 14px 0;
}
.entry-category a {
}

/*  entry : author block
/* ------------------------------------ */
.entry-author-block {
	background: url(img/hr.png) repeat-x top;
	padding: 30px 0 14px;
}
.entry-author-block .entry-author-avatar {
	float: left;
	overflow: hidden;
}
.entry-author-block .entry-author-avatar img {
	display: block;
	float: left;
	border-radius: 100%;
}
.entry-author-block p {
	font-size: 13px;
	margin-left: 100px;
	margin-bottom: 8px;
}
.entry-author-block p.entry-author-name {
	color: #333;
	font-size: 14px;
	font-weight: 600;
}
.entry-author-block p.entry-author-description {
	color: #999;
}

/*  entry : nav
/* ------------------------------------ */
.entry-nav {
	margin: 30px 0 0;
}
.entry-nav a {
	font-size: 18px;
	font-weight: 600;
	color: #939393;
}
.entry-nav a:hover {
	color: #fff;
}

/* ------------------------------------------------------------------------- *
 *  Tumblog Formats
/* ------------------------------------------------------------------------- */
.icon-32 {
	background: url(img/icons-32.png) no-repeat 0 0;
	width: 32px;
	height: 32px;
	float: right;
}
.format-quote .icon-32 {
	background-position: 0 0;
	margin: 12px 0 14px 14px;
}
.format-link .icon-32 {
	background-position: 0 -32px;
	margin: 0 0 14px 14px;
}
.format-chat .icon-32 {
	background-position: 0 -64px;
	margin: 12px 0 14px 14px;
}

/*  entry format : common
/* ------------------------------------ */
.entry-format {
}
.entry-format p {
	margin: 14px 0;
}

/*  entry format : image
/* ------------------------------------ */
.entry-format.image img {
	float: left;
	height: auto;
	width: 100%;
}
.entry-format.image .image-container {
	position: relative;
	float: left;
	overflow: hidden;
}

/*  entry format : video
/* ------------------------------------ */
.entry-format.video iframe,
.entry-format.video object {
	float: left;
}
.video-container {
	padding-top: 30px;
}

/*  entry format : quote
/* ------------------------------------ */
.format-quote .entry-title {
	display: none;
}
.entry-format.quote {
	background: #fcee21;
	color: #333;
	padding: 10px 30px;
	font-weight: 300;
}
.entry-format.quote blockquote {
	font-size: 22px;
	font-weight: 300;
	line-height: 1.3em;
	font-style: italic;
}

/*  entry format : link
/* ------------------------------------ */
.format-link .entry-title {
	display: none;
}
.entry-format.link {
	padding: 0;
}
.entry-format.link p {
	font-size: 22px;
	font-style: italic;
	margin: 0;
}
.entry-format.link p a {
	background: #333;
	color: #fff;
	font-weight: 300;
	display: block;
	padding: 24px 30px;
}
.entry-format.link p a:hover {
	opacity: 0.8;
}

/*  entry format : chat
/* ------------------------------------ */
.entry-format.chat {
	background: #ddd;
	padding: 10px 30px;
}
.entry-format.chat p {
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
}

/*  entry format : status
/* ------------------------------------ */
.format-status .entry-title {
	display: none;
}
.format-status .text {
	font-size: 22px;
	line-height: 1.3em;
	font-weight: 300;
}

/*  entry format : aside
/* ------------------------------------ */
.format-aside .entry-title {
	display: none;
}

/*  entry format : gallery
/* ------------------------------------ */
.entry-format.gallery {
}
.flex-post .flex-control-paging li a {
	background-position: -56px 0;
}
.flex-post .flex-control-paging li a:hover {
	background-position: -56px -13px;
}
.flex-post .flex-control-paging li a.flex-active {
	background-position: -56px -26px;
}
.caption-bar {
	background: rgba(0, 0, 0, 0.7);
	color: #ccc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	font-size: 13px;
	line-height: 18px;
	display: block;
	width: auto;
	margin: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.caption-bar i {
	font-style: normal;
	font-size: 11px;
	padding: 7px 12px;
	display: block;
}

/*  entry format : audio
/* ------------------------------------ */
.entry-format.audio {
}

/* jplayer */
div.jp-play-bar,
div.jp-volume-bar-value {
	background-color: #fcee21;
}
div.jp-audio,
div.jp-interface,
div.jp-progress,
div.jp-seek-bar {
	width: 100%;
	min-width: 100%;
}
div.jp-progress-container,
div.jp-volume-bar-container {
	border-left: 1px solid #333;
}
div.jp-interface {
	background: #111;
	height: 60px;
	position: relative;
	overflow: hidden;
}
div.jp-interface a {
	transition-property: none;
}
div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	display: inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}
a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
	margin-top: 15px;
}
a.jp-play,
a.jp-pause {
	top: 0;
	left: 0;
}
a.jp-play {
	background: url(img/jplayer.png) 0 0 no-repeat;
}
a.jp-play:hover {
	background: url(img/jplayer.png) -33px 0 no-repeat;
}
a.jp-pause {
	background: url(img/jplayer.png) 0 -30px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url(img/jplayer.png) -33px -30px no-repeat;
}
div.jp-progress-container {
	margin-left: 34px;
	margin-right: 84px;
	height: 6px;
	padding: 27px 10px;
}
div.jp-progress {
	overflow: hidden;
}
div.jp-progress {
	height: 5px;
	padding: 1px;
}
div.jp-seek-bar {
	background-image: url(img/jplayer.png);
	background-position: 0 -163px;
	background-repeat: repeat-x;
	width: 0px;
	height: 5px;
	cursor: pointer;
	border-radius: 1px;
}
div.jp-play-bar {
	background-image: url(img/jplayer.png);
	background-position: 0 -133px;
	background-repeat: repeat-x;
	width: 0px;
	height: 5px;
	border-radius: 1px;
}
div.jp-volume-bar-container {
	width: 40px;
	height: 6px;
	padding: 27px 10px 27px 33px;
	position: absolute;
	top: 0;
	right: 0;
}
div.jp-volume-bar {
	background: #3a3b3c;
	position: relative;
	overflow: hidden;
	width: 40px;
	height: 5px;
	margin-top: 1px;
	cursor: pointer;
	border-radius: 1px;
}
div.jp-volume-bar {
	top: 0;
	left: 0;
}
div.jp-volume-bar-value {
	background-image: url(img/jplayer.png);
	background-position: 0 -133px;
	background-repeat: repeat-x;
	width: 0px;
	height: 5px;
	border-radius: 1px;
}
a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
	margin-top: 15px;
}
a.jp-mute,
a.jp-unmute {
	top: 9px;
	right: 58px;
}
a.jp-mute {
	background: url(img/jplayer.png) -10px -68px no-repeat;
}
a.jp-mute:hover {
	background: url(img/jplayer.png) -43px -68px no-repeat;
}
a.jp-unmute {
	background: url(img/jplayer.png) -10px -98px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url(img/jplayer.png) -43px -98px no-repeat;
}
div.jp-jplayer {
	width: 0px;
	height: 0px;
}

/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.widget {
	color: #777;
	font-size: 12px;
	margin-bottom: 30px;
}
#sidebar .widget {
	background: #1d1d1d url(img/paper.png) repeat-x bottom;
	padding: 20px 20px 26px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4),
		inset 1px 1px 0 rgba(255, 255, 255, 0.02);
}
.widget a {
	color: #999;
}
.widget a:hover {
	color: #333;
}
.widget-title {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 8px;
}
.widget-title a,
.widget-title a:hover {
	color: #fff;
}
.widget-title a img {
	display: block;
	float: left;
	margin: 3px 7px 0 0;
}

/*  widget : common
/* ------------------------------------ */
.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
	padding: 6px 0 6px 20px;
	border-bottom: 1px dotted #262626;
}
.widget_rss ul li,
.widget_pages ul li a,
.widget_nav_menu ul li a {
	border-bottom: 1px dotted #262626;
}

/*  widget : archives
/* ------------------------------------ */
.widget_archive ul li {
	color: #333;
	background: url(img/widgets/arrow.png) no-repeat 4px 10px;
}

/*  widget : categories
/* ------------------------------------ */
.widget_categories ul li {
	color: #333;
	background: url(img/widgets/category.png) no-repeat 4px 10px;
}

/*  widget : links
/* ------------------------------------ */
.widget_links ul li {
	color: #333;
	background: url(img/widgets/link.png) no-repeat 4px 10px;
}

/*  widget : meta
/* ------------------------------------ */
.widget_meta ul li {
	background: url(img/widgets/arrow.png) no-repeat 4px 10px;
}

/*  widget : recent comments
/* ------------------------------------ */
.widget_recent_comments ul li {
	background: url(img/widgets/comment.png) no-repeat 4px 11px;
}
.widget_recent_comments ul li a {
	color: #999;
}

/*  widget : recent entries
/* ------------------------------------ */
.widget_recent_entries ul li {
	background: url(img/widgets/paper.png) no-repeat 4px 10px;
}

/*  widget : pages
/* ------------------------------------ */
.widget_pages ul li a {
	display: block;
	padding: 6px 0;
}
.widget_pages li li a {
	background: url(img/widgets/level-2.png) no-repeat 4px 10px;
	padding-left: 20px;
}
.widget_pages li li li a {
	background: url(img/widgets/level-3.png) no-repeat 4px 10px;
	padding-left: 40px;
}
.widget_pages ul ul,
.widget_pages ul ul ul {
	border: 0;
}

/*  widget : nav menu
/* ------------------------------------ */
.widget_nav_menu ul li a {
	display: block;
	padding: 6px 0;
}
.widget_nav_menu li li a {
	background: url(img/widgets/level-2.png) no-repeat 4px 10px;
	padding-left: 20px;
}
.widget_nav_menu li li li a {
	background: url(img/widgets/level-3.png) no-repeat 4px 10px;
	padding-left: 40px;
}
.widget_nav_menu ul ul,
.widget_nav_menu ul ul ul {
	border: 0;
}

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li {
	padding: 4px 0;
}
.widget_rss ul li a {
	color: #333;
	font-size: 13px;
}
.widget_rss ul li span.rss-date {
	color: #333;
	font-size: 11px;
	font-weight: 600;
	display: block;
}
.widget_rss ul li .rssSummary {
	font-size: 11px;
	margin-top: 2px;
}

/*  widget : search
/* ------------------------------------ */
.widget_search {
}
.widget_search input#s {
	font-size: 12px;
	background: url(img/widgets/search.png) no-repeat 8px 9px;
	width: 148px;
	padding: 6px 4px 6px 26px;
	color: #777;
	border-color: #222;
}
.widget_search input#s:focus {
	color: #999;
	border-color: #292929;
}
.widget_search label.screen-reader-text {
	display: none;
}
.widget_search input#searchsubmit {
	display: none;
}
.widget_search input#searchsubmit:hover {
}

/*  widget : tag cloud
/* ------------------------------------ */
.widget_tag_cloud {
}
.widget_tag_cloud .tagcloud {
	padding-top: 8px;
}
.widget_tag_cloud .tagcloud a {
	color: #999;
}
.widget_tag_cloud .tagcloud a:hover {
	color: #333;
}

/*  widget : text
/* ------------------------------------ */
#sidebar .widget.widget_text {
	background: none;
	padding: 0;
	box-shadow: none;
}
.widget_text .textwidget p {
	margin-bottom: 10px;
}

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a {
	color: #333;
	font-weight: 600;
}
.widget_calendar a:hover {
	color: #333;
}
.widget_calendar #wp-calendar {
	width: 100%;
}
.widget_calendar caption {
	background: #333;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: 600;
	margin: 0 0 6px 0;
	padding: 5px 10px;
}
.widget_calendar th {
	color: #bbb;
	font-weight: 600;
}
.widget_calendar th,
.widget_calendar td {
	padding: 3px 0 3px 0;
	text-align: center;
	border: 1px solid #222;
}

/* ------------------------------------------------------------------------- *
 *  Section: Footer
/* ------------------------------------------------------------------------- */
#footer {
	color: #b0b0b0;
	font-size: 12px;
	width: 100%;
	margin-top: 20px;
}

/*  footer : contact
/* ------------------------------------ */
#footer-contact {
	color: #b0b0b0;
	background: #111;
	border-top: 1px solid #0a0a0a;
	padding-top: 20px;
	padding-bottom: 10px;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.08);
}
#footer-contact a {
	color: #b0b0b0;
}
#footer-contact a:hover {
	color: #fff;
	text-decoration: underline;
}
p#contact-address,
p#contact-phone,
p#contact-email {
	background: url(img/footer-contact.png) no-repeat 0 0;
	line-height: 18px;
	display: block;
	padding: 0 30px 10px 26px;
	float: left;
	margin-top: 5px;
}
p#contact-address {
	background-position: 0 0;
}
p#contact-phone {
	background-position: 0 -54px;
}
p#contact-email {
	background-position: 0 -108px;
	padding-right: 15px;
}
p#footer-credit {
	text-align: center;
	font-size: smaller;
}
p#footer-credit a,
p#footer-credit a:hover {
	text-decoration: underline;
}
p#rights {
	line-height: 18px;
	display: inline-block;
	margin: 5px auto 0;
	border-top: 1px solid #fff;
	padding: 5px 0 0;
	width: 100%;
	border-top: 1px solid #fff;
	text-align: center;
}

/*  footer : bottom
/* ------------------------------------ */
#footer-bottom {
	background: #eee;
	border-top: 1px solid #ddd;
}
#footer-bottom .one-half {
	margin-bottom: 0 !important;
}
#footer-bottom a {
	color: #222;
}
#footer-bottom a:hover {
	color: #b0b0b0;
}
#footer #copy {
	padding: 22px 0;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}

#footer a#to-top {
	background: rgba(0, 0, 0, 0.1);
	display: block;
	padding: 3px 11px;
	float: right;
	margin-left: 20px;
	margin-top: 18px;
	border-radius: 2px;
}
#footer a#to-top:hover {
	background-color: #fff;
}
#footer a#to-top i.icon-top {
	background: url(img/footer-to-top.png) no-repeat 0 0;
	display: block;
	width: 20px;
	height: 20px;
}

#footer-social {
	float: right;
	padding: 18px 0;
}
#footer-social li {
	float: left;
	display: inline;
	margin-left: 10px;
	line-height: 16px;
}
#footer-social li a {
	display: block;
	float: left;
}
#footer-social li a:hover {
	opacity: 0.6;
}
#footer-social li a span.icon {
	background: rgba(0, 0, 0, 0.1);
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	padding: 5px;
	border-radius: 2px;
}
#footer-social li a span.icon img {
	float: left;
}
#footer-social li a span.icon-title {
	display: none;
}

/* ------------------------------------------------------------------------- *
 *  Section: Footer (Widgets)
/* ------------------------------------------------------------------------- */
#footer-widgets {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}

#footer-cross + #footer-widgets {
	padding-top: 0;
}

#footer-widgets a {
	color: #333;
	font-weight: bold;
}
#footer-widgets a:hover {
	color: #222;
}
#footer-widgets .widget-title {
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#footer-widgets .widget-title a,
#footer-widgets .widget-title a:hover {
	color: #333;
}

/*  footer widget : common
/* ------------------------------------ */
#footer-widgets .widget_archive ul li,
#footer-widgets .widget_categories ul li,
#footer-widgets .widget_links ul li,
#footer-widgets .widget_meta ul li,
#footer-widgets .widget_recent_comments ul li,
#footer-widgets .widget_recent_entries ul li {
	border-bottom: 1px dotted #e5e5e5;
}
#footer-widgets .widget_rss ul li,
#footer-widgets .widget_pages ul li a,
#footer-widgets .widget_nav_menu ul li a {
	border-bottom: 1px dotted #e5e5e5;
}

/*  footer widget : rss
/* ------------------------------------ */
#footer-widgets .widget_rss ul li span.rss-date {
	color: #333;
}

/*  footer widget : search
/* ------------------------------------ */
#footer-widgets .widget_search {
}
#footer-widgets .widget_search input#s {
	background-color: #fff;
	width: 193px;
	color: #999;
	border-color: #ddd;
}
#footer-widgets .widget_search input#s:focus {
	color: #333;
	border-color: #ddd;
}

/*  footer widget : tag cloud
/* ------------------------------------ */
#footer-widgets .widget_tag_cloud .tagcloud a {
	color: #999;
}

/*  widget : text
/* ------------------------------------ */
#footer-widgets .widget_text .textwidget {
	padding-top: 8px;
}

/*  footer widget : calendar
/* ------------------------------------ */
#footer-widgets .widget_calendar a:hover {
	color: #333;
}
#footer-widgets .widget_calendar caption {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#footer-widgets .widget_calendar th {
	color: #333;
}
#footer-widgets .widget_calendar th,
#footer-widgets .widget_calendar td {
	border: 1px solid #eee;
}

/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
#entry-comments {
	width: 100%;
	position: relative;
	background: #fff url(img/paper.png) repeat-x bottom;
	padding-bottom: 6px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
}

/*  comments : parent
/* ------------------------------------ */
ol.commentlist li {
	list-style: none;
	font-size: 12px;
	padding-left: 60px;
}
ol.commentlist li.comment .comment-body,
ol.commentlist li.trackback .comment-body {
	background: #f1f1f1;
	clear: both;
	border-bottom: 1px solid #e5e5e5;
	padding: 14px 20px 38px;
	margin: 0 0 10px 0;
	position: relative;
	border-radius: 2px;
}
ol.commentlist li.comment .comment-body .comment-author {
	display: block;
	margin-bottom: 4px;
}
ol.commentlist li.comment .comment-body cite.fn,
ol.commentlist li.trackback .comment-body cite.fn {
	color: #333;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
}
ol.commentlist li.comment .comment-body cite.fn a,
ol.commentlist li.trackback .comment-body cite.fn a {
	color: #333;
}
ol.commentlist li.comment .comment-body cite.fn a:hover,
ol.commentlist li.trackback .comment-body cite.fn a:hover {
	color: #333;
}
ol.commentlist li.comment .comment-body span.says,
ol.commentlist li.trackback .comment-body span.says {
	display: none;
}
ol.commentlist li.comment .comment-body em.comment-awaiting-moderation,
ol.commentlist li.trackback .comment-body em.comment-awaiting-moderation {
	margin-left: 10px;
	color: #21759b;
	font-style: normal;
}
ol.commentlist li.comment .comment-body img.avatar {
	position: absolute;
	left: -60px;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 2px;
}
ol.commentlist li.comment .comment-body p,
ol.commentlist li.trackback .comment-body p {
	margin-bottom: 8px;
	color: #777;
	clear: both;
	line-height: 1.5em;
}

/*  comments : trackback
/* ------------------------------------ */
ol.commentlist li.trackback .comment-body {
	padding: 20px;
}
ol.commentlist li.trackback .comment-body .comment-meta {
	margin-left: 0;
}
ol.commentlist li.trackback .comment-body p {
	margin: 0;
}

/*  comments : meta
/* ------------------------------------ */
ol.commentlist li.comment .comment-body .comment-meta,
ol.commentlist li.trackback .comment-body .comment-meta {
	display: block;
	position: absolute;
	bottom: 18px;
	left: 20px;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 12px;
}
ol.commentlist li.comment .comment-body .comment-meta a,
ol.commentlist li.trackback .comment-body .comment-meta a {
	color: #999;
}
ol.commentlist li.comment .comment-body .comment-meta a.comment-edit-link:hover,
ol.commentlist
	li.trackback
	.comment-body
	.comment-meta
	a.comment-edit-link:hover {
	color: #333;
}

/*  comments : reply button
/* ------------------------------------ */
ol.commentlist li.comment .comment-body .reply {
	position: absolute;
	bottom: 0;
	right: 1px;
}
ol.commentlist li.trackback .comment-body .reply {
	display: none;
}
ol.commentlist li.comment .comment-body .reply a {
	background: #fff;
	padding: 0 8px;
	display: block;
	font-size: 11px;
	color: #999;
	line-height: 24px;
	border-radius: 2px;
}
ol.commentlist li.comment .comment-body .reply a:hover {
	background: #333;
	color: #fff;
}

/*  comments : author comment
/* ------------------------------------ */
ol.commentlist li.comment.bypostauthor .comment-body {
	background-image: url(img/comment-author.png);
	background-repeat: no-repeat;
	background-position: right 10px;
}
ol.commentlist li.comment.bypostauthor li .comment-body {
	background-image: none;
}
ol.commentlist
	li.comment.bypostauthor
	ul.children
	li.bypostauthor
	.comment-body {
	background-image: url(img/comment-author.png);
	background-position: right 10px;
}

/*  comments : child
/* ------------------------------------ */
ol.commentlist li.comment ul.children {
	margin: 0 0 10px 0;
}
ol.commentlist li.comment ul.children li.comment {
	border-left: 1px solid #f1f1f1;
	padding: 0 0 10px 30px;
	margin: 0;
}
ol.commentlist li.comment ul.children li .comment-body {
	margin: 0;
	padding: 12px 20px 38px 70px;
}
ol.commentlist li.comment ul.children li .comment-body cite.fn {
	font-size: 13px;
}
ol.commentlist li.comment ul.children li .comment-body img.avatar {
	width: 40px;
	height: 40px;
	left: 15px;
	top: 15px;
	border-radius: 2px;
}
ol.commentlist li.comment ul.children li .comment-body .comment-meta {
	left: 70px;
}
ol.commentlist li.comment ul.children ul.children {
	margin: 10px 0 0 0;
}
ol.commentlist li:last-child,
ol.commentlist li li:last-child,
ol.commentlist li li li:last-child,
ol.commentlist li li li li:last-child {
	padding-bottom: 0 !important;
}

/*  comments : form
/* ------------------------------------ */
#respond {
	margin: 10px 0 10px 0;
	position: relative;
}
#respond ul {
	background: #f1f1f1;
	padding: 10px 10px 15px 10px;
	border-radius: 2px;
}
#respond ul li {
	width: 98%;
	padding-left: 1%;
}
#respond #cancel-comment-reply-link {
	display: none;
}
#comment-tags span {
	color: #333;
	font-style: italic;
}
#respond li.buttons {
	padding-top: 0;
	padding-bottom: 0;
	float: left;
}

/*  comments : reply
/* ------------------------------------ */
li.comment #respond {
	padding-left: 30px;
	border-left: 1px solid #f1f1f1;
}
li.comment li #respond {
	padding: 0 0 0 30px;
	margin: 10px 0 0 0;
}
li.comment #respond header {
	position: absolute;
	display: block;
	bottom: 20px;
	right: 14px;
	z-index: 2;
}
li.comment #respond header h4,
li.comment #respond header div {
	display: none;
}
li.comment #respond header #cancel-comment-reply-link {
	display: block;
	z-index: 2;
	float: right;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
}

/*  comments : nav
/* ------------------------------------ */
#comment-nav {
	margin: 10px 0;
	padding: 10px;
	border: 1px dotted #e5e5e5;
}
#comment-nav a {
	font-weight: 600;
}
#comment-nav .nav-previous {
	float: left;
}
#comment-nav .nav-next {
	float: right;
}

/* ------------------------------------------------------------------------- *
 *  Template: Portfolio
/* ------------------------------------------------------------------------- */
#portfolio {
	width: 980px;
	margin-right: -20px;
}
.page-template-template-portfolio-php #sticky-footer-push,
.single-portfolio #sticky-footer-push {
	display: none !important;
} /* disable sticky footer */

/*  portfolio : size / pagination
/* ------------------------------------ */
ul#portfolio-size,
ul#portfolio-pagination {
	float: right;
	margin-top: -28px;
}
ul#portfolio-size li,
ul#portfolio-pagination li {
	display: inline;
	float: left;
	margin-left: 4px;
}
ul#portfolio-size li a,
ul#portfolio-pagination li a {
	background: rgba(0, 0, 0, 0.35);
	padding: 6px 7px 5px 8px;
	width: 24px;
	height: 20px;
	float: left;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	border-radius: 2px;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1),
		inset 0 5px 5px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.04);
}
ul#portfolio-size li a i.icon-size,
ul#portfolio-pagination li a i.icon {
	opacity: 0.4;
	background: url(img/icon-switch.png) no-repeat 0 0;
	width: 24px;
	height: 20px;
	display: block;
	float: left;
	-webkit-transition-property: background color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: background color;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-out;
	transition-property: background color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

/*  portfolio : size
/* ------------------------------------ */
ul#portfolio-size li a i.icon-size.small {
	background-position: 0 0;
}
ul#portfolio-size li a i.icon-size.medium {
	background-position: 0 -20px;
}
ul#portfolio-size li a i.icon-size.large {
	background-position: 0 -40px;
}
ul#portfolio-size li a:hover i.icon-size,
ul#portfolio-size li.current a i.icon-size {
	opacity: 1;
}
ul#portfolio-size li.current a {
	cursor: default;
}

/*  portfolio : pagination
/* ------------------------------------ */
ul#portfolio-pagination li.previous a i.icon {
	background-position: 0 -60px;
}
ul#portfolio-pagination li.next a i.icon {
	background-position: 0 -80px;
}
ul#portfolio-pagination li a:hover i.icon {
	opacity: 1;
}
ul#portfolio-pagination li.disabled {
	display: none;
}

/*  portfolio : category
/* ------------------------------------ */
ul#portfolio-filter {
	font-size: 12px;
	text-transform: uppercase;
}
ul#portfolio-filter li {
	display: inline;
	float: left;
	margin: 0 6px 0 0;
}
ul#portfolio-filter li a {
	background: #111;
	color: #999;
	line-height: 20px;
	padding: 5px 12px;
	display: block;
}
ul#portfolio-filter li a:hover,
ul#portfolio-filter li.current a {
	background: #222;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04),
		0 1px 0 rgba(0, 0, 0, 0.1);
}

/*  portfolio : item
/* ------------------------------------ */
.portfolio-item {
	display: block;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.4);
}
.portfolio-item .portfolio-thumbnail {
	display: block;
	position: relative;
}
.portfolio-item .portfolio-thumbnail img {
	display: block;
	max-width: 100%;
	height: auto;
}
.portfolio-item .portfolio-thumbnail:hover span.glass {
	background-position: 30% 50%;
}
.portfolio-item:hover .portfolio-thumbnail img {
	opacity: 0.9;
}
.portfolio-item .portfolio-thumbnail:active .play {
	opacity: 0.8;
}

.portfolio-item a.portfolio-meta {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	display: block;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1),
		inset 0 1px 0 rgba(0, 0, 0, 0.4);
	transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.portfolio-item a.portfolio-meta:hover {
	background: rgba(0, 0, 0, 0.8);
}
.portfolio-item a.portfolio-meta .portfolio-title {
	font-weight: 400;
	color: #fff;
	-webkit-transition-property: background color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: background color;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease;
	transition-property: background color;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.portfolio-item a.portfolio-meta .portfolio-category {
	color: #999;
	font-weight: 300;
	font-size: 13px;
	font-style: italic;
}
.portfolio-item:hover a.portfolio-meta,
.portfolio-item a.portfolio-meta:hover {
	opacity: 1;
}

.fancybox-video.one-half,
.fancybox-video.one-third,
.fancybox-video.one-fourth {
	margin: 0; /*isotope video lightbox issue on size-switch fix*/
}
.fancybox-nav {
	top: 20% !important;
	bottom: 20% !important;
	height: 60% !important; /*makes play button on videos clickable*/
}

/*  portfolio : isotope
/* ------------------------------------ */
.isotope,
.isotope .isotope-item {
	transition-duration: 0.5s;
}
.isotope {
	transition-property: height, width;
}
.isotope .isotope-item {
	transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	transition-duration: 0s;
}

/*  portfolio : single
/* ------------------------------------ */
.single-portfolio #sidebar {
	padding-bottom: 10px;
}
.single-portfolio #content,
.single-portfolio #content-part {
	margin-bottom: 10px;
}
.single-portfolio #content.comments,
.single-portfolio #content-part.comments {
	padding-top: 0;
}
.single-portfolio .entry {
	margin-bottom: 0;
}

.portfolio-item-single {
	position: relative;
	overflow: hidden;
}
.portfolio-category {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	font-style: italic;
}
.portfolio-item-single.pad {
	padding: 15px 15px 40px 15px;
}
#flex-portfolio .flex-control-paging li a {
	background-position: -56px 0;
}
#flex-portfolio .flex-control-paging li a:hover {
	background-position: -56px -13px;
}
#flex-portfolio .flex-control-paging li a.flex-active {
	background-position: -56px -26px;
}

/* ------------------------------------------------------------------------- *
 *  Template: Front
/* ------------------------------------------------------------------------- */
.container.front {
	position: static;
	height: 700px;
}
@media only screen and (max-width: 767px) {
	.container.front {
		height: 200px;
	}
}
@media only screen and (max-width: 479px) {
	.container.front {
		height: 300px;
	}
}

.front #slidecaption {
	padding: 60px 120px 15px;
	max-height: 700px;
	overflow: visible;
	float: none;
	display: block;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
	.front #slidecaption {
		padding-top: 0 !important;
	}
}

.front #slidecaption p {
	color: #fff;
}
.front #slidecaption h1,
.front #slidecaption h2,
.front #slidecaption h3,
.front #slidecaption {
	font-family: "LeagueGothic", Arial, sans-serif;
}
.front #slidecaption h1 {
	font-size: 130px;
	line-height: 1em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.3);
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
.front #slidecaption h2 {
	font-size: 70px;
	line-height: 1.1em;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
.front #slidecaption h3 {
	font-size: 30px;
	line-height: 1.2em;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6);
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
.front #slideurl {
	text-align: right;
}
.front #slideurl a.more {
	background: #333;
	color: #fff;
	font-size: 38px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	padding: 16px 26px;
	display: inline-block;
	margin: 40px 0;
	font-family: "LeagueGothic";
}
.front #slideurl a.more:hover {
	box-shadow: 0 0 40px #333;
}
.front #slideurl a.more:active {
	box-shadow: 0 0 20px #333;
}
.front #progress-back {
	bottom: 20px;
	height: 1px;
}

/* ------------------------------------------------------------------------- *
 *  Template: Sitemap
/* ------------------------------------------------------------------------- */
.sitemap {
	padding-top: 30px;
	font-size: 13px;
	color: #999;
}
.sitemap a {
	color: #777;
}
.sitemap a:hover {
	color: #333;
}
.sitemap .heading {
	background: url(img/hr.png) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.sitemap ul {
	margin-bottom: 14px;
}
.sitemap li {
	border-left: 4px solid #eee;
	padding-left: 20px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sitemap li li li {
	padding-top: 3px;
	padding-bottom: 3px;
}
.sitemap ul ul {
	margin-top: 10px;
}
.sitemap ul ul ul {
	font-size: 12px;
}

/* ------------------------------------------------------------------------- *
 *  Template: Nobox
/* ------------------------------------------------------------------------- */
.nobox .text {
	color: #999;
}
.nobox .text h1,
.nobox .text h2,
.nobox .text h3,
.nobox .text h4,
.nobox .text h5,
.nobox .text h6 {
	color: #eee;
}
.nobox .hr {
	background-image: url(img/hr-light.png);
}
.nobox #page-image {
	margin-bottom: 30px;
}

/* ------------------------------------------------------------------------- *
 *  Template: Child Menu Left / Right
/* ------------------------------------------------------------------------- */
#child-menu {
	zoom: 1;
	background: #1d1d1d;
	position: relative;
	border: 1px solid #111;
	margin-bottom: 30px;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.04),
		0 1px 1px rgba(0, 0, 0, 0.06);
}
#child-menu li a {
	background: url(img/child-menu-top.png) repeat-x 0 bottom;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-shadow: 0 1px 0 #111;
	border-bottom: 1px solid #111;
	display: block;
	padding: 12px 20px;
}

/* show only current page items */
#child-menu li {
	display: none;
}
#child-menu li.current_page_item,
#child-menu li.current_page_parent,
#child-menu li.current_page_ancestor,
#child-menu li.current-menu-item,
#child-menu li.current-menu-parent,
#child-menu li.current-menu-ancestor {
	display: block;
}
#child-menu li.current_page_item ul li,
#child-menu li.current_page_parent ul li,
#child-menu li.current_page_ancestor ul li,
#child-menu li.current-menu-item ul li,
#child-menu li.current-menu-parent ul li,
#child-menu li.current-menu-ancestor ul li {
	display: block;
}
#child-menu li.current_page_item ul li li,
#child-menu li.current_page_parent ul li li,
#child-menu li.current_page_ancestor ul li li,
#child-menu li.current-menu-item ul li li,
#child-menu li.current-menu-parent ul li li,
#child-menu li.current-menu-ancestor ul li li {
	display: none;
}
#child-menu li ul li.current_page_item li,
#child-menu li ul li.current_page_parent li,
#child-menu li ul li.current_page_ancestor li,
#child-menu li ul li.current-menu-item li,
#child-menu li ul li.current-menu-parent li,
#child-menu li ul li.current-menu-ancestor li {
	display: block;
}

/* on 2-depth */
#child-menu li ul li {
	border-bottom: 1px solid #111;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#child-menu li ul li a {
	background-image: none;
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
	border-bottom: 0;
	color: #aaa;
	display: block;
	padding: 12px 30px;
}
#child-menu li ul li:last-child {
	border-bottom: 0;
}
#child-menu li ul li a:hover {
	background: #1b1b1b;
	color: #ddd;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}
#child-menu li li.current_page_item a,
#child-menu li li.current-menu-item a,
#child-menu li li.current_page_parent a,
#child-menu li li.current_page_item a:hover,
#child-menu li li.current-menu-item a:hover,
#child-menu li li.current_page_parent a:hover {
	background: #333;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* on 3-depth */
#child-menu li ul li ul {
	background: #111;
}
#child-menu li ul li ul li {
	padding: 0;
	border: 0;
	box-shadow: none;
}
#child-menu li ul li ul li:first-child {
	padding-top: 5px;
}
#child-menu li ul li ul li:last-child {
	padding-bottom: 5px;
}
#child-menu li ul li ul li a {
	font-weight: normal;
	font-size: 13px;
	padding: 6px 30px;
}
#child-menu li li.current_page_item li a,
#child-menu li li.current-menu-item li a,
#child-menu li li.current_page_parent li a {
	text-shadow: 0 1px 0 #000;
	background: none;
	color: #777;
	box-shadow: none;
}
#child-menu li li.current_page_item li a:hover,
#child-menu li li.current-menu-item li a:hover,
#child-menu li li.current_page_parent li a:hover {
	text-shadow: 0 1px 0 #111;
	background: #0e0e0e;
	color: #ddd;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}
#child-menu li li li.current_page_item a,
#child-menu li li li.current-menu-item a {
	font-weight: 600;
	background: #0e0e0e;
	color: #333;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}
#child-menu li li li.current_page_item a:hover,
#child-menu li li li.current-menu-item a:hover {
	background: #0e0e0e;
	color: #333;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}

/* ------------------------------------------------------------------------- *
 *  Plugins
/* ------------------------------------------------------------------------- */

/*  plugin : wp-pagenavi
/* ------------------------------------ */
.wp-pagenavi {
	text-align: right;
	font-weight: 600;
	float: right;
}
.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 13px;
	padding: 4px 8px !important;
	display: block;
	float: left;
	margin: 2px;
	border-radius: 2px;
}
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
	color: #999;
	border: 1px solid #333 !important;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-weight: normal;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.wp-pagenavi a {
	color: #333;
	border: 1px solid #333 !important;
	border: 1px solid rgba(0, 200, 214, 0.3) !important;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
	background: #333;
	border: 1px solid #333 !important;
}

/*  plugin : contact form 7
/* ------------------------------------ */
.wpcf7 {
}
.wpcf7 p {
	margin: 0 0 12px;
	width: 100%;
	float: left;
	position: relative;
}
.wpcf7 label {
	display: block;
	float: left;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	width: 20%;
	margin: 11px 0 0 12px;
	text-align: left;
}
.wpcf7 input[type="text"] {
	display: block;
	float: left;
	padding: 10px;
	width: 60%;
}
.wpcf7 textarea {
	display: block;
	float: left;
	padding: 10px;
	width: 96%;
}
.wpcf7 div.wpcf7-validation-errors {
	border: none;
	margin: 0;
	padding: 0;
}
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng {
	border: none;
}
.wpcf7 div.wpcf7-response-output {
	margin: 0;
	padding: 0;
}
.wpcf7 span.wpcf7-form-control-wrap {
	display: block;
	position: relative;
}
.wpcf7 span.wpcf7-not-valid-tip {
	background: #f2dede;
	border-color: #e3bfbf;
	color: #b94a48;
	padding: 3px 6px;
	width: 246px;
	font-size: 12px;
	position: absolute;
	left: 7px;
	top: 7px;
	display: block;
}
.wpcf7-quiz-label {
	float: left;
}
.wpcf7-quiz {
	margin-left: 10px !important;
	padding: 2px 10px !important;
	width: 50px !important;
}

/* ------------------------------------------------------------------------- *
 *  fancyBox
/* ------------------------------------------------------------------------- */
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe,
.fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #333;
	text-shadow: none;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #333;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 10px;
}
.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url(img/fancybox/fancybox-sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(img/fancybox/fancybox-loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url(img/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}
/* overlay helper */
#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}
#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
/* title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	border-radius: 15px;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	margin-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}

/* ------------------------------------------------------------------------- *
 *  Supersized
/* ------------------------------------------------------------------------- */
#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -98;
	height: 100%;
	width: 100%;
}
#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
} /*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
} /*Quality*/
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}
#supersized li.prevslide {
	z-index: -20;
}
#supersized li.activeslide {
	z-index: -10;
}
#supersized li.image-loading img {
	visibility: hidden;
}
#supersized li.prevslide img,
#supersized li.activeslide img {
	display: block;
}
#supersized-loader {
	background: url(img/loading.gif) no-repeat center center;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1000;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
}

/*  supersized : controls
/* ------------------------------------ */
#controls-wrapper {
	background: url(img/controls.png) repeat-x 0 -86px;
	margin: 0 auto;
	height: 42px;
	width: 100%;
	bottom: 0px;
	left: 0;
	z-index: 4;
	position: fixed;
}
#controls {
	overflow: hidden;
	height: 100%;
	position: relative;
	text-align: left;
	z-index: 5;
}
#slidecounter {
	float: left;
	color: #999;
	text-shadow: #000 0 -1px 0;
	margin: 0px 10px 0 15px;
	line-height: 42px;
}
#slidecaption {
	float: left;
	color: #fff;
	text-shadow: #000 1px 1px 2px;
	margin: 0;
	line-height: 42px;
}
#navigation {
	float: right;
	margin: 0px 20px 0 0;
}
#progress-back {
	background: url(img/controls.png) repeat-x 0 -140px;
	z-index: 5;
	position: fixed;
	bottom: 42px;
	left: 0;
	height: 2px;
	width: 100%;
}
#progress-bar {
	background: url(img/controls.png) repeat-x 0 -150px;
	position: relative;
	height: 2px;
	width: 100%;
}
#prevslide,
#nextslide {
	position: absolute;
	height: 43px;
	width: 43px;
	top: 405px;
	margin-top: 0;
	opacity: 0.6;
}

#nextslide {
	background: url(img/controls.png) no-repeat 0 0;
	right: 10px;
}
#prevslide {
	background: url(img/controls.png) no-repeat 0 -43px;
	left: 10px;
}
#prevslide:hover,
#nextslide:hover {
	cursor: pointer;
	opacity: 1;
}
ul#slide-list {
	padding: 15px 0 14px;
	float: left;
	position: absolute;
	left: 50%;
}
ul#slide-list li {
	list-style: none;
	width: 13px;
	height: 13px;
	float: left;
	margin: 0 5px 0 0;
}
ul#slide-list li a {
	background: url(img/controls.png) no-repeat -43px 0;
	display: block;
	width: 13px;
	height: 13px;
	transition-property: none;
}
ul#slide-list li a:hover {
	background-position: -43px -13px;
	cursor: pointer;
}
ul#slide-list li.current-slide a,
ul#slide-list li.current-slide a:hover {
	background-position: -43px -26px;
}

/* ------------------------------------------------------------------------- *
 *  Flexslider
/* ------------------------------------------------------------------------- */
.flexslider {
	margin: 0 0 60px;
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}

/*  flexslider : resets
/* ------------------------------------ */
.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 : necessary styles
/* ------------------------------------ */
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
.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 : direction nav
/* ------------------------------------ */
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width: 43px;
	height: 43px;
	margin: -21px 0 0;
	display: block;
	background: url(img/controls.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 0;
	right: -60px;
}
.flex-direction-nav .flex-prev {
	background-position: 0 -43px;
	left: -60px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 10px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 10px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0.3 !important;
	filter: alpha(opacity=30);
	cursor: default;
}

/*  flexslider : control nav
/* ------------------------------------ */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(img/controls.png) no-repeat -43px 0;
	width: 13px;
	height: 13px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	transition-property: none;
}
.flex-control-paging li a:hover {
	background-position: -43px -13px;
}
.flex-control-paging li a.flex-active {
	background-position: -43px -26px;
	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: 0.7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 0.7;
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		opacity: 0.7;
		right: 10px;
	}
}

/* ------------------------------------------------------------------------- *
 *  Forms
/* ------------------------------------------------------------------------- */
input,
button,
textarea,
select,
option {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-size: 13px;
}
input,
button,
textarea {
	background: #fff;
	color: #777;
	border: 1px solid #ddd;
	padding: 5px 0;
	-webkit-transition-property: background color;
	-webkit-transition-duration: 0.12s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background color;
	-moz-transition-duration: 0.12s;
	-moz-transition-timing-function: ease-out;
	-o-transition-property: background color;
	-o-transition-duration: 0.12s;
	-o-transition-timing-function: ease-out;
	transition-property: background color;
	transition-duration: 0.12s;
	transition-timing-function: ease-out;
}
input:focus,
textarea:focus {
	background-color: #fff;
	color: #333;
	border-color: #bbb;
}

input[type="submit"],
button[type="submit"] {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
	padding: 6px 8px;
	border: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: #333;
	color: #ccc;
}
input[type="submit"]:active,
button[type="submit"]:active {
	background-color: #333;
}
label {
	font-weight: 600;
	color: #333;
	font-size: 12px;
	text-transform: uppercase;
}

/*  forms : framework
/* ------------------------------------ */
form ul {
	list-style-type: none;
}
form li {
	margin: 0;
	padding: 6px 1% 9px 1%;
	clear: both;
	background-color: transparent;
	position: relative;
	transition: background-color 350ms ease-out;
}
form li div label,
form li span label {
	margin: 0;
	padding-top: 3px;
	clear: both;
	font-size: 85%;
	line-height: 160%;
	display: block;
}
fieldset {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}
* html fieldset {
	margin: -12px 0 5px 0;
}
* + html fieldset {
	margin: -14px 0 7px 0;
}
label.desc,
legend.desc {
	line-height: 150%;
	margin: 0;
	padding: 0 0 3px 0;
	border: none;
	display: block;
	white-space: normal;
	width: 100%;
}
form span.req {
	display: inline;
	float: none;
	color: #d33e34 !important;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
input.text,
input.search,
input.file,
textarea.textarea,
select.select {
	font-size: 100%;
	margin: 0;
	padding: 4px 0;
}
input.small,
select.small {
	width: 25%;
}
input.medium,
select.medium {
	width: 50%;
}
input.large,
select.large {
	width: 100%;
}
textarea.textarea {
	width: 293px;
	min-width: 100%;
	max-width: 100%;
}
textarea.small {
	height: 5.5em;
}
textarea.medium {
	height: 10em;
}
textarea.large {
	height: 20em;
}
form li.leftHalf,
form li.rightHalf {
	width: 47% !important;
}
form li.leftThird,
form li.middleThird,
form li.rightThird {
	width: 30% !important;
}
form li.leftHalf,
form li.leftThird {
	clear: left !important;
	float: left;
}
form li.middleThird {
	clear: none !important;
	float: left;
	width: 30% !important;
	margin-left: 2% !important;
}
form li.rightHalf,
form li.rightThird {
	clear: none !important;
	float: right;
}
li.leftHalf .small,
li.rightHalf .small,
li.leftHalf .medium,
li.rightHalf .medium,
li.leftThird .small,
li.middleThird .small,
li.rightThird .small,
li.leftThird .medium,
li.middleThird .medium,
li.rightThird .medium {
	width: 100% !important;
}

/* ------------------------------------------------------------------------- *
 *  Shortcodes
/* ------------------------------------------------------------------------- */

/*  shortcode : columns
/* ------------------------------------ */
.one-half {
	width: 470px;
}
.one-third {
	width: 306px;
}
.two-third {
	width: 634px;
}
.one-fourth {
	width: 225px;
}
.three-fourth {
	width: 715px;
}
.one-fifth {
	width: 176px;
}
.two-fifth {
	width: 372px;
}
.three-fifth {
	width: 568px;
}
.four-fifth {
	width: 764px;
}

.pad .one-half {
	width: 440px;
}
.pad .one-third {
	width: 286px;
}
.pad .two-third {
	width: 594px;
}
.pad .one-fourth {
	width: 210px;
}
.pad .three-fourth {
	width: 670px;
}
.pad .one-fifth {
	width: 164px;
}
.pad .two-fifth {
	width: 348px;
}
.pad .three-fifth {
	width: 532px;
}
.pad .four-fifth {
	width: 716px;
}

#content-part .one-half {
	width: 314px;
}
#content-part .one-third {
	width: 202px;
}
#content-part .two-third {
	width: 426px;
}
#content-part .one-fourth {
	width: 147px;
}
#content-part .three-fourth {
	width: 481px;
}
#content-part .one-fifth {
	width: 113px;
}
#content-part .two-fifth {
	width: 249px;
}
#content-part .three-fifth {
	width: 382px;
}
#content-part .four-fifth {
	width: 515px;
}

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth {
	float: left;
	display: inline;
	margin-right: 20px;
	position: relative;
}
.last {
	clear: right;
	margin-right: 0 !important;
}

/*  shortcode : buttons
/* ------------------------------------ */
.button-wrap {
	display: block;
	margin: 14px 0;
}
a.button {
	background: #333;
	color: #fff;
	font-size: 13px;
	padding: 6px 12px;
	display: inline-block;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
a.button:hover {
	background-color: #666;
}
a.button:active {
	background-color: #555;
}
a.button.small {
	font-size: 11px;
	padding: 6px 10px;
}
a.button.medium {
	font-size: 14px;
	padding: 6px 12px;
}
a.button.large {
	font-size: 16px;
	padding: 9px 16px;
}
a.button.light {
	background: #eee url(img/shortcodes/button-light.png) repeat-x top;
	color: #666;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
a.button.light:hover {
	color: #333;
	border-color: #aaa;
}
a.button.light:active {
	background-image: none;
}
a.button.dark {
	background: #333 url(img/shortcodes/button-dark.png) repeat-x top;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(0, 0, 0, 0.2),
		inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
a.button.dark:hover {
	background-color: #555;
}
a.button.dark:active {
	background-image: none;
}

/*  shortcode : lists
/* ------------------------------------ */
ul.list {
	margin: 0 0 20px 0;
	font-size: 13px;
}
ul.list li {
	padding: 7px 0 7px 24px;
	list-style: none;
	border-bottom: 1px dotted #e5e5e5;
	text-align: left;
}
ul.list.arrow li {
	background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px;
}
ul.list.check li {
	background: url(img/shortcodes/list-check.png) no-repeat 0 11px;
}
ul.list.plus li {
	background: url(img/shortcodes/list-plus.png) no-repeat 0 11px;
}
ul.list.minus li {
	background: url(img/shortcodes/list-minus.png) no-repeat 0 11px;
}
ul.list.cross li {
	background: url(img/shortcodes/list-cross.png) no-repeat 0 11px;
}

/*  shortcode : pricing table
/* ------------------------------------ */
.pricing-table.col-2,
.pricing-table.col-3,
.pricing-table.col-4 {
	width: 100%;
	margin: 20px 0 30px;
}
.pricing-table .plan {
	background: #fff;
	float: left;
	display: block;
}
.pricing-table.col-2 .plan {
	width: 49.75%;
}
.pricing-table.col-3 .plan {
	width: 33.1%;
}
.pricing-table.col-4 .plan {
	width: 24.8%;
}
.plan {
	border: 1px solid #d5d5d5;
	text-align: center;
	margin-left: -1px;
}
.plan:first-child {
	margin-left: 0;
}
.pricing-table .plan:last-child {
	border-right: 1px solid #d5d5d5;
}
.plan.featured {
	border: 1px solid #333;
	position: relative;
	z-index: 9;
	margin: -20px 0 0 -1px;
	padding: 20px 0px 0 0;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
.plan .plan-head {
	background-color: #666;
}
.plan.featured .plan-head {
	background-color: #333;
	color: #fff;
}
.plan h3 {
	font-weight: 300;
	font-size: 16px;
	margin: -1px -1px 0px -1px;
	padding: 10px 0;
	color: #fff;
}
.plan.featured h3 {
	font-size: 18px;
	margin: -21px -1px 0px -1px;
	padding: 20px 0;
	color: #fff;
}
.plan .price {
	background-image: url(img/ie/opacity-20.png);
	font-family: "LeagueGothic", Arial, sans-serif;
	color: #fff;
	font-size: 38px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 -1px 0 -1px;
	padding: 4px 0px 4px 0px;
}
.plan.featured .price span {
	color: rgba(255, 255, 255, 0.5);
}
.plan .price span {
	font-weight: normal;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(255, 255, 255, 0.5);
}
.plan .signup {
	background-color: #f4f4f4;
	border-top: 1px dotted #d5d5d5;
	padding: 10px 0px;
	text-align: center;
}
.plan.featured .signup {
	padding: 16px 0;
}
.plan ul {
	margin: 0 !important;
	list-style: none !important;
	padding: 0 !important;
}
.plan li {
	list-style: none !important;
	font-size: 13px;
	margin: 0 20px;
	padding: 7px 0px;
	text-align: center;
	border-bottom: 1px solid #eee !important;
}
.plan li:last-child {
	border-bottom: 0px !important;
}

/*  shortcode : alerts
/* ------------------------------------ */
.alert {
	position: relative;
	padding: 12px 30px 12px 20px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	border: 1px solid;
}
.alert a {
	color: #333;
}
.alert .alert-close {
	opacity: 0.4;
	background: url(img/shortcodes/alert-close.png) no-repeat 0 0;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	overflow: hidden;
	text-indent: -999px;
}
.alert .alert-close:hover {
	opacity: 1;
}
.alert.notice {
	background: #fff;
	border-color: #e8e8e8;
}
.alert.warning {
	background: #fbeed5;
	border-color: #e4ddb7;
	color: #ad8643;
}
.alert.success {
	background: #dff0d8;
	border-color: #c1e1b4;
	color: #468847;
}
.alert.error {
	background: #f2dede;
	border-color: #e3bfbf;
	color: #b94a48;
}
.alert.info {
	background: #d9edf7;
	border-color: #b7dbed;
	color: #3a87ad;
}

/*  shortcode : dropcap
/* ------------------------------------ */
.dropcap {
	color: #333;
	display: block;
	float: left;
	font-size: 62px;
	font-weight: bold;
	line-height: 62px;
	margin: 0 10px 0 0;
}

/*  shortcode : pullquotes
/* ------------------------------------ */
.pullquote-left {
	color: #333;
	border-left: 6px solid #eee;
	float: left;
	margin: 18px 20px 18px 0;
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	width: 40%;
}
.pullquote-right {
	color: #333;
	border-right: 6px solid #eee;
	float: right;
	margin: 18px 0 18px 20px;
	padding: 0 20px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	width: 40%;
}

/*  shortcode : highlights
/* ------------------------------------ */
.highlight {
	color: #333;
	border-bottom: 1px dotted #333;
}

/*  shortcode : tabs
/* ------------------------------------ */
.tabs {
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
}
ul.tabs-nav {
	margin: 0 0 0 1px;
	padding: 0;
	width: 100%;
	z-index: 2;
	position: relative;
}
ul.tabs-nav li {
	list-style: none;
}
ul.tabs-nav li a {
	background: #f6f6f6;
	color: #777;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	display: inline-block;
	float: left;
	padding: 9px 14px 9px 14px;
	margin-left: -1px;
}
ul.tabs-nav li a:hover {
	color: #333;
	cursor: pointer;
}
ul.tabs-nav li a.active {
	border-top-color: #333;
	color: #333;
	background: #fff;
	margin-bottom: -1px;
	padding-bottom: 10px;
}
.tab {
	background: #fff;
	display: none;
	border: 1px solid #e5e5e5;
	float: left;
	width: 100%;
}
.tab .tab-content {
	padding: 20px;
}

/*  shortcode : accordion
/* ------------------------------------ */
.accordion {
	border-bottom: 1px solid #e8e8e8;
	padding-top: 14px;
	margin-bottom: 14px;
}
.accordion .title a {
	border-top: 1px solid #e8e8e8;
	font-size: 15px;
	color: #777;
	display: block;
	padding: 25px 20px 25px 50px;
	position: relative;
}
.accordion .title a:hover {
	background: #f8f8f8;
	color: #333;
}
.accordion .title .icon {
	background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 28px;
	left: 16px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
}
.accordion .title.active a {
	color: #333;
}
.accordion .title.active a:hover {
	background: none;
}
.accordion .title.active .icon {
	background: #333 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px;
}
.accordion .inner {
	margin-top: -5px;
	padding: 0 20px 20px 50px;
	font-size: 13px;
}

/*  shortcode : toggle
/* ------------------------------------ */
.toggle {
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	font-size: 13px;
}
.toggle .title {
	background: url(img/shortcodes/toggle-plus.png) no-repeat;
	font-size: 15px;
	color: #777;
	padding: 20px 20px 20px 50px;
	position: relative;
	cursor: pointer;
}
.toggle .title:hover {
	background: #f8f8f8;
	color: #333;
}
.toggle .title.active {
	background: url(img/shortcodes/toggle-minus.png) no-repeat;
	color: #333;
}
.toggle .title .icon {
	background: #ddd url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 23px;
	left: 16px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
}
.toggle .title.active .icon {
	background: #333 url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px;
}
.toggle .inner {
	display: none;
	border-top: 1px dotted #e8e8e8;
}
.toggle .inner .content {
	padding: 20px;
}

/*  shortcode : google maps
/* ------------------------------------ */
.google-map {
	margin-bottom: 30px;
}
.google-map-full {
	width: 100% !important;
}

/* ------------------------------------------------------------------------- *
 *  Tablet (Portrait) : 768px Width
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	/* base */
	#wrap {
		min-width: 768px;
	}
	.container,
	.container.no-sidebar #content-part {
		width: 708px;
	}
	#content-part {
		width: 478px;
	}
	#sidebar {
		width: 200px;
	}
	#tagline {
		display: none;
	}
	#nav li a {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* blog */
	.no-sidebar .entry-thumbnail a {
		width: 170px;
	}
	.no-sidebar .entry-part {
		width: 448px;
	}
	.entry-thumbnail a {
		width: 80px;
	}
	.entry-part {
		width: 300px;
	}

	/* footer */
	#footer .widget_search input#s {
		width: 129px;
	}

	/* template: page */
	#page-image-text {
		margin-top: -24px;
	}
	#page-image-text span.caption {
		line-height: 48px;
		font-size: 48px;
	}
	#page-image-text span.description {
		font-size: 13px;
	}

	/* template: portfolio */
	#portfolio {
		width: 728px;
	}
	.video-container.fancybox-video {
		width: 600px;
	}

	/* widgets */
	#sidebar .widget_search input#s {
		width: 128px;
	}

	/* template: front */
	.front #slidecaption {
		padding-left: 40px;
		padding-right: 40px;
		max-height: none;
		overflow: visible;
	}
	.front #slidecaption h1 {
		font-size: 120px;
	}
	.front #slidecaption h2 {
		font-size: 60px;
	}
	.front #slidecaption h3 {
		font-size: 24px;
	}
	.front #slidecaption a.more {
		font-size: 30px;
		padding: 9px 22px;
	}

	/* shortcode: columns */
	.one-half {
		width: 344px;
	}
	.one-third {
		width: 222px;
	}
	.two-third {
		width: 464px;
	}
	.one-fourth {
		width: 162px;
	}
	.three-fourth {
		width: 526px;
	}
	.one-fifth {
		width: 125px;
	}
	.two-fifth {
		width: 270px;
	}
	.three-fifth {
		width: 395px;
	}
	.four-fifth {
		width: 540px;
	}

	.pad .one-half {
		width: 314px;
	}
	.pad .one-third {
		width: 202px;
	}
	.pad .two-third {
		width: 426px;
	}
	.pad .one-fourth {
		width: 147px;
	}
	.pad .three-fourth {
		width: 481px;
	}
	.pad .one-fifth {
		width: 113px;
	}
	.pad .two-fifth {
		width: 249px;
	}
	.pad .three-fifth {
		width: 382px;
	}
	.pad .four-fifth {
		width: 515px;
	}

	#content-part .one-half {
		width: 48%;
	}
	#content-part .one-third {
		width: 30.66%;
	}
	#content-part .two-third {
		width: 65.33%;
	}
	#content-part .one-fourth {
		width: 22%;
	}
	#content-part .three-fourth {
		width: 74%;
	}
	#content-part .one-fifth {
		width: 16.8%;
	}
	#content-part .two-fifth {
		width: 37.6%;
	}
	#content-part .three-fifth {
		width: 58.4%;
	}
	#content-part .four-fifth {
		width: 79.2%;
	}
	#content-part .one-half,
	#content-part .one-third,
	#content-part .two-third,
	#content-part .three-fourth,
	#content-part .one-fourth,
	#content-part .one-fifth,
	#content-part .two-fifth,
	#content-part .three-fifth,
	#content-part .four-fifth {
		position: relative;
		margin-right: 4%;
		float: left;
	}

	/* shortcode: pricing tables */
	#content-part .pricing-table.col-2 .plan,
	#content-part .pricing-table.col-3 .plan,
	#content-part .pricing-table.col-4 .plan {
		width: 49.6%;
	}
	#content-part .plan {
		margin-bottom: 20px;
	}
	#content-part .plan.featured {
		margin: 0 0 20px -1px;
	}
	#content-part .plan.featured h3 {
		padding: 10px 0;
	}
	#content-part .plan.featured .signup {
		padding: 7px 0 8px;
	}

	.no-sidebar .plan {
		margin-bottom: 0;
	}
	.no-sidebar .plan.featured {
		margin: -21px -1px 0px -1px;
	}
	.no-sidebar .plan.featured h3 {
		padding: 20px 0;
	}
	.no-sidebar .plan.featured .signup {
		padding: 16px 0;
	}

	/* shortcode: google maps */
	.google-map {
		width: 100% !important;
	}
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Common) : 480px & 320px Width
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	/* base */
	body {
		font-size: 13px;
	}
	#sidebar,
	#content-part,
	#content-part.right {
		float: none;
	}
	#sidebar {
		padding: 10px 0 0;
	}
	#sidebar.sidebar-right {
		margin-left: 0;
		float: none;
	}
	#sidebar.sidebar-left {
		margin-right: 0;
		float: none;
	}
	#header-inner.container {
		width: 100%;
	}
	#logo {
		width: 100%;
		float: none;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	#logo a {
		float: none;
	}
	#logo a img {
		padding: 0;
		float: none;
	}
	.select-nav {
		display: block;
	}
	.mobile-sidebar #sidebar,
	#sidebar.mobile {
		width: 100%;
		display: block;
		float: none;
	}
	#sidebar.sidebar-full .text {
		font-size: 13px;
	}
	.front #slideurl a.more {
		font-size: 22px !important;
		margin-bottom: 0 !important;
	}

	/* hide */
	#sidebar,
	#tagline,
	#header-nav,
	#subheader-rss,
	.caption-bar,
	.flexslider#flex-portfolio .flex-direction-nav,
	li.entry-author,
	#page-image-text span.description,
	ul#portfolio-size,
	#slidecaption {
		display: none;
	}

	/* page titles */
	#page-title h1,
	#page-title h2 {
		font-size: 20px;
	}
	.search #page-title h1 span,
	.search #page-title h2 span {
		display: inline;
	}

	/* footer */
	#footer-widgets .widget {
		margin-bottom: 0;
	}
	#footer-bottom .one-half {
		border-bottom: 1px solid #ddd;
	}

	/* template: front */
	.front #slidecaption {
		max-height: none;
		overflow: visible;
	}

	/* template: portfolio */
	#portfolio {
		margin-right: 0;
	}
	ul#portfolio-filter li {
		float: left;
		width: 100%;
		margin: 1px 0;
	}
	ul#portfolio-filter li a {
		float: none;
	}
	ul#portfolio-pagination {
		float: none;
		padding: 20px 0 0;
		margin: 0;
	}
	.portfolio-item {
		margin-bottom: 10px;
	}
	.portfolio-item a.portfolio-meta {
		opacity: 1;
	}
	.single-portfolio #sidebar {
		display: block;
		width: 100%;
		padding-top: 0;
	}
	.single-portfolio #page-title {
		margin-bottom: 0;
	}

	/* shortcode: hr */
	.text hr,
	.hr {
		margin-top: 26px;
	}

	/* shortcode: columns */
	#header-inner .one-third {
		width: 100%;
		margin: 0 0 30px !important;
	}
	.one-half,
	.pad .one-half,
	#content-part .one-half {
		width: 100%;
		margin: 0 0 20px;
	}
	.one-third,
	.pad .one-third,
	#content-part .one-third {
		width: 100%;
		margin: 0 0 20px;
	}
	.two-third,
	.pad .two-third,
	#content-part .two-third {
		width: 100%;
		margin: 0 0 20px;
	}
	.one-fourth,
	.pad .one-fourth,
	#content-part .one-fourth {
		width: 100%;
		margin: 0 0 20px;
	}
	.three-fourth,
	.pad .three-fourth,
	#content-part .three-fourth {
		width: 100%;
		margin: 0 0 20px;
	}
	.one-fifth,
	.pad .one-fifth,
	#content-part .one-fifth {
		width: 100%;
		margin: 0 0 20px;
	}
	.two-fifth,
	.pad .two-fifth,
	#content-part .two-fifth {
		width: 100%;
		margin: 0 0 20px;
	}
	.three-fifth,
	.pad .three-fifth,
	#content-part .three-fifth {
		width: 100%;
		margin: 0 0 20px;
	}
	.four-fifth,
	.pad .four-fifth,
	#content-part .four-fifth {
		width: 100%;
		margin: 0 0 20px;
	}

	/* shortcode: pricing tables */
	.plan {
		margin-bottom: 20px;
	}
	.plan.featured {
		margin: 0 0 20px -1px;
	}
	.plan.featured h3 {
		padding: 10px 0;
	}
	.plan.featured .signup {
		padding: 7px 0 8px;
	}

	/* shortcode: google maps */
	.google-map {
		width: 100% !important;
	}
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Landscape) : 480px Width
/* ------------------------------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* base */
	#wrap {
		min-width: 480px;
	}
	.container,
	.container.no-sidebar,
	#content-part,
	#portfolio,
	.video-container.fancybox-video {
		width: 420px;
	}

	/* footer */
	#footer .widget_search input#s {
		width: 388px;
	}

	/* comments */
	ol.commentlist li.comment ul.children li.comment,
	li.comment li #respond {
		padding-left: 10px;
	}

	/*------------------------------------*/
	#header {
		margin-bottom: 120px;
	}
	.fix {
		position: relative;
	}
	.front #slidecaption {
		position: absolute;
		padding: 0;
		right: 70px;
		top: 0px;
		display: block;
	}
	#prevslide,
	#nextslide {
		top: 280px;
	}
	#supersized li {
		top: 60px !important;
	}
	/*------------------------------------*/

	/* page image */
	#page-image-text {
		margin-top: -20px;
	}
	#page-image-text span.caption {
		line-height: 40px;
		font-size: 40px;
	}

	/* blog */
	.entry-part {
		margin-left: 20px;
	}
	.no-sidebar .entry-thumbnail,
	.entry-thumbnail {
		margin-left: -30px;
	}
	.no-sidebar .entry-thumbnail a,
	.entry-thumbnail a {
		width: 80px;
	}
	.no-sidebar .entry-part,
	.entry-part {
		width: 290px;
	}

	/* template: front */
	/*.front #slidecaption { padding: 40px 40px 0; }*/
	.front #slidecaption h1 {
		font-size: 66px;
	}
	.front #slidecaption h2 {
		font-size: 40px;
	}
	.front #slidecaption h3 {
		font-size: 22px;
	}
	.front #slidecaption a.more {
		font-size: 22px;
		line-height: 22px;
		padding: 6px 16px;
		margin: 20px 0 0;
		display: inline;
	}

	/* shortcode: pricing tables */
	.pricing-table.col-2 .plan,
	.pricing-table.col-3 .plan,
	.pricing-table.col-4 .plan {
		width: 49.5%;
	}
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Portrait) : 320px Width
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 479px) {
	/* base */
	body {
		font-size: 13px;
	}
	#logo a {
		padding: 0 15px;
	}
	.pad {
		padding: 20px 20px 15px;
	}
	.portfolio-item-single.pad {
		padding-bottom: 40px;
	}
	#wrap {
		min-width: 320px;
	}
	.container,
	.container.no-sidebar,
	#content-part,
	#portfolio,
	.video-container.fancybox-video {
		width: 290px;
	}

	/* hide */
	#page-image-text,
	#page-title h1 span,
	#page-title h2 span,
	#subheader-search,
	.entry-author-block,
	.entry-tags,
	.flex-post .flex-control-nav,
	#slidecounter {
		display: none;
	}

	/* page titles */
	#page-title {
		margin: -10px 0 0;
	}
	#page-title h1,
	#page-title h2 {
		font-size: 18px;
		text-align: center;
	}

	/* footer */
	#footer .widget_search input#s {
		width: 228px;
	}

	/* blog */
	.entry-part {
		width: 100%;
		margin-left: 0;
	}
	.entry-thumbnail {
		display: none;
	}

	.blog .entry-title,
	.single .entry-title,
	.archive .entry-title,
	.search .entry-title {
		font-size: 28px;
	}
	.entry-format.link p,
	.entry-format.quote blockquote,
	.format-status .text {
		font-size: 18px;
	}
	.entry-format.chat p {
		font-size: 14px;
	}
	.entry-meta {
		font-size: 12px;
	}
	.entry-format.quote,
	.entry-format.chat {
		padding: 5px 20px;
	}
	.entry-format.link p a {
		padding: 20px;
	}
	.format-link .icon-32 {
		margin-top: -3px;
	}

	/* comments */
	ol.commentlist li {
		padding-left: 0;
	}
	ol.commentlist li.comment .comment-body img.avatar {
		display: none;
	}
	ol.commentlist li.comment ul.children li.comment,
	li.comment li #respond {
		padding-left: 5px;
	}
	ol.commentlist li.comment ul.children li .comment-body {
		padding-left: 20px;
	}
	ol.commentlist li.comment ul.children li .comment-body .comment-meta {
		left: 20px;
	}

	/* template: front */
	.front #slidecaption {
		padding: 20px 30px 0;
		max-height: none;
		overflow: visible;
	}
	.front #slidecaption h1 {
		font-size: 40px;
	}
	.front #slidecaption h2 {
		font-size: 26px;
	}
	.front #slidecaption h3 {
		font-size: 18px;
	}
	.front #slidecaption a.more {
		font-size: 16px;
		line-height: 32px;
		padding: 0 12px;
		margin: 20px 0 0;
	}
	#prevslide {
		left: 0;
	}
	#nextslide {
		right: 0;
	}

	/* template: portfolio */
	ul#portfolio-pagination {
		text-align: center;
		margin-bottom: -10px;
	}
	ul#portfolio-pagination li {
		display: inline-block;
	}
	ul#portfolio-pagination,
	ul#portfolio-pagination li,
	ul#portfolio-pagination li a {
		float: none;
	}

	/* shortcode: pricing table */
	.pricing-table.col-2 .plan,
	.pricing-table.col-3 .plan,
	.pricing-table.col-4 .plan {
		width: 100%;
	}

	/* shortcode: tabs */
	ul.tabs-nav li a {
		width: 86%;
		padding-left: 7%;
		padding-right: 7%;
	}

	#prevslide,
	#nextslide {
		top: 300px;
	}
}

#progress-bar {
	display: none;
}
#header {
	background: #fff;
}
#logo {
	background: none;
}
#nav li a {
	font-family: "LeagueGothic";
}
#logo a img {
}
#nav li {
	border: none;
}
.footer-inner-logo {
}
.front #slidecaption h1,
.front #slidecaption h2,
.front #slidecaption h3,
.front #slidecaption a.more {
	font-family: "LeagueGothic";
}
i {
	font-style: italic;
}

/** Ar **/

a:focus {
	outline: 1px;
	outline-style: dotted;
	outline-color: grey;
}

#header {
	padding-top: 5px;
}

#header-inner h1#logo {
	padding-top: 5px;
}

.dropdown-btn li a {
	color: #ababab;
}

#searchform label {
	color: #999;
}
.page-id-13 .wpcf7 label {
	color: #545454;
	line-height: 1.57em;
	text-rendering: optimizeLegibility;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-weight: 400;
	width: 100%;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	#logo-footer {
		float: none;
		position: unset;
		top: 0;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
}

.page-template-template-front #footer {
	margin-top: 0;
}
#featured-posts-container {
	background-color: #fff;
}
#featured-posts-container .featured-posts {
	display: flex;
	max-width: 1284px;
	width: calc(100% - 120px);
	gap: 120px;

	padding: 112px 60px;
}

#featured-posts-container .featured-title {
	color: #222;

	font-family: "LeagueGothic", arial;
	font-size: 80px;
	font-weight: 400;
	line-height: 76px; /* 95% */
	text-transform: uppercase;
}
#featured-posts-container .featured-post {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

#featured-posts-container .featured-post-title {
	color: #222;
	font-family: "LeagueGothic", arial;
	font-size: 40px;
	font-weight: 400;
	line-height: 44px;
	text-transform: uppercase;
}

#featured-posts-container .read-more {
	color: #333;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
	font-size: 16px;
	font-weight: 700;
	line-height: 21.98px;
}

@media only screen and (max-width: 767px) {
	#featured-posts-container .featured-posts {
		flex-direction: column;
		padding: 30px;
		max-width: calc(100% - 60px);
		width: 100%;
		gap: 30px;
	}

	#featured-posts-container .featured-title {
		font-size: 40px;
		line-height: 40px;
	}

	#featured-posts-container .featured-post-title {
		font-size: 24px;
		line-height: 24px;
	}

	#featured-posts-container .read-more {
		font-size: 14px;
		line-height: 19px;
	}
}