/* *********************************************************************************************************************

	Table of content

	1. CSS Reset
	2. Font-face
	3. Global
	4. Grid
	5. Layout
	6. Fonts
	7. Color themes, buttons, transition
	8. CSS3 Media Queries

 */



/* *********************************************************************************************************************
 * 1. CSS Reset
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}html,button,input,select,textarea{font-family:sans-serif}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{display:none}



/* *********************************************************************************************************************
 * 2. Font-face
 */



/* *********************************************************************************************************************
 * 3. Global
 */
.left{float:left}.right{float:right}.hidden{text-indent:100%;white-space:nowrap;overflow:hidden}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%;overflow:visible}

body {
	font-size: 16px;
}

a {

}

a:before{
    text-decoration: none !important;
}

a:hover, .active a {
	text-decoration: none;
    outline: none;
}

.last{
    clear: right;
}

.hidden,
.item .post-content div.hidden{
    display: none;
}

/*ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

code, pre {
    font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
    word-break: break-all;
    word-wrap: break-word;
}

header,
section.full,
footer{
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}

.header-widgets{
    padding: 6px 0 0 0 !important;
    line-height: 30px;
}

    .header-widgets .onepcssgrid-1200{
        position: relative;
    }

    .header-widgets .widget-2{
        float: right;
        text-align: right;
        margin-right: 0;
    }

    .header-widgets .widget-title{
        float: left;
        margin-right: 10px;
    }

    .header-widgets ul.social{
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .header-widgets ul.social li {
            display: inline-block;
            margin-right: 18px;
            margin-bottom: 0;
            position: relative;
        }

        .header-widgets ul.social a{
            display: block;
            width: 31px;
            height: 20px; /* 30 - 7 padd */
            overflow:hidden;
            text-decoration: none !important;
            padding: 11px 0 0 0 !important;
        }

        .header-widgets ul.social a:before{
            font-size: 19px;
            position: absolute;
            text-decoration: none;
            top: 5px;
            width: 31px;
            text-align: center;
        }

        .header-widgets ul.social a span {
            text-indent: 100%;
            white-space: nowrap;
            display: none;
        }
		
		/* NEW */
		.header-widgets {}
		
		.header-widgets a,
		footer a {
			text-decoration: underline !important;
		}
		
		.header-widgets a:hover,
		footer a:hover {
			text-decoration: none !important;
		}
		
		.header-widgets a.btn-small,
		footer a.btn-small,
		.widget_ishyoboy-categories-widget .categories a {
			text-decoration: none !important;
		}
		
		.header-widgets ul, .header-widgets li,
		footer ul, footer li {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		.header-widgets li,
		footer li {
			padding: 2px 0;
		}
		
		.header-widgets ul ul,
		footer ul ul {
			margin: 0 0 0 20px;
		}
		
		.header-widgets .widget-title,
		footer .widget-title {
			display: block;
			float: none !important;
			margin-bottom: 20px;
		}
		
		.header-widgets .widget_ishyoboy-flickr-widget::before,
		footer .widget_ishyoboy-flickr-widget::before,
		.header-widgets .widget_ishyoboy-twitter-widget::before,
		footer .widget_ishyoboy-twitter-widget::before,
		.header-widgets .widget_ishyoboy-dribbble-widget::before,
		footer .widget_ishyoboy-dribbble-widget::before,
		.header-widgets .widget_ishyoboy-recent-portfolio-widget::before,
		footer .widget_ishyoboy-recent-portfolio-widget::before {
			display: none;
		}
		
		/* IE8 hack */
		.header-widgets .widget_ishyoboy-flickr-widget[class*="icon-"]:before,
		footer .widget_ishyoboy-flickr-widget[class*="icon-"]:before,
		.header-widgets .widget_ishyoboy-twitter-widget[class*="icon-"]:before,
		footer .widget_ishyoboy-twitter-widget[class*="icon-"]:before,
		.header-widgets .widget_ishyoboy-dribbble-widget[class*="icon-"]:before,
		footer .widget_ishyoboy-dribbble-widget[class*="icon-"]:before,
		.header-widgets .widget_ishyoboy-recent-portfolio-widget[class*="icon-"]:before,
		footer .widget_ishyoboy-recent-portfolio-widget[class*="icon-"]:before {
			display: none;
		}
		
		.header-widgets .widget_ishyoboy-categories-widget br,
		footer .widget_ishyoboy-categories-widget br {
			display: none;
		}
		
		.header-widgets .widget_ishyoboy-categories-widget nav,
		footer .widget_ishyoboy-categories-widget nav {
			margin-bottom: 20px;
		}
		
		.header-widgets .widget_ishyoboy-recent-portfolio-widget ul,
		footer .widget_ishyoboy-recent-portfolio-widget ul {
			margin-bottom: 25px;
		}
		
		.header-widgets .widget_calendar #wp-calendar,
		footer .widget_calendar #wp-calendar {
			width: 100%;
		}
		
		.header-widgets .widget_calendar #wp-calendar tbody tr td,
		footer .widget_calendar #wp-calendar tbody tr td {
			text-align: center;
		}
		
		.header-widgets .widget_calendar #wp-calendar #today,
		footer .widget_calendar #wp-calendar #today {
			font-weight: bold;
			text-decoration: underline;
		}
		
		.header-widgets .widget_categories select,
		.header-widgets .widget_archive select,
		footer .widget_categories select,
		footer .widget_archive select {
			padding: 5px;
		}
		
		.footer-widgets .widget_ishyoboy-recent-portfolio-widget ul li,
		.footer-widgets .widget_pages ul li,
		.footer-widgets .widget_recent_entries ul li,
		.footer-widgets .widget_nav_menu ul li,
		.footer-widgets .widget_links ul li,
		.footer-widgets .widget_meta ul li,
		.footer-widgets .widget_recent_comments ul li,
		
		.sidebar-widgets .widget_ishyoboy-recent-portfolio-widget ul li,
		.sidebar-widgets .widget_pages ul li,
		.sidebar-widgets .widget_recent_entries ul li,
		.sidebar-widgets .widget_nav_menu ul li,
		.sidebar-widgets .widget_links ul li,
		.sidebar-widgets .widget_meta ul li,
		.sidebar-widgets .widget_recent_comments ul li {
			margin: 5px 0;
		}
		
		.footer-widgets .widget_ishyoboy-recent-portfolio-widget ul {
			margin: 0 0 25px;
		}
		
		.footer-widgets .widget_archive select,
		.footer-widgets .widget_categories select,
		.sidebar-widgets .widget_archive select,
		.sidebar-widgets .widget_categories select {
			padding: 5px;
		}
		
		.footer-widgets .widget_nav_menu ul ul,
		.sidebar-widgets .widget_nav_menu ul ul {
			margin: 0 0 0 20px;
		}
		
		.footer-widgets .widget_nav_menu a,
		.sidebar-widgets .widget_nav_menu a {
			text-decoration: underline;
		}
		
		.footer-widgets .widget_nav_menu a:hover,
		.sidebar-widgets .widget_nav_menu a:hover {
			text-decoration: none;
		}
		
		.footer-widgets .widget_calendar #wp-calendar,
		.sidebar-widgets .widget_calendar #wp-calendar {
			width: 100%;
		}
		
		.footer-widgets .widget_calendar #wp-calendar tbody tr td,
		.sidebar-widgets .widget_calendar #wp-calendar tbody tr td {
			text-align: center;
		}
		
		.footer-widgets .widget_calendar,
		.sidebar-widgets .widget_calendar {
			line-height: 25px;
		}
		
		.footer-widgets .widget_calendar #wp-calendar #today,
		.sidebar-widgets .widget_calendar #wp-calendar #today {
			font-weight: bold;
			text-decoration: underline;
		}
		
		.widget_rss img {
			display: none;
		}
		
		.sidebar-widgets .widget_ishyoboy-social-widget ul li,
		.footer-widgets .widget_ishyoboy-social-widget ul li {
			float: left;
		}
		
			.sidebar-widgets .widget_ishyoboy-social-widget ul li a,
			.footer-widgets .widget_ishyoboy-social-widget ul li a {
				display: block;
				height: 20px;
			}
		
