/*

	Theme Name: Icy
	Theme URI: http://www.wildweblab.com/theme/icy
	Description: Icy is a clean and elegant blogging theme with Post Formats. Responsive layout and Retina ready icons & images makes this theme look beautiful on any device. Easy to use Theme Options panel, integrated Customizer, Custom Menu and 6 Widget Areas will allow you to easily customize your website. Icy is build on the latest WordPress and web standards such as HTML5 & CSS3, it's also child theme friendly.
	Author: WildWebLab.com
	Author URI: http://www.wildweblab.com
	Version: 1.0.7
	Tags: post-formats, light, blue, white, gray, red, theme-options, threaded-comments, translation-ready, custom-menu, custom-header, fixed-width, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, featured-images, full-width-template, editor-style

	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php


	*********************************

	WARNING! DO NOT EDIT THIS FILE!

	To make it easy to update your theme, you should not edit the styles in this file.
	Instead go to Appearance > Theme Options > Styling > Custom CSS and enter your custom CSS there.
	Any style attributes declared there will override the ones in this file and will not be lost during theme update.

	You have been warned!

	*********************************


	Table of Contents:
	------------------

	1. Reset & Clearfixes
	2. General
		2.1 Typography
		2.2 Grid & Layout
	3. Header
	4. Navigation
		4.1 Breadcrumbs
		4.2 Pagination
	5. Posts
		5.1 Galleries
		5.2 Post Formats
		5.3 Attachment
		5.4 Author Bio
	6. Comments
	7. Footer
	8. Widgets
	9. Misc
		9.1 Forms
		9.2 Tables
		9.3 Buttons
		9.4 404 Page
	10. Media Queries

*/


/* 1. Reset
--------------------------------------- */

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-BoldItalic.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-Medium.ttf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-Light.ttf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Roboto", sans-serif;
	src: url('https://blog.offerer.com/wp-content/uploads/font/Roboto-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;;
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol,
ul { list-style: none; }

blockquote,
q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfixes */

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.row:after,
.clearfix:after { clear: both; }

.row,
.clearfix { zoom: 1; }


/* 2. General
--------------------------------------- */

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body { font-size: 100%; }

body {
	background-color: #ebebeb;
    color: #525252;
	padding: 0;
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	position: relative;
    margin-top: 80px;
}


/* 2.1 Typography
--------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
	color: #444444;
	text-rendering: optimizeLegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0;
}

h1 { font-weight: 400; font-size: 28px; line-height: 30px; margin: 20px 0 10px; }

h2 { font-weight: 400; font-size: 25px; line-height: 27px; margin: 20px 0 10px; }

h3 { font-weight: 400; font-size: 24px; line-height: 26px; margin: 20px 0 10px; }

h4 { font-weight: 400; font-size: 22px; line-height: 24px; margin: 10px 0; }

h5 { font-weight: 100; font-size: 20px; line-height: 22px; margin: 10px 0; }

h6 { font-weight: 100; font-size: 18px; line-height: 20px; margin: 10px 0; }

a {
	color: #2185c5;
	text-decoration: none;
	line-height: inherit;
}

a:hover,
a:focus { color: #236688; }

p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 10px;
	font-family: "Roboto", sans-serif;
	color: #444444;
	font-weight: 300;
}

.post h1{ font-size: 32px; }

.post h2{ font-size: 30px; line-height: 34px; }

.post h3{ font-size: 27px; line-height: 26px; margin: 40px 0 15px; }

p a,
p a:visited { line-height: inherit; }

em,
i,
var {
	font-style: italic;
	line-height: inherit;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

.post strong{
	font-weight: 700;
}

small {
	font-size: 70%;
	line-height: inherit;
}

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

ul,
ol,
dl {
	line-height: 1.6;
	margin-bottom: 1.25em;
	list-style-position: inside;
}

ul li ul,
ul li ol {
	margin-left: 10px;
	margin-bottom: 0;
}

ul,
ul.square,
ul.circle,
ul.disc { margin-left: 0.5em; }

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

ul.square li ul { list-style: inherit; }

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

ul.circle li ul { list-style: inherit; }

ul,
ul.disc { list-style-type: disc; }

ul.disc li ul { list-style: inherit; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }

ol {
	margin-left: 1.5em;
	list-style: decimal;
}

ol li ul,
ol li ol,
ul li ul,
ul li ol { margin: 0 0 0 1.2em; }

.post ul{
	list-style: none;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    margin: 0;
    padding-left: 30px;
    border-radius: 3px;
}

.post ul > li{
	padding: 5px 0;
	position: relative;
}

.post ul > li:before{
	position: absolute;
    top: 0px;
    right: 100%;
    content: '\f111';
    font-family: FontAwesome;
    font-size: 10px;
    height: 100%;
    width: 22px;
    display: inline-table;
    margin: auto;
    bottom: 0;
    color: #55c3f4;
}

.post a:hover{
	text-decoration: none;
}

dl { margin: 0 1em;}

dl dt { font-weight: bold; }

dl dd { margin-bottom: 1.25em; }

abbr,
acronym {
	text-transform: uppercase;
	font-size: 0.9em;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	cursor: help;
}

abbr { text-transform: none; }

cite { font-style: italic; }

address {
	margin-bottom: 1.25em;
}

code,
kbd,
tt {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.8em;
}

pre {
	margin-bottom: 1.25em;
	padding: 1.2em;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	border: 1px solid #eee;
}


/* 2.2 Grid & Layout
--------------------------------------- */

.container1200,
.container1140,
.container1024,
.container {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

.container1200 { max-width: 1200px; }

.container1140 { max-width: 1140px; }

.container1024 { max-width: 1024px; }

.container { max-width: 1170px; }

.container:after {
	content: " ";
	display: block;
	clear: both;
}

.row {
	margin: auto -10px;
}

@media screen and (max-width: 1170px){
    .row{
        margin: auto;
    }
}

.span1 { width:8.33%; }

.span2 { width:16.66%; }

.span3 { width:25%; }

.span4 { width:33.33%; }

.span5 { width:41.66%; }

.span6 { width:50%; }

.span7 { width:58.33%; }

.span8 { width:66.66%; }

.span9 { width:75%; }

.span10 { width:83.33%; }

.span11 { width:91.66%; }

.span12 { width:100%; }

.span1-5 { width:20%; } /* This column can be used as a one fifth of the row */

.span1-8 { width:12.5%; } /* This column can be used as a one eigth of the row */

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span1-5,
.span1-8,
#content,
#sidebar-primary,
#sidebar-secondary {
	min-height: 1px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.row .row { margin-left: -10px; }

sub,
sup {
	font-size: 60%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Content Sidebar */

.layout-cs #content {
	width: 66.66%;
	float: left;
}

.layout-cs #sidebar-primary {
	width: 33.33%;
	float: right;
}

/* Sidebar Content */

.layout-sc #content {
	width: 66.66%;
	float: right;
}

