/*
Theme Name: Phrase - Responsive Wordpress Blog Theme
Theme URI: http://themeforest.net/user/ZERGE/portfolio
Author: ZERGE
Author URI: http://themeforest.net/user/ZERGE
Description: Phrase - Responsive Wordpress Blog Theme
Version: 1.05
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: color-theme-framework
*/

/*
*	=======================================================================================================
*	For HTML5 Blocks
*	=======================================================================================================
*/

header, footer, aside, nav, article, section {
    display: block;
}

/*
*	-------------------------------------------------------------------------------------------------------
*	Delete link outline and set selection for Firefox
*	-------------------------------------------------------------------------------------------------------
*/

a {
    outline: none !important
}

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

/*
*	-------------------------------------------------------------------------------------------------------
*	Clear Floats
*	-------------------------------------------------------------------------------------------------------
*/

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
*	-------------------------------------------------------------------------------------------------------
*	Reset margins and list position for UL, OL
*	-------------------------------------------------------------------------------------------------------
*/

ul, ol {
    list-style-position: inside;
    margin: 0 0 20px 0;
}

li {
    margin-bottom: 10px;
}

/*ul ul, ul ol, ol ol, ol ul { margin-bottom: 30px }*/
/*
*	=======================================================================================================
*	General Styles For Body
*	=======================================================================================================
*/
body, .body-class {
    background-color: #3b3f41;
    color: #464646;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    line-height: 26px;
}

/*
*	=======================================================================================================
*	Top Block
*	=======================================================================================================
*/

.span6.min-height {
    min-height: 5px;
    height: 20px;
}

#logo {
    text-align: center;
}

#logo h1 {
    margin-bottom: 0;
    font-size: 64px;
    line-height: 78px
}

#logo h1 a {
    color: #FFF;
    border: none;
    outline: none;
}

#logo h1 a img {
    border: none;
    outline: none;
}

.logo-slogan {
    color: #999
}

.divider-arrow {
    background: url(img/divider-arrow.png) left top no-repeat;
    height: 11px;
    width: 70px;
    margin: 0 auto;

}

/*
*	=======================================================================================================
*	Links
*	=======================================================================================================
*/

a, a:link, a:visited, a:hover {
    text-decoration: none;
}

a, a:link, a:visited, .entry-single a {
    color: #777;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.entry-content a:hover {
    color: #333
}

.entry-single a {
    color: #111
}

/*.entry-title h1 { text-transform: capitalize; }*/
.entry-title h1 a, .entry-title h2 a {
    color: #111
}

.entry-title h1 a:hover {
    color: #777
}

/*
*	=======================================================================================================
*	Headers
*	=======================================================================================================
*/
h1, h2, h3, h4, h5, h6 {
    font-family: "proxima-nova", sans-serif;
    font-weight: normal;
    margin: 0 0 15px 0;
    line-height: 24px;
    color: #111;
    padding: 0
}

h1, h2 {
    font-weight: bold;
}

h5, h6 {
    font-family: "proxima-nova", sans-serif;
}

h5 {
    text-transform: uppercase;
}

h5, h6 {
    font-weight: bold
}

h4.center-title {
    text-align: center;
}

/*
=======================================================================================================================
	*
	*	Slide Top Footer
	*
=======================================================================================================================	
*/
#top-footer {
    width: 100%;
    background: #2d3031;
    padding: 50px 0 0 0;
    border-bottom: 4px double #484d4f;
    font-size: 11px;
    color: #ffff;
    display: none;
}

#top-footer .widget {
    border: none;
    color: #666;
    margin-bottom: 50px
}

#top-footer .widget h3 {
    border-bottom: 4px double #484d4f;
    padding-bottom: 10px
}

#top-footer .widget a {
    font-size: 11px
}

.open-footer {
    background: url(img/sidebar-open.png) center top no-repeat;
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.open-footer:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    cursor: pointer;
}

/*
*	=======================================================================================================
*	Super-Fish Menu
*	=======================================================================================================
*/
#menu {
    display: inline-block;
}

.navigation {
    text-align: center;
}

.navigation select {
    display: none;
    background: #2A3137 url('img/icons/menu-icon.png') right top no-repeat;
    width: 100%;
    margin: 30px 0;
    border: 1px solid #313538;
    text-transform: uppercase;
    font: 16px/24px "proxima-nova", sans-serif;
    color: #E2E2E2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 42px;
}

.navigation select {
    border: 4px double #313538
}

.navigation select option {
    background-color: #FFF;
    color: #333;
    font-size: 13px;
    padding: 10px;
    border-bottom: 4px double #ececec
}

.navigation {
    padding: 0;
    margin-bottom: 30px;
    margin-top: 30px;
}

/*
   ------------------------------------------------------
					SuperFish Menu
   ------------------------------------------------------
*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 102%;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 21px;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-right: 0;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu li {
    background: transparent;
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu ul li {
    background: #FFF;
}

/*.sf-menu ul li:first-child a { padding-top: 12px; }
.sf-menu ul li:last-child a { padding-bottom: 12px; }*/

.sf-menu ul ul li {
    background: #FFF;
    margin-bottom: 4px !important;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
    background-color: transparent;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
    background-color: #e3e3e3;
}

/* by ZERGE */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    display: block;
    right: 0px;
    top: 14px;
    width: 13px;
    height: 13px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/sub-indicator.png) center top no-repeat;
    /*background: url(img/sub-indicator-right.png) center top no-repeat;*/
}

.sf-arrows .sub-menu .sf-with-ul:after {
    content: '';
    position: absolute;
    display: block;
    right: 0px;
    top: 9px;
    width: 13px;
    height: 13px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/sub-indicator-right.png) center top no-repeat;
}

/*.sf-menu > li > ul, .sf-menu ul li ul { 	
	border: 1px solid #ececec;
	background-color: #FFF; 
	box-shadow: -4px 4px 0px rgba(44,47,49,.5);
	-moz-box-shadow: -4px 4px 0px rgba(44,47,49,.5);
	-webkit-box-shadow: -4px 4px 0px rgba(44,47,49,.5);
	
}*/

.sf-menu a {
    text-decoration: none;
    font-size: 18px;
    padding: 8px 15px;
    font-weight: bold;
    font-family: "proxima-nova", sans-serif;
    letter-spacing: 0.03em;
}

.sf-menu li li a {
    padding: 4px 10px;
    font-size: 12px;
    color: #333;
    font-family: "proxima-nova", sans-serif;
    display: block;
}

.sf-menu ul li {
    width: 200px;
    position: relative;
    padding: 10px 0;
    border-bottom: 4px double #ececec;
    text-align: left;
}

.sf-menu ul li a {
    font-weight: bold;
}

.sf-menu ul li:last-child {
    border-bottom: none
}

.sf-menu a.sf-with-ul {
    min-width: 1px;
    margin-right: 10px;
}

/*.sf-menu{ display:none; }

.sf-menu li:last-child {
	margin-right: 0
}

li.current_page_item a, 
.current-menu-ancestor > a {
	color:  #777
}*/

/*** ESSENTIAL STYLES ***/