.arrow {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -21px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	z-index: 9;
}

p {
	line-height: 24px;
	margin: 0 0 20px;
}

	* p:last-child {
		margin: 0;
	}

h1, h2, h3, h5, h6 {
    font-weight: normal;
}

h1 {
	font-size: 30px;
	margin: 0 0 20px;
}

.iconic h1.ic, .iconic h2.ic, .iconic h3.ic, .iconic h4.ic, .iconic h5.ic, .iconic h6.ic{
	height: 64px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 20px;
	padding-left: 100px;
}


@-moz-document url-prefix() {
    .iconic h1.ic, .iconic h2.ic, .iconic h3.ic, .iconic h4.ic, .iconic h5.ic, .iconic h6.ic{
        height: 82px;
    }
}

h2 {
    font-size: 20px;
}

h3, h4, h5, h6 {
    font-size: 16px;
}

.widget.iconic h1.ic, .widget.iconic h2.ic, .widget.iconic h3.ic, .widget.iconic h4.ic, .widget.iconic h5.ic, .widget.iconic h6.ic{
    font-size: 30px;
}


.divider {
	width: 100%;
	height: 80px;
	clear: both;
}

	.divider.half {
		height: 40px;
	}

/* iconic post */
.iconic {
	position: relative;
}

	/* Post icon as a character within a circle */
	.iconic > :first-child:before {
		font-family: Georgia, sans-serif;
		content: "";
		text-align: center;
		position: absolute;
		top: -30px;
		left: 0;
		padding: 10px 16px 24px;
		margin: 1em auto 60px;
		border: 4px solid;
		text-align: center;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		width: 19px;
		height: 18px;
		z-index: 8;
        font-size: 30px;
	}

	.iconic > * {
		margin-left: 100px !important;
	}

	/* Bottom arrow below the circle */
	.iconic:after {
		content: "";
		position: absolute;
		top: 57px;
		left: 20px;
		border-width: 10px 10px 0;
		border-style: solid;
		display: block;
		width: 0;
		padding: 0 0 20px;
	}

		.iconic h1:after, .iconic h2:after, .iconic h3:after, .iconic h4:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 30px;
			border-right: 1px dotted;
		}

    .iconic nav ul{
        padding: 0;
    }

ul, ol {
	line-height: 18px;
	padding: 0 0 0 20px;
}

ul li ul, ol li ol {

}

ol li ol {
	list-style: lower-alpha;
}

ul.dashed {
	padding: 0 0 0 15px;
}

ul.dashed li ul.dashed {
	padding: 0 0 0 20px;
}

ul.dashed, ul.dashed li ul.dashed {
	list-style: none;
}

	ul.dashed li:before {
		content: "- ";
		position: relative;
		left: -5px;
	}

	ul.dashed li {
		text-indent: -11px;
	}



.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}

blockquote {
	font-style: italic;
	line-height: 25px;
	position: relative;
	padding: 0 0 0 45px;
    margin-bottom: 20px;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 140px;
	position: absolute;
	left: -30px;
	top: 50px;
	margin: 0;
	padding: 0;
}

blockquote cite {
	font-size: 14px;
	display: block;
	opacity: 0.75;
}

blockquote cite:before {
	content: "\2014 \2009";
}

.quote-post, .quote-post p{
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
}

.quote-post:before {
    text-align: center;
    z-index: 9;
    width: 59px;
    vertical-align: middle;
    display: table-cell;
    margin: 18px 0 0 0;
    position: absolute;
    display: table-cell;
    content: "\201C";
    font-size: 80px;
    line-height: 80px;

    font-weight: normal;
    font-style: normal;
}

.quote-post a{
    color: inherit;
    text-decoration: none;
}

.quote-author{
    font-size: 20px;
    display: block;
    opacity: 0.75;
}

.quote-author, p.quote-author{
    font-size: 20px;
    display: block;
    opacity: 0.75;
}

.quote-author:before {
    content: "\2014 \2009";
    opacity: 0.75;
}


.recent .quote-post, .recent .quote-post p {
    line-height: 24px;
    font-size: inherit;
}