.layout-sc #sidebar-primary {
	width: 33.33%;
	float: left;
}

/* Content */

.layout-c #content { width: 100%; }


/* 3. Header
--------------------------------------- */

#header {
	margin-bottom: 20px;
	background: #3f444b;
    border-bottom: 5px solid #55c3f4;
}

#header .container { padding: 0 10px; }

#header a {
	text-decoration: none;
	border: 0;
}

#logo {
	float: left;
	padding: 20px 10px 15px;
}

#site-title {
	margin: 0;
	font-size: 2.5em;
	line-height: 1;
	font-family: "Oxygen", Georgia, serif;
}

#site-title a {
	color: #fff;
	-moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

#site-description {
	display: block;
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.7);
}


/* 4. Navigation
--------------------------------------- */

.nav {
	background: #fff;
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.nav a,
#header-widget .menu a {
	display: block;
	position: relative;
	padding: 12px 15px;
	text-decoration: none;
	color: #6f6f6f;
}

.nav a:hover,
#header-widget .menu a:hover { color: #236688; }

.nav ul,
#header-widget ul.menu {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

.nav ul li,
#header-widget ul.menu li {
	float: left;
	position: relative;
	list-style: none;
}

.nav ul li:hover,
#header-widget ul.menu li:hover {
	visibility: inherit;
	background: #236688;
}

.nav ul li:hover a,
#header-widget ul.menu li:hover a {
	color: #fff;
}

.nav ul li:hover a:hover,
#header-widget ul.menu li:hover a:hover {
	color: rgba(255, 255, 255, 0.85);
}

.nav ul li:hover li ul,
#header-widget ul.menu li:hover li ul { top: -999em; }

.nav ul ul li,
#header-widget ul.menu ul li { width: 100%; }

/* First submenu */

.nav ul li:hover ul,
#header-widget ul.menu li:hover ul {
	left: 0;
	top: 100%;
	z-index: 999;
}

.nav .sub-menu,
#header-widget .sub-menu {
	position: absolute;
	top: -999em;
	margin: 0;
	min-width: 180px;
	padding: 0.3em 0;
	background: #236688;
}

.nav .sub-menu li,
#header-widget .sub-menu li { border-right: none; }

.nav .sub-menu li a,
#header-widget .sub-menu li a {
	padding: 0.3em 1em;
	color: #fff;
}

/* Second submenu */

.nav ul li li:hover ul,
#header-widget ul.menu li li:hover ul {
	left: 100%;
	top: -0.24em;
	margin-top: -1px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.nav ul li li:hover li ul,
#header-widget ul.menu li li:hover li ul { top: -999em; }

.nav ul li li li:hover ul,
#header-widget ul.menu li li li:hover ul {
	left: 10em;
	top: 0;
}

/* Menu in the header */

#header-widget .menu a {
	padding: 7px 15px;
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
}

/* Arrows */

.menu .sf-sub-indicator { display: none; }

.menu .sf-with-ul {
	padding-right: 2em !important;
}

.menu .sf-with-ul:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -2px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: rgba(255, 255, 255, 0.4);
}

.nav .sf-with-ul:after {
	border-top-color: rgba(0, 0, 0, 0.13);
}

.menu > li > .sf-with-ul:focus:after,
.menu > li:hover > .sf-with-ul:after,
.menu > .sfHover > .sf-with-ul:after {
	border-top-color: #fff; /* IE8 fallback colour */
	border-top-color: rgba(255, 255, 255, 0.9);
}

/* Right-facing arrows */

.menu ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF;
	border-left-color: rgba(255, 255, 255, 0.4);
}

.menu ul li > .sf-with-ul:focus:after,
.menu ul li:hover > .sf-with-ul:after,
.menu ul .sfHover > .sf-with-ul:after {
	border-left-color: #fff;
	border-left-color: rgba(255, 255, 255, 0.9);
}

/* Hide mobile menu */