/*.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.sf-menu {
	line-height: 1.0;
	cursor: pointer
}
.sf-menu ul {
	position: absolute;
	top: -999em;
}

.sf-menu li:hover {
	visibility:	inherit; 
}

.sf-menu > li {
	float: left;
	position: relative;
	color:  #FFF;
	text-align:  left;
}


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;	
}
.sf-menu li .sub-menu li {
	margin-right: 0 !important;
}

.sf-menu a {	
	position: relative;	
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;		
}
.sf-menu a:hover {
	color: #777
}
.sf-menu li ul.sub-menu { top:39px !important }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 5px;
	top: 43px; 
	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: 10em; 
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; 
	top: 0;
}

.sf-menu {
	float: left;
}


.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .active a{
	outline: 0;
}

.sf-menu a.sf-with-ul {
	min-width: 1px; 
	margin-right: 10px;
}


ul.sub-menu, ul.sub-menu ul.sub-menu { z-index: 300;  }
ul.sub-menu ul.sub-menu { margin-left: 40px; margin-top: -40px }




.sf-menu li li a { 
	padding: 4px 10px; 
	font-size: 12px; 
	text-transform: capitalize; 
	color: #333; 
	font-family: "proxima-nova",sans-serif; 
	display: block;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -1px;top: 59px} */

.widget ul.sub-menu ul.sub-menu {
    margin-top: 0;
    margin-left: 10px;
}

.widget ul.sub-menu ul.sub-menu li {
    list-style-type: circle
}

/*
*	=======================================================================================================
*	Calendar Widget
*	=======================================================================================================
*/
#wp-calendar {
    width: 100%
}

#wp-calendar > caption {
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
}

#wp-calendar > caption:after {
    clear: both
}

#wp-calendar td {
    text-align: center;
    padding: 5px 0
}

#wp-calendar td#today {
    background-color: #777;
    color: #FFF
}

#wp-calendar td a {
    color: #FFF !important;
    padding: 2px 8px;
}

#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td#prev a, #wp-calendar td#next a {
    text-transform: uppercase;
    background: none !important;
    color: #333
}

/*
*	=======================================================================================================
*	Pages
*	=======================================================================================================
*/

.page-title {
    margin-bottom: 15px;
    line-height: 40px;
    text-transform: capitalize
}

.page-desc {
    color: #999
}

/*
*	=======================================================================================================
*	Comments
*	=======================================================================================================
*/
#comments {
    padding: 60px;
    background-color: #FFF;
    position: relative;
}

#commentform textarea {
    width: 97.2%;
    border-color: #ccc;
    padding: 10px;
}

#commentform input[type=text], #commentform textarea {
    box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);
    -moz-box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);
    -webkit-box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);
    outline: none !important;
    border: 1px solid #ececec
}

#commentform input[type=submit], #contacts-form input[type=submit] {
    padding: 10px 10px 8px 10px;
    background-color: #777;
    border: none;
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#commentform input[type=text]:focus, #commentform textarea:focus {
    box-shadow: -3px 3px 0 #aaa;
    -moz-box-shadow: -3px 3px 0 #aaa;
    -webkit-box-shadow: -3px 3px 0 #aaa;

    outline: none !important;
}

#commentform input[type=submit]:hover, #contacts-form input[type=submit]:hover {
    background-color: #313538
}

#respond h3 {
    line-height: 28px;
    font-size: 26px;
}

h2.comments-title {
    line-height: 1.4em;
    font-size: 18px;
}

#respond {
    margin-top: 15px;
}

code, pre {
    color: #888888;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 15px;
    white-space: pre-wrap;
    word-break: break-all;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.user-name, .user-email, .user-url, .user-subject, .user-message,
label[for=author], label[for=email], label[for=url], label[for=comment] {
    font-weight: bold;
    font-size: 14px;
}

.logged-in-as {
    font-size: 13px
}

.logged-in-as a {
    font-weight: bold;
    font-size: 14px
}

ul.commentlist, ul.commentlist li {
    list-style-type: none
}

ul.commentlist li ul.children {
    padding-left: 50px;
    margin-top: 15px;
}

ul.commentlist {
    margin-bottom: 60px;
}

ul.commentlist li {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 4px double #ececec
}

ul.commentlist li ul.children li {
    border: none
}

ul.commentlist li ul.children {
    border-top: 1px solid #ececec;
    padding-top: 15px;
}

.comment-author span {
    font-size: 11px;
    color: #FC7979;
    font-weight: bold;
    padding: 3px 5px;
}

.avatar-55 {
    float: left;
    margin-bottom: 15px;

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

.header .avatar {
    width: 55px !important;

    border-radius: 120px !important;
    -moz-border-radius: 120px !important;
    -webkit-border-radius: 120px !important;
}

.comments-meta-info {
    display: block;
    margin-left: 75px
}

.comments-meta-info a {
    font-size: 11px;
    font-weight: bold;
}

.comments-meta-info a > time {
    font-weight: normal;
    color: #BBBBBB;
    font-size: 10px;
    text-transform: uppercase;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.comments-meta-info a:hover > time {
    color: #999
}

.reply {
    background-color: #777;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 10px;
    margin-bottom: 15px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.reply a {
    display: inline-block;
    height: 100%;
}

.reply > a, .reply > a:hover, .reply > span {
    background: none;
    color: #FFF !important
}

.reply:hover {
    background-color: #313538;
    cursor: pointer;
}

.entry-comments {
    margin-top: 15px;
}

.comment-content > .edit-link {
    float: right;
}

a.comment-edit-link {
    font-size: 12px;
    font-weight: bold
}

a.comment-edit-link:hover {
    color: #313538;
}

/*
*	=======================================================================================================
*	Widgets
*	=======================================================================================================
*/
#wp-calendar {
    width: 100%
}

#wp-calendar > caption {
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
    color: #999
}

#wp-calendar > caption:after {
    clear: both
}

#wp-calendar td {
    text-align: center;
    border: 1px solid #444;
    padding: 5px 0
}

#wp-calendar td#today {
    background-color: #777;
    color: #FFF
}

#wp-calendar td#prev, #wp-calendar td#next {
    text-transform: uppercase
}

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

ul.menu li {

    padding: 2px 0 2px 0px
}

ul.menu li ul.sub-menu {
    padding-left: 15px;
}

ul.menu li ul li {
    background: none;
    list-style-type: disc;
    font-size: 12px;
}

ul.menu li ul li a {
    font-weight: normal !important
}

.tagcloud a {
    background-color: #313538;
    font-size: 11px !important;
    padding: 0px 8px;
    margin-bottom: 5px;
    display: inline-block;
    color: #FFF;

    border-radius: 3px;
}

.tagcloud a:hover {
    background-color: #777
}

/*
*	=======================================================================================================
*	Wordpress Core
*	=======================================================================================================
*/
#user_login, #user_pass {
    height: 40px;
}

.gallery-caption {
}

.bypostauthor {
}

.sticky {
}

.wp-caption {
}

.wp-caption-text {
}

strong, b {
    font-weight: bold;
    margin-bottom: 15px;
}

em {
    font-style: italic;
    color: #999
}

.aside-format em {
    color: #ddd
}

.blockright {
    float: right;
    text-align: right;
}

.blockleft {
    float: left;
    text-align: left
}

.alignnone {
    margin: 5px 15px 15px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

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

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

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 15px 15px;
}

a img.alignnone {
    margin: 5px 15px 15px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 15px 15px 0;
}

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

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

blockquote {
    border-top: 4px double #ececec;
    border-bottom: 4px double #ececec;
    border-left: none;
    padding: 30px 0;
    margin-bottom: 30px;

}

blockquote p {
    font-size: 18px;
    line-height: 26px;
    color: #999;
    font-weight: normal;
}

blockquote p:before, blockquote p:after {
    content: '"';
    font-size: 30px;
    font-style: italic;
    font-family: 'Courier New', Courier, monospace;
}