/* *********************************************************************************************************************
 * 4. Grid
 */
/* assets/libs/css/onepcssgrid.css - One% CSS Grid | http://onepcssgrid.mattimling.com */



/* *********************************************************************************************************************
 * 5. Layout
 */

/* Header */
header {
	border-top: 5px solid;
    z-index: 15;
}

	header img {
		width: auto !important;
		max-width: 100%;
	}

	header .title {
		font-size: 30px;
		padding: 6px 0 0 0;
	}

	header a {
		text-decoration: none;
	}

    header nav{}

    header nav ul {
	    float: right;
    }

		header nav ul li {
			float: left;
		}

			header nav ul li a {
				margin: 0 0 0 10px;
                position: relative;
                display: block;
			}

            /*header nav ul li.active > a:before, /* Bottom arrow on active navigation item /**/
            header nav ul li a.sub:before{
                content: "";
                position: absolute;
                top: 100%;
                left: 45%;
                border-width: 4px 4px 0;
                border-style: solid;
                display: block;
                width: 0;
                height: 50px;
            }

        header nav ul ul {
            display: none;
            position: absolute;
            z-index: 9999;
            margin: 0;
        }


/* Tagline */
.tagline {
	font-size: 60px;
	line-height: 80px;
}

	.tagline {
		/*position: fixed;*/
	}

.taglineimg {
	padding: 0 !important;
}

	.taglineimg .arrow {
		z-index: 2;
	}

	.taglineimg .inner {
		overflow: hidden;
		max-height: 400px;
        z-index: 5;
	}

	.taglineimg img {
		width: 100%;
		display: block;
		margin: 0 0 -1px;
		z-index: 3;
		position: relative;
		height: auto;
	}

	.taglineimg .caption-bg {
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 4;
		opacity: 0.7;
		padding: 20px 0;
	}

    .taglineimg .caption {
	    position: absolute;
	    bottom: 0;
	    z-index: 5;
	    padding: 20px 0;
    }



/* Widgets */
#flickr_badge_uber_wrapper a.btn-big,
#flickr_badge_uber_wrapper a.btn-small{
    clear: both;
    display: inline-block;
}

#flickr_badge_wrapper{
    clear: both;
}

.flickr_badge_image{
    display: block;
    float: left;
    margin: 0 26px 30px 0;
}
    .flickr_badge_image a{
        display: block;
    }

    .flickr_badge_image img {
        width: 66px;
        height: 66px;
    }

.dribbble-widget a,
.recent-projects-widget a {
	float: left;
	margin: 0 26px 30px 0;
}

	.dribbble-widget a img {
		width: 66px;
		height: auto;
	}

	.flickr_badge_image a:hover img,
	.dribbble-widget a:hover img,
	.recent-projects-widget a:hover img {
		opacity: 0.75;
	}

.recent-projects-widget {
	padding: 0;
    margin-top: 4px;
}

@-moz-document url-prefix() {
    .recent-projects-widget{
        margin-top: 6px;
    }

    .dribbble-widget{
        margin-top: 6px;
    }
}

.recent-projects-widget li {
	list-style: none;
	float: left;
}

#flickr_badge_uber_wrapper:after,
.dribbble-widget:after,
.recent-projects-widget:after {
	content: "";
	clear: both;
	width: 100%;
	display: block;
}

#flickr_badge_uber_wrapper{
 margin-top: 4px;
}

@-moz-document url-prefix() {
    #flickr_badge_uber_wrapper{
        margin-top: 6px;
    }

   .iconic nav ul{
        margin-top: 3px;
   }

}

.widget_tag_cloud.iconic::before {
    content: ''; /* icon-tags */
}

.widget_recent_comments.iconic::before{
    content: ''; /* icon-chat */
}

.widget_archive.iconic::before,
.widget_calendar.iconic::before{
    content: '📅';  /* icon-calendar */
}

.widget_pages.iconic::before,
.widget_nav_menu.iconic::before{
    content: '';  /* icon-sitemap */
}

.widget_recent_entries.iconic::before{
    content: '🕔';  /* icon-time */
}

.widget_links.iconic::before{
    content: '🔗';  /* icon-link */
}

.widget_meta.iconic::before{
    content: '⛯';  /* icon-cogs */
}

.widget_search.iconic::before{
    content: '🔍';  /* icon-search */
}

.widget_text.iconic::before{
    content: '';  /* icon-align-left */
}

.widget_ishyoboy-social-widget.iconic::before{
	content: '🔀';  /* icon-shuffle */
}



/* WP Search widget */
.widget_search .screen-reader-text {
	display:none;
}

.widget_search form {
	position: relative;
    max-width: 300px;
}

	.widget_search input[type="text"] {
		padding-right: 45px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
	}


	.widget_search input[type="submit"] {
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9999px;
		display: block;
		width: 45px;
		margin: 0;
		z-index: 999;
		opacity: 0;
	}

	.widget_search form:after {
		content: '🔍';
		width: 45px;
		padding: 15px 0 14px;
		text-align: center;
		display: block;
		position: absolute;
		top:  0;
		right: 0;
		z-index: 9999;
		font-family: FontAwesome !important;
		font-size: 21px;
		z-index: 1;
	}

	@-moz-document url-prefix() {
		.widget_search form:after {
			padding: 11px 0 10px;
		}
	}

	noindex:-o-prefocus, .widget_search form:after {
		padding: 11px 0 10px;
	}

	:root .widget_search form:after {
		padding: 12px 0 9px \0/IE9;
	}

    /*
    .header-widgets .widget_search input[type="text"] {
        margin: 0;
        line-height: 34px;
        padding: 0 10px;
    }

    .header-widgets .widget_search form:after {
        padding: 4px 0 0 0 ;
        font-size: 20px;
    }

    .header-widgets .widget_search input[type="submit"] {
        padding: 5px 0;
    }
    /**/

/*
 * Comments
 */
.comments, .comments ul {
	list-style: none;
	font-size: 12px;
	padding: 0;
}

.comments {
	margin: -25px 0 0 0;
}