.mobile-menu,
.mobile-menu-text,
.mobile-menu-icon { display: none; }




/* 4.1 Breadcrumbs
--------------------------------------- */

.breadcrumb {
	padding: 12px 20px;
	margin-bottom: 20px;
	background-color: #fff;
}

.breadcrumb li { display: inline-block; }

.breadcrumb .divider { padding: 0 8px; }


/* 4.2 Pagination
--------------------------------------- */

.page-navigation {
	display: block;
	margin-bottom: 20px;
	padding: 12px 0;
}

.page-navigation .current,
.page-navigation a {
	clear: both;
	margin-right: 3px;
	padding: 11px 15px 11px;
	text-decoration: none;
	background-color: #fff;
}

.page-navigation .current,
.page-navigation a:hover {

}

.page-navigation .dots { margin-right: 3px; }

.nav-previous { float: left; }

.nav-next { float: right; }

/* Page Links */

.page-links { margin-bottom: 1.25em; }

/* Comments Navigation*/

.comment-navigation {
	margin-bottom: 20px;
}


/* 5. Posts
--------------------------------------- */

.hentry {
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
/*
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
*/
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.hentry header { margin-bottom: 0px; }

.entry-title { margin: 30px 0 20px; }

.entry-title, .entry-title a { color: #525252; }

.entry-title, .entry-title a:hover { color: #525252; }

.entry-title a:hover { color: #3366ff; text-decoration: none; }

/* Entry meta */

.entry-info {
	padding-bottom: 20px;
	font-size: 0.8em;
	line-height: 1.3;
	border-bottom: 1px solid #efefef;
}

.entry-meta{
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 1.3;
}

.home .entry-meta {
	margin-right: 125px;
}

.entry-date,
.author.vcard,
.entry-tags,
.entry-categories,
.full-size-link { margin-right: 10px; }

.comments-link { float: right; }

.more-link {
	float: right;
	margin-left: 10px;
}

.more-link,
.entry-info,
.entry-meta,
.entry-info a,
.entry-meta a {
	color: #a9a9a9;
	text-transform: uppercase;
}

.more-link:hover,
.entry-info a:hover,
.entry-meta a:hover {
	color: #236688;
}

.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display: none; }

/* Alignment */

.alignleft {
	float: left;
	margin: 0.45em 1.1em 1em 0;
}

.alignright {
	float: right;
	margin: 0.45em 0 1em 1.1em;
}

.aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto 1.25em;
}


/* Images */

img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

.hentry img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full { max-width: 100%; }

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.25em;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f5f5f5;
	color: #666;
	-moz-text-shadow: 1px 1px 0px #fff;
	-webkit-text-shadow: 1px 1px 0px #fff;
	text-shadow: 1px 1px 0px #fff;
	-webkit-box-shadow: 1px 1px 6px #ddd;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #ddd;
}

.wp-caption img {
	margin: 0;
	padding: 0.4em 0.4em 0;
	background: none;
	border: 0;
}

.wp-caption-text {
	margin: 3px 0;
	padding: 0;
	text-align: center;
	font-size: 0.9em;
}

.post-thumbnail {
	margin: 0px -20px 20px;
	text-align: center;
}

.attachment-wwl-large { max-width: 100% !important; width: 100%; }


/* 5.1 Galleries
--------------------------------------- */

.gallery {
	margin-bottom: 1.25em !important;
	margin-right: -5px !important;
}

.gallery img {
	border: 1px solid #fff !important;
	-webkit-box-shadow: 1px 1px 6px #DDD;
	-moz-box-shadow: 1px 1px 6px #ddd;
	box-shadow: 1px 1px 6px #DDD;
}

.gallery-item {
	margin: 5px 0 0 !important;
	padding-right: 5px;
}

.gallery-caption { margin: -5px 0 0; }


/* 5.2 Post Formats
--------------------------------------- */

.post-format-indicator {
	position: absolute;
	top: 20px;
	width: 50px;
	height: 50px;
}

.layout-cs .post-format-indicator,
.layout-c .post-format-indicator { left: -50px; }

.layout-sc .post-format-indicator { right: -50px; }

.post-format-indicator .entry-format {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("assets/img/post-format-icons.png");
	background-position: 0 -100px;
}

.layout-sc .post-format-indicator .entry-format {
	background-position: -50px -100px;
}

.hentry.format-link .entry-header,
.hentry.format-aside .entry-header,
.hentry.format-status .entry-header,
.hentry.format-quote .entry-header {
	margin-bottom: 20px;
}

.hentry.format-link .entry-content a {
	font-size: 2.125em;
	font-family: "Oxygen", Georgia, serif;
	line-height: 1.1;
}

.hentry.format-video .first-video {
	margin: 0 -20px 20px -20px;
}

/* Post Format Images */

.hentry.format-standard .post-format-indicator {
	background-position: -150px 0;
}

.hentry.format-aside .post-format-indicator {
	background-position: 0 0;
}

.hentry.format-gallery .post-format-indicator {
	background-position: -200px 0;
}

.hentry.format-image .post-format-indicator {
	background-position: 0 -50px;
}

.hentry.format-audio .post-format-indicator {
	background-position: -50px 0;
}

.hentry.format-video .post-format-indicator {
	background-position: -200px -50px;
}

.hentry.format-status .post-format-indicator {
	background-position: -150px -50px;
}

.hentry.format-quote .post-format-indicator {
	background-position: -100px -50px;
}

.hentry.format-link .post-format-indicator {
	background-position: -50px -50px;
}

.hentry.format-chat .post-format-indicator {
	background-position: -100px 0;
}


/* 5.3 Attachment
--------------------------------------- */

.attachment #content { width: 100%;  }

.attachment .hentry { padding-bottom: 0; }

.attachment .entry-title { margin-bottom: 20px; }

.attachment .entry-attachment {
	margin: 0 auto;
	text-align: center;
}

.attachment .entry-attachment img { margin-bottom: 1em; }


/* 5.4 Author Bio
--------------------------------------- */

.author-info {
	background: #fff;
}

.author-holder{ padding: 20px; padding: 20px; display: inline-block; width: 100%; }

.author-avatar { float: left; border-radius: 50px; }

.author-avatar img { border-radius: 50px; }

.author-description { margin-left: 120px; }

.author-title { margin-top: 0; }

.author-link { display: block; padding: 10px; background-color: #55c3f4; color: white; }

.author-link:hover{ color: white; text-decoration: underline; }


/* 6. Comments
--------------------------------------- */

#comments {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comments-title { margin: 0 0 20px; }

.commentlist,
.commentlist .children {
	margin: 0;
	list-style: none;
}

.commentlist {
	margin-bottom: 50px;
}

.commentlist .avatar {
	position: absolute;
	left: -50px;
	margin-top: 5px;
}

.commentlist article.comment {
	position: relative;
	margin: 0 0 5px 50px;
	padding: 5px 0 5px 10px;
}

.commentlist .comment-author { font-weight: bold; }

.commentlist .comment-author a { border-color: rgba(255, 255, 255, 0); }

.commentlist .comment-author a:hover { border-color: #236688; }

.commentlist .comment-meta,
.commentlist .comment-edit-link {
	margin-bottom: 0.7em;
}

.commentlist .comment-meta a,
.commentlist .comment-reply-link,
.commentlist .comment-edit-link {
	color: #888;
	font-size: 0.9em;
	line-height: 0.9;
}

.comment-meta a:hover,
.comment-reply-link:hover,
.comment-edit-link:hover {
	color: #236688;
}

.comment-edit-link { margin-left: 10px; }

.comment-content p { margin-bottom: 0.5em; }

.comment-moderation {
	margin-bottom: 0.5em;
	font-weight: bold;
}

.commentlist .children,
.commentlist .children li { margin-left: 27px; }

.commentlist #respond { margin-bottom: 20px; }

.commentlist .comment.depth-1:last-of-type #respond { margin-bottom: -50px; }

#reply-title { margin: 0; }

#cancel-comment-reply-link {
	display: block;
	margin: 1.2em 0 1.8em;
}

#commentform { max-width: 550px; margin: 20px 0 0; }

#commentform p { margin: 0 0 2px; }

#commentform input[type="text"] { vertical-align: baseline; }

#commentform input[type="text"],
#commentform textarea { margin-bottom: 5px; }

#commentform label {
	display: inline;
	margin-left: 10px;
}

#commentform #comment { width: 97%; }

#commentform #submit { margin: 5px 0 0 !important; }

#commentform .com-logged-in { margin: -10px 0 10px; }

.bypostauthor > article.comment { background: #ffffed; }

.nocomments { margin: 0; }


/* 7. Footer
--------------------------------------- */

#footer {
	padding-top: 20px;
}

#footer-widgets {
	margin-bottom: 20px;
	padding: 15px 5px 20px 5px;
}