.entry-quote blockquote {
    border: none;
    margin-bottom: 0;
    border-left: 4px double #FFF;
    border-right: 4px double #FFF;
    padding-left: 30px;
    padding-right: 30px;
}

blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
}

p {
    margin-bottom: 20px;
}

/* align paragraphs */
p.text-left {
    text-align: left
}

p.text-right {
    text-align: right
}

p.text-center {
    text-align: center
}

p.text-justify {
    text-align: justify
}

p.italic {
    font-style: italic
}

p.bold {
    font-weight: bold
}

.highlight {
    padding: 0;
    color: #fff;
    background-color: #FC7979;
}

.highlight.pink {
    background: #bd1e7b;
}

.highlight.green {
    background: #668508;
}

.highlight.red {
    background: #ef2d2d;
}

.highlight.orange {
    background: #ff6600;
}

.highlight.blue {
    background: #308aef;
}

.highlight.yellow {
    background: #cb7a0b;
}

.highlight.custom {
    background: #921529;
}

span.dropcap {
    font-size: 40px;
    margin-right: 6px;
    text-transform: uppercase;
    float: left;
    line-height: 1;
    font-weight: bold;
}

span.dropcap.pink {
    color: #bd1e7b;
}

span.dropcap.green {
    color: #668508;
}

span.dropcap.red {
    color: #ef2d2d;
}

span.dropcap.orange {
    color: #ff6600;
}

span.dropcap.blue {
    color: #308aef;
}

span.dropcap.yellow {
    color: #cb7a0b;
}

span.dropcap.custom {
    color: #921529;
}

/*.entry-single ul, .page ul { margin-bottom: 15px; }*/
ul.list.underline li {
    border-bottom: 1px solid #ececec;
    padding: 5px 0
}

ul.unordered {
    list-style: none;
}

ul.ordered {
    list-style: inside decimal;
}

ul.square {
    list-style: inside square;
}

ul.circle {
    list-style: inside circle;
}

ul.bullets {
    list-style: inside disc
}

ul.arrow li {
    list-style: none;
    background: url(img/icons/list-arrow.png) left center no-repeat;
    padding-left: 15px
}

ul.arrow.underline li {
    padding: 5px 0 5px 15px
}

.badge {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 20px
}

.btn {
    margin-bottom: 15px
}

.btn a {
    color: #FFF !important
}

.video-frame iframe {
    width: 100%;
    border: none !important
}

.accordion-heading a {
    font-weight: bold
}

.accordion-heading .accordion-toggle {
    font-size: 14px;
    padding: 4px 10px
}

/*
=======================================================================================================================
	*
	*	Instagram Widget
	*
=======================================================================================================================	
*/
[class^="ct-instagram-"] {
    margin-right: -10px
}

[class^="ct-instagram-"] li {
    list-style-type: none;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    display: block;
    overflow: hidden;
    width: 63px; /* for IE */
    height: 63px; /* for IE */
}

[class^="ct-instagram-"] {
    list-style-type: none;
}

[class^="ct-instagram-"] li img {
    width: 55px;
    height: 55px;
    display: block;
    border: 4px double #484D4F;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;

}

[class^="ct-instagram-"] li img:hover {
    border-color: #777;
    cursor: pointer
}

[class^="ct-instagram-"] li a {
    border: none !important
}