.comments li {
	padding: 30px 0 0 0;
}

	.comments ul li {
		padding-left: 40px;
	}

	.comments li p {
		margin: 0;
		line-height: 20px;
	}

	.comments span {
		width: 100%;
		text-align: left;
	}

		.comments span:before {
			font-size: 18px;
			position: relative;
			top: 3px;
			margin: 0 5px 0 0;
		}

/*  Widgets */
.widget ul{
    list-style:none;
    padding: 0;
}

    .widget ul li{
        margin-bottom: 2em;
    }

    .widget ul.recent-projects-widget li{
        margin-bottom: 0;
    }


/* Footer */
footer {
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 5px solid;
    line-height: 30px;
}
    footer .widget-2{
        float: right;
        margin-right: 0;
        text-align: right;
    }

    footer .widget-title{
        float: left;
        margin-right: 10px;
    }

    footer ul.social{
        list-style: none;
        margin: 0 0 -10px 0;
	    padding: 0;
    }

        footer ul.social li {
            display: inline-block;
            margin-right: 18px;
            position: relative;
        }

        footer ul.social a{
            display: block;
            width: 31px;
            height: 20px; /* 30 - 7 padd */
            overflow:hidden;
            text-decoration: none !important;
            padding: 11px 0 0 0 !important;
        }

        footer ul.social a:before{
            font-size: 19px;
            position: absolute;
            text-decoration: none;
            top: 10px;
            width: 31px;
            text-align: center;
        }

        footer ul.social a span {
            text-indent: 100%;
            white-space: nowrap;
            display: none;
	    }

	ul.categories {
		display: table;
	}

	    ul.categories li {
		    float: left;
		    margin: 0 5px 5px 0;
	    }



/* prev / next project buttons */
.prev-next-project a {
	float: left;
	margin: 0 10px 10px 0;
}

.prev-next-project li:last-child a {
    margin-right: 0;
}

/* Sliders */

.slides{
    clear: both;
}

.slides,
.slides_container > div{
    position: relative;
    overflow: hidden;
}


.slides_container > div{
    display: none;
}

.slides_container > div:first-child{
    display: block;
}


.slides_container{

}

.slides_container a{
	text-decoration: none;
}

    .slides_container > div img {
        overflow: hidden;
    }

    .slides_container .caption{
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 20px;
        padding: 10px 13px;
        margin: 0;
        /**/
    }

    .slides_container .caption{
        display: block;
    }

.flex-direction-nav{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    z-index: 10;
}

    .flex-direction-nav li{
        display: inline-block;
    }

        .flex-direction-nav li a{
            display: block;
            width: 40px;
            height: 40px;
            text-indent:100%;white-space:nowrap;overflow:hidden;
            position: relative;
            text-decoration: none;
        }

        .flex-direction-nav li a:before{
            display: block;
            position: absolute;
            top: 13px;
            left: -24px;
            font-size: 16px;
            text-decoration: none;
        }


    .flex-direction-nav .flex-prev{
        border-top-left-radius: 6px;
    }

    .flex-direction-nav .flex-prev:before{
        content: "<";
    }

    .flex-direction-nav .flex-next{
        margin-left: 1px;
    }

    .flex-direction-nav .flex-next:before{
        content: ">";
        left: -23px;
    }

.slider-video-content{
    width: 100%;
    height: 450px;
}

.slider-video-content iframe,
.slider-video-content video{
    width: 100%;
    height: 100%;
}

.slider-video-content{
    background: #000;
}

.slides_container > div.clone{

}

/* Posts */

.post{
    padding-bottom: 50px;
}

.post img{
    display: block;
    margin-bottom: 20px;
}

ul.tags{
    list-style: none;
    font-size: 12px;
    padding-left: 19px;
    position: relative;
	margin: 0 30px 0 0;
}

ul.tags:before{
    position: absolute;
    font-size: 13px;
    padding-right: 10px;
    top: 0;
    left: 0;
}

    ul.tags a{
        text-decoration: none;
    }

    ul.tags li{
        display: inline-block;
    }

pre {

    display: block;
    line-height: 19px;
    margin-bottom:20px;
    overflow: visible;
    overflow-y: hidden;
}

/* Twitter */
.tweet{
    margin-bottom: 24px;
}
    .tweer .text{
        font-size: 16px;
        line-height: 24px;
    }

    .tweet .time{
        display: block;
        font-size: 11px;
    }

/* Isotope */
.isotope{
    visibility: hidden;
}
    .item{
        position: relative;
    }

    .item .inner{
        overflow: hidden;
    }

    .item .inner:before{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30px;
        height: 22px;
        padding-top: 8px;
        text-align: center;
        font-size: 18px;
        z-index: 1;
    }

        .item .inner.icon-plus:before{
            padding-top: 8px;
            height: 22px;
            text-align: center;
            /*font-size: 13px;*/
        }

    .item .post-content{
        overflow: hidden;
        position: relative;
    }

        .item .post-content div{
            display: table-cell;
            position: absolute;
            top:0;
            left:0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            visibility: hidden;
        }

        .item .post-content > a{
            display: block;
        }

        .item .post-content img{
            display: block;
        }

        .item .post-content:hover img{
            opacity: 0.25;
        }

        .item .post-content:hover h2{
            opacity: 1;
        }

        .item .post-content:hover div{
            visibility: visible;
        }

        .item .post-content h2{
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 100%;
            opacity: 0;
        }

/* Isotope filters */

.filters{
    margin-bottom: 56px;
}
    .filters ul {
        margin: 0;
        list-style: none;
        height: 64px;
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 20px;
        padding-left: 80px;
    }

        .filters ul li {
            float: left;
            display: block;
        }

        .filters ul li a {
            margin: 0 0 0 10px;
            position: relative;
            display: block;
            outline: none;
        }

        .filters ul li a:hover {
            outline: none;
        }

        .filters ul ul {
            display: none;
            position: absolute;
            z-index: 9999;
            margin: 0;
        }


/* Isotope Infinite Scroll */

.isotope-loading{
    width: 100%;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    display: none;
}
    .isotope-loading a{
        font-size: 30px;
        text-decoration: none;
    }

/* Microblog */

.blog-post .right{
    margin: 0 0 0 3% !important;
}

