/* ==========================================================================
   Eagle Locomotive Theme — main.css
   Faithful port of original Azure theme CSS (base + grid + layout + widgets +
   shortcodes + flexslider + responsive).
   ========================================================================== */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }


/* #Basic Styles
================================================== */
body {
	background: #ffffff;
	font: 13px/22px "Open Sans", "Helvetica Neue", Helvetica, Arial;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #565656;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 32px; line-height: normal; margin-bottom: 20px; font-weight: 300; }
h2 { font-size: 28px; line-height: normal; margin-bottom: 20px; font-weight: 300; }
h3 { font-size: 24px; line-height: normal; margin-bottom: 20px; font-weight: 300; }
h4 { font-size: 22px; line-height: normal; margin-bottom: 20px; font-weight: 300; }
h5 { font-size: 20px; line-height: normal; margin-bottom: 20px; font-weight: 300; }
h6 { font-size: 18px; line-height: normal; margin-bottom: 20px; font-weight: 300; }

.lighter { font-weight: 300; }
.bold { font-weight: 400; }
.extrabold { font-weight: 600; }

.far-edge { text-align: right; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

blockquote, .asc-pullquote { font-size: 15px; font-style: italic; line-height: 24px; }
blockquote cite { display: block; font-size: 12px; color: #999; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #999; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
a, a:visited { text-decoration: none; outline: 0; }
a:hover, a:focus { text-decoration: none; outline: 0; }
p a, p a:visited { line-height: inherit; }
a img { border: none; }


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin-bottom: 20px; }
li { line-height: 22px; }
ul.large li { line-height: 24px; }

.content .post-excerpt ul,
.content-part .post-excerpt ul,
.content .post-content ul,
.content-part .post-content ul {
	list-style-type: square;
	margin-left: 30px;
}

.content ul.slides,
.content-part ul.slides,
.content ul.flex-direction-nav,
.content-part ul.flex-direction-nav,
.content .asc-tabs > ul,
.content-part .asc-tabs > ul,
.content .asc-accordion > ul,
.content-part .asc-accordion > ul,
.content .asc-work-metro > ul,
.content-part .asc-work-metro > ul,
.content .widget > ul,
.content-part .widget > ul {
	list-style-type: none;
	margin-left: 0;
}


/* #Images
================================================== */
.content p img, .content-part p img, img.scale-with-grid {
	max-width: 100%;
	height: auto; }


/* #Buttons
================================================== */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 8px 40px 8px 20px;
	cursor: pointer;
	background: url(../images/input-button-arrow.png) no-repeat 85% center #00ADEE;
	color: #fff;
	border: none;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background-color: #666;
}


/* #Forms
================================================== */
form { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }
fieldset p { margin-bottom: 10px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ddd;
	padding: 8px 5px;
	outline: none;
	font: 12px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #777;
	margin: 0;
	width: 200px;
	max-width: 100%;
	display: block;
	background: #f4f4f4;
}
select { padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	color: #444;
	background: #fff;
}
textarea { min-height: 60px; }
select { width: 220px; }
input[type="checkbox"] { display: inline; }
label span,
legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}


/* #Table
================================================== */
table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table th {
	background: #f5f5f5;
	border: 1px solid #F3F3F3;
	font-weight: bold;
	padding: 10px;
	text-align: left;
}
table td {
	padding: 10px;
	border: 1px solid #F3F3F3;
}


/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }


/* #WordPress Default Class
================================================== */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; display: block; text-align: center; }
img.alignleft { margin: 0 20px 20px 0; }
img.alignright { margin: 0 0 20px 20px; }
img.aligncenter { margin: 0 auto 20px; }
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 5px 5px 10px;
	text-align: center;
}
.wp-caption.alignnone { margin: 0 0 20px 0; }
.wp-caption.alignleft { margin: 0 20px 20px 0; }
.wp-caption.alignright { margin: 0 0 20px 20px; }
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text { margin: 0; padding: 0 5px; }
.gallery p { margin-bottom: 0 !important; height: 1px !important; clear: both; }
.gallery-item { float: left; width: 160px !important; display: inline-block; margin: 0 20px 20px 0 !important; }
.gallery-icon { display: inline-block; }
.gallery-icon img { max-width: 150px; height: auto; display: block; border: 5px solid #f4f4f4 !important; }
.sticky, .gallery-caption, .bypostauthor {}


/* #Isotope CSS3 transitions
================================================== */
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}


/* ==========================================================================
   GRID (Skeleton 16-col)
   ========================================================================== */

/* #Base 960 Grid
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 15px; margin-right: 15px; }
.row { margin-bottom: 20px; }

.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }

.container .one.column,
.container .one.columns          { width: 30px; }
.container .two.columns          { width: 90px; }
.container .three.columns        { width: 150px; }
.container .four.columns         { width: 210px; }
.container .five.columns         { width: 270px; }
.container .six.columns          { width: 330px; }
.container .seven.columns        { width: 390px; }
.container .eight.columns        { width: 450px; }
.container .nine.columns         { width: 510px; }
.container .ten.columns          { width: 570px; }
.container .eleven.columns       { width: 630px; }
.container .twelve.columns       { width: 690px; }
.container .thirteen.columns     { width: 750px; }
.container .fourteen.columns     { width: 810px; }
.container .fifteen.columns      { width: 870px; }
.container .sixteen.columns      { width: 930px; }

.container .one-third.column     { width: 290px; }
.container .two-thirds.column    { width: 610px; }

/* AzureThemes */
#azure-wrapper {}
#main.right { float: right; }
#sidebar.left { float: left; }

.content .one_half          { width: 450px; }
.content .one_third         { width: 290px; }
.content .two_third         { width: 610px; }
.content .one_fourth        { width: 210px; }
.content .three_fourth      { width: 690px; }
.content-part .one_half     { width: 330px; }
.content-part .one_third    { width: 210px; }
.content-part .two_third    { width: 450px; }
.content-part .one_fourth   { width: 150px; }
.content-part .three_fourth { width: 510px; }

.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
	position: relative;
	margin-right: 30px;
	float: left;
}
.one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last {
	margin-right: 0 !important;
}


/* ==========================================================================
   LAYOUT
   ========================================================================== */

/* General Sites */
#main-container {
	padding: 30px 0 10px;
}

/* Header */
#header {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #222;
	z-index: 999;
	border-bottom: 3px solid #00ADEE;
}
#header .header-inner {
	height: 60px;
}
#header .logo {
	float: left;
	margin-top: 10px;
}
#header .logo h1 { margin: 0; padding: 0; }
#header .logo h1 a { display: inline-block; }
#header .logo h1 a img { vertical-align: middle; }
#header .logo a { display: inline-block; }
#header .logo a img { vertical-align: middle; }