.instagram-ico {
    background: url(img/icons/instagram.png) left top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

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

.searchform {
    padding: 0;
    margin: 0
}

.s {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    padding: 5px !important;
    width: 96% !important;
    margin: 0 !important;
    font-size: 12px !important;
    background-color: #313538 !important;
    border: none !important;
    color: #999 !important
}

/*
=======================================================================================================================
	*
	*	Badges Styles For Widgets
	*
=======================================================================================================================	
*/

.badge-widget {
    float: right;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: .1em;
    color: #FFF;
    line-height: 16px;
    margin-top: 2px;
    text-transform: uppercase;
    padding: 0px 4px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

/*
=======================================================================================================================
	*
	*	Recent Posts Widget
	*
=======================================================================================================================	
*/

ul.recentpost-widget, ul.recentpost-widget li {
    list-style-type: none;
}

ul.recentpost-widget li {
    padding: 7px 0;
    display: block;
}

.widget-thumb {
    float: left;
}

.widget-thumb img {
    width: 50px;
    height: 50px;
    display: block;
    border: 4px double #484D4F;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

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

.widget-thumb img:hover {
    border-color: #777;
    cursor: pointer
}

.widget-thumb-format {
    float: left;
    width: 30px;
    height: 30px;
    padding: 10px;
    display: block;
    border: 4px double #484D4F;
    background-color: #313538;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

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

.widget-thumb-format:hover {
    background-color: #777;
    cursor: pointer
}

.widget-thumb-format .widget-post-format a {
    display: block;
    width: 100%;
    height: 100%;
}

.widget-thumb-format .widget-post-format {
    background: url(img/format-sprites-widget.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.widget-thumb-format:hover .widget-post-format {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.widget-thumb-format .widget-post-format.image {
    background-position: 0 0
}

.widget-thumb-format .widget-post-format.gallery {
    background-position: -30px 0
}

.widget-thumb-format .widget-post-format.video {
    background-position: -60px 0
}

.widget-thumb-format .widget-post-format.audio {
    background-position: -90px 0
}

.widget-thumb-format .widget-post-format.link {
    background-position: -120px 0
}

.widget-thumb-format .widget-post-format.chat {
    background-position: -150px 0
}

.widget-thumb-format .widget-post-format.aside {
    background-position: -180px 0
}

.widget-thumb-format .widget-post-format.status {
    background-position: -210px 0
}

.widget-thumb-format .widget-post-format.standard {
    background-position: -240px 0
}

.widget-thumb-format .widget-post-format.twitter {
    background-position: -270px 0
}

.widget-thumb-format .widget-post-format.quote {
    background-position: -300px 0
}

.entry-info-post {
    margin-left: 75px
}

.post-date {
    float: right;
    color: #888;
    font-size: 11px;
    font-weight: normal
}

/* 
=======================================================================================================================
	*
	*	Categories Widget
	*
=======================================================================================================================	
*/

.left-col, .right-col {
    display: block;
    text-align: center;
}

.left-col li, .right-col li {
    margin-bottom: 5px;
    background-color: #313538;

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

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.left-col li:hover, .right-col li:hover {
    background-color: #777;
}

.left-col:hover a, .right-col:hover a {
    display: block;
    width: 100%;
    height: 100%
}

.left-col:hover a, .right-col:hover a {
    color: #FFF
}

/*
=======================================================================================================================
	*
	*	Blog
	*
=======================================================================================================================	
*/
#content {
    margin-top: 55px;
}

.entry-content {
    padding: 35px 60px 15px 60px;
    position: relative;
    display: block;
}

.entry-content h1 {
    margin-bottom: 30px
}

.entry-title {
    position: relative;
    min-height: 70px !important;
    padding-right: 20px;
    text-align: left;
}

.entry-title .right-arrow {
    background: url(img/title-right.png) right center no-repeat;
    position: absolute;
    right: -20px;
    top: 0;
    width: 11px;
    height: 131px;
}

.entry-post-text {
    padding-left: 20px
}

.entry-post-text.text-type-full {
    padding-left: 0;
}

.entry-title h1, .entry-title h2 {
    font-size: 28px;
    line-height: 1.2em
}

.entry-post {
    background-color: #FFF;
    position: relative;
    margin-bottom: 100px;
}

.single .entry-post {
    margin-bottom: 0;
}

/*	For "Full Width" Content Layout */
.entry-title.content-type-full {
    text-align: center;
    padding-right: 0
}

.entry-title .bottom-arrow {
    background: url(img/title-bottom.png) center top no-repeat;
    width: 100%;
    height: 11px;
    margin-bottom: 15px;
}

.content-type-full {
    max-width: 100%;
    margin-bottom: 30px;
}

/*			END 			*/

.top-arrow {
    position: absolute;
    left: 50%;
    margin-left: -10px;

    background: url(img/top-sprites.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    display: none !important;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.top-arrow:hover {
    background: url(img/top-sprites.png) 0 -20px no-repeat;
    cursor: pointer;
}

.entry-post .block-post-format {
    /*z-index: -1;
    padding: 10px;
    width:  60px;
    height:  60px;
    background-color: #2c2f31;
    position:  absolute;
    right: -40px;
    bottom: -45px;
    color:  #626262;
    text-align:  center;
    font-family: "proxima-nova",sans-serif;
    font-size:  18px;
    font-style: italic;

            -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;	*/
    display: none;
}

.entry-meta {
    border-top: 1px solid #111;
    padding-top: 15px;
}

.entry-post.no-right-margin {
    margin-right: 0
}

.more-link {
    float: right;
    font-family: "proxima-nova", sans-serif;
    font-size: 18px;
    font-weight: 600;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.more-link:hover {
    color: #464646;
}

.entry-post .edit-link {
    font-size: 11px;
    position: absolute;;
    right: 60px;
    bottom: 20px;
    float: right;
    font-weight: bold;
    margin-bottom: 15px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.entry-post .edit-link:hover {
    cursor: pointer;
}

.entry-post .edit-link a {
    color: #999
}

.entry-post .edit-link a:hover {
    color: #333
}

.entry-post .block-post-format .format-sprites {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: url(img/format-sprites.png) 0px 0 no-repeat;
    width: 30px;
    height: 30px;

}

.entry-post .block-post-format.left-block {
    left: -50px
}

.entry-post .block-post-format .format-sprites.left-format {
    left: 10px;
}

.entry-post .block-post-format .format-sprites.image {
    background-position: 0 0
}

.entry-post .block-post-format .format-sprites.gallery {
    background-position: -30px 0
}

.entry-post .block-post-format .format-sprites.video {
    background-position: -60px 0
}

.entry-post .block-post-format .format-sprites.audio {
    background-position: -90px 0
}

.entry-post .block-post-format .format-sprites.link {
    background-position: -120px 0
}

.entry-post .block-post-format .format-sprites.chat {
    background-position: -150px 0
}

.entry-post .block-post-format .format-sprites.aside {
    background-position: -180px 0
}

.entry-post .block-post-format .format-sprites.status {
    background-position: -210px 0
}

.entry-post .block-post-format .format-sprites.standard {
    background-position: -240px 0
}

.entry-post .block-post-format .format-sprites.twitter {
    background-position: -270px 0
}

.entry-post .block-post-format .format-sprites.quote {
    background-position: -300px 0
}

.entry-post:hover .block-post-format {
    background-color: #777
}

.meta-item {
    color: #333;
    font-size: 14px;
    display: inline-block;
    max-width: 70%
}

.content-type-full .meta-item {
    font-size: 16px
}

.meta-item a:hover {
    color: #333;
}

.entry-thumb iframe {
    border: none;
    width: 100%
}

.entry-thumb {
    position: relative;
    border: 10px solid #fff;
}

.entry-thumb > .mask {
    width: 100%;
    height: 101%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    background-color: #e3e3e3;

    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.entry-thumb:hover > .mask {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);

    left: 0
}

.zoom, .link-thumb {
    background: url(img/zoom.png) left top no-repeat;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -23px;
    width: 90px;
    height: 90px;

    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);

    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.zoom.single-post {
    margin-left: -27px;
}

.link-thumb.gallery-link {
    margin-left: -26px;
}

.link-thumb {
    background: url(img/icon-link.png) left top no-repeat;
    margin-left: -38px
}

.link-thumb a {
    width: 100%;
    height: 100%;
    display: block;
}

.entry-thumb:hover .zoom, .entry-thumb:hover .link-thumb {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.zoom:hover, .link-thumb:hover {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;

    cursor: pointer;
}

.zoom a {
    width: 100%;
    height: 100%;
    display: block
}

.tag-list-items a:hover {
    font-size: 14px
}

.blog-thumb, .single-thumb {
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
    float: left;
    position: relative
}

.blog-thumb, .single-thumb {
    width: 100%
}

.blog-thumb iframe, .single-thumb iframe {
    width: 100%;
    border: none;
    display: block;
}

.entry-content embed {
    width: 100%;
    max-width: 100%
}

.video-post-widget,
.embed-youtube,
.embed-vimeo,
.video-frame,
video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    z-index: 10;
}

.video-post-widget iframe,
.embed-youtube iframe,
.embed-vimeo iframe,
.video-frame iframe,
video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none !important
}

video {
    width: 100%;
}

.navigation-block, .entry-pages-title {
    background-color: #292929;
    padding: 45px 60px 30px;
    position: relative;
    margin-bottom: 60px;

    box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);
    -moz-box-shadow: -5px 5px 0 rgba(44, 47, 49, .9);
    -webkit-box-shadow: -5px 5px 0 rgba(44, 47, 49, .9);

    -webkit-transition: -webkit-box-shadow .2s linear;
    -moz-transition: -moz-box-shadow .2s linear;
    -o-transition: -o-box-shadow .2s linear;
    transition: box-shadow .2s linear;
}

.navigation-block {
    padding: 15px 60px;
}

.navigation-block h3, .entry-pages-title h1 {
    color: #FFF
}

.navigation-blog {
    text-align: center;
}

.navigation-blog .nav-next a, .navigation-blog .nav-previous a {
    background-color: #FFF;
    padding: 6px 10px 5px 10px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;

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

.navigation-blog .nav-next a:hover, .navigation-blog .nav-previous a:hover {
    background-color: #222425
}

/*
=======================================================================================================================
	*
	*	404 Error
	*
=======================================================================================================================	
*/

.entry-content .s {
    background-color: #ececec !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    padding: 10px !important;
    width: 98% !important;
    color: #555 !important
}

.entry-content.post-zero {
    text-align: center;
}

/*
=======================================================================================================================
	*
	*	Single Post
	*
=======================================================================================================================	
*/

.entry-title-single {
    padding: 60px;
    text-align: center;
}

.meta-item-single {
    font-size: 14px;

}

.meta-item-single a:hover,
.link-single-title a:hover {
    color: #333
}

.entry-title-single .divider-arrow {
    width: 130px;
    padding: 15px 0;
    background: url(img/title-bottom-big.png) center center no-repeat;
}

.entry-title-single h1.quote-title {
    font-size: 38px
}

ul.list-tags {
    list-style-type: none;
    margin-bottom: 30px;
}

ul.list-tags.related-tags {
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    margin: 0 auto
}

ul.list-tags li {
    float: left;
    font-size: 11px;
    color: #999;
    background: #ececec;
    margin-right: 5px !important;
    margin-bottom: 5px;
    display: inline-block;
    padding: 2px 5px;
    line-height: 18px;

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

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

ul.list-tags.related-tags li {
    float: none;
}

ul.list-tags li a {
    font-size: 11px;
    color: #999
}

ul.list-tags li:hover {
    background-color: #313538;
    color: #FFF;
    cursor: pointer;
}

ul.list-tags li:hover a {
    color: #FFF
}

.related_found {
    background-color: #313538;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    padding: 10px 15px;
}

#relatedposts-block {
    padding: 60px;
    background-color: #FFF;
    margin-bottom: 100px;
    position: relative;
}

.related-carousel li h3 {
    margin-bottom: 15px
}

.related-carousel li h3 a {
    color: #111
}

.related-carousel li h3 a:hover {
    color: #777
}

.single-related-cat a, .single-related-cat {
    font-size: 11px;
    padding: 3px 5px;
    color: #FFF !important;
    background-color: #777;
    margin-bottom: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.thumb-related a img {
    border: 4px double #ececec
}

.thumb-related a img:hover {
    cursor: pointer;
    border-color: #777
}

/*
=======================================================================================================================
	*
	*	Blocks Shadow Hover Transition
	*
=======================================================================================================================	
*/

.entry-content, #relatedposts-block, #comments {
    box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);
    -moz-box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);
    -webkit-box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);

    -webkit-transition: -webkit-box-shadow .2s linear;
    -moz-transition: -moz-box-shadow .2s linear;
    -o-transition: -o-box-shadow .2s linear;
    transition: box-shadow .2s linear;
}

.entry-post:hover .entry-content, #relatedposts-block:hover, #comments:hover {
    /*box-shadow: -5px 5px 0 rgba(32,176,202,1);
    -moz-box-shadow: -5px 5px 0 rgba(32,176,202,1);
    -webkit-box-shadow: -5px 5px 0 rgba(32,176,202,1); */
}

/*
=======================================================================================================================
	*
	*	Post Format
	*
=======================================================================================================================	
*/

.format-chat .entry-chat p:nth-child(2n+1) {
    background-color: #f7f8f9;
}

.format-chat .entry-chat p {
    border-bottom: 1px solid #ECECEC;
    margin: 0;
    padding: 8px 15px 8px 15px;
}

.entry-chat p strong {
    color: #111;
    margin-right: 10px;
    padding: 9px 10px 10px 0;
}

.entry-link, .entry-status, .entry-quote {
    padding: 35px 60px 35px 60px;
    background-color: #313538;
    text-align: center;
}

.entry-quote blockquote p {
    color: #FFF;
    font-size: 28px;
    line-height: 36px;
}

.entry-link h1, .entry-status h1 {
    margin-bottom: 0
}

.entry-link h1 a, .entry-status h1 {
    color: #FFF
}

.entry-link h1 a:hover, .entry-status h1 a:hover {
    color: #777
}

.aside-format {
    background-color: #313538;
    color: #FFF;
}

.aside-format p {
    margin-bottom: 10px
}

.entry-status-content {
    font-style: italic;
    color: #777
}

.quote-title {
    text-align: center;
    font-size: 24px
}

.entry-content.entry-twitter {
    padding: 35px 60px 60px;
}

.entry-twitter iframe {
    width: 100%;
    border: none !important;
    max-width: 100% !important;
    display: block;
    margin: 0 !important;

    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;

    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;

}

.entry-twitter > p {
    margin-bottom: 0
}

/*
=======================================================================================================================
	*
	*	Sidebar
	*
=======================================================================================================================	
*/
.widget h3 {
    color: #FFF;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
}

.widget {
    font-size: 12px;
    line-height: 24px;
    color: #777;
    border-bottom: 4px double #666;
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
}

.widget a {
    color: #999 !important
}

.widget a:hover {
    color: #FFF !important
}

.widget ul li {
    list-style-type: none;
    line-height: 20px;
}

.widget > .widget-double-border {
    position: absolute;
    border-bottom: 4px double #FFF;
    display: block;
    width: 40px;
    left: 0;
    bottom: -4px
}

/*
=======================================================================================================================
	*
	*	Pages: Tags, Author, Archives, Category, 404 Error
	*
=======================================================================================================================	
*/

.category-title {
    background: url(img/texture.png) left top repeat;
    padding: 13px 15px 15px 15px;
    margin-bottom: 30px;
}

.category-title > h1 {
    line-height: 35px;
    font-size: 34px;
    font-weight: bold;
    color: #FC7979;
    margin: 0;
}

.category-title h1.entry-title {
    display: block;
    margin-bottom: 0
}

h1.entry-title {
    margin-bottom: 30px;
}

/*
=======================================================================================================================
	*
	*	Single Page (Post)
	*
=======================================================================================================================	
*/
.nav-single-hidden {
    display: none;
}

.nav-previous, .nav-next {
    width: 40%
}

.nav-previous {
    float: left;
    text-align: left;
}

.nav-next {
    float: right;
    text-align: right
}

.nav-single {
    display: block;
    clear: both
}

.nav-single a {
    font-weight: bold;
    padding: 5px;
    color: #555;
}

h1.entry-single-title {
    color: #111;
    font-size: 38px;
    line-height: 42px;
    font-weight: 300;
}

.single-meta {
    padding: 10px;
    margin-bottom: 15px;
    font-size: 12px;
}

.single-meta a {
    font-weight: bold;
}

.single-date {
    margin-right: 15px;
}

ul.meta-info {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #333;
    list-style-type: none;
    display: block;
    width: 100%
}

ul.meta-info li {
    list-style-type: none;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%
}

.author-avatar-50 {
    float: right
}

.avatar-50 {
    margin-bottom: 5px;
}

.entry-share {
    margin-left: -60px;
    margin-right: -60px;
    padding: 30px 60px;
    background-color: #ececec;
    margin-bottom: 15px;
}

.entry-share a {
    margin-bottom: 0px;
    display: block;
    line-height: 1px
}

.category-top-meta {
    margin-left: 10px;
    display: inline-block
}

#author-info {
    padding: 30px 60px;
    background-color: #ececec;
    margin-left: -60px;
    margin-right: -60px;
    margin-bottom: 30px;
    margin-top: 15px
}

.google-maps-block {
    margin-left: -60px;
    margin-right: -60px;
    margin-top: -35px;
    display: block;
    margin-bottom: 20px;
}

#author-avatar {
    float: left
}

#author-description {
    margin-left: 85px
}

#author-description a.user-link-all {
    background-color: #313538;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    display: inline-block;

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

#author-description a.user-link-all:hover {
    background-color: #777
}

#author-description p {
    margin-bottom: 5px;
}

.author-fnln {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block;
}

.entry-comments-block {
    padding: 60px;
    background-color: #FFF;
    margin-top: 100px;
    position: relative;

    box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);
    -moz-box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);
    -webkit-box-shadow: -5px 5px 0 rgba(44, 47, 49, 0.9);

    -webkit-transition: -webkit-box-shadow .2s linear;
    -moz-transition: -moz-box-shadow .2s linear;
    -o-transition: -o-box-shadow .2s linear;
    transition: box-shadow .2s linear;
}