.single-microblog-post .detail-image,
.single-microblog-post .detail-audio,
.single-microblog-post .detail-video{
    z-index: 1;
    position: relative;
}

.single-microblog-post .detail-image a,
.single-microblog-post .detail-audio a,
.single-microblog-post .detail-video a{
    display: block;
}


.search-box{
    padding-top: 16px;
    clear: right;
    float: right;
}


.searchzzz{
    width: 50%;
    padding: 0 !important;
    float: right;
    max-height: 30px;
	position: relative;
}

    .searchzzz input{
        border: none;
        font-size: 16px;
        padding: 3px 28px 3px 8px !important;
        width: 100%;
        outline: none;
        float: left;
        margin: 0 !important;
    }

    .searchzzz a{
        text-decoration: none;
        display: block;
        float: right;
	    height: 20px;
        width: 40px !important;
        max-width: 19px !important;
        position: absolute;
	    top: 0;
	    right: 0;
	    padding: 5px !important;
    }

    .searchzzz a:before{
        font-size: 18px;
        position: absolute;
        top: 10px;
        right: 7px;
	}


/* Google Maps */

.google-map{
    height: 400px;
    width: 100%;
    z-index: 3;
}

    .google-map .arrow{
        opacity: 0.5;
    }


/* Contact subpage */

ul.social{
    list-style: none;
    padding: 0;
}
    ul.social li{
        position: relative;
        margin-bottom: 12px;
    }

    ul.social a{
        display: block;
        padding-left: 30px;
        line-height: 24px;
        width: auto;
        text-align: left;
    }

    ul.social a:hover{
        text-decoration: underline;
    }

    ul.social a:before{
        display: block;
        text-decoration: none !important;
        position: absolute;
        top: 1px;
        left: 0;
        font-size: 22px;
        width: 20px;
        text-align: center;
    }

/* Forms */
input, textarea{
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px;
    width: 100%;
    border: none;
    margin-bottom: 40px;
    line-height: 24px;
    font-size: 13px;
}

textarea{
    min-height: 230px;
}


/* Selectnav */
.selectnav{
    display: none;
}

.selnav {
	display: none;
}

/* WordPress Contact Form 7 Styles */

.onepcssgrid-1200 .wpcf7-form{
    position: relative;
}

.onepcssgrid-1200 div.wpcf7-response-output{
    clear: both;
    border: none;
    padding: 0;
    margin: 0;
}

.onepcssgrid-1200 div.wpcf7 img.ajax-loader {
    float: right;
    width: 16px;
}

.onepcssgrid-1200 span.wpcf7-form-control-wrap{
    display: block;
}

.onepcssgrid-1200 span.wpcf7-not-valid-tip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: none;
    border: none;
    font-size: 10pt;
    width: 100%;
    padding: 0px;
    display: block;
    color: red;
    margin-top: 5px;
}

.onepcssgrid-1200 .wpcf7-form input[type='checkbox'],
.onepcssgrid-1200 .wpcf7-form input[type='radio']{
    width: auto;
    display: inline;
    margin-bottom: 0;
    vertical-align: text-top;
    margin-left: 0;
    padding: 0;
    border: none;
}

.onepcssgrid-1200 .wpcf7-form select{
    margin-left: 0;
    margin-bottom: 40px;
    display: inline;
    float: none;
    min-height: 21px;
}

/*
.onepcssgrid-1200 .wpcf7-form .wpcf7-list-item-label{
    padding-top: 2px;
    display: inline-block;
} */

.onepcssgrid-1200 .wpcf7-form .wpcf7-list-item:first-child{
    margin-left: 0;
}



/* Video Embeds and Video JS for selhosted videos */

.video-content iframe {
    width: 100%;
    display: block;
}

embed {
    max-width: 100%;
    display: block;
}

.video-content .video-js {
    width: 100%;
    height: auto;
}

/* Audio JS */

audio{
    height: 36px !important;
    display: block !important;
}