#footer-content {

}

#copyright {
	float: left;
	padding-left: 15px;
}

#credit {
	float: right;
	padding-right: 15px;
}


/* 8. Widgets
--------------------------------------- */

.widget {
	margin-bottom: 20px;
	background: #fff;
/*
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
*/
}

.widget-title {
    margin: 0;
    padding: 0 0 10px;
    font-size: 1.3em;
    font-weight: 500;
}

.widget ul {
	margin: 0;
	list-style: none;
}

.widget ul li ul,
.widget ul li ol {
	margin-left: 15px;
	margin-bottom: 0;
}

.widget select {
	max-width: 100%;
}

#header-widget {
	float: right;
	padding: 25px 5px 10px;
}

#header-widget ul { border: 0; }

#header .widget-title { display: none; }

#header-widget .widget-content {
	float: left;
	margin-left: 10px;
}

/* Footer Widgets */

#footer .widget {
	padding: 0;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Search Widget */

.widget_search {
	padding: 0 !important;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-form {
	padding-right: 50px;
/*
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
*/
}

.search-form label { display: none; }

.s {
	float: left;
	height: 40px;
	width: 100%;
	margin: 0 !important;
	padding: 10px !important;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.search-submit {
	float: right;
	height: 40px;
	width: 50px;
	margin: 0 -50px 0;
	padding: 0;
	border: none;
	color: white;
}

.search-submit .wwl-icon-search {
	margin-right: -0.5em;
}

/* Social Icons */

.social-icons a {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 5px 0;
	text-align: center;
	background: #fff;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.social-icons a:last-child {
	margin-right: 0;
}

.social-icons i {
	margin-right: -0.3em;
	font-size: 1em;
}

#header .social-icons {
	float: right;
	padding: 28px 0 0 10px;
}

.widget_wwl_social_widget {
	padding: 0 !important;
	margin-bottom: 10px;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#footer .social-icons a {
	background: rgba(255, 255, 255, 0.5);
}

#footer .social-icons a:hover {
	background: #fff;
}