.entry-comments-block:hover {
    box-shadow: -5px 5px 0 rgba(32, 176, 202, 1);
    -moz-box-shadow: -5px 5px 0 rgba(32, 176, 202, 1);
    -webkit-box-shadow: -5px 5px 0 rgba(32, 176, 202, 1);
}

/*
=======================================================================================================================
	*
	*	Blog Pagination
	*
=======================================================================================================================	
*/

.single-post-navigation.margin-bottom {
    margin-bottom: 30px;
}

.next-arrow, .prev-arrow {
    display: block;
}

.arrow-prev-ico, .arrow-next-ico {
    background: url(img/arrows.png) left top no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px
}

.arrow-next-ico {
    float: right;
    background-position: -20px 0;
    margin-left: 5px;
    margin-right: 0
}

.prev-arrow a, .next-arrow a {
    color: #999
}

.prev-arrow a:hover, .next-arrow a:hover {
    color: #333
}

/*
=======================================================================================================================
	*
	*	Sitemap, Archives
	*
=======================================================================================================================	
*/
.entry-sitemap h5 {
    margin-bottom: 5px;
}

/*.entry-sitemap ul { margin-bottom:10px; }*/
.entry-sitemap .posts-name {
    list-style: none;
    margin-bottom: 40px;
}

.entry-sitemap .category-name {
    list-style: none;
    margin-bottom: 40px;
}