/* Pre-Content */
#pre-content {
	margin-top: 60px;
	background: #f4f4f4;
}
.pre-content-inner {
	padding: 30px 0 0;
}
.pre-content-inner .space-pre {
	margin-bottom: 10px;
	position: relative;
}
.pre-content-inner .space-title {
	margin-bottom: 30px;
	position: relative;
}
.page-title {
	margin-bottom: 0px;
	font-size: 40px;
	font-weight: 300;
	line-height: 100%;
	padding-top: 10px;
}
.space-title p {
	margin-top: 5px;
	font-size: 16px;
	color: #999;
}

/* breadcrumbs */
.breadcrumbs {
	font: 12px Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-top: -5px;
	max-width: 300px;
	position: absolute;
	right: 0;
	top: 50%;
	text-align: right;
	color: #999;
}
.breadcrumbs a {
	padding-right: 15px;
	position: relative;
	color: #999;
}
.breadcrumbs a:after {
	content: '/';
	position: absolute;
	margin: 0 8px;
	color: #999;
}
.breadcrumbs .current { color: #999; }

/* search */
#searchform input#s,
#searchform input[type="text"]#s {
	font-size: 12px;
	color: #888;
	padding-left: 25px;
	width: 85%;
	background: url(../images/mag.png) no-repeat 8px center #f9f9f9;
	border: 1px solid #ddd;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus,
#searchform input#s:focus, #searchform input[type="text"]#s:focus {
	border-color: #ccc;
	background-color: #fff;
}


/* Footer */
#footer {
	position: relative;
	overflow: hidden;
	background: #222;
	border-top: 6px solid #e0e0e0;
	color: #888;
}
#footer-wrap {
	padding: 50px 0 20px;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a {
	color: #888;
}
#footer a:hover { color: #ccc; }
#copyright .sixteen.columns {
	padding: 20px 0;
	border-top: 1px solid #333;
}
#copyright .far-edge {
	margin-top: -5px;
	margin-bottom: -5px;
}
.scrollTop {
	background: none repeat scroll 0 0 #959595;
	bottom: 10%;
	position: fixed;
	right: 10px;
	z-index: 999;
	display: none;
}
.scrollTop a {
	background: url(../images/to-top.png) no-repeat center center #959595;
	display: block;
	padding: 10px;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
}
.scrollTop a:hover { background-color: #00ADEE; }


/* Navigation */
#main-nav {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 999;
}
#main-nav:before,
#main-nav:after {
	content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;
}
#main-nav ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	margin-top: 20px;
}
#main-nav ul li {
	float: left;
	margin: 0;
	display: block;
}
#main-nav ul li a {
	text-transform: uppercase;
	padding: 9px 15px 8px;
	margin: 0;
	display: block;
	position: relative;
	overflow: hidden;
	font: bold 12px/43px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #fff;
}
#main-nav ul li a:hover,
#main-nav ul li:hover > a {
	color: #fff;
	background-color: #00ADEE;
}

/* submenu */
#main-nav ul ul {
	width: auto;
	border: none;
	position: absolute;
	z-index: 9999;
	top: 60px;
	text-transform: none;
	display: none;
	background: #00ADEE;
}
#main-nav ul ul li {
	margin: 0;
	float: none;
	position: relative;
	width: 200px;
	border: none;
}
#main-nav ul ul li a {
	text-transform: capitalize;
	position: relative;
	overflow: visible !important;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0;
	padding: 8px 15px;
	color: #fff;
}
#main-nav ul ul li a:hover,
#main-nav ul ul li:hover > a {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}
#main-nav li.current-menu-item ul.sub-menu a:after,
#main-nav li.current-menu-ancestor ul.sub-menu a:after {
	content: '';
	display: none;
}

/* second level menu */
#main-nav ul ul ul {
	left: 198px;
	top: 0;
	padding: 0;
}