.audiojs{
    width: 100% !important;
    position: relative;
    padding-right: 118px;
    padding-left: 50px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.audiojs .play-pause {
    position: absolute;
    left: 0;
    top: 0;
}

.audiojs .scrubber {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
}

.audiojs .time {
    width: 87px !important;
    position: absolute;
    top: 0;
    right: 0;
}

/* We need to set color2 backgound color to this style .theme1 .audiojs .progress */

/* Pagination */

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.pagination span, .pagination a {
    display: inline-block;
    margin: 2px 3px 3px 0;
    padding: 0 10px;
    text-decoration: none;
    width: auto;
    color: #fff;
    min-width: 12px;
    min-height: 32px;
    line-height: 32px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/* Accordion */
.accordion {
	list-style: none;
	padding: 0;
}

	.accordion .acc-title {
		font-size: 16px;
		line-height: 18px !important;
		font-weight: normal;
		margin: 0 0 1px;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
	}
	.accordion .acc-title:after{
		display: none;
	}

	.accordion .acc-title i.pointer:before {
		font-size: 14px;
		margin: 0 5px 0 0;
	}

	.accordion .acc-title+div {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
	}

		.accordion .acc-title+div h1, .accordion .acc-title+div h2, .accordion .acc-title+div h3, .accordion .acc-title+div h4, .accordion .acc-title+div h5, .accordion .acc-title+div h6 {
			margin: 5px 0 10px 0;
		}

/* Woocommerce */

ul.page-numbers{
    padding: 0;
}

.woocommerce .quantity input{
    margin-bottom: 0;
}

.woocommerce input[type="submit"]{
    width: auto;
}


/* *********************************************************************************************************************
 * 6. Fonts
 */

/* Font1 - Patua One */
header .title,
header nav,
.tagline,
h1, h2, h3,
.flex-direction-nav li a,
.tags,
.btn-small,
.btn-big,
.filters,
.isotope-loading, .isotope-loading a,
.searchzzz input,
.comments span,
.pagination span, .pagination a,
.accordion .acc-title {
	font-family: 'Patua One', cursive;
}

/* Font2 - Quatrocento */
body{
	font-family: 'Quattrocento', serif;
}



/* *********************************************************************************************************************
 * 7. Color themes, buttons, transition
 */

	/* *****************************************************************************************************************
	 * Theme1
	 */

	/* Color1 - White */

	.theme1 header,
	.theme1 header a,
	.theme1 .full.color3,
	.theme1 .color3 .tagline,
	.theme1 .color2,
    .theme1 .slides_container .caption,
	.theme1 .flex-direction-nav li a:before,
	.theme1 .color1 .btn-small,
	.theme1 .color1 .btn-big,
    .theme1 .item h2,
	.theme1 .item .inner:before,
    .theme1 .filters a:hover,
    .theme1 .filters li.active a,
    .theme1 .color2 .filters a,
    .theme1 .color2 .isotope-loading,
    .theme1 .color2 .isotope-loading a,
    .theme1 .color3 .isotope-loading,
    .theme1 .color3 .isotope-loading a,
    .theme1 .color1 .searchzzz,
    .theme1 .color1 .searchzzz a,
    .theme1 .color1 .searchzzz input,
	.theme1 .color1 form input,
	.theme1 .color1 form textarea,
	.theme1 .color1 ul.categories a,
    .theme1 .color2 .pagination a,
    .theme1 footer ul.social a{
        color: #fff !important; /* !important because footer icon color */
    }
    ::selection{
        color: #fff !important;
    }
	::-moz-selection {  /* has to be separated from ::selection */
		color: #fff;
	}

	.theme1 .color1,
	.theme1 .color1 .arrow,
	.theme1 .color1 .iconic > :first-child:before,
	.theme1 .color1 .iconic:after,
	.theme1 .color2 .btn-small:hover,
	.theme1 .color2 .btn-big:hover,
	.theme1 .color3 .btn-small:hover,
	.theme1 .color3 .btn-big:hover,
	.theme1 .color3 ul.categories a,
    .theme1 .color2 form input,
	.theme1 .color2 form textarea,
    .theme1 .color2 .pagination .current,
    .theme1 .color2 .pagination a:hover,
    .theme1 .color3 .pagination a:hover,
    .theme1 .color3 .pagination .current {
		background: #fff;
	}

	.theme1 .color2 .iconic > :first-child:before,
	.theme1 .color2 .iconic:before,
	.theme1 .color3 .iconic > :first-child:before,
	.theme1 .color3 .iconic:before,
	.theme1 .color2 .iconic h1:after, .theme1 .color2 .iconic h2:after, .theme1 .color2 .iconic h3:after, .theme1 .color2 .iconic h4:after,
	.theme1 .color3 .iconic h1:after, .theme1 .color3 .iconic h2:after, .theme1 .color3 .iconic h3:after, .theme1 .color2 .iconic h4:after {
		border-color: #fff;
	}

	.theme1 .color2 .iconic:after,
    .theme1 header nav ul li a.sub:before,
    .theme1 .color3 .iconic:after{
		border-color: #fff transparent;
	}

	/* Color2 - Yellow */
    .theme1 .color3.tagline span,
    .theme1 .color3 a,
    .theme1 .color1 a,
	.theme1 .color1 h1 span, .theme1 .color3 h1 span,
    .theme1 .color1 h2 span, .theme1 .color3 h2 span,
    .theme1 .color1 h3 span, .theme1 .color3 h3 span,
    .theme1 .color1 h4 span, .theme1 .color3 h4 span,
    .theme1 .color1 h5 span, .theme1 .color3 h5 span,
    .theme1 .color1 h6 span, .theme1 .color3 h6 span,
    .theme1 .color1 .tags a:hover,
    .theme1 .color2 .btn-small,
    .theme1 .color2 .btn-big,
    .theme1 .color3 .iconic:before,
    .theme1 .color1 .tagline span,
    .theme1 .color1 ul.tags:before,
    .theme1 .color1 .isotope-loading span,
    .theme1 .color3 .isotope-loading span,
    .theme1 .color1 ul.social a:hover,
    .theme1 .color3 .google-map,
    .theme1 .color2 .post-content span,
    .theme1 .comments span:before{
		color: #ef9e10;
	}

	.theme1 header.color2,
	.theme1 .color2,
	.theme1 .color2 .arrow,
	.theme1 .color2 .iconic > :first-child:before,
	.theme1 .color2 .iconic:after,
	.theme1 .color2 .iconic:after,
    .theme1 .flex-direction-nav li a,
	.theme1 .color1 .btn-small,
	.theme1 .color1 .btn-big,
	.theme1 .color3 .btn-small,
	.theme1 .color3 .btn-big,
	.theme1 .color3 ul.categories a:hover,
	.theme1 .color1 ul.categories a:hover,
    .theme1 .item .inner:before,
    .theme1 .color1 .filters ul li.active > a,
    .theme1 .color1 .filters ul li a:hover,
    .theme1 .color3 .filters ul li.active > a,
    .theme1 .color3 .filters ul li a:hover,
    .theme1 .color1 .searchzzz, .theme1 .color1 .searchzzz input,
    .theme1 .audiojs .progress,
    .theme1 .color1 .pagination a:hover,
    .theme1 .color1 .pagination .current,
    .theme1 .color3 .pagination span,
    .theme1 .color3 .pagination a,
    .theme1 footer.color3 ul.social a:hover,
    .theme1 footer.color3 ul.social li.active a:hover,
    .theme1 .header-widgets.color3 ul.social a:hover,
    .theme1 .header-widgets.color3 ul.social li.active a:hover{
		background: #ef9e10;
	}
    ::selection{
        background: #ef9e10;
    }
	::-moz-selection {  /* has to be separated from ::selection */
		background: #ef9e10;
	}

	.theme1 .color1 .iconic > :first-child:before,
	.theme1 .color1 .iconic:before,
	.theme1 .color1 .iconic h1:after, .theme1 .color1 .iconic h2:after, .theme1 .color1 .iconic h3:after, .theme1 .color1 .iconic h4:after {
		border-color: #ef9e10;
	}

	.theme1 .color1 .iconic:after {
		border-color: #ef9e10 transparent;
	}

	/* Color3 - Brown */
	body.theme1,
	.theme1 .color2 a,
    .theme1 .color2.tagline span,
	.theme1 header .title span,
	.theme1 .color2 h1 span,
    .theme1 .color2 h2 span,
    .theme1 .color2 h3 span,
    .theme1 .color2 h4 span,
    .theme1 .color2 h5 span,
    .theme1 .color2 h6 span,
	.theme1 .color1 .iconic > :first-child:before,
    .theme1 .color1 .tags a,
	.theme1 .color3 .btn-small,
	.theme1 .color3 .btn-big,
	.theme1 .color3 ul.categories a,
	.theme1 .color2 .iconic:before,
	.theme1 .color1 .tagline,
	.theme1 .color2 .tagline span,
    .theme1 .color1 .filters a,
    .theme1 .color1 .isotope-loading,
    .theme1 .color1 .isotope-loading a,
    .theme1 .color2 .isotope-loading span,
    .theme1 .color1 ul.social a,
    .theme1 .color1 .pagination a:hover,
    .theme1 .color1 .pagination .current,
    .theme1 .color2 .pagination a:hover,
    .theme1 .color2 .pagination .current,
    .theme1 .color2 .pagination span,
    .theme1 .color3 .pagination a,
    .theme1 .color3 .pagination a:hover,
    .theme1 .color3 .pagination .current,
    .theme1 footer.color3 ul.social a:hover,
    .theme1 footer.color3 ul.social li.active a:hover,
    .theme1 .header-widgets.color3 ul.social a:hover,
    .theme1 .header-widgets.color3 ul.social li.active a:hover{
		color: #312a1e;
	}

    .theme1 .color2 .pagination a:hover{
        color: #312a1e !important;
    }

	.theme1 header nav ul li.active > a,
	.theme1 header nav ul li a:hover,
	.theme1 .full.color3,
	.theme1 .color3 .arrow,
	.theme1 .taglineimg .caption-bg,
	.theme1 .color3 .arrow,
	.theme1 .color3 .iconic > :first-child:before,
	.theme1 .color3 .iconic:after,
    .theme1 .flex-direction-nav li a:hover,
    .theme1 footer.color2 ul.social a:hover,
    .theme1 footer.color2 ul.social li.active a:hover,
    .theme1 .header-widgets.color2 ul.social a:hover,
    .theme1 .header-widgets.color2 ul.social li.active a:hover,
	.theme1 .color1 .btn-small:hover,
	.theme1 .color1 .btn-big:hover,
	.theme1 .color2 .btn-small,
	.theme1 .color2 .btn-big,
    .theme1 .item .post-content,
    .theme1 .color2 .filters ul li.active > a,
    .theme1 .color2 .filters ul li a:hover,
    .theme1 .color3 .google-map,
	.theme1 .color1 form input,
	.theme1 .color1 form textarea,
	.theme1 .color1 ul.categories a,
    .theme1 .color1 .pagination span,
    .theme1 .color1 .pagination a,
    .theme1 .color2 .pagination span,
    .theme1 .color2 .pagination a {
		background: #312a1e;
	}

	.theme1 header,
	.theme1 footer{
		border-color: #312a1e;
	}

	.theme1 header nav ul li a.sub:hover:before,
    .theme1 header nav ul li.active > a:before{
		border-color: #312a1e transparent;
	}

    .theme1 .slides_container .caption{
        background: #312a1e;
        background: rgba(49, 42, 30, 0.5);
    }

    /* Non-standard colors: */
    /*
    ul.social a.icon-facebook:hover{
        color: #3b5999 !important;
    }
    ul.social a.icon-twitter:hover{
        color: #00acee !important;
    }
    ul.social a.icon-gplus:hover{
        color: #d03c3c !important;
    }
    ul.social a.icon-pinterest:hover{
        color: #c92725 !important;
    }
    ul.social a.icon-dribble:hover{
        color: #ea4c89 !important;
    }
    /**/

    /* *****************************************************************************************************************
     * Button - small
	 */
	.btn-small,
	.btn-big,
	header ul li a,
    footer ul.social a,
	ul.categories a,
    .filters ul li a,
    .searchzzz,
	.accordion .acc-title {
		padding: 9px 10px;
		line-height: 14px;
		text-decoration: none;
		font-size: 16px;
		display: inline-block;
	}

    /* *****************************************************************************************************************
     * Button big
     */
	.btn-big {
		font-size: 24px;
		line-height: 30px;
		padding: 10px 16px;
	}

    /* *****************************************************************************************************************
     * CSS3 transformation
     */
	header ul li a,
    header nav ul li a:before,
    .flex-direction-nav li a,
    .theme1 .color1 .tags a,
    footer ul.social a,
	.btn-small,
	.btn-big,
	ul.categories a,
    .item .post-content img,
    .filters ul li a,
    .searchzzz,
    ul.social a,
	.flickr_badge_image img,
	.dribbble-widget img,
	.recent-projects-widget img,
    .pagination a {
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-ms-transition-duration: .5s;
		-o-transition-duration: .5s;
		transition-duration: .5s;
	}

    /* *****************************************************************************************************************
     * Border radius
     */

	/* 4 corners */
	.btn-small,
	.btn-big,
	header ul li a,
    footer ul.social a,
    .header-widgets ul.social a,
	ul.categories a,
	.filters ul li a,
	.slides_container > div img,
    .slides_container > div,
    .slides_container,
    .slides,
    .flex-viewport,
	.post img,
	.item .inner,
    .item .post-content,
    .item .post-content img,
	.mask,
    .searchzzz,
    input, textarea, h1
	.flickr_badge_image img,
	.dribbble-widget a img,
	.recent-projects-widget img,
	.accordion .acc-title {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}

    /* Bottom right */
	.item .inner:before,
	.flex-direction-nav .flex-next {
		-moz-border-bottom-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	/* Top left */
	.item .inner:before {
		-moz-border-top-left-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		border-top-left-radius: 6px;
	}

     /* Bottom left */
	.slides_container .caption {
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottom-left: 6px;
		border-bottom-left-radius: 6px;
	}

    /* Top right */
	.slides_container .caption {
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		border-top-right-radius: 6px;
	}

    /* Fixing */
    html{
        -webkit-font-smoothing: antialiased;
    }


/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.item .post-content img, .isotope-item img, .detail-image img, .video-content img, .single-portfolio-post .col6.last img, img.wp-post-image{
    width: 100%;
}

/*
 * Default WordPress image alignment
 */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* *********************************************************************************************************************
 * 8. CSS3 Media Queries
 */
@media all and (max-width: 768px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		margin: 0 0 30px 0;
	}

    .taglineimg .caption-bg{
        display: none;

    }

    .taglineimg .caption{
        position: relative;
        display: block;
        width: auto;
        padding-left: 10px;
    }

    .tagline .inner{
        max-height: none;

    }

    .google-map{
        height: 200px;
        z-index: 10;
    }

    .header-widgets .widget-title {
        float: none;
        margin: 0;
    }

    .header-widgets .widget-2 {
        text-align: left;
        float: none;
    }

    .header-widgets [class*='widget-']{
        margin: 0;
        text-align: center;
    }

    header{
        padding-top: 20px;
        padding-bottom: 15px;
        border: none;
        max-height: none;
    }

        header .title {
            font-size: 24px;
            padding: 4px 0 0 0;
        }

		header .iconic .title+div {
			margin-bottom: 0;
		}

		header .title+div {
			font-size: 12px;
			margin-bottom: -20px;
		}

		header img {
			margin-bottom: -20px;
		}

        header .iconic{
            margin: 0;
            display: block;
            float: none;
            font-size: 10px;
        }
            header .iconic > * {
                margin-left: 55px !important;
            }

        header nav ul{
            float: left;
            display: none;
        }

        header .arrow{
             display: none;
        }

        header .selectnav{
            display: block;
            width: 100%;
            padding: 0;
            clear: both;
            margin-top: 10px;
	        float: left;
        }

			.selnav {
				display: inline;
				position: relative;
				top: 10px;
				left: 15px;
			}

    /* iconic post */
    .iconic {
        position: relative;
        min-height: 43px;
    }

        /* Post icon as a character within a circle */
        .iconic > :first-child:before {
            top: 0;
            left: 0;
            padding: 0 5px 11px;
            border: 4px solid;
            text-align: center;
            -webkit-border-radius: 19px;
            -moz-border-radius: 19px;
            border-radius: 19px;
            width: 19px;
            height: 18px;
            z-index: 8;
            font-size: 0;
        }

        .iconic:before {
            font-size: 16px;
            position: absolute;
            left: -11px;
            top: -7px;
        }

        .iconic > * {
            margin-left: 0 !important;
        }

        /* Bottom arrow below the circle */
        .iconic:after {
            content: "";
            position: absolute;
            top: 36px;
            left: 14px;
            border-width: 5px 5px 0;
            width: 0;
            padding: 0;
        }

        .iconic h1:after, .iconic h2:after, .iconic h3:after, .iconic h4:after {
            display: none !important;
        }

        .iconic h1, .iconic h2, .iconic h3, .iconic h4, .iconic h5, .iconic h6{
            height: auto;
            display: table-cell;
            vertical-align: middle;
            padding-left: 0;
        }

    .iconic h1:first-child, .iconic h2:first-child, .iconic h3:first-child, .iconic h4:first-child, .iconic h5:first-child, .iconic h6:first-child{
        height: 40px;
        padding-left: 55px;
        padding-bottom: 20px;
    }
	
	.accordion .acc-title {
	    height: auto !important;
	    padding-left: 10px !important;
	    padding-bottom: 10px !important;
    }

	.accordion div h1, .accordion div h2, .accordion div h3, .accordion div h4, .accordion div h5, .accordion div h6 {
		padding: 0 !important;
	}

    /* Tagline */
    .tagline {
        font-size: 30px;
        line-height: normal;
    }

    section.full{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .arrow {
        width: 18px;
        height: 18px;
        position: absolute;
        bottom: -9px;
        left: 23px !important;

    }

    footer{
        padding: 3px;
    }

    footer .col6{
        margin: 2px 0 !important;
        float: left;
        width: auto;
    }

    footer .col6.last{
        float: right;
        line-height: 30px;
    }

    footer p{
        line-height: 30px;
    }

    footer ul.social, .header-widgets ul.social {
        margin-bottom: 0;
    }

    footer ul.social li, .header-widgets ul.social li {
	    margin: 0;
    }

    footer [class*='widget-']{
        margin: 0;
        text-align: center;
        float: none;
    }

    .filters{
        margin-bottom: 0;
    }

    .filters ul{
        padding-left: 55px;
        height: 40px;
    }

    .filters a{
        outline: none;
    }

    .blog-post .right{
        float: none;
        display: block;
        margin: 0 !important;
    }

    .divider{
        height: 30px;
    }

    input, textarea{
        margin-bottom: 30px;
    }

    .post{
        padding-bottom: 0;
    }

    form .right {
	    float: left;
	    width: 100%;
    }

	.searchzzz{
		width: 100%;
		float: left;
		margin: 0 0 50px;
	}

    /**/
}

@media all and (max-width: 480px) {
	footer .col6{
		clear: both;
		width: 99%;
		float: left !important;
		text-align: center;
	}

	footer .col6.last p {
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center;
	}
}

@media only screen and (max-width : 360px) and (orientation : portrait) {
    header{
        position: fixed;
        display: block;
        width: 100%;
        margin: 0;
        padding: 15px 0 15px;
        top: 0;
        left: 0;
        -moz-box-shadow:    0 -1px 8px 0 #000;
        -webkit-box-shadow: 0 -1px 8px 0 #000;
        box-shadow:         0 -1px 8px 0 #000;
    }

	header img {
		padding: 0 20px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

		header .selectnav {
			width: 93%;
		}

	/* Dynamic padding-top with JS */
    /*body{
        padding-top: 150px;
    }*/


    /* No need for buttons. Swipe functinality available */
    .flex-direction-nav{
        display: none;
    }

    /**
    Place nav under the slider
    .flex-direction-nav{
        bottom: -40px;
    }

    .flex-direction-nav .flex-prev{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 6px;
    }

    .flex-direction-nav .flex-next{
        margin-left: 1px;
    }
    /**/
	
	.header-widgets {
		display: none;
		/*margin-bottom: 1px;*/
	}

}