/* WP Calendar Widget */

#calendar_wrap { max-width: 300px; }

#wp-calendar {
	width: 100%;
	font-size: 1em;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#wp-calendar td {
	padding: 8px 5px;
	text-align: center;
	border: none;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	text-decoration: none;
}

#wp-calendar td#today { font-weight: bold; }

#wp-calendar caption {
	text-align: right;
	margin: 0 10px 10px;
}

#wp-calendar th {
	text-align: center;
	padding: 5px;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: bold;
}

#wp-calendar #prev {
	text-align: left;
	padding-left: 10px;
}

#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
}


/* 9. Misc
--------------------------------------- */

.left { float: left; }

.right { float: right; }

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

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

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

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

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

.space-bot { margin-bottom: 20px; }

.space-htop { margin-top: 10px; }

.space-hbot { margin-bottom: 10px; }


/* 9.1 Forms
--------------------------------------- */

label {}

form { margin-bottom: 10px; }

fieldset { margin-bottom: 10px; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
	background: #fff;
	border: 1px solid #ddd;
	padding: 7px 6px;
	outline: none;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	margin: 0;
	margin-bottom: 10px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
	border: 1px solid;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(81, 168, 236, 0.5);
}

textarea { min-height: 120px; }

input[type="checkbox"] { display: inline; }

form span,
legend span {
	font-size: 12px;
	color: #444;
}


/* 9.2 Tables
--------------------------------------- */

table {
	border-collapse: separate;
	border-spacing: 0;
}

.hentry table,
#comments table {
	width: 100%;
	margin-bottom: 34px;
	text-align: left;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 1px 0 0 1px;
}

.hentry th,
#comments th {
	padding: 8px 8px 9px 8px;
	font-weight: normal;
	font-size: 1.1em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
	text-transform: uppercase;
}

.hentry td,
#comments td {
	padding: 8px 8px 9px 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-width: 0 1px 1px 0;
}


/* 9.3 Buttons
--------------------------------------- */