.entry-sitemap .categories img {
    width: auto;
    display: inline-block;
}

.entry-sitemap .posts-name li ul li, .entry-sitemap .category-name li ul li, .entry-sitemap .pages-name li {
    padding-bottom: 5px;
}

.entry-sitemap ul.category-name li {
    border: none;
    padding: 0
}

li.categories {
    font-weight: bold;
}

li.categories ul li {
    font-weight: normal
}

.bg-span {
    background: url(img/texture.png) left top repeat;
    padding: 15px;
}

h4.bold-title {
    font-weight: bold
}

#ajax-contact-form {
    margin-bottom: 30px
}

.g-maps {
    margin-bottom: 30px;
}

.google-maps-block iframe {
    width: 100%;
    border: none;
}

.input-append, .input-prepend {
    display: block;
    margin-bottom: 30px
}

label[for=name], label[for=subject], label[for=message] {
    font-weight: bold
}

#contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email], #contacts-form input[type=url] {
    height: auto;
}

#contacts-form i {
    margin-right: 0px;
}

#contacts-form {
    margin-bottom: 15px;
    display: block
}

#contacts-form input[type=text],
#contacts-form input[type=email],
#contacts-form input[type=url],
#contacts-form .textarea-contact {
    width: 100%;
    border: 1px solid #ececec;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);
    -moz-box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);
    -webkit-box-shadow: -1px 1px 0 rgba(44, 47, 49, 0.2);

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#contacts-form input[type=text]:focus,
#contacts-form input[type=email]:focus,
#contacts-form input[type=url]:focus,
#contacts-form .textarea-contact:focus {
    outline: none !important;
    box-shadow: -3px 3px 0 rgba(32, 176, 202, 1);
    -moz-box-shadow: -3px 3px 0 rgba(32, 176, 202, 1);
    -webkit-box-shadow: -3px 3px 0 rgba(32, 176, 202, 1);
}

#contacts-form .btn {
    float: right;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase
}

#contacts-form textarea {
    margin-bottom: 15px;
}

/* 
=======================================================================================================================
	*
	*	Flickr Widget
	*
=======================================================================================================================	
*/

ul#cbox {
    list-style-type: none;
    margin: 0 -10px 0 0;
}

ul#cbox li {
    list-style-type: none;
    float: left;
    display: block;
    margin-right: 6px;
    margin-bottom: 6px;
    border: none;
    padding: 0;
    overflow: hidden;
    width: 63px; /* for IE */
    height: 63px; /* for IE */
}

ul#cbox li a img {
    display: block;
    width: 55px;
    height: 55px;
    border: 4px double #484D4F;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;

}

ul#cbox li a img:hover {
    border-color: #777;
    cursor: pointer
}

.flickr-ico {
    background: url(img/icons/flickr.png) left top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    display: block
}

/* 
=======================================================================================================================
	*
	*	Twitter Widget
	*
=======================================================================================================================	
*/

.tweet_list {
    list-style: none;
    overflow-y: hidden;
    margin: 0;
}

.tweet_list .awesome,
.tweet_list .epic {
    text-transform: uppercase;
}

.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    padding-bottom: 10px;
}

.tweet_list li:last-child {
    padding-bottom: 0
}

#footer .tweet_list li {
    background: none;
}

.tweet_text a {
    font-size: 12px;
}

.tweet_list .tweet_even {
}

.tweet_list .tweet_odd {
}

.tweet_list .tweet_avatar {
    float: left;
}

.tweet_list .tweet_avatar img {
    vertical-align: middle;
}

.tweet_list .tweet_time a {
    font-size: 11px;
    font-style: normal;
}

a.tweet_avatar {
    display: block;
    width: 30px;
    height: 30px;
}

.tweet_list li span.tweet_time {
    display: block;
}

.tweet_list .tweet_first {
}

a.tweet_avatar {
    margin-right: 10px;
}

.widget .tweet {
    font-size: 12px;
}

.twitter-ico {
    background: url(img/icons/twitter.png) left top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    display: block
}

/* 
=======================================================================================================================
	*
	*	Zilla Social
	*
=======================================================================================================================	
*/

.zilla-social > a {
    margin-bottom: 5px;
    margin-right: 5px;
    display: block;
    float: left
}

/*
=======================================================================================================================
	*
	*	Tob and Bottom Margins
	*
=======================================================================================================================	
*/

/* top margins */
.margin-5t {
    margin-top: 5px;
}

.margin-8t {
    margin-top: 8px;
}

.margin-10t {
    margin-top: 10px;
}

.margin-15t {
    margin-top: 15px;
}

.margin-20t {
    margin-top: 20px;
}

.margin-25t {
    margin-top: 25px;
}

.margin-30t {
    margin-top: 30px;
}

.margin-35t {
    margin-top: 35px;
}

.margin-40t {
    margin-top: 40px;
}

.margin-45t {
    margin-top: 45px;
}

.margin-50t {
    margin-top: 50px;
}

.margin-55t {
    margin-top: 55px;
}

.margin-60t {
    margin-top: 60px;
}

.margin-65t {
    margin-top: 65px;
}

.margin-70t {
    margin-top: 70px;
}

.margin-75t {
    margin-top: 75px;
}

.margin-80t {
    margin-top: 80px;
}

.margin-85t {
    margin-top: 85px;
}

.margin-90t {
    margin-top: 90px;
}

.margin-95t {
    margin-top: 95px;
}

.margin-100t {
    margin-top: 100px;
}

/* bottom margins */
.margin-5b {
    margin-bottom: 5px;
}

.margin-8b {
    margin-bottom: 8px;
}

.margin-10b {
    margin-bottom: 10px;
}

.margin-15b {
    margin-bottom: 15px;
}

.margin-20b {
    margin-bottom: 20px;
}

.margin-25b {
    margin-bottom: 25px;
}

.margin-30b {
    margin-bottom: 30px;
}

.margin-35b {
    margin-bottom: 35px;
}

.margin-40b {
    margin-bottom: 40px;
}

.margin-45b {
    margin-bottom: 45px;
}

.margin-50b {
    margin-bottom: 50px;
}

.margin-55b {
    margin-bottom: 55px;
}

.margin-60b {
    margin-bottom: 60px;
}

.margin-65b {
    margin-bottom: 65px;
}

.margin-70b {
    margin-bottom: 70px;
}

.margin-75b {
    margin-bottom: 75px;
}

.margin-80b {
    margin-bottom: 80px;
}

.margin-85b {
    margin-bottom: 85px;
}

.margin-90b {
    margin-bottom: 90px;
}

.margin-95b {
    margin-bottom: 95px;
}

.margin-100b {
    margin-bottom: 100px;
}

.no-margin-b {
    margin-bottom: 0;
}

