/*-----------------------------------------------------------

    Theme Name: Delta
	Version: 1.3
    Description: Premium WordPress theme by WPExplorer
    Author: WPExplorer
    Author URI: http://themeforest.net/user/WPExplorer/
    Designed & Developed by WPExplorer
	Theme URI: http://themeforest.net/user/WPExplorer/portfolio
	License: Dual GPL + ThemeForest License
	License URI: README_License.txt
	
		
/* Reset
================================================== */
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; }


/* Body & Main
================================================== */
body { background: #eee url("images/bg/01.png") repeat; nowhitespace: afterproperty; font: 14px/1.8 'Open Sans', Helvetica, Arial, sans-serif; color: #666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body a { color: #007acc } /*main link color*/
body a:hover { text-decoration: none; color: #000 }

/*set max img width*/
img{ max-width: 100%; }


/* The Grid
================================================== */

/*main*/
#wrap{ width: 1000px; margin: 40px auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
#main-content { background: #fff; padding: 40px; }
#post { float: left; width: 630px }
#sidebar { float: right; width: 250px; padding-bottom: 25px; font-size: 13px; }

@media only screen and (max-width: 1024px) {
#wrap{ margin: 0px auto; }
}



/*grids*/
.grid-container{position: relative; margin-right: -25px; }
.grid-2,
.grid-3,
.grid-4{ display: block; float: left; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-2{ width: 450px; }
.grid-3{ width: 290px; margin-right: 25px; margin-bottom: 25px; }
.grid-4{ width: 215px; }


/* Commons
================================================== */

/*clear floats*/
.remove-margin { margin-right: 0 !important }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { clear: both }

/*blockquote*/
blockquote{ position: relative; margin: 30px 20px; padding-left: 25px; font-style: italic; font-weight: bold; color: #000; quotes:"\201C""\201D""\2018""\2019"; }
blockquote:before { color:#000; content:open-quote; font-size: 3em; line-height:.1em; position: absolute; top: 20px; left: -10px; }
blockquote p:last-child{ margin: 0 }


/*preformatted text*/
pre {background: #fff url("images/pre-bg.png") repeat; margin: 40px 0px; padding: 25px 20px; line-height: 25px; border: 1px solid #ddd; /*white-space: pre-wrap;  white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; */ word-wrap: break-word; }

/*address*/
address{letter-spacing: 1px; margin: 20px 0 }

/*page featured image*/
#page-featured-img { position: relative; margin: -40px -40px 25px; border-bottom: 5px solid #eee; margin-bottom: 25px; }
#page-featured-img img{ display: block; width: 100% }

/*wp*/
.sticky{}
.gallery-caption{}


/* Lists
================================================== */
.entry ul{ margin: 30px 0 30px 20px; }
.entry ol{ margin: 30px 0 30px 25px; }
.entry ul{ list-style: disc; }
.entry ol{ list-style: decimal; }
.entry ul li, .entry ol li{ margin: 0 0 5px; }


/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #000 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0099ff }
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px; }
h1 { font-size: 24px; margin: 0 0 20px; }
h2 { font-size: 18px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }

#post, .entry{ font-size: 20px; }

p { margin: 0 0 20px }
.entry p:last-child{ margin: 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% }
hr { border: solid rgba(0, 0, 0, 0.2); border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
p a, p a:visited { line-height: inherit }
a:link { text-decoration: none }
a:focus { outline: 0 }
a { outline: 0 }
p a, p a:visited { line-height: inherit }
a:link { text-decoration: none }
a:focus { outline: 0 }


/* Headings
================================================== */

/*page heading*/
#page-heading { position: relative; margin: -40px -40px 40px; padding: 30px 40px; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; }
#page-heading h1, #page-heading h2 { font-size: 28px; line-height: 1.2em; color: #000; font-weight: 300; margin: 0px; }

/*heading class*/
.heading { display: block; margin: 15px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url('./images/heading-bg.png') center center repeat-x; }
.heading span { background: #fff; padding-right: 25px; display: inline-block; }


/* Header
================================================== */
#header { position: relative; background: #000; }

/*logo*/
#logo h1 a, #logo h2 a { display: block; float: left; font-weight: 700; padding: 0px; margin: 0px; text-decoration: none; color: #fff; padding: 40px; text-transform: uppercase; letter-spacing: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }
#logo img { display: block; max-width: 100%; }
#logo h1, #logo h2 { font-size: 32px; margin: 0; line-height: 1em; }


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

/*hide responsive nav*/
#top-bar .selector,
#navigation .selector { display: none; }

/*core*/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0 }
.sf-menu ul { position: absolute; top: -999em; width: 180px; }
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 50px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; top: 1px; }

/*styling*/
#navigation { position: absolute; height: 30px; top: 50%; right: 15px; margin-top: -15px; }

#navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { top: 30px; }
#navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul,
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 190px; top: 0 }

#navigation .sf-menu a { font-size: 14px; height: 30px; line-height: 30px; color: #61666e; margin-right: 5px; padding: 0 15px; text-decoration: none; font-weight: 700; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#navigation .sf-menu > li > a{ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#navigation .sf-menu li { float: left; position: relative; } 

#navigation .sf-menu > li > a:hover{ color: #fff; }
#navigation .sf-menu > li.sfHover > a,
#navigation .sf-menu > .current-menu-item > a,
#navigation .current-menu-parent > a,
#navigation .current-menu-parent > a:hover,
#navigation .sf-menu > .current-menu-item > a:hover{ color: #fff; background: #212326; }

/*drop-down styles*/
#navigation .sf-menu ul { position: absolute; nowhitespace: afterproperty; top: -999em; padding-top: 25px; width: 190px; z-index: 9999; }
#navigation .sf-menu ul:before {content: "";display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #212326;position: absolute;top: 15px;left: 10px; }
#navigation .sf-menu ul li{ border-bottom: 1px solid #313438; }
#navigation .sf-menu ul li:first-child { border-top: 0 }
#navigation .sf-menu ul li:last-child { border-bottom: 0 }
#navigation .sf-menu ul a { display: block; padding: 1.4em 1.4em; background: #212326; color: #61666e; padding: 15px; height: auto; margin: 0px; border: 0px; line-height: 1.8em; font-size: 12px; font-weight: 600; text-shadow: none;}
#navigation .sf-menu .sub-menu li.current_page_item > a { color: #fff; background-color: #292b2f; }
#navigation .sf-menu ul li > a:hover { color: #fff; background-color: #292b2f; background-image: none; }


/* Homepage
================================================== */

/*Slider - give it a min height to prevent flash*/
#home-slider .slider-loading{ background: #000 url("images/slider-loading.gif") center center no-repeat; min-height: 300px; }

/*headings*/
#home-wrap .heading{ text-align: center; text-transform: uppercase; color: #000; font-weight: bold; font-size: 24px; margin: 40px 0; }
#home-wrap .heading span{ padding: 0 25px; }
	
/*portfolio*/
#home-portfolio { position: relative; }
#home-portfolio #portfolio-cats{ margin: 40px 0 20px; }


/* AJAX
================================================== */
#home-wrap.ajax-wrap{ position: relative; margin-top: -20px; padding-top: 20px; }
#portfolio-template.ajax-wrap{ position: relative; margin-top: -40px; padding-top: 40px; }
#ajax-container{ display: none; position: relative; margin-bottom: 40px; }
#ajax-exit,
#ajax-loader,
#ajax-prev,
#ajax-next{display: none; }
#portfolio-template #ajax-container{ margin-top: -20px; padding-bottom: 40px; background: url('images/ajax-bottom-border.png') center bottom repeat-x; }
.ajax-btn{ position: absolute; top: 0; right: -40px; background: #000; color: #fff; font-size: 21px; height: 40px; width: 40px; text-align: center; line-height: 40px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.ajax-btn:hover{ color: #fff; }
#ajax-loader{ background: #fff url("images/loading.gif"); }
#ajax-prev{ right: 45px; }
#ajax-next{ right: 5px; }

body.single-portfolio .ajax-heading{ display: none; }
#ajax-container .heading{ text-align: center; text-transform: uppercase; color: #000; font-weight: bold; font-size: 24px; margin: 40px 0; }
#ajax-container .heading span{ padding: 0 25px; }


/* Slider
================================================== */

/* FlexSlider Necessary Styles
*********************************/ 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}

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

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*home slider*/
#home-slider{ margin: -40px -40px 20px; }

/*main*/
.flexslider-container { position: relative; }
.flexslider { position: relative; zoom: 1; }
.flexslider ul{ margin: 0; }

/*next/prev arrows*/
#home-slider .flex-direction-nav li a.flex-next,
#home-slider .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 50px; height: 55px; line-height: 55px; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; font-size: 16px; text-align: center; background: #000; color: #fff !important; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
#home-slider .flex-direction-nav li a.flex-next { right: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#home-slider .flex-direction-nav li a.flex-prev { left: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
#home-slider .flex-direction-nav li a:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; color: #fff }

#single-portfolio-media .flex-direction-nav li a.flex-next,
#single-portfolio-media .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 25px; height: 23px; line-height: 23px; position: absolute; top: 15px; cursor: pointer; font-size: 10px; text-align: center; background: #000; color: #fff !important; opacity: 0.5; -moz-opacity: 0.5; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#single-portfolio-media .flex-direction-nav li a.flex-next { left: 45px; }
#single-portfolio-media .flex-direction-nav li a.flex-prev { left: 15px; }
#single-portfolio-media .flex-direction-nav li a:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; color: #fff }

/* slider caption */
/*.flexslider-container .flex-caption { margin: 0; background: #000; padding: 25px; text-align: center; }*/
.flexslider-container .flex-caption {position: relative; margin-top: -310px; height: 290px; color: #fff;}
.flexslider-container .flex-caption h2{ color: #fff; margin: 0 0 30px 0; font-size: 28px;  font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif!important; font-weight: 300; line-height: 1.4em;}
.flexslider-container .flex-caption p { margin: 20px 0 0 30px; font-size: 18px; color: #fff; font-weight: 300; font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;}
.flexslider-container .flex-caption a{ color: #fff !important;  padding: 10px 40px 10px 0; font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; background: url("images/mabi/arrow.png") right no-repeat;}
.flexslider-container .flex-caption a:hover{ padding-right: 50px; transition-duration: 0.1s;  color: #eee!important;}


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

/*main*/
#portfolio-wrap { position: relative; overflow: hidden; margin-right: -25px; margin-bottom: -25px; }
#portfolio-description { font-family: 'Droid Serif'; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e6e6e6; }
#portfolio-description p:last-child, .portfolio-description p { margin: 0 }
#portfolio-wrap ul { margin: 0px; list-style: none; }

/*category filter*/
#portfolio-cats{ text-align: center; }
#portfolio-template #portfolio-cats{ margin: 0 0 20px; }
#portfolio-cats li{ display: inline-block }
#portfolio-cats li a{display: block; font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; display: block; float: left; padding: 0 15px; height: 35px; line-height: 35px; background: #000; color: #fff; margin-right: 10px; margin-bottom: 10px; font-size: 13px; font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }

/*portfolio entry*/
.portfolio-entry a { /*display: block; */text-decoration: none }
.portfolio-entry-img-link{ display: block; background: #000; }
.portfolio-entry-img-link img { display: block; box-shadow: #000 0em 0em 0em; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.portfolio-entry-img-link:hover img{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; }
.portfolio-entry-description { position: relative; text-align: center; font-size: 14px; padding: 25px; background: #f7f8f8; /*font-family: 'Droid Serif'; */}
.portfolio-entry-description  p{ margin: 0; }
.portfolio-entry-description h2 { line-height: 1.4em; font-size: 16px; font-weight: bold; margin: 0; }
.portfolio-entry-description h2:after{ content: ""; height: 1px; display: block; margin: 15px auto 10px auto; width: 15px; }
.portfolio-entry-description p:last-child{ margin: 0 }

/*single portfolio*/
#single-portfolio-media { width: 550px; float: left; }
#single-portfolio-media img{ display: block; }
#single-portfolio-media .single-portfolio-stacked-image{ margin-bottom: 25px; }
#single-portfolio-media .single-portfolio-image-description{ text-align: center; padding: 25px; background: #f7f8f8; font-size: 13px; }
#single-portfolio-media .single-portfolio-stacked-image:last-child{ margin-bottom: 0; }

#single-portfolio-info{ float: right; width: 330px; }
#single-portfolio-info p:last-child{ margin: 0 }

/*single portfolio slider*/
#portfolio-slides-wrap { position: relative; width: 100% }

/*related*/
#single-portfolio-related{ margin-top: 40px; margin-bottom: -20px; overflow: hidden; }
#single-portfolio-related .heading{ margin-top: 0; }


/* Blog Entries
================================================== */

/*main*/
.loop-entry { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eeeff0;  }
.loop-entry p:last-child{ margin: 0; }
.loop-entry h2 { margin: 7px 0 15px; font-size: 24px; line-height: 1.4em }

/*thumbnail*/
.loop-entry-thumbnail{ display: block; margin-bottom: 25px; }
.loop-entry-thumbnail a{ display: block; border: 7px solid #eeeff0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.loop-entry-thumbnail img { display: block; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*read more*/
.loop-entry .read-more{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; display: block; margin-top: 10px; font-size: 14px; }

/*meta*/
.loop-entry .meta { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #999; font-weight: 600; margin: -10px 0 20px; }
.loop-entry .meta a { color: #999; border-bottom: 1px dotted #cacdd1; }
.loop-entry .meta a:hover { color: #000 }
.loop-entry .meta li { float: left; margin-right: 5px; }


/* Blog Posts
================================================== */

/*title*/
#post h1{ margin: 7px 0 15px; font-size: 24px; font-size: 24px; line-height: 1.4em }

/*meta*/
.single-post .meta { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #999; font-weight: 600; margin: -10px 0 20px; }
.single-post .meta a { color: #999; border-bottom: 1px dotted #cacdd1; }
.single-post .meta a:hover { color: #000 }
.single-post .meta li { float: left; margin-right: 5px; }

/*post-thumbnail*/
#post-thumbnail{ margin-bottom: 25px; border: 7px solid #eeeff0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;  }
#post-thumbnail img { display: block; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*author bio*/
#single-author{ margin-top: 40px }
#author-image{ float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 5px solid #eeeff0; }
#author-image img{ display: block; border: 0px solid #fff; }
#author-bio{ float: right; width: 545px; font-size: 13px;}
#author-bio p:last-child{ margin: 0; }


/* Pagination
================================================== */
.page-pagination { margin: 20px 0 -5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; overflow: hidden; }
.page-of-page{ float: left }
.page-of-page span.inner{ padding: 0 10px }
.page-of-page, .page-pagination a, .page-pagination span.outer { font-size: 13px; font-weight: 600; line-height: 35px; height: 35px; text-align: center; margin-right: 5px; margin-bottom: 5px; display: block; float: left; color: #fff; background: #000; -moz-box-sizing: border-box; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.page-pagination a, .page-pagination span.outer { width: 35px }
.page-pagination a { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.page-pagination a:hover, .page-pagination span.current{ color: #fff; }
#portfolio-template .page-pagination{ margin: 20px 0;}


/* Sidebar
================================================== */
#sidebar h4{ font-weight: bold; }
#sidebar .heading{ margin-top: 0; }
.sidebar-box { margin-bottom: 30px }
.sidebar-box .heading{ margin-top: 0 }


/* Widgets
================================================== */

/*tagcloud*/
.tagcloud a { float: left; display: block; font-size: 12px !important; line-height: 1em !important; margin-bottom: 7px; margin-right: 7px; padding: 7px 15px;  background: #000; color: #fff; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.tagcloud a:hover{ background: #0099ff; color: #fff; }
#footer .tagcloud a{ background: #212326; color: #fff; }

/*footer lists*/
#footer .widget_nav_menu li, #footer .widget_recent_entries li, #footer .widget_categories li, #footer .widget_archive a, #footer widget_meta li, #footer .wpex-taxonomies-widget li, #footer #footer .wpex-recent-post-types-widget li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #212326; }

/*recent comments*/
.widget_recent_comments li.recentcomments{ position: relative; padding: 10px; background: #f7f8f8; margin-bottom: 15px; }
.widget_recent_comments li:last-child{ margin: 0; }
.widget_recent_comments li.recentcomments:before{ display: block; content: ""; position: absolute; top: 50%; margin-top: -10px; right: -10px; width: 0; height: 0; border-top: 10px solid rgba(255,255,255,0);border-bottom: 10px solid rgba(255,255,255,0); border-left:10px solid #f7f8f8; }

/*calendar*/
#wp-calendar{ font-size: 11px }
#wp-calendar caption { background: #292b2f; color: #fff; padding: 10px; text-align: center; font-weight: bold; }
#wp-calendar, #footer #wp-calendar tr { width: 100% }
#wp-calendar th { text-align: center; border: 1px solid #ddd; border-top: none; padding: 5px 0; background: #f5f5f5 }
#wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee }
#wp-calendar tbody td:hover { background: #f5f5f5; color: #000 }
#wp-calendar tbody a { display: block }

#footer caption{ background: #111214; }
#footer #wp-calendar th, #footer #wp-calendar tbody td{ border-color: #212326; }
#footer #wp-calendar th{ background: #212326; }
#footer #wp-calendar td:hover{ background: #292b2f; color: #fff; }

#footer #wp-calendar caption { color: #fff }
#wp-calendar tbody td { padding: 4px 0; text-align: center; border: 1px solid #eee }
#wp-calendar tbody td:hover { background: #fff; color: #000; }
#wp-calendar tfoot td{ padding-top: 5px }

/*recent posts with thumb*/
.wpex-widget-recent-posts { line-height: 1.5em; }
.wpex-widget-recent-posts li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eeeff0; }
.wpex-widget-recent-posts li:last-child { margin: 0; }
.wpex-widget-recent-posts li .date { font-size: 11px; color: #999; }
.wpex-widget-recent-posts img {float: left;margin-right: 15px;border: 5px solid #eeeff0;transition: all 0.25s ease;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;-moz-transition: all 0.25s ease; }
.wpex-widget-recent-posts li .date { color: #666; }

#footer .wpex-widget-recent-posts li { border-bottom: 1px solid #212326; }
#footer .wpex-widget-recent-posts img { border-color: #212326; }

/*zilla social*/
#footer .widget_zilla_social_widget img{ opacity: 0.7; -webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;-moz-transition: all 0.25s ease; }
#footer .widget_zilla_social_widget img:hover{ opacity: 1 }

/* Footer
================================================== */

/*footer main*/
#footer { background: #000; border-top: 5px solid transparent; color: #696e77; position: relative; padding: 40px 40px 0; font-size: 13px; min-height: 5px; }
#footer:before {content: "";display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: 0;left: 40px; }

#footer-widgets{  }
.footer-box{ float: left; width: 260px; margin-right: 70px; }
.footer-box.remove-margin{ margin-right: 0; }

.footer-widget{ margin-bottom: 40px; }

#footer a { color: #b8bbc1 }
#footer a:hover { color: #eeeff0 }
#footer ul { margin: 0 }

/*footer widgets*/
.footer-widget h4{ font-size: 18px; color: #fff; text-transform: uppercase; background: url("images/footer-heading-bg.png") bottom repeat-x; padding-bottom: 20px; margin: 0 0 30px }

/*footer bottom*/
#footer-bottom { color: #9f9f9f; padding: 10px 0; font-size: 11px; border-top: 1px solid #333;  }
#footer-bottom a { color: #ccc }
#footer-bottom a:hover { color: #fff }
#copyright { font-size: 11px; }

/*back to top link*/
#toplink{ display: none; position: fixed; right: 25px; bottom: 40px; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #000; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }


/* Search
================================================== */

/*main*/
input[type="search"] { background: url("./images/search.png") no-repeat scroll 96% center #fff; border: 1px solid #ddd; box-shadow: 0 0 0 4px #f7f8f8; color: #666; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; color: #9da1a9; padding: 10px 16px 10px 7px; width: 100%; background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: none; }
input[type="search"]::-webkit-search-decoration { display: none }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }

#footer input[type="search"]{ box-shadow: none; }

/*entries*/
.search-entry{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eeeff0; } 
.search-entry h2{ margin: -8px 0 5px; font-size: 16px; }
.search-entry h2 span{ margin-left: 5px; color: #999; font-size: 11px; font-weight: 600; }
.search-entry-image{ float: left; }
.search-entry-image a{ display: inline-block; border: 5px solid #eeeff0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.search-entry-image img{ display: block; }
.search-entry-text{ float: right; width: 490px;  }
.search-entry-text p:last-child{ margin: 0; }


/* Forms / Inputs / Buttons
================================================== */

/*inputs*/
input[type="text"], input[type="password"]{ height: 30px; line-height: 30px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
input[type="text"], input[type="password"], textarea { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #fafafa; color: #666; display: block; font-size: 12px; margin-left: 0; padding: 0 10px; border: 1px solid transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; -webkit-appearance: none; }
textarea{  width: 100%; padding: 10px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
input[type="text"], input[type="password"] { width: 200px }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { 
  outline: none; 
  background: #fff; 
  border: 1px solid #DF6124!important;
  box-shadow: 0 0 3px #DF6124;
}

/*contact form 7*/
.entry .wpcf7-form{ margin-top: 40px; }
.wpcf7-form p{ font-size: 11px; color: #999; text-transform: uppercase; }

.entry button, .entry input[type="button"], .entry input[type="submit"], .widget input[type="submit"], #commentsbox input[type="submit"]{ position: relative; display: block; padding: 0 15px; height: 35px; line-height: 35px; outline: none; border: none; font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; background: #000; color: #fff; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; font-size: 13px; cursor: pointer; -webkit-appearance: none !important; }
.entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover, .widget input[type="submit"]:hover, #commentsbox input[type="submit"]:hover{ color: #fff; }
.entry button:active, .entry input[type="button"]:active, .entry input[type="submit"]:active, .widget input[type="submit"]:active, #commentsbox input[type="submit"]:active{ top: 1px; }

.widget input[type="submit"] { background-color: #0099ff; }
.widget input[type="submit"]:hover { opacity: 0.8; }

/* Comments
================================================== */
#commentsbox, #autorbox{ margin-top: 40px; }
.comment-details ul { margin: 0 }
.comment-details ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; padding-top: 8px; }
.comment-details ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) }
.commentlist { margin: 0 }
.commentlist li { list-style: none; margin: 0; }
.children li.depth-2 { margin: 0 0 0px 65px }
.children li.depth-3 { margin: 0 0 0px 65px }
.children li.depth-4 { margin: 0 0 0px 65px }
.children li.depth-5 { margin: 0 0 0px 65px }
.children li.depth-6 { margin: 0 0 0px 65px }
.children li.depth-7 { margin: 0 0 0px 65px }
.children li.depth-8 { margin: 0 0 0px 65px }
.children li.depth-9 { margin: 0 0 0px 65px }
.children li.depth-10 { margin: 0 0 0px 65px }
.comment-body { margin-bottom: 25px; font-size: 13px; }
.comment-details{ font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; position: relative; margin-left: 90px; background: #fafafa; padding: 15px; text-shadow: 1px 1px 1px #fff; }
.comment-details:after{ content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: -20px; background: url("images/comment-triangle.png") no-repeat; }
.comment-avatar{ 
  position: absolute; 
  left: -90px; 
  top:0; 
  border-radius: 2px; 
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px; 
  border: 1px solid #e7e7e7;
  padding: 3px;
  width: 50px;
}
.comment-avatar img{ display: block; 1border: 1px solid #fff; }
.comment-author .author a:link, .comment-author .author a:visited { color: #000; font-weight: 600; text-transform: uppercase; }
.comment-author .author a:hover { color: #999 }
.comment-content{ margin-top: 5px }
.comment-content p:last-child{ margin: 0; }
.comment-date { font-size: 11px; font-weight: normal }
.comment-date a { color: #888 }
.comment-reply-link{ font-size: 11px; color: #888; }
.comment-reply-link:before{ content: "\b7\a0"; }
#respond { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;  font-size: 13px; }
#cancel-comment-reply-link{ display: block;  font-size: 13px; font-weight: 600; margin: -10px 0 10px; color: #C30; }
.comment-reply-link:hover, #cancel-comment-reply-link:hover { color: #000 }
.commentlist .children { margin: 0 }
#comments-title { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; margin-top: 30px; background: #fbfbfb; text-align: center; color: #222 }
#comments_wrap { margin-top: 15px }
#comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 13px; }
#log-out { float: right; margin-top: -56px; }
.form-submit{ margin-bottom: 0; height: 55px; }
h3#reply-title{ font-size: 16px; margin-bottom: 15px; }
.children #commentform textarea { width: 95.6% }
#commentform input{ float: left; margin-right: 10px; }
#commentform label { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; }
#commentsbox span.required{ color: #C30; font-size: 9px; }
#commentform input { margin-top: 0 !important }
#commentform input#author, #commentform input#email, #commentform input#url { font-size: 13px; width: 40%; margin-top: 10px; }
#commentform textarea { 
  font-size: 13px; 
  width: 100%; 
  margin-top: 10px; 
  border: 1px solid #D6D6D6;
}

/*WP JetPack*/
.comment-subscription-form { font-size: 12px; margin-top: 20px; margin-bottom: 0px; }
.comment-subscription-form:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.comment-subscription-form input, .comment-subscription-form label { float: left; margin: 0px !important; margin-right: 5px !important; padding: 10px; }
#comment-left { float: left; width: 160px; padding-right: 35px; }
#comment-right { float: left; width: 445px; }


/* Sitemap
================================================== */
.sitemap-container ul { margin-bottom: 40px; margin-left: 0 }
#sitemap-wrap h2{ height: 35px; line-height: 35px; margin: 15px 0; font-size: 14px; text-transform: uppercase; font-weight: 600; background: url('./images/heading-bg.png') center center repeat-x; }
#sitemap-wrap h2 span { background: #fff; padding-right: 25px; display: inline-block;}
.sitemap-container a{ font-size: 13px !important; }
.sitemap-container a:hover { color: #000; text-decoration: none; }
.sitemap-container li{ margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #eee; }


/* 404 Page
================================================== */
#error-page{ margin: 80px 0 }
#error-page-title { font-size: 60px; text-align: center; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #000 }
#error-page-title span{ margin-right: 7px; }
#error-page-text { font-family: "Droid Serif"; text-align: center; font-size: 16px; }


/* Shortcodes
================================================== */

/*button*/
.button { font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif; display: block; float: left; padding: 7px 15px;  background: #000; color: #fff; font-size: 13px; font-weight: 600; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.button:hover { color: #fff; }

/*googlemap*/
.googlemap { margin: 0 0 20px; position: relative; max-width: inherit; }
.googlemap .map_canvas { width: 100%; height: 100%; }
.googlemap .map_canvas h3 { margin: 0 0 10px; font-size: 14px }
.map_canvas img { max-width: none !important }


/* Isotope CSS Animations
================================================== */
.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; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


/* Color Schemes
================================================== */

/*default blue*/
#footer:before{ border-top: 10px solid #0099ff; }
/*#footer, .loop-entry-thumbnail a:hover, .bypostauthor > .comment-body .comment-avatar, .wpex-widget-recent-posts img:hover, #footer .wpex-widget-recent-posts img:hover, .search-entry-image:hover{ border-color: #0099ff; }*/

#footer, .loop-entry-thumbnail a:hover, .wpex-widget-recent-posts img:hover, #footer .wpex-widget-recent-posts img:hover, .search-entry-image:hover{ border-color: #0099ff; }


#logo h1 a, #logo h2 a, #toplink:hover, #home-slider .flex-direction-nav li a:hover, #single-portfolio-media .flex-direction-nav li a:hover, #portfolio-cats li a:hover, #portfolio-cats li a.active, .portfolio-entry-description h2:after, .tagcloud a:hover, .ajax-btn:hover, .page-pagination a:hover, .page-pagination span.current, .button:hover, .entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover,#commentsbox input[type="submit"]:hover{ background-color: #0099ff; }

/*red*/
body.red #footer:before{ border-top: 10px solid #ef4135; }
body.red #footer, body.red .loop-entry-thumbnail a:hover, body.red .bypostauthor > .comment-body .comment-avatar, body.red .wpex-widget-recent-posts img:hover, body.red #footer .wpex-widget-recent-posts img:hover, body.red .search-entry-image:hover{ border-color: #ef4135; }
body.red #logo h1 a, body.red #logo h2 a, body.red #toplink:hover, body.red #home-slider .flex-direction-nav li a:hover, body.red #single-portfolio-media .flex-direction-nav li a:hover, body.red #portfolio-cats li a:hover, body.red #portfolio-cats li a.active, body.red .portfolio-entry-description h2:after, body.red #footer .tagcloud a:hover, body.red .tagcloud a:hover, body.red .ajax-btn:hover, body.red .page-pagination a:hover, body.red .page-pagination span.current, body.red .button:hover, body.red .entry button:hover, body.red .entry input[type="button"]:hover, body.red .entry input[type="submit"]:hover, body.red #commentsbox input[type="submit"]:hover{ background-color: #ef4135; }

/*orange*/
body.orange #footer:before{ border-top: 10px solid #e56933; }
body.orange #footer, body.orange .loop-entry-thumbnail a:hover, body.orange .bypostauthor > .comment-body .comment-avatar, body.orange .wpex-widget-recent-posts img:hover, body.orange #footer .wpex-widget-recent-posts img:hover, body.orange .search-entry-image:hover{ border-color: #e56933; }
body.orange #logo h1 a, body.orange #logo h2 a, body.orange #toplink:hover, body.orange #home-slider .flex-direction-nav li a:hover, body.orange #single-portfolio-media .flex-direction-nav li a:hover, body.orange #portfolio-cats li a:hover, body.orange #portfolio-cats li a.active, body.orange .portfolio-entry-description h2:after, body.orange .tagcloud a:hover, body.orange #footer .tagcloud a:hover, body.orange .ajax-btn:hover, body.orange .page-pagination a:hover, body.orange .page-pagination span.current, body.orange .button:hover, body.orange .entry button:hover, body.orange .entry input[type="button"]:hover, body.orange .entry input[type="submit"]:hover, body.orange #commentsbox input[type="submit"]:hover{ background-color: #e56933; }

/*green*/
body.green #footer:before{ border-top: 10px solid #a8ba3f; }
body.green #footer, body.green .loop-entry-thumbnail a:hover, body.green .bypostauthor > .comment-body .comment-avatar, body.green .wpex-widget-recent-posts img:hover, body.green #footer .wpex-widget-recent-posts img:hover, body.green .search-entry-image:hover{ border-color: #a8ba3f; }
body.green #logo h1 a, body.green #logo h2 a, body.green #toplink:hover, body.green #home-slider .flex-direction-nav li a:hover, body.green #single-portfolio-media .flex-direction-nav li a:hover, body.green #portfolio-cats li a:hover, body.green #portfolio-cats li a.active, body.green .portfolio-entry-description h2:after, body.green #footer .tagcloud a:hover, body.green .tagcloud a:hover, body.green .ajax-btn:hover, body.green .page-pagination a:hover, body.green .page-pagination span.current, body.green .button:hover, body.green .entry button:hover, body.green .entry input[type="button"]:hover, body.green .entry input[type="submit"]:hover, body.green #commentsbox input[type="submit"]:hover{ background-color: #a8ba3f; }

/*purple*/
body.purple #footer:before{ border-top: 10px solid #5c198d; }
body.purple #footer, body.purple .loop-entry-thumbnail a:hover, body.purple .bypostauthor > .comment-body .comment-avatar, body.purple .wpex-widget-recent-posts img:hover, body.purple #footer .wpex-widget-recent-posts img:hover, body.purple .search-entry-image:hover{ border-color: #5c198d; }
body.purple #logo h1 a, body.purple #logo h2 a, body.purple #toplink:hover, body.purple #home-slider .flex-direction-nav li a:hover, body.purple #single-portfolio-media .flex-direction-nav li a:hover, body.purple #portfolio-cats li a:hover, body.purple #portfolio-cats li a.active, body.purple .portfolio-entry-description h2:after, body.purple #footer .tagcloud a:hover, body.purple .tagcloud a:hover, body.purple .ajax-btn:hover, body.purple .page-pagination a:hover, body.purple .page-pagination span.current, body.purple .button:hover, body.purple .entry button:hover, body.purple .entry input[type="button"]:hover, body.purple .entry input[type="submit"]:hover, body.purple #commentsbox input[type="submit"]:hover{ background-color: #5c198d; }

/*pink*/
body.pink #footer:before{ border-top: 10px solid #f32b99; }
body.pink #footer, body.pink .loop-entry-thumbnail a:hover, body.pink .bypostauthor > .comment-body .comment-avatar, body.pink .wpex-widget-recent-posts img:hover, body.pink #footer .wpex-widget-recent-posts img:hover, body.pink .search-entry-image:hover{ border-color: #f32b99; }
body.pink #logo h1 a, body.pink #logo h2 a, body.pink #toplink:hover, body.pink #home-slider .flex-direction-nav li a:hover, body.pink #single-portfolio-media .flex-direction-nav li a:hover, body.pink #portfolio-cats li a:hover, body.pink #portfolio-cats li a.active, body.pink .portfolio-entry-description h2:after, body.pink #footer .tagcloud a:hover, body.pink.tagcloud a:hover, body.pink .ajax-btn:hover, body.pink .page-pagination a:hover, body.pink .page-pagination span.current, body.pink .button:hover, body.pink .entry button:hover, body.pink .entry input[type="button"]:hover, body.pink .entry input[type="submit"]:hover, body.pink #commentsbox input[type="submit"]:hover{ background-color: #f32b99; }

/*teal*/
body.teal #footer:before{ border-top: 10px solid #37c8c6; }
body.teal #footer, body.teal .loop-entry-thumbnail a:hover, body.teal .bypostauthor > .comment-body .comment-avatar, body.teal .wpex-widget-recent-posts img:hover, body.teal #footer .wpex-widget-recent-posts img:hover, body.teal .search-entry-image:hover{ border-color: #37c8c6; }
body.teal #logo h1 a, body.teal #logo h2 a, body.teal #toplink:hover, body.teal #home-slider .flex-direction-nav li a:hover, body.teal #single-portfolio-media .flex-direction-nav li a:hover, body.teal #portfolio-cats li a:hover, body.teal #portfolio-cats li a.active, body.teal .portfolio-entry-description h2:after, body.teal #footer .tagcloud a:hover, body.teal.tagcloud a:hover, body.teal .ajax-btn:hover, body.teal .page-pagination a:hover, body.teal .page-pagination span.current, body.teal .button:hover, body.teal .entry button:hover, body.teal .entry input[type="button"]:hover, body.teal .entry input[type="submit"]:hover, body.teal #commentsbox input[type="submit"]:hover{ background-color: #37c8c6; }

/*yellow*/
body.yellow #footer:before{ border-top: 10px solid #f7c424; }
body.yellow #footer, body.yellow .loop-entry-thumbnail a:hover, body.yellow .bypostauthor > .comment-body .comment-avatar, body.yellow .wpex-widget-recent-posts img:hover, body.yellow #footer .wpex-widget-recent-posts img:hover, body.yellow .search-entry-image:hover{ border-color: #f7c424; }
body.yellow #logo h1 a, body.yellow #logo h2 a, body.yellow #toplink:hover, body.yellow #home-slider .flex-direction-nav li a:hover, body.yellow #single-portfolio-media .flex-direction-nav li a:hover, body.yellow #portfolio-cats li a:hover, body.yellow #portfolio-cats li a.active, body.yellow .portfolio-entry-description h2:after, body.yellow #footer .tagcloud a:hover, body.yellow.tagcloud a:hover, body.yellow .ajax-btn:hover, body.yellow .page-pagination a:hover, body.yellow .page-pagination span.current, body.yellow .button:hover, body.yellow .entry button:hover, body.yellow .entry input[type="button"]:hover, body.yellow .entry input[type="submit"]:hover, body.yellow #commentsbox input[type="submit"]:hover{ background-color: #f7c424; }


/* WordPress Styles
================================================== */

/*aligns*/
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 10px 20px; }
.alignleft { float: left; margin: 0 20px 10px 0; }

/*floats*/
.floatleft { float: left }
.floatright { float: right }

/*text style*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

/*captions*/
.wp-caption { max-width: 100% !important }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100$; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*smiley reset*/
.wp-smiley { margin: 0 !important; max-height: 1em; }

/*blockquote*/
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

/*img attachment*/
#img-attch-page { text-align: center; overflow: hidden; }
#img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px }

/*gallery shortcode*/
.gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }





/* All Responsive
================================================== */	
	@media only screen and (max-width: 959px) {
		
		/*hide things*/
		#navigation ul { display: none; }
		#toplink{ display: none !important; }
		
		/*logo*/
		#logo{ text-align: center; }
		#logo img{ display: inline-block; }
		#logo h1 a, #logo h2 a{ display: block; float: none; }
		
		/*navigation top menu*/
		#navigation{ height: 50px; width: 100%; position:inherit; top: auto; left: auto; right: auto; margin-top: 0; background: url("images/responsive-nav.png") right center no-repeat; }
		#navigation .selector{ width:100%; color:#fff; font-weight:bold; line-height:50px; text-indent: 40px; }
		#navigation .selector{height:50px; width:100%; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline; cursor:pointer !important; }
		#navigation .selector:hover{opacity:1; -moz-opacity:1; -webkit-opacity:1}
		#navigation .selector select:focus{outline:0}
		#navigation .selector span{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
		#navigation .selector select{position:absolute; top:0px; left:0; height:45px; background:none; width:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-weight:500; color:#666 !important; cursor:pointer; }
		#navigation .selector{ margin: 0; padding: 0; border: none; }
		#navigation .selector option{ background:#000; -webkit-appearance:none;  padding: 10px 40px; border: none; border-bottom:1px solid #222; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
		
		/*display dropdown nav*/
		#navigation .selector { display: inline-block; }
		
		/*slider*/
		#home-slider .slider-loading{ min-height: none; }

	}


/* Tablet (Portrait) = Design for a width of 730px
================================================== */

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

		/*grid*/
		#wrap{ width: 730px; }
		.grid-3{ width: 200px; }
		
		/*main*/
		#post{ width: 420px }
		#sidebar{ width: 190px }
		
		/*portfolio*/
		#single-portfolio-media{ width: 340px;}
		#single-portfolio-info{ width: 270px; }
		#single-portfolio-media .flexslider, #single-portfolio-media img{ }
		
		/*blog*/
		#author-bio{ width: 340px }
		
		/*search*/
		.search-entry-text{ width: 280px; }
		
		/*footer*/
		.footer-box{ float: left; width: 170px; margin-right: 70px; }
	
    }



/* Mobile (Portrait) = Design for a width of 280px
================================================== */

    @media only screen and (max-width: 767px) {
		
		/*hide things*/
		.flex-direction-nav{ display: none; }

		/*grid*/
		#wrap{ width: 280px; }
		.grid-3 { width: 200px; }
		.footer-box{ width: 100%; }
		
		/*main*/
		#post{ width: 100%; }
		#sidebar{ width: 100%; margin-top: 40px; padding-top: 40px; background: url("images/heading-bg.png") top repeat-x; }
		
		/*home*/
		#home-wrap .heading span, #ajax-container .heading span{ max-width: 55%; }
		#home-wrap .heading, #ajax-container .heading{ font-size: 14px; }
		
		/*portfolio*/
		#portfolio-cats li { width: 100%; text-align: center; }
		#portfolio-cats li a{ display: inline-block; float: none; }
		
		#single-portfolio-media{ margin-bottom: 25px; }
		#single-portfolio-media,
		#single-portfolio-info{ width: 100%; }
		
		/*search*/
		.search-entry-image{ float: none; margin-bottom: 25px; }
		.search-entry-text{ float: none; width: 100%; }
		
		/*blog*/
		#author-image{ margin-bottom: 20px; }
		#author-bio{ width: 100%; }
		
		/*comments*/
		.comment-details{ margin-left: 0; }
		.comment-details:after{ display: none; }
		.comment-avatar{ display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
		.comment-date { display: block; }
		.comment-reply-link{ display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
		.children { margin: 30px 0 0; }
		.children li.depth-2,
		.children li.depth-3,
		.children li.depth-4,
		.children li.depth-5,
		.children li.depth-6,
		.children li.depth-7,
		.children li.depth-8,
		.children li.depth-9,
		.children li.depth-10 { margin: 0 }

    }


/* Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

		#wrap{ width: 370px; }
		.grid-3 { width: 290px; }
		
		/*search*/
		.search-entry-image{ float: left; width: auto; }
		.search-entry-text{ float: right; width: 220px; }
		
    }
    
    .slidewall {
    clear: both;
    display: none;
    min-height: 620px;
    }

    .first-slide {
    display: block;
    min-height: 526px;
    }
    
    #nextbtn, #homebtn {
    position: fixed;
    bottom: 100px;
    right: 100px;
    z-index: 100;
    cursor: pointer;
    }

    .home #nextbtn {
    display: none;
    }
    
    .single-portfolio #gotoles {
    display: none;
    }
 

    a.nextbtn:hover {
    position: relative;
    left: 5px;
    transition-duration: 0.1s;
    opacity: 0.9;
    }

    a.homebtn:hover {
    transition-duration: 0.1s;
    opacity: 0.9;
    }

    #homebtn {
    float: right;
    display: none;
    }
    
    #mabimenu {
    padding: 5px;
    position: fixed;
    bottom: -1px;
    left: 50%;
    width: 550px;
    margin-left: -250px;
    background: #e8e8e8;
    border: 1px solid #d0d0d0;
    z-index: 100;
    cursor: pointer;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;   
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);    
    
    }

    .mabimenucircle {
    background: url("images/mabi/circle.png") no-repeat;
    display: inline-block;
    cursor: pointer;
    }

    .mabimenucircle img {
    opacity: 0;    
    }

    .mabimenucircle.cur img {
    opacity: 1;    
    }

    .mabimenucircle:hover img {
    transition-duration: 0.1s;
    opacity: 0.5;    
    }

    #mabimenu div {
    margin-top: 3px;
    margin-bottom: -5px;
    text-align: center;
    }
    
    a.mabimenu {
    display: inline-block;    
    }
    a.mabimenu:hover {
    position: relative;
    top: -3px;   
    opacity: 0.8;
    transition-duration: 0.1s;
    }
    
    a.modal {
    color: #0099ff!important;
    transition-duration: 0.1s;
    border-bottom: dotted 1px;
    }

    a.modal:hover {
    color: #000!important;
    transition-duration: 0.2s;
    }
    
    .single-portfolio #toplink {
    display: none!important;
    }
    
    #paginator {
    display: inline-block;
    }
    
    #header-home-menu {
    position: absolute;
    top: 30px;
    right: 30px;
    }    
    
    #header-home-menu a {
    cursor: pointer;
    }    
    
    #header-home-menu a:hover {
    opacity: 0.8;
    }
    
    #author-image {
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 5px solid #0099ff;
    width: 50px;
    }
    
    .single#portfolio-cats {
    text-align: left!important;
    float: left;
    }
   
    #metainfo {
    margin-left: 100px;
    }

    #dateinfo {
    float: right;    
    }
    
    .portfolio-entry-description .portfolio-entry-excerpt #edit a {
    display: inline;
    color: #999;
    }

    .portfolio-entry-description .portfolio-entry-excerpt #edit a:hover {
    color: #666;
    }
    
    .portfolio-entry-description .portfolio-entry-excerpt #edit {
      position: absolute;
      top: 5px;
      right: 10px;
    }
    
    .home #edit {
      display: none;
    }
        
    
    
@media only screen and (max-width: 1024px) {
    .portfolio-entry-description .portfolio-entry-excerpt #edit {
      display: none;
    }    
}

body.archive #post, body.page-template-default .entry, body.page-template-templatestemplate-fullwidth-php .entry, body.blog #post, body.single-post .entry {
  font-size: 14px;
}

.sidebar-box li {
  margin-bottom: 10px;
}

#bottom-logo {
  position: absolute;
  bottom: 53px;

}