#commentform #submit,
input[type="submit"],
button {
	display: inline-block;
	*display: inline;
	padding: 5px 20px;
	margin-bottom: 5px;
	*margin-left: 0.3em;
	line-height: 20px;
	color: white;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
    background-color: #55c3f4;
	border: 1px solid #bbbbbb;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-color: #eee, #eee, #d4d4d4;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom:1;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

#commentform #submit:hover,
#commentform #submit:active,
input[type="submit"]:hover,
input[type="submit"]:active,
button:hover,
button:active {
	background: #46b3e5;
}

button.large {
	padding: 10px 35px;
	font-size: 1.1em;
}

button.small {
	padding: 3px 13px;
	font-size: 0.8em;
}

/* Skyblue color button */

button.skyblue {
	color:#fff !important;
	background-color: #26a2b6;
	background: -moz-linear-gradient(#34bac9, #26a2b6);
	background: -webkit-gradient(linear, left top, left bottom, from(#34bac9), to(#26a2b6));
	background: -webkit-linear-gradient(#34bac9, #26a2b6);
	background: -o-linear-gradient(#34bac9, #26a2b6);
	background: -ms-linear-gradient(#34bac9, #26a2b6);
	background: linear-gradient(#34bac9, #26a2b6);
}

button.skyblue:hover,
button.skyblue:active {
	background: #a9016b;
	background: -webkit-gradient(linear, left top, left bottom, from(#26a2b6), to(#34bac9));
	background: -moz-linear-gradient(top, #26a2b6, #34bac9);
}

/* Blue color button */

button.blue {
	color: #fff !important;
	background-color: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#0085c6));
	background: -moz-linear-gradient(top, #008fd5, #0085c6);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.blue:hover,
button.blue:active {
	background: #008fd5;
	background: -webkit-gradient(linear, left top, left bottom, from(#008fd5), to(#009de9));
	background: -moz-linear-gradient(top, #008fd5, #009de9);
}

/* Green color button */

button.green {
	color: #fff !important;
	background-color: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#419a41));
	background: -moz-linear-gradient(top, #46a546, #419a41);
	filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
	filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.green:hover,
button.green:active {
	background: #46a546;
	background: -webkit-gradient(linear, left top, left bottom, from(#46a546), to(#4cb34c));
	background: -moz-linear-gradient(top, #46a546, #4cb34c);
}

/* Yellow color button */

button.yellow {
	color: #fff !important;
	background-color: #f0bf4a;
	background: -moz-linear-gradient(#f0c930, #f0bf4a);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0c930), to(#f0bf4a));
	background: -webkit-linear-gradient(#f0c930, #f0bf4a);
	background: -o-linear-gradient(#f0c930, #f0bf4a);
	background: -ms-linear-gradient(#f0c930, #f0bf4a);
	background: linear-gradient(#f0c930, #f0bf4a);
}

button.yellow:hover,
button.yellow:active {
	background: #f0bf4a;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0bf4a), to(#f0c930));
	background: -moz-linear-gradient(top, #f0bf4a, #f0c930);
}

/* Orange color button */

button.orange {
	color: #fff !important;
	background-color: #ff5c00;
	background: -moz-linear-gradient(#ff6f40, #ff5c00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6f40), to(#ff5c00));
	background: -webkit-linear-gradient(#ff6f40, #ff5c00);
	background: -o-linear-gradient(#ff6f40, #ff5c00);
	background: -ms-linear-gradient(#ff6f40, #ff5c00);
	background: linear-gradient(#ff6f40, #ff5c00);
}

button.orange:hover,
button.orange:active {
	background: #d798d1;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff5c00), to(#ff6f40));
	background: -moz-linear-gradient(top, #ff5c00, #ff6f40);
}

/* Red color button */

button.red {
  color: #fff !important;
  background-color: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#b1322c));
  background: -moz-linear-gradient(top, #bd362f, #b1322c);
  filter:progid:dximagetransform.microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;
}

button.red:hover,
button.red:active {
  background: #bd362f;
  background: -webkit-gradient(linear, left top, left bottom, from(#bd362f), to(#cc3b34));
  background: -moz-linear-gradient(top, #bd362f, #cc3b34);
}

/* Magenta color button */

button.magenta {
	color: #fff !important;
	background-color:#b9298f;
	background: -moz-linear-gradient(#b93180, #b9298f);
	background: -webkit-gradient(linear, left top, left bottom, from(#b93180), to(#b9298f));
	background: -webkit-linear-gradient(#b93180, #b9298f);
	background: -o-linear-gradient(#b93180, #b9298f);
	background: -ms-linear-gradient(#b93180, #b9298f);
	background: linear-gradient(#b93180, #b9298f);
}

button.magenta:hover,
button.magenta:active {
	background: #b9298f;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9298f), to(#b9358f));
	background: -moz-linear-gradient(top, #b9298f, #b9358f);
}

/* Black color button */

button.black {
	color: #fff !important;
	background-color: #111;
	background: -moz-linear-gradient(#222, #111);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(#222, #111);
	background: -o-linear-gradient(#222, #111);
	background: -ms-linear-gradient(#222, #111);
	background: linear-gradient(#222, #111);
}

button.black:hover,
button.black:active {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(top, #222, #333);
}

/* 9.4 404 Page
--------------------------------------- */

.error404 #content .widget {
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* 10. Media Queries
--------------------------------------- */

/* 960px Screens */

@media only screen and (max-width: 960px) {
	.row .row .span1,
	.row .row .span2,
	.row .row .span3,
	.row .row .span4,
	.row .row .span5,
	.row .row .span6,
	.row .row .span7,
	.row .row .span8,
	.row .row .span9,
	.row .row .span10,
	.row .row .span11,
	.row .row .span12,
	.row .row .span1-5,
	.row .row .span1-8 {
		width: 100% !important;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.row .row > div:last-child { margin-bottom: 0 !important; }

	.post-format-indicator { display: none; }
}

/* iPad & Tablets */

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
	body { font-size: 90%; }

	.row { margin-bottom: 0 !important; }

	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12,
	.span1-5,
	.span1-8,
	#content,
	#sidebar-primary,
	#sidebar-secondary {
		width: 100% !important;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
	}

	#header { text-align: center; }

	#logo,
	#site-title a,
	#header .social-icons,
	#header-widget,
	#header-widget .widget-content {
		float: none;
		margin: 0 auto;
		padding: 10px 0;
	}

	#header-widget { padding: 0; }

	#header-widget ul.menu li,
	.nav ul.menu li {
		float: none;
		display: inline-block;
		text-align: left;
	}

	.nav {
		position: relative;
		width: 100%;
		vertical-align: middle;
	}

	.nav .menu { display: none;	}

	.mobile-menu {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: none !important;
		border: 0 !important;
		opacity: 0;
	}

	.mobile-menu-text {
		display: block;
		float: left;
		margin-left: 20px;
		overflow: hidden;
		line-height: 45px;
	}

	.mobile-menu-icon {
		display: block;
		float: right;
		margin-right: 10px;
		line-height: 45px;
		font-size: 22px;
	}

	#content { margin-bottom: 10px; }

	.hentry,
	.widget,
	.author-info,
	#comments { padding: 10px; }

	.entry-info { padding-bottom: 10px;	}

	.entry-meta { padding-top: 10px; }

	#footer-content {
		padding-bottom: 0;
		text-align: center;
	}

	#copyright,
	#credit {
		display: block;
		float: none;
		padding: 0 15px;
		margin: 0 auto 20px auto;
	}

	.post-thumbnail {
		margin: 0px -10px 20px;
	}

	.hentry.format-video .first-video {
		margin: 0 -10px 20px -10px;
	}

	.commentlist .children,
	.commentlist .children li {
		margin-left: 0;
	}
}

/* Mobile Devices */

@media (max-width : 480px) {
	.entry-title {
		font-size: 1.5em !important;
	}

	.entry-meta { display: none; }
}

/* Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-moz-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) {
	body {
		background-image: url("assets/img/background@2x.png");
		background-size: 100px 100px;
	}

	#footer {
		background-image: url("assets/img/footer-background@2x.png");
		background-size: 100px 100px;
	}

	.post-format-indicator,
	.post-format-indicator .entry-format {
		background-image: url("assets/img/post-format-icons@2x.png");
		background-size: 250px 150px;
	}
}

.author-portrait{
    background: url(../../uploads/2016/12/user.png);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 100%;
    width: 100%;
    background-position: 6px 0px;
    background-size: 45px;
    background-repeat: no-repeat;
    background-color: #d6d6d6;
}

.author-portrait img{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0;
    box-sizing: border-box;
    transition: .3s ease-in-out;
    transform-origin: right;
}

.author-portrait-inner{
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 150px;
    margin-left: 10px;
    border-radius: 3px;
    transition: .3s ease-in-out;
    opacity: 0;
    padding: 10px;
    white-space: nowrap;
    background: #f3f3f3;
    color: #4e4e4e;
    width: 300px;
}

.author-portrait:hover img{
    transform: scale(1.2);
}

.author-portrait-inner:before{
    content: '';
    position: absolute;
    background: transparent;
    top: 16px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent #d3d3d3 transparent transparent;
}

.author-portrait:hover .author-portrait-inner{
    pointer-events: all;
    left: 100%;
    top: 0;
    border-radius: 3px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.15);
    opacity: 1;
}

.author-portrait-inner > div{
    padding: 5px;
    white-space: normal;
}

.author-portrait-inner > div:first-child{
    border-bottom: 1px solid #d3d3d3;
}

.author-portrait-inner > div:nth-child(2){
    margin-top: 5px;
}

.author-portrait-inner > div > span{
    float: right;
}

#header{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

.subnav{
    list-style: none;
    color: white;
    margin: 0;
}

.subnav > li{
    display: inline-block;
    float: left;
    padding: 15px;
    position: relative;
    font-size: 18px;
	height: 58px;
}

.subnav > li > a{
    color: white;
}

.subnav > li > a > img{
    max-height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.subnav > li > a > i{
    margin: 0px 13px 0px 10px;
}

.subnav > li > a > span > i{
    margin-right: 10px;
    color: #55c3f4;
}

.subnav > li:hover{
    cursor: pointer;
    background-color: #50565d;
}

.subnav > li.link-sky{
    float: right;
}

.submenu{
    display: none;
    position: absolute;
    background: #3f444b;
    z-index: 1;
    width: 320px;
    top: 100%;
    left: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.85);
}

.submenu > li{
    clear: both;
    padding: 10px 10px 10px 20px;
    position: relative;
    transition: .1s ease-in-out;
}

.submenu > li a{
    color: white;
}

.submenu > li:hover{
    background-color: #50565d;
}

.submenu > li ul.children{
    display: none;
    list-style: none;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0;
    width: 100%;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.35);
}

ul.children > li{
    background: #3f444b;
    padding: 10px 10px 10px 20px;
    transition: .1s ease-in-out;
}

ul.children > li:hover{
    background-color: #50565d;
}

.submenu li:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #3f444b;
    transform: translateY(-50%);
    transition: .1s ease-in-out;
}

.submenu li:hover:before{
    border-color: transparent transparent transparent #55c3f4;
}

.subnav li.open-store{
    background-color: #e04951;
    font-weight: bold;
    float: right;
}

.subnav li.open-store:hover{
    background-color: #c23840;
}

.subnav li.open-store span > i{
    color: white;
}

.fb-page, .fb-page div, .fb-page span, .fb-page iframe{
    max-width: 100%;
}

.article-links{
	padding-top: 20px;
	border-top: 1px solid #efefef;
	margin-top: 8px;
}

.article-links > a{
    width: 45%;
    float: left;
}

.article-links > a > span{
	display: inline-block;
	float: left;
}

span.article-title{
	width: 73%;
    margin-top: 25px;
    background-color: #55c3f4;
    color: white;
    padding: 10px 15px;
    position: relative;
    line-height: 14px;
}

span.article-inner{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
}

span.article-title.article-no-img{
	width: 100%;
}

.article-prev > span.article-title{
	margin-right: 2%;
	margin-left: -5px;
}

.article-next > span.article-title{
	margin-left: 2%;
	margin-right: -5px;
	text-align: right;
}

.article-prev > span.article-title.article-no-img{
	margin-right: 0;
}

.article-next > span.article-title.article-no-img{
	margin-left: 0;
}

span.article-img{
	width: 25%;
    padding: 3px;
    background-color: #55c3f4;
    max-height: 92px;
    transition: .3s ease-in-out;
    position: relative;
    z-index: 1;
	border-radius: 50px;
    max-height: 82px;
}

.article-prev > span.article-title:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 36px 4vw 0 0;
    border-color: #55c3f4 transparent transparent transparent;
    left: 100%;
    top: 0;
    z-index: 10;
}

.article-next > span.article-title:before {
	content: '';
    position: absolute;
    width: 0;
    height: 100%;
    border-style: solid;
    border-width: 0 0 36px 4vw;
    border-color: transparent transparent #55c3f4 transparent;
    right: 100%;
    top: 0;
    z-index: 10;
}

.article-separator{
	width: 10%;
	display: inline-block;
	float: left;
	height: 1px;
}

.article-links > a:hover span.article-img{
	transform: scale(1.1);
}

span.article-img > img{
	border-radius: 50px;
}

/* footer custom */

footer ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}

footer.col-footer, footer.last-footer, footer .grid-item address {
    font-size: 14px;
    line-height: 20px
}

footer.col-footer a, footer.last-footer a {
    color: inherit
}

footer.col-footer p, footer.last-footer p {
    font-size: inherit
}

footer.col-footer address {
    line-height: inherit
}

footer.col-footer .grid-item:nth-child(2), footer.col-footer .grid-item:nth-child(4) {
    padding-left: 20px;
    border-right: solid 1px #3e3e3e;
    border-left: solid 1px #3e3e3e
}

footer.col-footer h3 {
    margin-bottom: 28px;
    margin-top: 0
}

footer.col-footer ul li {
    margin: 2px 0
}

footer.col-footer ul li i:first-child, footer.col-footer ul li span:first-child {
    margin-right: 10px
}
footer.col-footer .btn {
    margin: 10px 0px 0 0
}

footer.col-footer .btn:hover, footer.col-footer .btn:focus {
    margin-top: 10px
}

footer.col-footer ul li i.fa {
    display: none;
}
.grid-item {
    float: left;
    padding-left: 15px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}
footer .grid-item h3{
	margin-bottom: 28px;
    color: #fff!important;
    text-transform: uppercase;
}
footer li, footer li a{
color: #fff!important
}
#footer-area ul li {
    border-bottom: 0px solid transparent;
	font-family: "Open Sans", sans-serif!important;
}
#footer-area {
    background-color: #343434;
    color: #fff;
    font-size: 14px;
    padding-top: 50px;
}
footer.col-footer, footer.last-footer, footer .grid-item address {
    padding-bottom: 30px;
}
footer .btn-primary{
	padding: 6px 18px;
    font-size: 12px;
    line-height: 5.5;
    border-radius: 4px;
    border-width: 0 0 3px 0;
    background-color: #e04951;
    border-color: #c23840;
    color: #fff!important;
}
footer .btn-info{
background-color: #46b3e5;
border-color: #36a0d1;
border-width: 0 0 3px 0;
padding: 5px 9px;
font-size: 12px;
line-height: 1.5;
border-radius: 4px;
margin: 10px 0px 0 0;
color:#fff!important;
display:inline-block;
}
footer.last-footer{
background-color: #2b2b2b;
padding: 25px 0 15px 0;
}
footer.last-footer p{
	margin-top: 4px;
    display: inline-block;
    float: left;
    color: lightgray;
    margin-left: 33px;
    letter-spacing: 0.3px;
}
footer.last-footer .uptime span{
    color: #fff!important;
}
footer.last-footer .label-default {
    background-color: #3e3e3e!important;
    line-height: 28px!important;
    display: inline;
        padding: 8px 11px;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}
.label-primary {
    background-color: #e04951!important;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	font-family: "Open Sans", sans-serif!important;
	font-weight: 600;
}
.flex-caption{
display:none;
}
.site-content{
margin-top:110px!important;
}
.navbar.navbar-default {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
}

.widget > *{
	padding: 15px;
}

.widget > h3{
	padding: 10px;
	background-color: #3f444b;
	color: white;
}

.widget > .textwidget{
	font-weight: 300;
}

.widget > center{
	padding: 0px;
}

.widget > .search-form{
	padding: 0 50px 0 0;
}

#fbw_id-2 .widget-title{
	background-color: #3b5998;
}

#text-2 .widget-title{
	background-color: #55c3f4;
}

.more-link-custom{
	position: absolute;
	bottom: 20px;
	right: 25px;
}

blockquote{
	background-color: #f4f8fb;
	background-image: url(http://blog.sky-shop.pl/wp-content/uploads/2016/06/info_ikona2-150x150.png);
	background-origin: border-box;
	background-position: center left 20px;
	background-size: 50px;
	background-repeat: no-repeat;
	border: none;
	padding: 20px 20px 20px 90px;
	min-height: 50px;
	font-size: 16px;
	display: table;
	width: 100%;
	margin: 10px 0 20px;
}

blockquote > * {
    font-weight: 400;
    font-style: italic;
    margin: 0;
    padding-right: 20px;
}

#content blockquote strong{
	font-weight: 700;
}

#footer-stability a:hover{
	text-decoration: underline;
}

.star-on-png:before{
	color: gold;
}

.star-half-png:before {
    color: gold;
}

.textwidget a{
	display: block;
	text-align: center;
}

.visible-xs{
	display: none;
	margin-top: 30px;
}

.visible-md{
	display: none;
	margin-top: 30px;
}

#header .row{
	margin: 0px -10px;
}

.menu-icon{
	display: none;
    position: absolute;
    top: 18px;
    right: 20px;
    bottom: 0;
    margin: auto;
    color: white;
    font-size: 28px;
    z-index: 100;
}

@media screen and (max-width: 1200px){
	.visible-md{
		display: inline-block;
		width: 100%;
	}
	.one-five-md{
		width: 50%;
		text-align: center;
	}
	.article-links > a{
		width: 50%;
	}
	.article-prev > span.article-title{
		margin: 0;
	}
	.article-next > span.article-title{
		margin: 0;
		float: right;
	}
	span.article-title{
		margin: 0;
		width: 85%;
	}
	.article-links > a > span.article-img{
		display: none;
	}
}

@media screen and (max-width: 992px){
	.menu-icon{
		display: block;
	}
	.subnav{
		list-style: none;
		color: white;
		margin: 0;
		transition: .3s ease-in-out;
		height: 61px;
		overflow-y: hidden;
	}
	.subnav > li, .subnav > li.link-sky, .subnav > li.open-store{
		float: none;
		display: block;
		height: auto;
		padding: 0;
	}
	.subnav > li > a, .subnav > li > span{
	    padding: 15px;
		display: block;
	}
	.submenu{
		display: none;
		position: relative;;
		background: #3f444b;
		width: auto;
		list-style: none;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		box-shadow: none;
	}
}

@media screen and (max-width: 768px){
	.visible-xs{
		display: inline-block;
		width: 100%;
	}
	.one-five-md{
		width: 100%;
		text-align: center;
	}
}