/* secondary menu */
.secondary-menu { margin: 0; padding: 0; text-align: center; }
.secondary-menu li { display: inline-block; margin: 0; }
.secondary-menu li:after { content: '/'; color: #393939; }
.secondary-menu li:last-child:after { content: ''; }
.secondary-menu li a { margin-right: 5px; }

/* responsive menu */
.responsive-menu {
	display: none;
	margin: 0 20px 0;
	padding: 8px;
	width: 280px;
	background: #444;
	border-color: #111;
	color: #fff;
}
.responsive-menu:focus { border-color: #111; }

/* nav toggle button (mobile) */
.nav-toggle {
	display: none;
	background: none;
	border: none;
	color: #fff;
	font-size: 24px;
	padding: 5px 10px;
	cursor: pointer;
}


/* Pagination */
.pagination { padding: 8px 0; margin: 0 0 20px; text-align: left; }
.pagination a,
.pagination span.current {
	margin: 0;
	padding: 6px 13px;
	background: #00ADEE;
	color: #fff;
}
.pagination a:hover,
.pagination span.current {
	background: #666;
	color: #fff;
}

/* post-nav */
.post-nav { position: absolute; right: 0; top: 0; }
.post-nav .post-prev { float: right; }
.post-nav .post-prev a,
.post-nav .post-next a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-transform: uppercase;
	text-indent: -9999px;
	margin-left: 1px;
}
.post-nav .post-prev a { background: url(../images/input-button-arrow.png) no-repeat center #00ADEE; }
.post-nav .post-next { float: left; }
.post-nav .post-next a { background: url(../images/input-button-arrow2.png) no-repeat center #00ADEE; }
.post-nav .post-prev a:hover,
.post-nav .post-next a:hover { background-color: #666; }

/* post-more */
.post-more a {
	margin-bottom: 20px;
	display: block;
	padding: 15px;
	background-color: #00ADEE;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.post-more a:hover {
	background-color: #666;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}


/* Post Page */
.hentry { width: 100%; }

/* Search Page */
.search-list { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; }
.search-list .post-title { margin-bottom: 20px; text-align: left; }
.search-list .post-excerpt { color: #444; font-style: normal; margin: 0; text-align: left; }

/* Work Filter */
.work-filter {
	margin-bottom: 30px;
	padding: 20px 0;
	line-height: 32px;
	overflow: hidden;
	text-align: center;
	border-top: 1px dotted #dfdfdf;
	border-bottom: 1px dotted #dfdfdf;
}
.work-filter li { margin: 0 5px; padding: 0; display: inline-block; white-space: nowrap; }
.work-filter li a { font-size: 18px; padding: 3px 15px; }
.work-filter li.active a { background: #00ADEE; color: #FFFFFF; }

/* Blog Page */
.blog-list { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
.post-meta,
.work-meta {
	margin-bottom: 20px;
	padding: 10px 20px;
	background: #f4f4f4;
}
.post-meta span,
.work-meta span {
	font-size: 12px;
	font-style: italic;
	position: relative;
	text-align: left;
}
.post-meta span:after,
.work-meta span:after {
	content: '/';
	margin: 0 8px 0 10px;
	display: inline-block;
}
.post-meta span:last-child:after,
.work-meta span:last-child:after { content: ''; }
.post-meta a,
.work-meta a { color: #666; font-style: normal; font-weight: 400; }
.post-meta a:hover,
.work-meta a:hover { text-decoration: underline; }

.blog-tags { margin-bottom: 20px; }
.blog-tags strong { margin-right: 5px; }

.carousel-blog li { padding: 20px; background-color: #F4F4F4; border-bottom: 3px solid #00ADEE; }
.carousel-blog li:hover { background-color: #00ADEE; color: #fff; }
.carousel-blog li:hover a { color: #fff; }
.carousel-blog .post-title { margin-bottom: 5px; font-size: 16px; font-weight: 400; }
.carousel-blog .post-excerpt p { margin-bottom: 0; }
.carousel-blog .post-date { font-size: 12px; font-style: italic; margin-bottom: 5px; }

/* Work Page */
.work-inner { padding: 10px 20px; }
.work-list,
.carousel-work li { background-color: #F4F4F4; margin-bottom: 30px; }
.work-list:hover,
.carousel-work li:hover { background-color: #00ADEE; }
.work-list:hover a,
.carousel-work li:hover a { color: #fff; }
.work-list .post-title,
.carousel-work .post-title { margin: 0; font-size: 16px; font-weight: 400; }


/* Comment */
#comments { margin-bottom: 30px; padding-top: 20px; border-top: 1px dashed #e0e0e0; }
.required { color: #f00; }
.commentlist { list-style: none; margin-left: 0; }
.commentlist li article.comment { margin-bottom: 20px; }
.commentlist ul, .commentlist ol { margin-left: 20px; }
.comment-meta { margin-bottom: 5px; }
.comment-meta .fn { font-weight: bold; }
.comment-meta span.avatar {
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #dfdfdf;
	padding: 4px;
	margin-right: 15px;
	overflow: hidden;
	width: 50px;
	height: 50px;
}
.comment-meta img.avatar { width: 50px; height: 50px; }
.commentmetadata { float: right; margin-right: 10px; font-size: 10px; }
.comment-content { border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; margin-left: 15px; text-align: right; }
.comment-content p { text-align: left; line-height: 20px; padding: 5px; margin: 0; background: #fff; }
#respond { margin-top: 40px; margin: 0 auto; }
#respond input[type="text"] { width: 60%; }
#commentform { background: #eee; border: 1px solid #dcdcdc; padding: 20px; }
#commentform p { margin-bottom: 10px; }
#commentform code { font-size: 12px; }
#commentform .form-submit { margin: 0; }


/* Link Style */
a { color: #666; }
a:hover,
.asc-accordion ul li .accordion-title:hover,
.asc-toggle .toggle-title:hover { color: #00ADEE; }
.button-buy,
.comment-reply-link,
.post-edit-link {
	background: #CCCCCC;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px 15px;
}
.post-edit-link {
	background: #666 url(../images/icons/edit-page.gif) no-repeat 5px center;
	padding: 4px 10px 5px 20px;
	text-transform: uppercase;
}
.post-edit-link:hover { color: #fff; }
.comment-reply-link { margin: 0 0 8px; position: relative; display: inline-block; }


/* Thumbnail & Zoom */
.post-thumb { position: relative; line-height: 70%; overflow: hidden; }
.post-thumb img { max-width: 100%; height: auto; }
.es-carousel .post-thumb a,
.blog .post-thumb a,
.work .post-thumb a,
.asc-frame a { display: block; overflow: hidden; position: relative; }
.zoom-overlay {
	background: url(../images/overlay_pat.png) repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.zoom-hover {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/icons/zoom-url.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: -50%;
	margin-left: -30px;
	margin-top: -30px;
	z-index: 1;
}
.zoom-hover.image { background: url(../images/icons/zoom-image.png) no-repeat center center; }
.zoom-hover.video { background: url(../images/icons/zoom-video.png) no-repeat center center; }
.zoom-hover.slider { background: url(../images/icons/zoom-slider.png) no-repeat center center; }
.zoom-hover.title {
	font-size: 24px;
	font-weight: 300;
	line-height: normal;
	color: #fff;
	left: 20px;
}
.asc-work-metro span.zoom-overlay {
	background: url(../images/plus-overlay.png) no-repeat center center #00ADEE;
}
.asc-work-metro span.zoom-hover {
	background: none;
	width: auto;
	height: auto;
	display: block;
	opacity: 1;
	margin: 0;
}


/* MISC */
.edit-link { margin-bottom: 20px; }
::selection { background: #00ADEE; color: #fff; }
::-moz-selection { background: #00ADEE; color: #fff; }

/* standard-transition */
.asc-social a, .asc-social a:hover,
#sidebar .widget_nav_menu li a, #sidebar .widget_nav_menu li a:hover,
.scrollTop a, .scrollTop a:hover,
.flex-slider .flex-direction-nav a, .work-slider .flex-direction-nav a,
.flex-slider .flex-direction-nav a:hover, .work-slider .flex-direction-nav a:hover,
.pagination a, .pagination a:hover,
.post-nav .post-prev a, .post-nav .post-next a,
.post-nav .post-prev a:hover, .post-nav .post-next a:hover,
.es-nav span.es-nav-next, .es-nav span.es-nav-prev,
.es-nav span.es-nav-next:hover, .es-nav span.es-nav-prev:hover {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}


/* ==========================================================================
   WIDGETS
   ========================================================================== */

.widget { margin-bottom: 30px; }
.widget-title {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.widget-pages ul,
.widget_categories ul li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_recent_entries li,
.blogroll li,
.widget_recent_comments li,
.widget_nav_menu li {
	margin: 0;
	padding: 0;
	background: url(../images/dotted.png) repeat-x left bottom;
}
.widget_categories ul li a,
.widget_pages li a,
.widget_archive li a,
.widget_meta li a,
.widget_recent_entries li a,
.blogroll li a,
.widget_recent_comments li,
.widget_nav_menu li a {
	padding: 5px 0 5px 18px;
	display: block;
	background: url(../images/icons/arrow.png) no-repeat left 11px;
}

.widget_pages ul,
.widget_pages li { margin: 0; padding: 0; }
.widget_pages li ul { background: url(../images/dotted.png) repeat-x left top; }
.widget_pages li ul li:last-child { border: none; }

#sidebar .widget_nav_menu li { margin-bottom: 3px; }
#sidebar .widget_nav_menu li a {
	padding: 6px;
	display: block;
	border-left: 3px solid #00ADEE;
	background: url(../images/input-button-arrow.png) no-repeat 95% center #f4f4f4;
}
#sidebar .widget_nav_menu li a:hover {
	background: url(../images/input-button-arrow.png) no-repeat 95% center #00ADEE;
	border-color: #666;
	color: #fff;
}

/* footer */
#footer .widget-title { color: #888; }
#footer .widget ul { background: url(../images/dotted.png) repeat-x left top; }

/* Tag Cloud */
.blog-tags a,
.widget_tag_cloud a,
.widget.tagcloud a {
	font-size: 11px !important;
	padding: 0 12px;
	margin: 0 3px 5px 0;
	display: inline-block;
	background: #f4f4f4;
	border-left: 3px solid #00ADEE;
}

/* Calendar */
#wp-calendar { width: 100%; }
#wp-calendar caption { padding: 6px 0; font-weight: bold; }
#wp-calendar td, #wp-calendar th { width: 14%; line-height: 28px; text-align: center; }
#wp-calendar th { font-size: 11px; font-weight: bold; padding: 0; background: none; border: none; }
#wp-calendar td { padding: 0; border: none; }
#wp-calendar tbody td.pad,
#footer #wp-calendar tbody td.pad { background: none; border: none; }
#wp-calendar tbody td a { display: block; font-weight: bold; }
#wp-calendar tbody td#today { background: #666; color: #fff; font-weight: bold; }
#wp-calendar tfoot td,
#footer #wp-calendar tfoot td { border: none; background: none; }
#wp-calendar tfoot td#prev { text-align: left; }
#wp-calendar tfoot td#next { text-align: right; }

/* Flickr */
.widget-flickr { overflow: hidden; }
.flickr_badge_image { float: left; margin: 1px; width: 68px; height: 68px; }
#footer .flickr_badge_image { border-color: #d0d0d0; }
.flickr_badge_image:hover,
#footer .flickr_badge_image:hover { border-color: #D6555A; }
.flickr_badge_image a { display: inline-block; }
.flickr_badge_image img,
.flickr_badge_image a { max-width: 100%; height: auto; }

/* Twitter */
.widget-twitter li { font-size: 12px; line-height: 150%; margin-bottom: 20px; }
#footer .widget-twitter,
#footer .widget-twitter li { background: none; }
.widget-twitter li > a { display: inline-block; padding-left: 20px; line-height: 100%; }
.widget-twitter li span {
	display: block;
	background: rgba(0, 0, 0, 0.06);
	padding: 10px;
	position: relative;
	border: none;
	border-bottom: 3px solid #999;
}
.widget-twitter li span a { font-style: italic; text-decoration: underline; }
.widget-twitter li span a:hover { text-decoration: underline; }
.widget-twitter li span:after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #999;
}


/* ==========================================================================
   SHORTCODES
   ========================================================================== */

/* Heading */
.asc-heading {
	text-align: center;
	margin-bottom: 20px;
	background: url(../images/dotted.png) repeat-x left center;
}
.asc-heading h3 { font-size: 22px; }
.asc-heading span {
	display: inline-block;
	background: #363636;
	padding: 0px 20px 5px;
	line-height: 33px;
	color: #fff;
	position: relative;
}
.asc-heading span:before,
.asc-heading span:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
}
.asc-heading span:before {
	border-bottom: 19px solid transparent;
	border-left: 10px solid white;
	border-top: 19px solid transparent;
	height: 0;
	left: 0;
	width: 0;
}
.asc-heading span:after {
	border-bottom: 19px solid transparent;
	border-right: 10px solid white;
	border-top: 19px solid transparent;
	height: 0;
	right: 0;
	width: 0;
}

/* Tagline */
.asc-tagline {
	background: #f4f4f4;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.asc-tagline .tagline-content { padding: 20px 20px 1px; }

/* Divider */
.asc-divider {
	clear: both;
	display: block;
	width: 100%;
	margin: 20px 0 40px;
	position: relative;
	height: 1px;
}
.asc-divider.divider { height: 1px; background: #ccc; }
.asc-divider.divider:before {
	background: #00ADEE;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 210px;
}
.asc-divider.divider2 { background: url(../images/dotted.png) repeat-x left center; }

/* Blockquote & Pullquote */
blockquote,
.asc-pullquote {
	background: #f4f4f4 url(../images/quote.png) no-repeat 20px 25px;
	padding: 20px 20px 1px 50px;
	margin-bottom: 20px;
}
.post-quote blockquote { margin-bottom: 2px; }
.asc-pullquote { padding: 20px 20px 20px 50px; }
.asc-pullquote.alignleft { width: 30%; margin: 10px 20px 10px 0; }
.asc-pullquote.alignright { width: 30%; margin: 10px 0 10px 20px; }

/* Highlight */
.asc-highlight { padding: 0 5px; color: #fff; border: none; background-color: #878787; }

/* Dropcaps */
.asc-dropcap {
	line-height: 40px;
	width: 40px;
	height: 40px;
	float: left;
	font-size: 30px;
	margin: 7px 8px 0 0;
	text-align: center;
	background: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
}
.asc-dropcap.dropcap2 { background: #545454; color: #FFFFFF; }

/* More-Link */
a.more-link {
	background: url(../images/icons/more-link.png) no-repeat right center;
	padding-right: 25px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
}

/* Buttons */
.asc-button { margin-right: 5px; background-color: #333333; display: inline-block; color: #fff; }
.asc-button:hover { color: #fff; }
.asc-button.small { font-size: 14px; line-height: 20px; padding: 5px 10px 6px; }
.asc-button.medium { font-size: 18px; line-height: 24px; padding: 6px 15px 8px; }
.asc-button.large { font-size: 20px; line-height: 28px; padding: 10px 20px 12px; }
.asc-button.green { background-color: #8DBB40; }
.asc-button.green:hover { background-color: #87b33d; }
.asc-button.orange { background-color: #FF9C00; }
.asc-button.orange:hover { background-color: #f19300; }
.asc-button.red { background-color: #BC1C48; }
.asc-button.red:hover { background-color: #b21842; }
.asc-button.blue { background-color: #00adee; }
.asc-button.blue:hover { background-color: #01a5e3; }
.asc-button.light { background-color: #ddd; color: #333; }
.asc-button.light:hover { background-color: #ccc; }
.asc-button.grey { background-color: #999; color: #222; }
.asc-button.grey:hover { background-color: #777; color: #222; }
.asc-button.purple { background-color: #613CBD; }
.asc-button.purple:hover { background-color: #5834b0; }
.asc-button.pink { background-color: #D84890; }
.asc-button.pink:hover { background-color: #ce3e86; }
.asc-button.brown { background-color: #8D3200; }
.asc-button.brown:hover { background-color: #812f02; }

/* Callout Box */
.asc-callout {
	background: #f4f4f4;
	border-bottom: 3px solid #00ADEE;
	margin-bottom: 20px;
	padding: 20px 20px 1px;
	position: relative;
}

/* Icon Box */
.asc-iconbox h4 { margin-bottom: 10px; }
.asc-iconbox .iconbox-left { float: left; overflow: hidden; margin-right: 10px; }
.asc-iconbox .iconbox-left img { margin: 0 0 5px; }
.asc-iconbox .iconbox-right { overflow: hidden; }

/* Message Box */
.asc-message { color: #fff; padding: 10px 20px; margin-bottom: 20px; position: relative; font-weight: 400; }
.asc-message p { margin: 0; }
.widget .asc-message p { line-height: 18px; }
.asc-message.success { background: #8ebd40; }
.asc-message.warning { background: #FF9C00; }
.asc-message.error { background: #BC1C48; }
.asc-message.info { background: #00adee; }
.asc-message.help { background: #767676; }
.asc-message .message-close {
	position: absolute;
	right: 2px;
	top: 2px;
	background: url(../images/icons/alert-close.png) no-repeat center center;
	padding: 0;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
}

/* Tabs */
.asc-tabs { background: #fff; margin-bottom: 20px; }
.asc-tabs .tabs-title {
	border-bottom: 1px solid #E9E9E9;
	margin: 0;
	padding: 0 1px;
	font-size: 14px;
}
.asc-tabs .tabs-title li { display: inline-block; }
.asc-tabs .tabs-title li a { border-top: none; padding: 9px 20px; display: block; }
.asc-tabs .tabs-title li a:hover { color: #333; }
.asc-tabs .tabs-title li.active {
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-top: 1px solid #00ADEE;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	padding-bottom: 1px;
	z-index: 99;
}
.asc-tabs .tabs-title li.active a { color: #00ADEE; z-index: 9; background-color: #fff; }
.asc-tabs .tabs-container { padding: 15px 0 0; background: #fff; }
.asc-tabs .tabs-container .widget { margin-bottom: 20px; }

/* Toggle & Accordions */
.asc-accordion { width: 100%; margin-bottom: 20px; }
.asc-toggle { width: 100%; margin-bottom: 5px; position: relative; background: #f4f4f4; }
.asc-accordion > ul { margin: 0; }
.asc-accordion > ul > li {
	height: auto;
	overflow: hidden;
	margin: 0 0 5px;
	position: relative;
	background: #f4f4f4;
}
.asc-accordion ul li .accordion-title,
.asc-toggle .toggle-title {
	cursor: pointer;
	display: block;
	outline: none;
	padding: 15px 15px 15px 30px;
	font-size: 14px;
}
.asc-toggle .toggle-title { border: none; }
.asc-accordion ul li .accordion-title.active,
.asc-toggle .toggle-title.active { color: #00ADEE; }
.asc-accordion ul li .accordion-title .accordion-icon,
.asc-toggle .toggle-title .toggle-icon {
	background: url(../images/accordion-open.png) no-repeat center center #454545;
	text-indent: -9000px;
	width: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.asc-accordion ul li .accordion-title:hover .accordion-icon,
.asc-toggle .toggle-title:hover .toggle-icon { background-color: #00ADEE; }
.asc-accordion ul li .accordion-title.active .accordion-icon,
.asc-toggle .toggle-title.active .toggle-icon {
	background: url(../images/accordion-close.png) no-repeat center center #00ADEE;
}
.accordion-content,
.toggle-content { padding: 10px 10px 1px 30px; margin: 0; }

/* Frames */
.asc-frame {
	background-color: #ccc;
	border: 1px solid #c0c0c0;
	margin: 0 0 20px;
	position: relative;
	line-height: 70%;
	z-index: 0;
	padding: 15px;
}
.asc-frame:before {
	content: url(../images/frame-top.png);
	display: block;
	height: 45px;
	left: -12px;
	position: absolute;
	top: -12px;
	width: 45px;
}
.asc-frame:after {
	content: url(../images/frame-bottom.png);
	display: block;
	height: 45px;
	right: -12px;
	position: absolute;
	bottom: -12px;
	width: 45px;
}
.frame-shadow img { width: 100%; display: block; margin-bottom: 10px; }

/* Video */
.asc-video { margin-bottom: 20px; z-index: 0; }
.asc-frame .asc-video { margin-bottom: 0; }

/* Code */
.asc-code {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px 0;
	background-color: #f4f4f4;
	font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
	font-size: 11px;
	color: #666;
}
.asc-code span { display: block; padding: 0 15px; line-height: 22px; height: 22px; }
.asc-code span:nth-child(odd) { background: #fcfcfc; }

/* Pricing Tables */
.asc-pricing { margin: 0 auto; position: relative; overflow: hidden; }
.asc-pricing.c2 .plan-container { width: 462px; }
.asc-pricing.c3 .plan-container { width: 307px; }
.asc-pricing.c4 .plan-container { width: 230px; }
.asc-pricing.c5 .plan-container { width: 183px; }
.asc-pricing .plan-container { float: left; border: 1px solid #EEEEEE; margin: 0 -0.5px 20px; text-align: center; }
.asc-pricing .plan-package { padding: 8px; border-bottom: 1px solid #EEEEEE; }
.asc-pricing .plan-package span { display: block; background: #f4f4f4; padding: 5px; }
.asc-pricing .plan-package span.package-name { font-size: 18px; }
.asc-pricing .plan-package span.package-price { font-size: 36px; }
.asc-pricing .plan-package span.package-price cite { color: #00ADEE; }
.asc-pricing .plan-content ul { margin: 0; padding: 0; }
.asc-pricing .plan-content ul li { padding: 15px 5px; list-style: none; }
.asc-pricing .plan-content ul li:nth-child(even) { background: #f4f4f4; }
.asc-pricing .plan-link { padding: 8px; border-top: 1px solid #EEEEEE; }
.asc-pricing .plan-link span { display: block; line-height: 110%; font-weight: bold; font-size: 12px; color: #00ADEE; }
.asc-pricing .plan-link a { margin-top: 15px; background: #454545; padding: 2px 15px 5px; color: #ccc; display: inline-block; }
.asc-pricing .plan-link a:hover { background: #00ADEE; color: #fff; }
.asc-pricing .plan-container.featured { background: #00ADEE; color: #fff !important; }
.asc-pricing .plan-container.featured .plan-package span { background: none; }
.asc-pricing .featured .plan-package span.package-price cite { color: #fff; }
.asc-pricing .plan-container.featured .plan-content ul li { font-weight: 500; }
.asc-pricing .plan-container.featured .plan-content ul li:nth-child(even) { background: none; }
.asc-pricing .plan-container.featured .plan-package,
.asc-pricing .plan-container.featured .plan-link { border-color: rgba(0, 0, 0, 0.1); }
.asc-pricing .plan-container.featured .plan-link a:hover { background: #fff; color: #00ADEE; }
.asc-pricing .plan-container.featured .plan-link span { color: #fff; }

/* Work & Blog Slider */
.asc-blog,
.asc-work { margin-bottom: 20px; }
.asc-work .teaser,
.asc-blog .teaser { width: 210px; margin-right: 30px; float: left; }

/* metro style */
.asc-work-metro ul li {
	position: relative;
	margin: 0 5px 5px 0;
	float: left;
}
.asc-work-metro .work_one { width: 227px; height: 227px; }
.asc-work-metro .work_two { width: 459px; height: 227px; }
.asc-work-metro .work_one img { max-width: 100%; }

/* Socials */
.asc-social a {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: 9999px;
	overflow: hidden;
	margin: 1px;
}
.asc-social a:hover { background-color: #585858; }
.asc-social .facebook  { background: url(../images/socials/facebook.png) no-repeat center center #4262A8; }
.asc-social .google    { background: url(../images/socials/gplus.png) no-repeat center center #00ADEE; }
.asc-social .twitter   { background: url(../images/socials/twitter.png) no-repeat center center #9FDEF1; }
.asc-social .youtube   { background: url(../images/socials/youtube.png) no-repeat center center #BE2124; }
.asc-social .vimeo     { background: url(../images/socials/vimeo.png) no-repeat center center #02BAF0; }
.asc-social .flickr    { background: url(../images/socials/flickr.png) no-repeat center center #0163DB; }
.asc-social .dribbble  { background: url(../images/socials/dribbble.png) no-repeat center center #F44C7D; }
.asc-social .linkedin  { background: url(../images/socials/linkedin.png) no-repeat center center #00A5F6; }
.asc-social .pinterest { background: url(../images/socials/pinterest.png) no-repeat center center #E42A2D; }
.asc-social .RSS       { background: url(../images/socials/rss.png) no-repeat center center #F48F1B; }
.asc-social .email     { background: url(../images/socials/email.png) no-repeat center center; }
#copyright .asc-social a { background-color: #222; }
#copyright .asc-social a:hover { background-color: #585858; }

/* Testimonials */
.asc-testimonial { margin-bottom: 20px; }
.asc-testimonial .testimonial-content {
	background: #f4f4f4 url(../images/quote.png) no-repeat 20px 25px;
	border-bottom: 1px solid #fff;
	padding: 20px 20px 20px 50px;
	font-size: 15px;
	font-style: italic;
	line-height: 24px;
}
.asc-testimonial .testimonial-meta { background: #f4f4f4; padding: 10px 20px; }
.asc-testimonial .testimonial-meta strong,
.asc-testimonial .testimonial-meta span { margin-right: 10px; }
.asc-testimonial .testimonial-meta span:before { content: '/'; margin-right: 10px; }

/* Contact Form */
.asc-contact-form { margin-bottom: 20px; }
.asc-contact-form .text_input { width: 60%; }

/* Contact Info */
.asc-contact.address { background: url(../images/icons/home.png) no-repeat left 5px; padding-left: 25px; }
.asc-contact.phone { background: url(../images/icons/phone.png) no-repeat left 5px; padding-left: 25px; }
.asc-contact.fax { background: url(../images/icons/document.png) no-repeat left 5px; padding-left: 25px; }
.asc-contact.mail { background: url(../images/icons/mail.png) no-repeat left 5px; padding-left: 25px; }
.asc-contact.website { background: url(../images/icons/loop.png) no-repeat left 5px; padding-left: 25px; }


/* ==========================================================================
   FLEXSLIDER
   ========================================================================== */

/* Browser 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; }
.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 { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; }
.flex-viewport { 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; }

.carousel li { margin-right: 5px; }

.flex-direction-nav .flex-next { background-position: 100% 0; right: 1px; }
.flexslider:hover .flex-next { opacity: 1; right: 5px; }
.flexslider:hover .flex-prev { opacity: 1; left: 5px; }
.flex-direction-nav .disabled { opacity: .3 !important; 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 .active { opacity: 1; cursor: default; }

/* FlexSlider Custom */
.flex-slider,
.post-slider,
.asc-slider > div,
.asc-islider > div { position: relative; }

.flex-slider .slides > li,
.post-slider .slides > li,
.asc-slider .slides > li,
.asc-islider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flex-slider .slides img,
.post-slider .slides img,
.asc-slider .slides img,
.asc-islider .slides img { width: 100%; display: block; }

/* main-slider */
.flex-slider .slides > li { position: relative; }
.flex-slider .flex-image { position: relative; }
.flex-slider .flex-caption {
	position: absolute;
	top: 25%;
	max-width: 450px;
	padding: 20px 20px 0;
	color: #fff;
}
.flex-slider .flex-caption h1,
.flex-slider .flex-caption h2,
.flex-slider .flex-caption h3,
.flex-slider .flex-caption h4,
.flex-slider .flex-caption h5,
.flex-slider .flex-caption h6 { margin-bottom: 10px; color: #fff; }

.flex-slider .flex-direction-nav,
.post-slider .flex-direction-nav { display: none; }
.flex-slider:hover .flex-direction-nav,
.post-slider:hover .flex-direction-nav { display: block; }
.flex-slider .flex-direction-nav a,
.post-slider .flex-direction-nav a {
	background: #dfdfdf url(../js/flexslider/images/bg_direction_nav.png) no-repeat;
	width: 65px;
	height: 65px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-slider .flex-direction-nav .flex-next,
.post-slider .flex-direction-nav .flex-next { background-position: -65px; }
.flex-slider .flex-direction-nav a:hover,
.post-slider .flex-direction-nav a:hover { background-color: #00ADEE; }

.flex-slider .flex-control-nav {
	position: absolute;
	right: 15px;
	bottom: 10px;
}
.flex-slider .flex-control-nav li {
	margin: 0 2px;
	line-height: 100%;
	display: inline-block;
	zoom: 1;
}
.flex-slider .flex-control-nav li a {
	display: inline-block;
	text-indent: -9999px;
	background: #fff;
	border: 1px solid #e0e0e0;
	height: 10px;
	width: 10px;
	cursor: pointer;
}
.flex-slider .flex-control-nav li a.flex-active {
	background: #00ADEE;
	border-color: #00ADEE;
}

/* post-slider */
.post-slider .flex-direction-nav .flex-next { right: 0; }
.post-slider .flex-direction-nav .flex-prev { left: 0; }
.post-slider .flex-direction-nav .disabled { opacity: .3 !important; cursor: default; }

/* asc-slider */
.asc-slider { margin-bottom: 20px; }
.asc-slider .flex-control-nav { margin-bottom: 20px; position: relative; text-align: center; }
.asc-slider .flex-control-nav li { margin: 0 2px; line-height: 100%; display: inline-block; zoom: 1; }
.asc-slider .flex-control-nav li a {
	display: inline-block;
	text-indent: -9999px;
	border: 1px solid #e0e0e0;
	height: 10px;
	width: 10px;
	cursor: pointer;
}
.asc-slider .flex-control-nav li a.flex-active { background: #00ADEE; border-color: #00ADEE; }

/* islider */
.asc-islider { margin-bottom: 20px; }
.asc-islider .slides > li { position: relative; }
.asc-islider .flex-caption {
	position: absolute;
	color: #ddd;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 10px 20px;
	background: transparent url(../js/flexslider/images/bg-caption.png) repeat;
}
.asc-islider .flex-direction-nav a {
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 27px;
	top: 0;
}
.asc-islider .flex-direction-nav .flex-prev {
	background: transparent url(../js/flexslider/images/islider-prev.png) no-repeat;
	right: 28px !important;
}
.asc-islider .flex-direction-nav .flex-next {
	right: 1px;
	background: transparent url(../js/flexslider/images/islider-next.png) no-repeat;
}


/* ==========================================================================
   FULL BROWSER 1152 GRID
   ========================================================================== */
@media only screen and (min-width: 1200px) {
	.container { width: 1152px; }

	.container .one.column,
	.container .one.columns          { width: 42px; }
	.container .two.columns          { width: 114px; }
	.container .three.columns        { width: 186px; }
	.container .four.columns         { width: 258px; }
	.container .five.columns         { width: 330px; }
	.container .six.columns          { width: 402px; }
	.container .seven.columns        { width: 474px; }
	.container .eight.columns        { width: 546px; }
	.container .nine.columns         { width: 618px; }
	.container .ten.columns          { width: 690px; }
	.container .eleven.columns       { width: 762px; }
	.container .twelve.columns       { width: 834px; }
	.container .thirteen.columns     { width: 906px; }
	.container .fourteen.columns     { width: 978px; }
	.container .fifteen.columns      { width: 1050px; }
	.container .sixteen.columns      { width: 1122px; }

	.container .one-third.column     { width: 354px; }
	.container .two-thirds.column    { width: 738px; }

	.content .one_half          { width: 546px; }
	.content .one_third         { width: 354px; }
	.content .two_third         { width: 738px; }
	.content .one_fourth        { width: 258px; }
	.content .three_fourth      { width: 834px; }
	.content-part .one_half     { width: 402px; }
	.content-part .one_third    { width: 258px; }
	.content-part .two_third    { width: 546px; }
	.content-part .one_fourth   { width: 186px; }
	.content-part .three_fourth { width: 618px; }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select { width: 95%; }

	.asc-pricing.c2 .plan-container { width: 558px; }
	.asc-pricing.c3 .plan-container { width: 371px; }
	.asc-pricing.c4 .plan-container { width: 278px; }
	.asc-pricing.c5 .plan-container { width: 222px; }

	.asc-work .teaser,
	.asc-work li,
	.asc-blog .teaser { width: 258px !important; }
	.asc-blog li { width: 218px !important; }

	.asc-work-metro .work_one { width: 275px; height: 275px; }
	.asc-work-metro .work_two { width: 555px; height: 275px; }
	.asc-work-metro .work_one img { max-width: 100%; }

	.flickr_badge_image { margin: 2px; width: 75px; height: 75px; }
}


/* ==========================================================================
   TABLET PORTRAIT
   ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { width: 768px; }
	.container .column,
	.container .columns { margin-left: 10px; margin-right: 10px; }
	.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
	.alpha.omega { margin-left: 0; margin-right: 0; }

	.container .one.column,
	.container .one.columns          { width: 28px; }
	.container .two.columns          { width: 76px; }
	.container .three.columns        { width: 124px; }
	.container .four.columns         { width: 172px; }
	.container .five.columns         { width: 220px; }
	.container .six.columns          { width: 268px; }
	.container .seven.columns        { width: 316px; }
	.container .eight.columns        { width: 364px; }
	.container .nine.columns         { width: 412px; }
	.container .ten.columns          { width: 460px; }
	.container .eleven.columns       { width: 508px; }
	.container .twelve.columns       { width: 556px; }
	.container .thirteen.columns     { width: 604px; }
	.container .fourteen.columns     { width: 652px; }
	.container .fifteen.columns      { width: 700px; }
	.container .sixteen.columns      { width: 748px; }

	.container .one-third.column     { width: 236px; }
	.container .two-thirds.column    { width: 492px; }

	.content .one_half          { width: 364px; }
	.content .one_third         { width: 236px; }
	.content .two_third         { width: 492px; }
	.content .one_fourth        { width: 172px; }
	.content .three_fourth      { width: 556px; }
	.content-part .one_half     { width: 268px; }
	.content-part .one_third    { width: 172px; }
	.content-part .two_third    { width: 364px; }
	.content-part .one_fourth   { width: 124px; }
	.content-part .three_fourth { width: 412px; }

	.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
		position: relative;
		margin-right: 20px;
		float: left;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select { width: 95%; }

	.flex-slider .flex-caption { max-width: 300px; }
	.zoom-hover.title { font-size: 22px; }
	#footer-wrap { padding: 30px 0 0; }

	.asc-work .teaser,
	.asc-work li,
	.asc-blog .teaser,
	.asc-blog li { margin-right: 20px !important; }

	.asc-pricing.c2 .plan-container { width: 371px; }
	.asc-pricing.c3 .plan-container { width: 247px; }
	.asc-pricing.c4 .plan-container { width: 184px; }
	.asc-pricing.c5 .plan-container { width: 184px; }

	.asc-work-metro .work_one { width: 182px; height: 182px; }
	.asc-work-metro .work_two { width: 369px; height: 182px; }
	.asc-work-metro .work_one img { max-width: 100%; }
}


/* ==========================================================================
   RESPONSIVE (max-width: 959px)
   ========================================================================== */
@media only screen and (max-width: 959px) {
	#nav { display: none; }
	#main-nav { right: 10px; margin-top: 12px; }
	.responsive-menu { display: block; margin: 0; width: 300px; }

	.flex-slider .flex-caption h1,
	.flex-slider .flex-caption h2,
	.flex-slider .flex-caption h3,
	.flex-slider .flex-caption h4,
	.flex-slider .flex-caption h5,
	.flex-slider .flex-caption h6 { font-size: 20px; }

	.flex-slider .flex-direction-nav a,
	.post-slider .flex-direction-nav a {
		background-position: -10px -10px;
		width: 45px;
		height: 45px;
		margin-top: -25px;
	}
	.flex-slider .flex-direction-nav .flex-next,
	.post-slider .flex-direction-nav .flex-next { background-position: -75px -10px; }

	#footer-wrap { padding: 40px 0 10px; }
	.flickr_badge_image { margin: 2px; width: 75px; height: 75px; }

	/* Show nav toggle button on mobile */
	.nav-toggle { display: block; position: absolute; right: 10px; top: 15px; }
}


/* ==========================================================================
   MOBILE PORTRAIT (max-width: 767px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
	.container { width: 300px; }
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 300px; }

	.content .one_half,
	.content .one_third,
	.content .two_third,
	.content .one_fourth,
	.content .three_fourth,
	.content-part .one_half,
	.content-part .one_third,
	.content-part .two_third,
	.content-part .one_fourth,
	.content-part .three_fourth { width: 300px; }

	.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
		margin: 0 0 20px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select { width: 95%; }

	#main { margin-bottom: 30px; }

	#header,
	#main-nav { position: relative; right: 0; margin-top: 0; }

	#header .header-inner { text-align: center; }
	#header .logo { float: none; margin: -10px 0 10px; }

	#pre-content { margin-top: 0; }

	.flex-slider .flex-caption { display: none; }

	#copyright { line-height: 25px; }
	#copyright .far-edge { margin-top: 0; margin-bottom: 0; text-align: center; }

	.zoom-hover.title { font-size: 20px; }
	.secondary-menu { text-align: inherit; }
	.breadcrumbs { display: none; }
	#copyright { text-align: center; }
	.scrollTop { display: none !important; }

	.asc-pricing.c2 .plan-container,
	.asc-pricing.c3 .plan-container,
	.asc-pricing.c4 .plan-container,
	.asc-pricing.c5 .plan-container { width: 298px; }

	.asc-tabs .tabs-title li {
		display: block;
		float: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e9e9e9;
	}

	.asc-work .teaser,
	.asc-blog .teaser { width: 300px; float: none; }
	.asc-work li,
	.asc-blog li { margin-right: 20px !important; }
	.asc-work-metro .work_one { width: 145px; height: 145px; }
	.asc-work-metro .work_two { width: 295px; height: 145px; }
	.asc-work-metro .work_one img { max-width: 100%; }

	/* Mobile nav */
	#main-nav ul { display: none; }
	#main-nav.open ul { display: block; }

	.nav-toggle { display: block; float: right; margin-top: 15px; }
}


/* ==========================================================================
   MOBILE LANDSCAPE (480–767px)
   ========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.container .columns,
	.container .column { margin: 0; }

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }

	.content .one_half,
	.content .one_third,
	.content .two_third,
	.content .one_fourth,
	.content .three_fourth,
	.content-part .one_half,
	.content-part .one_third,
	.content-part .two_third,
	.content-part .one_fourth,
	.content-part .three_fourth { width: 420px; }

	.responsive-menu { display: block; width: 420px; position: absolute; top: 214px; }

	#copyright { text-align: center; }

	.asc-pricing.c2 .plan-container,
	.asc-pricing.c3 .plan-container,
	.asc-pricing.c4 .plan-container,
	.asc-pricing.c5 .plan-container { width: 418px; }

	.asc-work .teaser,
	.asc-blog .teaser { width: 420px; float: none; }
	.asc-work-metro .work_one { width: 205px; height: 205px; }
	.asc-work-metro .work_two { width: 415px; height: 205px; }
	.asc-work-metro .work_one img { max-width: 100%; }
}


/* ==========================================================================
   CLEARING
   ========================================================================== */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* ==========================================================================
   ELASTISLIDE
   ========================================================================== */
.es-carousel-wrapper { position: relative; overflow: hidden; }
.es-carousel { overflow: hidden; }
.es-carousel ul { margin: 0; padding: 0; }
.es-carousel ul li { float: left; list-style: none; }


/* ==========================================================================
   CUSTOM CSS OVERRIDES (from WordPress Customizer)
   ========================================================================== */
@media only screen and (min-width: 1200px) {
	.content .one_third {
		width: 373px;
		padding: 10px;
		box-sizing: border-box;
	}
}
.one_third {
	margin-right: 0px !important;
}

.asc-heading span {
	padding: 2px 15px !important;
}

@media only screen and (max-width: 959px) {
	.flex-slider {
		display: block !important;
		margin-top: 40px !important;
	}
	.pre-content-inner {
		padding-top: 73px !important;
	}
	.flex-caption h1 {
		font-size: 14px !important;
	}
	.flex-slider .flex-caption {
		display: block !important;
		left: 0px !important;
		top: 0px !important;
		width: 178px;
		height: 100px;
	}
	#pre-content > div > div > ul div.flex-caption > p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.flex-image {
		height: 163px;
	}
	.asc-button.medium {
		font-size: 10px;
		padding: 2px 10px;
	}
}

@media only screen and (max-width: 767px) {
	.responsive-menu {
		margin-top: 15px !important;
	}
	#pre-content > div > div > ul > li.flex-active-slide > div {
		width: 100% !important;
	}
	.flex-slider .slides img {
		margin-left: 90px;
	}
	#header .logo {
		margin: 7px 0px 0px 0px !important;
	}
}