.no-margin-t {
    margin-top: 0;
}

/* 
=======================================================================================================================
	*
	*	DIVIDERS
	*
=======================================================================================================================	
*/
.divider {
    width: 100%;
    display: inline-block;
    height: 1px;
    background-color: #ececec;
    margin: 20px 0;
}

.divider_double {
    width: 100%;
    display: block;
    border-bottom: 4px double #ececec;
    margin: 30px 0;
}

/* 
=======================================================================================================================
	*
	*	Archives
	*
=======================================================================================================================	
*/
ul.archives h4 {
    margin-top: 15px
}

ul.archives {
    margin-bottom: 30px;
}

ul.archives, ul.archives li {
    list-style-type: none;
    list-style-position: inside;
    color: #aaa;
    font-size: 12px;
    line-height: 24px;
}

ul.archives li a {
    font-size: 14px;
}

.title-error {
    text-align: center
}

/*
=======================================================================================================================
	*
	*	FOOTER
	*
=======================================================================================================================	
*/
#footer a {
    color: #999;
    padding: 1px 3px;
    background-color: #2C2F31;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#footer a:hover {
    background-color: #777;
    color: #FFF;
}

#footer {
    padding: 0 60px 60px 60px;
    /*	margin-top: 30px;*/
    font-size: 11px;
    color: #999

}

.footer {
    border-top: 3px solid #575E60;
    padding: 60px;
    position: relative;
}

.copyright {
    text-align: center;
}

.footer-menu-container {
    margin-bottom: 30px;
    display: block;
}

ul.footer-menu {
    list-style-type: none;
    list-style-position: outside;
    display: inline-block;

}

ul.footer-menu li {
    float: left;
    font-size: 12px;
    margin-right: 10px;

}

/* 
=======================================================================================================================
	*
	*	Flex Slider
	*
=======================================================================================================================	
*/
.slider-ico {
    background: url(img/icons/slider.png) left top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    display: block
}

ul.slides.related-carousel {
    margin-bottom: 0 !important
}

ul.slides.related-carousel li {
    max-width: 250px;
    margin-right: 38px;
    text-align: center
}

ul.slides.related-carousel li img {
    max-width: 250px;
}

.thumb-related {
    padding-bottom: 0 !important
}

ul.slides li {
    position: relative
}

ul.slides li .entry-titles {
    position: absolute;
    left: 30px;
    bottom: 60px;
    width: 90%;
    height: 30px;
    display: block
}

.entry-titles h2.title-slide {
    font-size: 18px;
    line-height: 24px;

}

.carousel-thumb, .carousel-thumb-single {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
}

.carousel-thumb-single {
    padding-bottom: 10px;
}

.carousel-thumb-single > .title-mask {
    width: 95%
}

.carousel-thumb img, .carousel-thumb-single img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.widget-carousel .slides li {
    margin-right: 12px
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { /*width: 100%;*/
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.carousel-thumbs > li {
    margin-right: 12px
}

/* 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;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px
}

/* Direction Nav */
.flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(img/icons/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    padding: 0
}

.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}

.flex-direction-nav .flex-prev {
    left: -36px;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

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

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}

/*
=======================================================================================================================
	*
	*	Override Bootstrap Styles
	*
=======================================================================================================================	
*/

li {
    line-height: 24px
}

dd {
    line-height: 24px;
    margin-bottom: 15px
}

dt {
    line-height: 24px;
    margin-bottom: 15px
}

.row-fluid .pull-left[class*="span"] {
    margin-left: 0;
}

/* 
=======================================================================================================================
	*
	*	Responsive Styles
	*
=======================================================================================================================	
*/
@media (max-width: 767px) {
    #menu {
        display: none;
    }

    .navigation select {
        display: block;
    }

    #entry-blog {
        margin-right: 0;
    }

    .entry-post {
        width: 100%;
    }

    .row-fluid .pull-right[class*="span"] {
        float: none;
    }

    #footer {
        padding: 0
    }

    #top-footer {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
    }

    .sidebar {
        margin-top: 60px;
    }

    .entry-content, .navigation-block, #comments, .entry-title-single, .entry-comments-block, #author-info, #relatedposts-block, .google-maps-block {
        padding: 20px;
    }

    .entry-title {
        text-align: center;
        padding-right: 0
    }

    .entry-title .right-arrow {
        display: none
    }

    .entry-post-text {
        padding-left: 0
    }

    .entry-share, #author-info {
        margin-right: -20px;
        margin-left: -20px;
    }

    .google-maps-block {
        margin-right: -40px;
        margin-left: -40px;
        margin-top: -40px
    }

    .nav-previous, .nav-next {
        width: 100%;
        margin-bottom: 15px
    }

    .entry-content.entry-twitter {
        padding: 0
    }

    .top-arrow {
        bottom: 15px
    }

    .entry-post .edit-link a {
        display: none
    }

    .block-post-format {
        display: none
    }

    .meta-item {
        max-width: 100%
    }

    .more-link {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

}

@media (max-width: 600px) {
}

@media (max-width: 480px) {
    .navigation select {
        display: block;
    }

    #menu, .banner {
        display: none;
    }

    #logo {
        margin-bottom: 0
    }

    #sidebar-search input[type="text"] {
        width: 84%;
    }

    #respond [type="text"], #respond [type="email"] {
        width: 185px;
        display: block;
    }

    .floatLeft {
        float: left;
    }

    #footer .add-info {
        float: none;
        text-align: left;
    }

    #footer {
        padding: 0
    }

    #commentform textarea {
        width: 94.2%;
    }

    .single-date {
        display: block;
    }

    #banner {
        display: none;
    }

    #top-footer {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
    }

    .meta-circle {
        display: none
    }

    .entry-quote {
        padding: 20px;
    }

    .entry-share {
        padding: 30px 20px;
    }

    .nav-previous, .nav-next {
        width: 50%;
    }
}

@media (max-width: 320px) {
    #logo {
        margin-bottom: 0
    }

    #sidebar-search input[type="text"] {
        width: 74%;
    }

    #respond textarea {
        width: 91.5%;
    }

    .cat-posts {
        font-size: 10px;
    }

    .single-date {
        display: block;
    }

    #footer .add-info {
        float: none;
        text-align: left;
    }

    #footer {
        padding: 0
    }

    .meta-circle {
        display: none
    }

    .entry-quote blockquote p {
        font-size: 14px;
    }

    .entry-quote blockquote {
        padding: 15px;
    }

    /*.thumb-related a img { border: none; }*/
    .navigation-blog .nav-next a, .navigation-blog .nav-previous a {
        font-size: 11px;
    }
}

@media (max-width: 240px) {
    #logo {
        margin-bottom: 0
    }
}

@media (max-width: 220px) {
    #logo {
        margin-bottom: 0
    }
}

@media (max-width: 176px) {
    #logo {
        margin-bottom: 0
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #menu {
        display: none;
    }

    .navigation select {
        display: block;
    }

    .navigation {
        padding: 0;
    }

    #sidebar-search input[type="text"] {
        width: 69%;
    }

    #respond [type="text"], #respond [type="email"] {
        width: 200px;
        display: block;
    }

    .cat-posts {
        display: none;
    }

    #entry-blog {
        margin-right: 0;
    }

    .entry-post {
        width: 100%;
    }
}

/* Portrait tablet to landscape and desktop*/
@media (min-width: 980px) and (max-width: 1024px) {
    #sidebar-search input[type="text"] {
        width: 76%;
    }

    .cat-posts {
        font-size: 12px;
    }

    #entry-blog {
        margin-right: 0;
    }

    .entry-post {
        width: 100%;
    }
}

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

