/*------------------------------------------------------------------
Project:	KOEL
Version:	1.1.0
Last change:	19/06/15
-------------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Forms
	## Buttons
	## Fields
	## Button Group
# Navigation
	## Navbar
	## Breadcrumbs
	## Tabs
	## Sidebar
# Elements
	## Alerts
	## Lists
	## Images
	## Tables
	## Badge
	## Label
	## Progress
	## Ribbon
	## CBox
	## Well
	## Social Icons
	## Slide
# Items
	## News Item
	## Portfolio Item
	## Pricing Item
	## Shop Item
	## Team Item
# Section
	## Header
	## Footer
	## Checkout
	## Clients
	## Contacts
	## Newsletter
	## Testimonials
	## Welcome
# Views
	## Cart
	## Portfolio
	## Product
	## Parallax
	## Article Colors
	## Contacts Information
	## WooShowcase
	## Portfolio Showcase
	## Boxy
# Accessibility
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*------------------------------------------------------------------


# [Color codes]

# Gray 1: #F6F8FC
# Gray 2: #EDF2F9
# Gray 3: #BEC9D9
# Gray 4: #929DAC
# Gray 5: #717D90
# Gray 6: #465366
# Gray 7: #344154

# Blue 1: #6BD0F9
# Blue 2: #48B7E4
# Blue 3: #1BA4DD
# Blue 4: #084C85

# Red 1: #FE8694
# Red 2: #EA3C51
# Red 3: #AF1B2D

# Green 1: #C9FF88
# Green 2: #A8E164
# Green 3: #81C530

# Yellow 1: #FFEBB3
# Yellow 2: #FFD768
# Yellow 3: #F5A623

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

# [Fonts]

# Font 1: Source Sans Pro
# Font 2: Raleway

*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #465366;
  -webkit-webkit-font-: antialiased !important;
  -moz-webkit-font-: antialiased !important;
  -ms-webkit-font-: antialiased !important;
  -o-webkit-font-: antialiased !important;
  webkit-font-: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
/* nicescroll fix */
#ascrail2000 {
  z-index: 100000 !important;
}
body h1 {
  font-weight: 300;
  font-size: 48px;
  text-transform: uppercase;
  color: #465366;
  line-height: 1.5;
  margin: 0;
}
body h1 b {
  font-weight: 600;
  color: #48b7e4;
}
body h2 {
  font-weight: 600;
  font-size: 28px;
  color: #465366;
  line-height: 1.5;
  text-transform: uppercase;
  margin-top: 0;
}
body h2 b {
  color: #48b7e4;
}
body h3 {
  font-weight: 500;
  font-size: 18px;
  color: #717d90;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 0;
}
body h4 {
  font-weight: 600;
  font-size: 24px;
  color: #465366;
  line-height: 28px;
  text-transform: uppercase;
}
body hr {
  background: #48b7e4;
  border: none;
  width: 50px;
  height: 2px;
  margin: 20px auto;
}
body hr.hr-left {
  margin-left: 0;
}
body hr.hr-right {
  margin-right: 0;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #f6f8fc;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 11px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 11px;
}
abbr,
acronym {
  border-bottom: 1px dotted #929dac;
  cursor: help;
}
mark,
ins {
  background: #f6f8fc;
  text-decoration: none;
}
big {
  font-size: 125%;
}
body {
  font-family: 'Raleway', sans-serif;
  color: #465366;
  -webkit-webkit-font-: antialiased !important;
  -moz-webkit-font-: antialiased !important;
  -ms-webkit-font-: antialiased !important;
  -o-webkit-font-: antialiased !important;
  webkit-font-: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
p {
  font-family: 'Raleway', sans-serif;
  color: #717d90;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
.excerpt p {
  color: inherit;
}
a,
a:hover {
  color: #48b7e4;
  text-decoration: none;
}
::selection {
  background: #c9ff88;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #c9ff88;
  /* Gecko Browsers */
}
.page-heading {
  background: #48b7e4;
  text-align: center;
}
.title-container {
  background:transparent;
  padding: 20px 0;
}
.page-heading h1 {
  color: #f6f8fc;
  margin: 0;
  font-size: 32px;
}
.page-heading h2 {
  font-size: 14px;
  margin: 0;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #b3589e;
  color: white;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  padding: 5px 10px;
  font-size: 14px;
  width: 100%;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #1582b0;
  border-color: #1582b0;
}
button.btn-border,
input[type="button"].btn-border,
input[type="reset"].btn-border,
input[type="submit"].btn-border {
  background-color: transparent;
  color: #1ba4dd;
}
button.btn-border:hover,
input[type="button"].btn-border:hover,
input[type="reset"].btn-border:hover,
input[type="submit"].btn-border:hover {
  background-color: #1ba4dd;
  color: white;
}
a.button {
  font-family: 'Source Sans Pro', sans-serif;
  padding: 5px 25px;
  line-height: 1.5;
  background-color: #b3589e;
  color: white;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button:hover {
  background-color: #572162;
  color: white;
}
a.button.btn-border {
  background-color: transparent;
  color: #1ba4dd;
}
a.button.btn-border:hover {
  background-color: #1ba4dd;
  color: white;
}
a.button.btn-iconned .fa {
  margin-right: 10px;
}
a.button.btn-iconned-right .fa {
  margin-left: 10px;
}
a.button.btn-rounded {
  border-radius: 50px;
  padding: 5px 25px;
}
a.button.btn-primary {
  background-color: #1ba4dd;
  color: white;
  border: 1px solid #1ba4dd;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-primary:hover {
  background-color: #1582b0;
  border-color: #1582b0;
}
a.button.btn-primary.btn-border {
  background-color: transparent;
  color: #1ba4dd;
}
a.button.btn-primary.btn-border:hover {
  background-color: #1ba4dd;
  color: white;
}
a.button.btn-blue {
  background-color: #48b7e4;
  color: white;
  border: 1px solid #48b7e4;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-blue:hover {
  background-color: #20a4d9;
  border-color: #20a4d9;
}
a.button.btn-blue.btn-border {
  background-color: transparent;
  color: #48b7e4;
}
a.button.btn-blue.btn-border:hover {
  background-color: #48b7e4;
  color: white;
}
a.button.btn-info {
  background-color: #6bd0f9;
  color: white;
  border: 1px solid #6bd0f9;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-info:hover {
  background-color: #3ac0f7;
  border-color: #3ac0f7;
}
a.button.btn-info.btn-border {
  background-color: transparent;
  color: #6bd0f9;
}
a.button.btn-info.btn-border:hover {
  background-color: #6bd0f9;
  color: white;
}
a.button.btn-red,
a.button.btn-danger {
  background-color: #fe8694;
  color: white;
  border: 1px solid #fe8694;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-red:hover,
a.button.btn-danger:hover {
  background-color: #fe5367;
  border-color: #fe5367;
}
a.button.btn-red.btn-border,
a.button.btn-danger.btn-border {
  background-color: transparent;
  color: #fe8694;
}
a.button.btn-red.btn-border:hover,
a.button.btn-danger.btn-border:hover {
  background-color: #fe8694;
  color: white;
}
a.button.btn-green,
a.button.btn-success {
  background-color: #a8e164;
  color: #465366;
  border: 1px solid #a8e164;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-green:hover,
a.button.btn-success:hover {
  background-color: #90d939;
  border-color: #90d939;
}
a.button.btn-green.btn-border,
a.button.btn-success.btn-border {
  background-color: transparent;
  color: #a8e164;
}
a.button.btn-green.btn-border:hover,
a.button.btn-success.btn-border:hover {
  background-color: #a8e164;
  color: #465366;
}
a.button.btn-yellow {
  background-color: #ffd768;
  color: #465366;
  border: 1px solid #ffd768;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-yellow:hover {
  background-color: #ffc935;
  border-color: #ffc935;
}
a.button.btn-yellow.btn-border {
  background-color: transparent;
  color: #ffd768;
}
a.button.btn-yellow.btn-border:hover {
  background-color: #ffd768;
  color: #465366;
}
a.button.btn-orange,
a.button.btn-warning {
  background-color: #f5a623;
  color: #465366;
  border: 1px solid #f5a623;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-orange:hover,
a.button.btn-warning:hover {
  background-color: #db8c0a;
  border-color: #db8c0a;
}
a.button.btn-orange.btn-border,
a.button.btn-warning.btn-border {
  background-color: transparent;
  color: #f5a623;
}
a.button.btn-orange.btn-border:hover,
a.button.btn-warning.btn-border:hover {
  background-color: #f5a623;
  color: #465366;
}
a.button.btn-white,
a.button.btn-default {
  background-color: white;
  color: #465366;
  border: 1px solid white;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-white:hover,
a.button.btn-default:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
a.button.btn-white.btn-border,
a.button.btn-default.btn-border {
  background-color: transparent;
  color: white;
}
a.button.btn-white.btn-border:hover,
a.button.btn-default.btn-border:hover {
  background-color: white;
  color: #465366;
}
a.button.btn-black,
a.button.btn-inverse {
  background-color: #465366;
  color: white;
  border: 1px solid #465366;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
a.button.btn-black:hover,
a.button.btn-inverse:hover {
  background-color: #313a48;
  border-color: #313a48;
}
a.button.btn-black.btn-border,
a.button.btn-inverse.btn-border {
  background-color: transparent;
  color: #465366;
}
a.button.btn-black.btn-border:hover,
a.button.btn-inverse.btn-border:hover {
  background-color: #465366;
  color: white;
}
a.button.btn-large {
  font-weight: 600;
  font-size: 16px;
  padding: 10px 50px;
}
a.button.btn-small {
  padding: 2px 10px;
}
.checkout-button {
  background-color: #1ba4dd;
  color: white;
  border: 1px solid #1ba4dd;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  font-weight: 600;
  font-size: 16px;
  border-radius: 50px;
  padding: 10px 25px;
}
.checkout-button:hover {
  background-color: #1582b0;
  border-color: #1582b0;
}
.checkout-button.btn-border {
  background-color: transparent;
  color: #1ba4dd;
}
.checkout-button.btn-border:hover {
  background-color: #1ba4dd;
  color: white;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.select2-container {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #bec9d9;
  background: white;
  outline: none;
  color: #465366;
  max-width: none;
}
input[type="text"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="password"].form-control,
input[type="search"].form-control,
textarea.form-control,
.select2-container.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #bec9d9;
  background: white;
  outline: none;
  color: #465366;
  max-width: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.select2-container:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-color: #bec9d9;
}
input[type="text"].dark,
input[type="email"].dark,
input[type="url"].dark,
input[type="password"].dark,
input[type="search"].dark,
textarea.dark,
.select2-container.dark {
  background: #344154;
  border-color: #717d90;
  color: white;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.select2-container::-webkit-input-placeholder {
  color: #717d90;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
textarea:-moz-placeholder,
.select2-container:-moz-placeholder {
  /* Firefox 18- */
  color: #717d90;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
textarea::-moz-placeholder,
.select2-container::-moz-placeholder {
  /* Firefox 19+ */
  color: #717d90;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.select2-container:-ms-input-placeholder {
  color: #717d90;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
  margin-bottom: 10px;
}
textarea {
  padding-left: 3px;
  width: 100%;
}
label {
  font-family: 'Raleway', sans-serif;
  color: #465366;
  font-size: 12px;
  font-weight: 500;
}
.btn-group.btn-radio .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f6f8fc;
  border: 1px solid #bec9d9;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Navbar
--------------------------------------------------------------*/
nav.nav {
  position: relative;
  top: 50%;
}
nav.nav ul.menu {
  float: none;
}
nav.nav ul.menu > li.menu-item {
  cursor: pointer;
  margin: 0 0 0 5px;
}
nav.nav ul.menu > li.menu-item > a {
  color: #465366;
  text-transform: uppercase;
  padding: 7px 15px;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  border-radius: 15px;
  -webkit-transition: 0.25s all;
  transition: 0.25s all;
}
nav.nav ul.menu > li.menu-item:hover > a,
nav.nav ul.menu > li.menu-item.current-menu-item > a {
  background: #1ba4dd;
  color: white;
}
nav.nav ul.menu > li.menu-item ul.sub-menu {
  border: 1px solid #bec9d9;
}
nav.nav ul.menu > li.menu-item ul.sub-menu li {
  border-bottom: 1px dotted #f6f8fc;
}
nav.nav ul.menu > li.menu-item ul.sub-menu li a {
  color: #465366;
  font-size: 12px;
}
nav.nav ul.menu > li.menu-item ul.sub-menu li a:hover {
  background: #1ba4dd;
  color: white;
}
.open.off-canvas-right,
.open-off-canvas-left {
  z-index: 99999;
}
/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
/* Breadcrumbs */
.breadcrumbs {
  background: #edf2f9;
  padding: 15px 0;
}
.breadcrumbs .bread-crumbs {
  margin: 0;
  display: block;
}
.breadcrumbs .bread-crumbs ul {
  background: transparent;
  margin: 0;
  padding-left: 0;
}
.breadcrumbs .bread-crumbs ul li {
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: #929dac;
}
.breadcrumbs .bread-crumbs ul li:before {
  color: white;
}
.breadcrumbs .bread-crumbs ul li a {
  color: #465366;
  text-decoration: none;
  font-weight: 600;
}
/*--------------------------------------------------------------
## Tabs
--------------------------------------------------------------*/
.nav-tabs li > a {
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  color: #929dac;
}
.nav-tabs li > a:hover {
  background: #f6f8fc;
}
.nav-tabs li.active > a,
.nav-tabs li.active > a:hover {
  background: #f6f8fc;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #1ba4dd;
  color: #1ba4dd;
}
.tab-content {
  padding: 20px 0 0;
}
/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.sidebar h1 {
  margin-top: 20px;
  color: #465366;
  font-weight: 600;
  background: #f6f8fc;
  padding: 10px;
  text-align: center;
  font-size: 24px;
}
.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
}
.sidebar ul > li {
  margin-top: 10px;
}
.sidebar ul > li > a {
  font-size: 18px;
  text-transform: uppercase;
  color: #465366;
  padding: 5px;
  text-decoration: none;
  display: block;
  margin: 10px 0 5px;
}
.sidebar ul > li > a:hover {
  background: #f6f8fc;
}
.sidebar .brands .button {
  margin-bottom: 5px;
}
aside.widget.woocommerce {
  padding: 20px;
}
aside.well {
  background: #f6f8fc;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
html body {
  background: white;
  /* Fallback for when there is no custom background color defined. */
}
blockquote,
q {
  quotes: "" "";
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: "";
}
.logolines {
  fill: url(#logograd);
  display: block;
  float: left;
}
.header-center .logolines {
  display: inline-block;
  float: none;
}
.site-description .sitename.sitetitle {
  font-size: 38px;
  color: #465366;
}
.site-description .sitename.sitetitle a {
  color: #465366;
}
.site-description .tagline {
  margin-top: 5px;
  color: #929dac;
}
/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
.alert {
  border-radius: 0;
  color: #465366;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 10px;
}
.alert.alert-default {
  background: #f6f8fc;
  border: 1px solid #edf2f9;
}
.alert.alert-info {
  background: #e6f7fe;
  border: 1px solid #6bd0f9;
}
.alert.alert-info a {
  color: #48b7e4;
}
.alert.alert-danger {
  background: #ffebed;
  border: 1px solid #ea3c51;
}
.alert.alert-danger a {
  color: #ea3c51;
}
.alert.alert-warning {
  background: #fff8e6;
  border: 1px solid #ffd768;
}
.alert.alert-warning a {
  color: #f5a623;
}
.alert.alert-success {
  background: #ecffd5;
  border: 1px solid #a8e164;
}
.alert.alert-success a {
  color: #81c530;
}
/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}
img.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
img.img-responsive-height {
  display: block;
  width: auto;
  max-height: 100%;
}
img.img-thumbnail {
  border-radius: 0;
  border: 1px solid #edf2f9;
}
/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%;
}
table td {
  border-bottom: 0;
  border-top: 0;
}
/*--------------------------------------------------------------
## Badge
--------------------------------------------------------------*/
.badge {
  padding: 4px 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  display: inline-block;
}
.badge.badge-blue {
  background: #1ba4dd;
}
.badge.badge-red {
  background: #ea3c51;
}
.badge.badge-yellow {
  background: #ffd768;
  color: #465366;
}
.badge.badge-orange {
  background: #f5a623;
  color: #465366;
}
.badge.badge-green {
  background: #a8e164;
  color: #465366;
}
.badge.badge-gray {
  background: #929dac;
  color: white;
}
.badge.badge-white {
  background: white;
  color: #465366;
}
.badge.badge-inverse {
  background: #465366;
  color: white;
}
.badge.badge-xs {
  font-size: 9px;
}
/*--------------------------------------------------------------
## Label
--------------------------------------------------------------*/
.label {
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  border-radius: 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/*--------------------------------------------------------------
## Progress
--------------------------------------------------------------*/
.progress {
  height: 4px;
  box-shadow: none;
  background-color: #edf2f9;
}
.progress .progress-bar {
  box-shadow: none;
}
.progress .progress-bar.progress-bar-success {
  background-color: #a8e164;
}
.progress .progress-bar.progress-bar-info {
  background-color: #6bd0f9;
}
.progress .progress-bar.progress-bar-warning {
  background-color: #ffd768;
}
.progress .progress-bar.progress-bar-danger {
  background-color: #fe8694;
}
.progress .progress-bar.progress-bar-default {
  background-color: #465366;
}
/*--------------------------------------------------------------
## Ribbon
--------------------------------------------------------------*/
.ribbon {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
}
.ribbon.ribbon-right {
  top: -3px;
  right: -3px;
}
.ribbon.ribbon-right .ribbon-content {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  left: -5px;
  top: 13px;
}
.ribbon.ribbon-left {
  top: -3px;
  left: -3px;
}
.ribbon.ribbon-left .ribbon-content {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  left: -30px;
  top: 13px;
}
.ribbon .ribbon-content {
  text-align: center;
  position: relative;
  padding: 7px 0;
  width: 120px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon .ribbon-content:before {
  left: 0;
}
.ribbon .ribbon-content:after {
  right: 0;
}
.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
  content: "";
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
.ribbon .ribbon-content.ribbon-blue {
  background: #48b7e4;
  color: white;
}
.ribbon .ribbon-content.ribbon-blue:before,
.ribbon .ribbon-content.ribbon-blue:after {
  border-top: 3px solid #1ba4dd;
}
.ribbon .ribbon-content.ribbon-red {
  background: #ea3c51;
  color: white;
}
.ribbon .ribbon-content.ribbon-red:before,
.ribbon .ribbon-content.ribbon-red:after {
  border-top: 3px solid #af1b2d;
}
.ribbon .ribbon-content.ribbon-green {
  background: #a8e164;
  color: #465366;
}
.ribbon .ribbon-content.ribbon-green:before,
.ribbon .ribbon-content.ribbon-green:after {
  border-top: 3px solid #81c530;
}
.ribbon .ribbon-content.ribbon-yellow {
  background: #ffd768;
  color: #465366;
}
.ribbon .ribbon-content.ribbon-yellow:before,
.ribbon .ribbon-content.ribbon-yellow:after {
  border-top: 3px solid #f5a623;
}
/*--------------------------------------------------------------
## CBox
--------------------------------------------------------------*/
.cbox {
  padding: 50px;
}
.cbox p {
  display: block;
  float: none;
  clear: both;
}
.cbox .cbox-icon {
  border-radius: 3px;
  padding-top: 3px;
  width: 60px;
  height: 70px;
  margin: 0 20px 20px 0;
  background: #FFF;
  float: left;
  text-align: center;
  font-size: 32px;
  line-height: 70px;
}
.cbox.cbox-blue-1 {
  background: #6bd0f9;
}
.cbox.cbox-blue-1 .cbox-icon {
  color: #6bd0f9;
  background: white;
}
.cbox.cbox-blue-1 h4,
.cbox.cbox-blue-1 p {
  color: white;
}
.cbox.cbox-blue-1 h4 {
  margin-top: 20px;
}
.cbox.cbox-blue-2 {
  background: #48b7e4;
}
.cbox.cbox-blue-2 .cbox-icon {
  color: #48b7e4;
  background: white;
}
.cbox.cbox-blue-2 h4,
.cbox.cbox-blue-2 p {
  color: white;
}
.cbox.cbox-blue-2 h4 {
  margin-top: 20px;
}
.cbox.cbox-blue-3 {
  background: #1ba4dd;
}
.cbox.cbox-blue-3 .cbox-icon {
  color: #1ba4dd;
  background: white;
}
.cbox.cbox-blue-3 h4,
.cbox.cbox-blue-3 p {
  color: white;
}
.cbox.cbox-blue-3 h4 {
  margin-top: 20px;
}
.cbox.cbox-green-1 {
  background: #c9ff88;
}
.cbox.cbox-green-1 .cbox-icon {
  color: #c9ff88;
  background: #465366;
}
.cbox.cbox-green-1 h4,
.cbox.cbox-green-1 p {
  color: #465366;
}
.cbox.cbox-green-1 h4 {
  margin-top: 20px;
}
.cbox.cbox-green-2 {
  background: #a8e164;
}
.cbox.cbox-green-2 .cbox-icon {
  color: #a8e164;
  background: #465366;
}
.cbox.cbox-green-2 h4,
.cbox.cbox-green-2 p {
  color: #465366;
}
.cbox.cbox-green-2 h4 {
  margin-top: 20px;
}
.cbox.cbox-green-3 {
  background: #81c530;
}
.cbox.cbox-green-3 .cbox-icon {
  color: #81c530;
  background: white;
}
.cbox.cbox-green-3 h4,
.cbox.cbox-green-3 p {
  color: white;
}
.cbox.cbox-green-3 h4 {
  margin-top: 20px;
}
.cbox.cbox-red-1 {
  background: #fe8694;
}
.cbox.cbox-red-1 .cbox-icon {
  color: #fe8694;
  background: white;
}
.cbox.cbox-red-1 h4,
.cbox.cbox-red-1 p {
  color: white;
}
.cbox.cbox-red-1 h4 {
  margin-top: 20px;
}
.cbox.cbox-red-2 {
  background: #ea3c51;
}
.cbox.cbox-red-2 .cbox-icon {
  color: #ea3c51;
  background: white;
}
.cbox.cbox-red-2 h4,
.cbox.cbox-red-2 p {
  color: white;
}
.cbox.cbox-red-2 h4 {
  margin-top: 20px;
}
.cbox.cbox-red-3 {
  background: #af1b2d;
}
.cbox.cbox-red-3 .cbox-icon {
  color: #af1b2d;
  background: white;
}
.cbox.cbox-red-3 h4,
.cbox.cbox-red-3 p {
  color: white;
}
.cbox.cbox-red-3 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-1 {
  background: #f6f8fc;
}
.cbox.cbox-gray-1 .cbox-icon {
  color: #f6f8fc;
  background: #465366;
}
.cbox.cbox-gray-1 h4,
.cbox.cbox-gray-1 p {
  color: #465366;
}
.cbox.cbox-gray-1 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-2 {
  background: #edf2f9;
}
.cbox.cbox-gray-2 .cbox-icon {
  color: #edf2f9;
  background: #465366;
}
.cbox.cbox-gray-2 h4,
.cbox.cbox-gray-2 p {
  color: #465366;
}
.cbox.cbox-gray-2 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-3 {
  background: #bec9d9;
}
.cbox.cbox-gray-3 .cbox-icon {
  color: #bec9d9;
  background: white;
}
.cbox.cbox-gray-3 h4,
.cbox.cbox-gray-3 p {
  color: white;
}
.cbox.cbox-gray-3 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-4 {
  background: #929dac;
}
.cbox.cbox-gray-4 .cbox-icon {
  color: #929dac;
  background: white;
}
.cbox.cbox-gray-4 h4,
.cbox.cbox-gray-4 p {
  color: white;
}
.cbox.cbox-gray-4 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-5 {
  background: #717d90;
}
.cbox.cbox-gray-5 .cbox-icon {
  color: #717d90;
  background: white;
}
.cbox.cbox-gray-5 h4,
.cbox.cbox-gray-5 p {
  color: white;
}
.cbox.cbox-gray-5 h4 {
  margin-top: 20px;
}
.cbox.cbox-gray-6 {
  background: #465366;
}
.cbox.cbox-gray-6 .cbox-icon {
  color: #465366;
  background: white;
}
.cbox.cbox-gray-6 h4,
.cbox.cbox-gray-6 p {
  color: white;
}
.cbox.cbox-gray-6 h4 {
  margin-top: 20px;
}
.cbox.cbox-yellow-1 {
  background: #ffebb3;
}
.cbox.cbox-yellow-1 .cbox-icon {
  color: #ffebb3;
  background: #465366;
}
.cbox.cbox-yellow-1 h4,
.cbox.cbox-yellow-1 p {
  color: #465366;
}
.cbox.cbox-yellow-1 h4 {
  margin-top: 20px;
}
.cbox.cbox-yellow-2 {
  background: #ffebb3;
}
.cbox.cbox-yellow-2 .cbox-icon {
  color: #ffebb3;
  background: #465366;
}
.cbox.cbox-yellow-2 h4,
.cbox.cbox-yellow-2 p {
  color: #465366;
}
.cbox.cbox-yellow-2 h4 {
  margin-top: 20px;
}
.cbox.cbox-orange,
.cbox.cbox-yellow-3 {
  background: #f5a623;
}
.cbox.cbox-orange .cbox-icon,
.cbox.cbox-yellow-3 .cbox-icon {
  color: #f5a623;
  background: white;
}
.cbox.cbox-orange h4,
.cbox.cbox-yellow-3 h4,
.cbox.cbox-orange p,
.cbox.cbox-yellow-3 p {
  color: white;
}
.cbox.cbox-orange h4,
.cbox.cbox-yellow-3 h4 {
  margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .cbox h4 {
    font-size: 18px;
  }
}
/*--------------------------------------------------------------
## Well
--------------------------------------------------------------*/
div.well {
  box-shadow: none;
  border: 0;
  border-radius: 4px;
  background-color: #f6f8fc;
  padding: 30px;
}
div.well .well-icon {
  width: 120px;
  height: 120px;
  display: block;
  background: white;
  border-radius: 100%;
  margin: 0px auto 20px;
  text-align: center;
  padding: 25px 10px;
}
div.well .well-icon .icon {
  font-size: 36px;
}
div.well .well-icon p.heading {
  font-weight: 700;
  color: #465366;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
}
div.well.well-white {
  background: white;
}
div.well.well-white .well-icon {
  background: #f6f8fc;
}
div.well.well-dark {
  background: #465366;
}
div.well.well-dark p {
  color: #edf2f9;
}
div.well.well-dark .well-icon {
  background: #344154;
}
div.well.well-dark .well-icon p {
  color: white;
}
div.well.e404 {
  padding: 100px 20px;
  margin-bottom: 100px;
}
div.well.e404 h1 {
  font-size: 112px;
  color: #bec9d9;
  font-weight: 800;
  margin-top: 0;
  line-height: 1;
}
/*--------------------------------------------------------------
## Steps
--------------------------------------------------------------*/
.steps .step {
  text-align: center;
}
.steps .step .icon {
  display: inline-block;
  margin: 0;
  background: #f6f8fc;
  color: #717d90;
  height: 120px;
  width: 120px;
  border-radius: 100%;
  text-align: center;
  line-height: 130px;
  font-size: 48px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.steps .step h4 {
  font-size: 18px;
}
.steps .step:hover .icon {
  background: #1ba4dd;
  color: white;
}
.section-light .steps .step .icon {
  background: white;
}
.section-dark .steps .step .icon {
  background: #465366;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
}
.social-icons li a {
  display: block;
  width: 30px;
  height: 30px;
  background: white;
  text-align: center;
  line-height: 30px;
}
.social-icons .hvr-facebook::before {
  background: #3b5998;
}
.social-icons .hvr-twitter::before {
  background: #00aced;
}
.social-icons .hvr-googleplus::before {
  background: #dd4b39;
}
.social-icons .hvr-youtube::before {
  background: #bb0000;
}
.social-icons .hvr-linkedin::before {
  background: #007bb6;
}
.social-icons .hvr-instagram::before {
  background: #517fa4;
}
.social-icons .hvr-pinterest::before {
  background: #cb2027;
}
.social-icons .hvr-flickr::before {
  background: #ff0084;
}
.social-icons .hvr-vimeo::before {
  background: #aad450;
}
.social-icons .hvr-dribbble::before {
  background: #eb4d8a;
}
.social-icons .hvr-behance::before {
  background: #1a7eda;
}
/*--------------------------------------------------------------
## Slide
--------------------------------------------------------------*/
.slide .section-title {
  padding: 80px 0;
}
.slide .section-title hr {
  margin-bottom: 30px;
}
/*--------------------------------------------------------------
# Items
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## News Item
--------------------------------------------------------------*/
/* Component News Item */
.news-item {
  padding: 10px;
  background: #f6f8fc;
  margin-bottom: 30px;
}
.news-item .news-image {
  width: 100%;
  overflow: hidden;
}
.news-item .news-title {
  padding: 10px 0;
}
.news-item .news-title a {
  color: #465366;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 21px;
}
.news-item .news-meta {
  font-family: 'Source Sans Pro', sans-serif;
  padding-bottom: 10px;
}
.news-item .news-btn {
  text-align: right;
  padding-top: 10px;
}
/* News Item Styles */
.section-light .news-item {
  background: white;
}
/*--------------------------------------------------------------
## Portfolio Item
--------------------------------------------------------------*/
/* Component Portfolio Item */
.portfolio-item {
  margin-bottom: 30px;
}
.portfolio-item .portfolio-image {
  display: block;
  position: relative;
  margin: 0 auto;
}
.portfolio-item .portfolio-image .portfolio-hover {
  background: rgba(72, 183, 228, 0.75);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.portfolio-item .portfolio-image .portfolio-hover:hover {
  opacity: 1;
}
.portfolio-item .portfolio-image .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -50px;
}
.portfolio-item .portfolio-image .portfolio-hover .portfolio-hover-content h4 {
  color: white;
  font-size: 24px;
}
.portfolio-item .portfolio-image .portfolio-hover .portfolio-hover-content hr {
  background: #1ba4dd;
}
/*--------------------------------------------------------------
## Pricing Item
--------------------------------------------------------------*/
/* Component Pricing Item */
.pricing-item {
  background: #f6f8fc;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 20px 0;
  width: 100%;
  margin-bottom: 30px;
}
.pricing-item .pricing-title {
  padding: 10px;
}
.pricing-item .pricing-title .pricing-icon {
  font-size: 48px;
}
.pricing-item .pricing-title h4 {
  font-size: 18px;
  font-weight: 800;
}
.pricing-item .pricing-features {
  background: white;
}
.pricing-item .pricing-features ul {
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.pricing-item .pricing-features ul li {
  margin: 0;
  padding: 10px;
  font-weight: 600;
  color: #717d90;
}
.pricing-item .pricing-price {
  padding: 20px;
}
.pricing-item .pricing-price .pricing-num {
  font-weight: 100;
  font-size: 48px;
}
.pricing-item .pricing-price .pricing-per {
  font-size: 12px;
  font-weight: 600;
}
.pricing-item .pricing-button {
  padding: 10px;
}
.pricing-item .ribbon.ribbon-right {
  right: 10px;
}
.pricing-item .ribbon.ribbon-left {
  left: 10px;
}
.pricing-item.pricing-blue {
  background: #48b7e4;
  color: white;
}
.pricing-item.pricing-blue .pricing-title h4 {
  color: white;
}
.pricing-item.pricing-blue .pricing-title .pricing-icon {
  color: white;
}
.pricing-item.pricing-blue .pricing-features {
  background: #1ba4dd;
}
.pricing-item.pricing-blue .pricing-features ul li {
  color: white;
}
.pricing-item.pricing-green {
  background: #a8e164;
  color: #465366;
}
.pricing-item.pricing-green .pricing-title h4 {
  color: #465366;
}
.pricing-item.pricing-green .pricing-title .pricing-icon {
  color: #465366;
}
.pricing-item.pricing-green .pricing-features {
  background: #c9ff88;
}
.pricing-item.pricing-green .pricing-features ul li {
  color: #465366;
}
.pricing-item.pricing-yellow {
  background: #ffd768;
  color: #465366;
}
.pricing-item.pricing-yellow .pricing-title h4 {
  color: #465366;
}
.pricing-item.pricing-yellow .pricing-title .pricing-icon {
  color: #465366;
}
.pricing-item.pricing-yellow .pricing-features {
  background: #ffebb3;
}
.pricing-item.pricing-yellow .pricing-features ul li {
  color: #465366;
}
.pricing-item.pricing-red {
  background: #ea3c51;
  color: white;
}
.pricing-item.pricing-red .pricing-title h4 {
  color: white;
}
.pricing-item.pricing-red .pricing-title .pricing-icon {
  color: white;
}
.pricing-item.pricing-red .pricing-features {
  background: #af1b2d;
}
.pricing-item.pricing-red .pricing-features ul li {
  color: white;
}
/* Pricing Scheme Mixin */
/*--------------------------------------------------------------
## Shop Item
--------------------------------------------------------------*/
/* Component Shop Item */
.products .product.shop-item,
.shop-item {
  position: relative;
  background: #f6f8fc;
  margin-bottom: 30px;
  transform-style: preserve-3d;
  transition: transform 1s;
  padding: 0;
}
.products .product.shop-item .img-wrap,
.shop-item .img-wrap {
  margin: 0;
}
.products .product.shop-item a:first-child,
.shop-item a:first-child {
  display: inline-block;
}
.products .product.shop-item .star-rating,
.shop-item .star-rating {
  position: relative;
  top: 0px;
  right: 0px;
}
.products .product.shop-item .shop-image .shop-hover,
.shop-item .shop-image .shop-hover {
  background: rgba(27, 164, 221, 0.25);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.products .product.shop-item .shop-image img,
.shop-item .shop-image img {
  margin: 0 auto;
  float: none;
  max-width: 100%;
}
.products .product.shop-item:hover .shop-image .shop-hover,
.shop-item:hover .shop-image .shop-hover {
  opacity: 1;
}
.products .product.shop-item:hover .shop-caption,
.shop-item:hover .shop-caption {
  margin-top: -50px;
  height: 150px;
}
.products .product.shop-item .shop-caption,
.shop-item .shop-caption {
  background: #f6f8fc;
  z-index: 1;
  padding: 10px 20px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  height: 100px;
}
.products .product.shop-item .shop-caption .shop-details,
.shop-item .shop-caption .shop-details {
  margin-bottom: 15px;
}
.products .product.shop-item .shop-caption .shop-details .shop-title,
.shop-item .shop-caption .shop-details .shop-title {
  min-height: 70px;
}
.products .product.shop-item .shop-caption .shop-details .shop-label,
.shop-item .shop-caption .shop-details .shop-label,
.products .product.shop-item .shop-caption .shop-details .shop-label a,
.shop-item .shop-caption .shop-details .shop-label a {
  color: #465366;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.products .product.shop-item .shop-caption .shop-details .shop-value,
.shop-item .shop-caption .shop-details .shop-value {
  color: #929dac;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}
.products .product.shop-item .shop-caption .shop-details .shop-category,
.shop-item .shop-caption .shop-details .shop-category {
  margin-bottom: 20px;
}
.products .product.shop-item .shop-caption .shop-price,
.shop-item .shop-caption .shop-price {
  font-family: 'Source Sans Pro', sans-serif;
}
.products .product.shop-item .shop-caption .shop-price .amount,
.shop-item .shop-caption .shop-price .amount {
  color: #ea3c51;
  font-weight: 600;
  font-size: 16px;
}
.products .product.shop-item .shop-caption .shop-price ins,
.shop-item .shop-caption .shop-price ins {
  background: transparent;
}
.products .product.shop-item .shop-caption .shop-price del,
.shop-item .shop-caption .shop-price del {
  float: left;
}
.products .product.shop-item .shop-caption .shop-price del .amount,
.shop-item .shop-caption .shop-price del .amount {
  color: #929dac;
  font-size: 12px;
  display: block;
  font-weight: 500;
}
.products .product.shop-item .shop-btn,
.shop-item .shop-btn {
  text-align: center;
  padding: 50px 10px;
}
.products .product.shop-item .shop-btn .btn,
.shop-item .shop-btn .btn {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 500;
}
.section-light .shop-item,
.section-light .shop-item .shop-caption {
  background: white;
}
.shop-filter {
  border-bottom: 1px solid #edf2f9;
  padding: 10px 0;
}
.shop-filter p,
.shop-filter form {
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
}
.shop-filter form {
  margin-top: 5px;
}
section .woocommerce-result-count-container {
  background: #f6f8fc;
}
/*--------------------------------------------------------------
## Team Item
--------------------------------------------------------------*/
/* Component Team Item */
.team-item {
  margin-bottom: 30px;
}
.team-item .team-content h4 {
  font-size: 22px;
  font-weight: 700;
  margin: 10px 0 0;
}
.team-item .team-content h5 {
  font-size: 12px;
  margin: 0 0 20px;
  color: #717d90;
}
.team-item .team-content p {
  color: #465366;
  font-weight: 400;
}
/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/
section.widget {
  padding: 100px 0;
}
section.widget.section-white {
  background: white;
}
section.widget.section-light {
  background: #f6f8fc;
}
section.widget.section-dark {
  background: #344154;
}
section.widget.section-dark h1,
section.widget.section-dark h2,
section.widget.section-dark label {
  color: #f6f8fc;
}
section.widget.section-dark h3,
section.widget.section-dark h4 {
  color: #edf2f9;
}
section.widget.section-dark h5,
section.widget.section-dark h6,
section.widget.section-dark p {
  color: #bec9d9;
}
section.widget.section-primary {
  background: #1ba4dd;
}
section.widget.section-secondary {
  background: #48b7e4;
}
section.widget.section-secondary h1,
section.widget.section-secondary h2,
section.widget.section-secondary label {
  color: white;
}
section.widget.section-secondary h3,
section.widget.section-secondary h4 {
  color: #f6f8fc;
}
section.widget.section-secondary h5,
section.widget.section-secondary h6,
section.widget.section-secondary p {
  color: #edf2f9;
}
section.widget.section-secondary hr {
  background-color: #1ba4dd;
}
section.widget.section-secondary h1 b,
section.widget.section-secondary h2 b {
  color: #1ba4dd;
}
section.widget.slide {
  padding: 0;
}
section.widget.slide .swiper-wrapper .swiper-slide {
  width: 100%;
}
.off-canvas-right {
  background: #465366;
}
.off-canvas-right nav.nav ul.menu li a,
.off-canvas-right nav.nav ul.menu li ul.sub-menu li a {
  color: white;
}
.koel-boxed {
  padding: 0;
}
/*--------------------------------------------------------------
## Contacts
--------------------------------------------------------------*/
.contacts .form-control {
  width: 100%;
  resize: none;
  margin-bottom: 20px;
}
.contacts input.form-control {
  height: 40px;
}
.contacts textarea.form-control {
  height: 150px;
  padding: 10px;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.header-site {
  background: #f6f8fc;
}
header.header-site .container {
  padding: 24px 20px 20px;
}
.header-site.header-sticky {
  background: #f6f8fc;
}
/*--------------------------------------------------------------
## Checkout
--------------------------------------------------------------*/
.checkout-page h3 {
  font-weight: 600;
  text-align: center;
}
.checkout-page h3 label {
  font-size: 18px;
}
.checkout-page .alert {
  text-transform: uppercase;
  font-size: 16px;
}
.checkout-page .alert a {
  font-weight: 600;
}
.checkout-page .checkout-form {
  border: 2px solid #f6f8fc;
  padding: 20px;
}
.checkout-page .checkout-form .table {
  border: none;
  font-family: 'Source Sans Pro', sans-serif;
}
.checkout-page .checkout-form .table tr.total {
  background: #f6f8fc;
}
.checkout-page .checkout-form .table tr td {
  border: none;
  border-bottom: 1px solid #bec9d9;
  font-size: 16px;
  padding: 20px 10px;
}
.checkout-page .checkout-form .place-order {
  text-align: center;
  margin-top: 30px;
}
.checkout-page .checkout-form .radio {
  padding-top: 10px;
}
.checkout-page .checkout-form .radio label {
  text-transform: uppercase;
  font-weight: 600;
}
.checkout-page .checkout_coupon {
  background: transparent;
  margin: 0;
}
#order_review.woocommerce-checkout-review-order {
  width: auto;
  float: none;
}
#order_review.woocommerce-checkout-review-order #payment {
  background: #f6f8fc;
}
#order_review.woocommerce-checkout-review-order #payment .button {
  display: inline-block;
  width: auto;
  font-size: 16px;
  padding: 8px 50px;
  margin-top: 10px;
  border-radius: 50px;
  text-transform: uppercase;
}
.create-account {
  background: transparent;
}
.woocommerce .login {
  background: #f6f8fc;
  border: 1px solid #edf2f9;
}
.woocommerce .woocommerce-checkout-payment {
  background: #f6f8fc;
  border: 1px solid #edf2f9;
  padding: 20px;
}
/*--------------------------------------------------------------
## Clients
--------------------------------------------------------------*/
section.widget.clients {
  padding: 40px 0;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#footer {
  text-align: center;
  padding: 40px 0;
}
footer {
  background: #edf2f9;
}
footer#footer .footer-copy {
  font-size: 12px;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 20px 0 0;
}
footer#footer .footer-made {
  padding: 10px 0 0;
  font-size: 13px;
}
footer#footer .footer-made .fa-heart {
  color: #ea3c51;
  margin: 0 5px;
}
footer#footer ul.footer-support,
footer#footer .footer-nav ul {
  display: block;
  padding: 0;
  margin: 0;
}
footer#footer ul.footer-support li,
footer#footer .footer-nav ul li {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #bec9d9;
  margin: 0;
  line-height: 1;
}
footer#footer ul.footer-support li:first-child,
footer#footer .footer-nav ul li:first-child {
  border-left: 0;
  padding-left: 0;
}
footer#footer ul.footer-support li a,
footer#footer .footer-nav ul li a {
  font-size: 11px;
}
/*--------------------------------------------------------------
## Newsletter
--------------------------------------------------------------*/
section.widget.newsletter {
  padding: 60px 0 40px;
}
section.widget.newsletter .inform {
  margin-top: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #bec9d9;
}
section.widget.newsletter input[type="email"] {
  width: 300px;
  padding: 5px 10px;
  border: 1px solid #bec9d9;
}
section.widget.newsletter h4 {
  margin-bottom: 20px;
}
section.widget.newsletter.section-secondary .inform {
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 640px) {
  .newsletter input.form-control {
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Testimonials
--------------------------------------------------------------*/
.testimonials {
  background: #465366;
  text-align: center;
}
.testimonials h4 {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  color: white;
}
.testimonials small {
  color: #1ba4dd;
}
.testimonials p {
  margin-top: 15px;
  margin-bottom: 25px;
  color: #bec9d9;
}
.testimonials .image-container {
  max-width: 100px;
  max-height: 100px;
  margin: 0 auto 20px;
}
/*--------------------------------------------------------------
## Welcome
--------------------------------------------------------------*/
.welcome {
  overflow: hidden;
  position: relative;
}
.welcome .content {
  padding: 60px 0;
}
.welcome .content h2 {
  font-weight: 200;
  font-size: 48px;
  line-height: 1;
}
.welcome .content hr {
  margin-bottom: 30px;
}
.welcome .img-welcome {
  position: absolute;
  right: -330px;
  top: 200px;
}
@media only screen and (max-width: 767px) {
  .img-welcome {
    display: none;
  }
}
/*--------------------------------------------------------------
# Views
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Cart
--------------------------------------------------------------*/
table.cart-table {
  font-family: 'Source Sans Pro', sans-serif;
  border: 0;
  border: 1px solid #edf2f9;
}
table.cart-table thead tr th {
  border: 0;
  background: #f6f8fc;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 10px;
}
table.cart-table tbody tr {
  border: 1px solid #edf2f9;
  border-top: 0;
}
table.cart-table tbody tr td {
  padding: 0 10px;
}
table.cart-table .product-quantity {
  width: 100px;
}
table.cart-table .product-price .amount,
table.cart-table .product-subtotal .amount {
  font-size: 16px;
  font-weight: 700;
}
table.cart-table .product-price .amount {
  color: #929dac;
}
table.cart-table .product-title a {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
table.cart-table .product-title dt,
table.cart-table .product-title dd {
  font-size: 12px;
  display: inline-block;
  float: none;
  line-height: 1;
}
table.cart-table .product-title dt p,
table.cart-table .product-title dd p {
  font-size: 12px;
  margin-bottom: 0;
}
table.cart-table .product-title dd {
  padding-right: 20px;
}
.cart_totals {
  text-align: right;
  margin-top: 50px;
}
.cart_totals h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #465366;
}
.cart_totals table {
  border: 0;
}
.cart_totals table td {
  border: 1px solid white;
  background: #f6f8fc;
}
.cart_totals table td,
.cart_totals table th {
  display: inline-block;
  width: 50%;
  text-align: right;
  padding: 10px 20px;
}
.cart_totals table td .shipping-calculator-form,
.cart_totals table th .shipping-calculator-form {
  padding: 10px 0;
}
.cart_totals .wc-proceed-to-checkout {
  margin-top: 50px;
}
/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
.portfolio-view {
  background: white;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.portfolio-view .portfolio-button {
  padding: 10px;
  background: #f6f8fc;
  display: inline-block;
  font-size: 24px;
  line-height: 0;
  width: 48px;
  height: 48px;
  text-align: center;
  color: #929dac;
}
.portfolio-view .portfolio-button:hover {
  background: #edf2f9;
}
.portfolio-view .portfolio-view-content .row {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #edf2f9;
}
.portfolio-view .portfolio-view-content h2 {
  font-size: 48px;
  margin-bottom: 0;
  font-weight: 100;
}
.portfolio-view .portfolio-view-content .portfolio-description {
  margin: 20px 0;
}
.portfolio-view .portfolio-view-content.modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.portfolio-view .portfolio-view-content.modal-dialog .modal-content {
  height: 100%;
  border-radius: 0;
  padding: 0 30px;
}
.portfolio-view .portfolio-btns {
  margin: 20px 0;
  float: right;
}
.portfolio-view .portfolio-btns a {
  margin-left: 10px;
}
.portfolio-view.modal {
  z-index: 9999999;
}
/*--------------------------------------------------------------
## Product
--------------------------------------------------------------*/
.product-view .product-thumbnail {
  overflow: hidden;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: 0.25s opacity;
  transition: 0.25s opacity;
}
.product-view .product-thumbnail:hover {
  opacity: 1;
}
.product-view .product-navigation-buttons {
  padding: 10px 0 30px;
  border-bottom: 1px solid #edf2f9;
}
.product-view .product-navigation-buttons .product-button {
  background: #f6f8fc;
  padding: 10px 15px;
  text-decoration: none;
}
.product-view .product-navigation-buttons .product-button:hover {
  background: #edf2f9;
}
.product-view .product-details {
  padding: 30px 0;
  border-bottom: 1px solid #edf2f9;
}
.product-view .product-details h2 {
  margin-bottom: 30px;
  font-weight: 500;
}
.product-view .product-details h4 {
  font-size: 24px;
  font-weight: 500;
}
.product-view .product-details table {
  width: 100%;
}
.product-view .product-details table tr {
  height: 40px;
  border-bottom: 1px solid #edf2f9;
}
.product-view .product-details table tr:nth-child(even) {
  background: #f6f8fc;
}
.product-view .product-details table tr td,
.product-view .product-details table tr th {
  padding: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
}
.product-view ul.article-colors li {
  cursor: pointer;
}
.product-view .product-price {
  float: left;
  margin-right: 100px;
  font-family: 'Source Sans Pro', sans-serif;
}
.product-view .product-price .amount {
  font-size: 32px;
  color: #465366;
  line-height: 1.2;
  font-weight: 600;
}
.product-view .product-price ins {
  background: transparent;
}
.product-view .product-price del {
  position: absolute;
  margin-top: 40px;
}
.product-view .product-price del .amount {
  font-weight: 300;
  display: block;
  font-size: 18px;
  color: #bec9d9;
}
.product-view .product-qty {
  width: 80px;
  font-size: 18px;
  height: 40px;
  display: inline-block;
}
.product-view .product-addtocart {
  padding-top: 15px;
  display: inline-block;
}
.product-view .product-review {
  padding: 20px 0 10px;
  border-bottom: 1px dashed #bec9d9;
}
.added_to_cart {
  padding: 5px 20px;
  background-color: #465366;
  color: #f6f8fc;
  border: 1px solid #465366;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border-radius: 30px;
  margin: 10px;
  display: inline-block;
}
.added_to_cart:hover {
  background-color: #313a48;
  border-color: #313a48;
}
.added_to_cart.btn-border {
  background-color: transparent;
  color: #465366;
}
.added_to_cart.btn-border:hover {
  background-color: #465366;
  color: #f6f8fc;
}
/*--------------------------------------------------------------
## Parallax
--------------------------------------------------------------*/
.parallax {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
/*--------------------------------------------------------------
## Article Colors
--------------------------------------------------------------*/
.article-colors {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.article-colors li {
  margin: 0;
  display: inline-block;
  padding: 5px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border: 1px solid transparent;
}
.article-colors li.active {
  background: #f6f8fc;
  border: 1px solid #bec9d9;
}
.article-colors li span {
  border-radius: 100%;
  display: block;
  width: 16px;
  height: 16px;
  -webkit-transition: 0.25s border-width;
  transition: 0.25s border-width;
}
.article-colors li span.color-green {
  background: #a8e164;
}
.article-colors li span.color-blue {
  background: #6bd0f9;
}
.article-colors li span.color-red {
  background: #fe8694;
}
.article-colors li span.color-yellow {
  background: #ffebb3;
}
.article-colors li span.color-white {
  background: white;
  border: 1px solid #bec9d9;
}
.article-colors li span.color-black {
  background: #465366;
}
/*--------------------------------------------------------------
## Contacts Information
--------------------------------------------------------------*/
.contacts-information {
  margin-bottom: 60px;
  text-align: center;
}
.contacts-information .fa {
  font-size: 16px;
  color: #bec9d9;
  margin-bottom: 10px;
  background: #1ba4dd;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.contacts-information .type {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #465366;
}
.contacts-information .info {
  font-family: 'Source Sans Pro', sans-serif;
}
/*--------------------------------------------------------------
## WooShowcase
--------------------------------------------------------------*/
.wooshowcase-item {
  background: #f6f8fc;
  border: 1px solid #edf2f9;
  overflow: hidden;
  display: block;
  -webkit-transition: background, border .25s;
  transition: background, border .25s;
  cursor: pointer;
}
.wooshowcase-item:hover {
  background: #fff;
  border: 1px solid #bec9d9;
}
.wooshowcase-title {
  font-size: 32px;
  display: block;
}
.wooshowcase-title,
.wooshowcase-buttons {
  margin-top: 200px;
}
.wooshowcase-show {
  display: none;
}
.wooshowcase-image {
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .wooshowcase-title,
  .wooshowcase-buttons {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .wooshowcase-title,
  .wooshowcase-buttons {
    margin-top: 0px;
  }
}
/*--------------------------------------------------------------
## Portfolio Showcase
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Portfolio Showcase
--------------------------------------------------------------*/
.portfolio-column {
  position: static;
  transition: margin .5s;
  -webkit-transition: margin .5s;
}
.portfolio-expand {
  position: absolute;
  left: 0;
  width: 100%;
  background: #f6f8fc;
  height: 0;
  overflow: hidden;
  transition: height .5s;
  -webkit-transition: height .5s;
  margin-top: 20px;
}
.portfolio-expand h4 {
  font-size: 48px;
  margin-bottom: 20px;
}
.portfolio-expand .button {
  margin-top: 20px;
}
.portfolio-expand-container {
  padding: 60px 0 40px;
  display: none;
}
@media (max-width: 480px) {
  .portfolio-expand img {
    display: none;
  }
}
/*--------------------------------------------------------------
## Boxy
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Boxy
--------------------------------------------------------------*/
.boxy.content-vertical-massive {
  padding-top: 0;
  padding-bottom: 0;
}
.boxy .boxy-box.content {
  padding: 50px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f6f8fc;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #465366;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before:before,
.clear:after:before,
.entry-content:before:before,
.entry-content:after:before,
.comment-content:before:before,
.comment-content:after:before,
.site-header:before:before,
.site-header:after:before,
.site-content:before:before,
.site-content:after:before,
.site-footer:before:before,
.site-footer:after:before,
.clear:before:after,
.clear:after:after,
.entry-content:before:after,
.entry-content:after:after,
.comment-content:before:after,
.comment-content:after:after,
.site-header:before:after,
.site-header:after:after,
.site-content:before:after,
.site-content:after:after,
.site-footer:before:after,
.site-footer:after:after {
  content: " ";
  display: table;
}
.clear:before:after,
.clear:after:after,
.entry-content:before:after,
.entry-content:after:after,
.comment-content:before:after,
.comment-content:after:after,
.site-header:before:after,
.site-header:after:after,
.site-content:before:after,
.site-content:after:after,
.site-footer:before:after,
.site-footer:after:after {
  clear: both;
}
.clear:after:before,
.entry-content:after:before,
.comment-content:after:before,
.site-header:after:before,
.site-content:after:before,
.site-footer:after:before,
.clear:after:after,
.entry-content:after:after,
.comment-content:after:after,
.site-header:after:after,
.site-content:after:after,
.site-footer:after:after {
  content: " ";
  display: table;
}
.clear:after:after,
.entry-content:after:after,
.comment-content:after:after,
.site-header:after:after,
.site-content:after:after,
.site-footer:after:after {
  clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
  display: none;
}
/* Widget Products */
.widget.woocommerce {
  padding: 100px 0;
}
.widget.woocommerce h4 {
  margin-bottom: 30px;
  text-align: center;
}
.widget.woocommerce ul.product_list_widget {
  display: block;
  padding: 0;
  margin: 0;
}
.widget.woocommerce ul.product_list_widget:before,
.widget.woocommerce ul.product_list_widget:after {
  content: " ";
  display: table;
}
.widget.woocommerce ul.product_list_widget:after {
  clear: both;
}
.widget.woocommerce ul.product_list_widget a {
  display: inline-block;
  margin-bottom: 5px;
}
.widget.woocommerce ul.product_list_widget li {
  padding: 5px 0;
  border-bottom: 1px solid #edf2f9;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
section.post sup,
section.page sup,
article.post sup,
article.page sup {
  vertical-align: super;
}
section.post sub,
section.page sub,
article.post sub,
article.page sub {
  vertical-align: sub;
}
section.post figure,
section.page figure,
article.post figure,
article.page figure {
  overflow: hidden;
}
section.post header,
section.page header,
article.post header,
article.page header {
  padding: 60px 0;
}
section.post header hr,
section.page header hr,
article.post header hr,
article.page header hr {
  margin-bottom: 0px;
}
section.post ul,
section.page ul,
article.post ul,
article.page ul {
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}
section.post ul ul,
section.page ul ul,
article.post ul ul,
article.page ul ul,
section.post ul ol,
section.page ul ol,
article.post ul ol,
article.page ul ol {
  margin-bottom: 0;
}
section.post ul li,
section.page ul li,
article.post ul li,
article.page ul li {
  list-style-type: disc;
}
section.post ol,
section.page ol,
article.post ol,
article.page ol {
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}
section.post ol ul,
section.page ol ul,
article.post ol ul,
article.page ol ul,
section.post ol ol,
section.page ol ol,
article.post ol ol,
article.page ol ol {
  margin-bottom: 0;
}
section.post ol li,
section.page ol li,
article.post ol li,
article.page ol li {
  list-style-type: decimal;
}
section.post dt,
section.page dt,
article.post dt,
article.page dt {
  font-weight: bold;
  text-decoration: underline;
}
section.post dd,
section.page dd,
article.post dd,
article.page dd {
  margin: 0;
  padding: 0 0 10px 0;
}
section.post .alignleft,
section.page .alignleft,
article.post .alignleft,
article.page .alignleft {
  margin-right: 15px;
}
section.post .alignright,
section.page .alignright,
article.post .alignright,
article.page .alignright {
  margin-left: 15px;
}
section.post q,
section.page q,
article.post q,
article.page q {
  font-style: italic;
}
section.post blockquote,
section.page blockquote,
article.post blockquote,
article.page blockquote {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 10px 30px 5px;
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  background: #f6f8fc;
}
section.post blockquote p,
section.page blockquote p,
article.post blockquote p,
article.page blockquote p {
  font-size: 18px;
}
section.post blockquote:before,
section.page blockquote:before,
article.post blockquote:before,
article.page blockquote:before,
section.post blockquote:after,
section.page blockquote:after,
article.post blockquote:after,
article.page blockquote:after {
  content: "";
}
section.post.sticky .post-content,
section.page.sticky .post-content,
article.post.sticky .post-content,
article.page.sticky .post-content {
  border-top: 3px solid #1ba4dd;
}
section.post .post-content,
section.page .post-content,
article.post .post-content,
article.page .post-content {
  padding: 20px 0 10px;
  background: #f6f8fc;
}
section.post .post-content h2,
section.page .post-content h2,
article.post .post-content h2,
article.page .post-content h2 {
  font-size: 18px;
  margin: 0 0 10px;
}
section.post .post-content h2 a,
section.page .post-content h2 a,
article.post .post-content h2 a,
article.page .post-content h2 a {
  color: #465366;
  -webkit-transition: 0.25s color;
  transition: 0.25s color;
}
section.post .post-content h2 a:hover,
section.page .post-content h2 a:hover,
article.post .post-content h2 a:hover,
article.page .post-content h2 a:hover {
  color: #b3589e;
  text-decoration: none;
}
section.post .post-content p,
section.page .post-content p,
article.post .post-content p,
article.page .post-content p {
  font-size: 16px;
  text-align: justify;
  line-height: 1.7;
  font-weight: 500;
  
 section.post .post-content .blog p,
 section.post .post-content.full-content {
	font-size: 16px; 
 }
  
}
section.post .post-content.full-content,
section.page .post-content.full-content,
article.post .post-content.full-content,
article.page .post-content.full-content {
  font-size: 14px;
  background: transparent;
  border-bottom: 1px solid #edf2f9;
}
section.post .avatar-name,
section.page .avatar-name,
article.post .avatar-name,
article.page .avatar-name {
  font-size: 12px;
}
section.post.post-list,
section.page.post-list,
article.post.post-list,
article.page.post-list {
  margin-bottom: 20px;
}
section.post.post-list .post-content,
section.page.post-list .post-content,
article.post.post-list .post-content,
article.page.post-list .post-content {
  padding: 0;
}
section.post.post-list .post-content .post-content,
section.page.post-list .post-content .post-content,
article.post.post-list .post-content .post-content,
article.page.post-list .post-content .post-content {
  padding: 20px 30px 10px;
}
section.post.post-list .post-content .post-content h2,
section.page.post-list .post-content .post-content h2,
article.post.post-list .post-content .post-content h2,
article.page.post-list .post-content .post-content h2 {
  font-size: 24px;
}
section.post.post-list .post-meta,
section.page.post-list .post-meta,
article.post.post-list .post-meta,
article.page.post-list .post-meta {
  background: transparent;
  padding: 0;
}
section.post .post-meta,
section.page .post-meta,
article.post .post-meta,
article.page .post-meta {
  font-family: 'Source Sans Pro', sans-serif;
  list-style-type: none;
  padding: 10px 30px;
  background: #edf2f9;
  margin: 0;
}
section.post .post-meta li,
section.page .post-meta li,
article.post .post-meta li,
article.page .post-meta li {
  display: inline;
  margin-right: 10px;
  font-size: 14px;
}
section.post .post-meta li.separator,
section.page .post-meta li.separator,
article.post .post-meta li.separator,
article.page .post-meta li.separator {
  color: #bec9d9;
}
section.post .post-meta li a,
section.page .post-meta li a,
article.post .post-meta li a,
article.page .post-meta li a {
  color: #717d90;
  text-decoration: none;
}
section.post .post-meta li a:hover,
section.page .post-meta li a:hover,
article.post .post-meta li a:hover,
article.page .post-meta li a:hover {
  color: #465366;
}
h3.post-meta {
  background: #f6f8fc;
  border-radius: 100px;
  display: inline-block;
  padding: 10px 30px;
  font-size: 16px;
}
.comments {
  padding: 20px 0;
  border-bottom: 1px solid #edf2f9;
}
.comments .comment-list {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
}
.comments .comment-list li {
  margin-top: 10px;
}
.comments .comment-list li.comment {
  padding: 20px 0;
}
.comments .comment-list li.comment h5 {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 5px;
}
.comments .comment-list li.comment .comment-author {
  padding: 10px;
  background: #f6f8fc;
  border: 1px solid #edf2f9;
  border-bottom: 0;
}
.comments .comment-list li.comment .comment-author .avatar {
  margin-right: 15px;
}
.comments .comment-list li.comment .comment-content {
  border: 1px solid #edf2f9;
  display: block;
  padding: 10px;
}
.comments .comment-list li.comment .comment-content img {
  margin-right: 10px;
}
.comments .comment-list li ul,
.comments .comment-list li ol {
  list-style-type: none;
}
.comments .comment-list li .date-reply {
  float: right;
  padding-right: 20px;
}
.comments .comment-list > li {
  margin-top: 20px;
}
.leave-comment {
  padding: 20px 0;
}
.leave-comment .form-control {
  width: auto;
  resize: none;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
}
.leave-comment input.form-control {
  height: 40px;
  width: 250px;
}
.leave-comment textarea.form-control {
  height: 150px;
  padding: 10px;
  width: 524px;
  max-width: 100%;
}
.blog-item {
  margin-bottom: 30px;
}
.blog-item .post.container {
  padding: 0;
}
.blog-item .post header {
  padding: 0;
}
.blog-item .post .post-content {
  padding: 20px 30px 10px;
}
.thumbnail-media img {
  -webkit-transition: 2s all;
  transition: 2s all;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.ls-inner {
  background-size: cover;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}