.adsense-left {
    float: left;
    margin: 0 15px 15px 0;
}

.adsense-right {
    float: right;
    margin: 0 0 15px 15px;
}

/* Added in v 1.03 */
#menu p {
    color: #FFF;
}

#mainmenu-block-bg {
    width: 100%;
}

.open-footer {
    margin-bottom: 0;
}

#header {
    margin-top: 50px;
}

/* Added in v 1.04 */
.post[class*="span"] {
    margin-left: 0;
    width: 100%;
    float: none;
}

/* fixed issue with 'span' tags */

/* RESETS -------------------------------- */

/* General ----- */
body, .body-class {
    background-color: #3c3c3b !important;
}

hr {
    border-top: 1px solid #aaa;
}

a.button-with-arrow {
    display: inline-block;
    padding-left: 10px;
    background-color: #aaa;
    color: #fff;
    font-weight: bold;
}

a.button-with-arrow span {
    display: inline-block;
    margin-left: 7px;
    padding: 5px 10px;
    background-color: #999;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a.button-with-arrow:hover {
    background-color: #777;
    color: #fff;
}

a.button-with-arrow:hover span {
    background-color: #666;
}

/* Header ------ */
#header {
    margin-top: 0;
}

.logo-container {
    background: #fff;
    padding: 20px 0 40px;
}

.logo-container img {
    width: 240px;
}

.home.logo-container img {
    width: 240px;
}

.home .logo-container {
    background: #fff;
    padding: 40px 0 60px;
}

.navigation {
    margin: 20px auto 55px;
}

.sf-menu a {
    padding: 8px 50px;
}

.sf-menu a:hover {
    color: #aaa;
}

.sf-menu ul li a:hover {
    color: #555;
}

.sf-menu ul {
    background: transparent;
}

.sf-menu ul li {
    background-color: #FFF;
    border: none;
}

.entry-meta {
    padding-top: 0;
    border: none !important;
}

.sf-menu li.link-facebook a {
    display: block;
    text-indent: -999999px;
    background: url('img/facebook.png') no-repeat 0 bottom;
    height: 0px;
    padding: 8px 10px;
    background-size: auto 33px;
    overflow: hidden;
    margin-top: 12px;

    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}

.sf-menu li.link-facebook a:hover {
    background-position: 0 0;
}

.single-related-cat {
    display: none;
}

.mapp-layout {
    border: 1px solid #aaa;
    margin: 0;
    padding: 0px;
}

.entry-content ol, .entry-content ul {
    list-style-position: outside;
    margin-left: 20px;
}

.page-thumb {
    border: 10px solid #fff;
}

/* Content */
h2.post-subtitle {
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
    margin-top: 48px;
}

.single h2.post-subtitle {
    margin-top: 0;
}

/* Kontaktformular */
.wpcf7 input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="number"],
.wpcf7 textarea {
    border: 1px solid #aaa;
    border-radius: 0;
    width: 100%;
    box-sixing: border-box;
}

.wpcf7 input[type="email"]:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="number"]:focus {
    outline-color: #777;
}

.wpcf7 .required {
    color: #777;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
}

.wpcf7 input[type="number"] {
    width: 80px;
}

.hint {
    position: relative;
    top: -15px;
    margin-bottom: 0;
    font-size: 12px !important;
}

.wpcf7 input[type="submit"] {
    background-color: #777;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 7px 10px;
    cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #666;
}

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    font-size: 14px;
}

/* Comment Form */
.form-submit {
    clear: both;
}

/* Upload hint*/
.upload-hint {
    display: none;
}

.upload-hint-mobile a > span {
    display: none;
}

@media screen and (max-width: 1024px) {
    .upload-hint-mobile {
        display: block;
        width: 9rem;
        height: 9rem;
        margin-left: 0;
        margin-right: auto;
        background-color: #e3e3e3;
        text-align: center;
        border-radius: 100px;
        line-height: 21px;
    }

    .upload-hint-mobile a {
        color: #1d1d1b;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 0.02em;

        display: block;
        padding: 40px 18px 32px;
    }

    .upload-hint-mobile a > span {
        display: block;
    }
}

@media SCREEN and (min-width: 1024px) {
    .upload-hint {
        position: fixed;
        bottom: 40px;
        left: 25px;
        display: block;
        background-color: #e3e3e3;
        text-align: center;
        border-radius: 100px;
        line-height: 21px;
    }

    .upload-hint a {
        color: #1d1d1b;
        font-weight: bold;
        font-size: 15px;
        letter-spacing: 0.02em;

        display: block;
        padding: 32px 18px;
    }
}

/* Accordion */
.ui-accordion-header {
    cursor: pointer;
}

.ui-accordion-header:hover {
    color: #777;
}

.ui-accordion-header:focus {
    outline: none;
}

.ui-accordion-header span {
    display: inline-block;
    margin-left: 15px;
    float: right;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ui-accordion-header.ui-state-active span {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ui-accordion-content {
    padding-left: 28px;
}

/* copyright */
.post-copyright, .wp-caption-text {
    font-size: 14px;
    color: #777;
}

/* Media Queries -------------- */
@media (max-width: 767px) {

    body {
        padding: 0;
    }

    .logo-container {
        padding: 30px;
    }

    #logo img {
        max-width: 70%;
    }

    #mainmenu-block-bg, #primary {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .entry-content h1, h1 {
        line-height: 1.2em;
        font-size: 26px;
    }

    .entry-content h2, h2 {
        line-height: 1.2em;
        font-size: 24px;
    }

    .entry-content h3, h3 {
        line-height: 1.2em;
        font-size: 20px;
    }

}

/************************************************************************************************/
/*Changes by philip knoefel*/
/************************************************************************************************/

@media (max-width: 767px) {
    .wpcf7 input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 textarea {
        width: 97.5%;
    }
}

@media (min-width: 768px) {
    .wpcf7 input[type="email"], .wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 textarea {
        width: 90%;
    }

    .goerner-home-wrapper > .span12 > .span6:first-child {
        padding-right: 1rem;
    }

    .goerner-home-wrapper > .span12 > .span6:last-child {
        padding-left: 1rem;
    }

    .goerner-leistungen-wrapper .row-fluid > .span6:first-child {
        padding-right: 1rem;
    }
}

.modal-header.modal-error,
.modal-header.modal-info,
.modal-header.modal-success {
    -webkit-border-top-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.modal-header.modal-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;

}

.modal-success h3 {
    color: #468847;
}

.modal-header.modal-error {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.modal-error h3 {
    color: #b94a48;
}

.modal-header.modal-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.modal-info h3 {
    color: #3a87ad;
}

#upload-modal .btn {
    margin-bottom: 0;
}

#status.well {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.not-active {
    pointer-events: none;
    cursor: default;
}

#order-form p {
    margin-bottom: 0;
}

#order-form .help-block {
    font-size: small;
    text-align: right !important;
}

.info-image-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-image-name:hover {
    display: block;
    position: relative;
    background: white;
    width: 475px;
    z-index: 999;
    overflow: visible;
    background-color: white;
}

.config-cell-quality {
    text-align: center;
}

#image-thumbnails img {
    width: 100%
}

.thumbnail i {
    display: none;
}

.thumbnail:hover i {
    display: block;
}

.config-all-thumbnails ul {
    margin: 0;
}

.config-all-thumbnails ul li {
    margin: 0;
}