/*
by Alexander Ponomarev 
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
  10.4 Header
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Layout
14.0 Helpers
--------------------------------------------------------------*/
/* // Vertically align
%vertical-align {
	position: absolute;
	top: 50%;
	@include transform(translateY(-50%));
}
 */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700|Lora:400,700,400italic,700italic);
.main-navigation .nav-menu, .header-main, .page-head, .post-filter, .category-filter, .category-filter ul, .blog_ver1 .post-content {
  *zoom: 1; }
  .main-navigation .nav-menu:before, .header-main:before, .page-head:before, .post-filter:before, .category-filter:before, .category-filter ul:before, .blog_ver1 .post-content:before, .main-navigation .nav-menu:after, .header-main:after, .page-head:after, .post-filter:after, .category-filter:after, .category-filter ul:after, .blog_ver1 .post-content:after {
    content: " ";
    display: table; }
  .main-navigation .nav-menu:after, .header-main:after, .page-head:after, .post-filter:after, .category-filter:after, .category-filter ul:after, .blog_ver1 .post-content:after {
    clear: both; }

.widget_social_links i, .comment-head .trigger, .share-page i, .footer-social-icons i {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  /*vertical-align: baseline;*/ }

html {
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
   }

body {
  background: #0a0a0a;
  /* Fallback for when there is no custom background color defined. */
  overflow: hidden; }

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

ol, ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal; }

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

blockquote, q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Philosopher", serif;
  font-weight:400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.9rem;
  /* 9 */
  line-height: 1.5555555556;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #333333; }

h1 {
  color: #000000;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 40px;
  /* 9 */
  font-size: 4rem;
  /* 9 */
  line-height: 1.25;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 30px;
  /* 9 */
  margin-bottom: 3rem;
  /* 9 */ }

h2 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  line-height: 1.3333333333;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 30px;
  /* 9 */
  margin-bottom: 3rem;
  /* 9 */ }

h3 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 28px;
  /* 9 */
  font-size: 2.8rem;
  /* 9 */
  line-height: 1.25;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 30px;
  /* 9 */
  margin-bottom: 3rem;
  /* 9 */ }

h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 23px;
  /* 9 */
  font-size: 2.3rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */ }

h5 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
  font-weight: bold;
  line-height: 1.4;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */ }

h6 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 1.75;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */ }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-size: 10px;
  font-size: 1rem;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  text-decoration: none; }

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

.entry-title {
  margin-bottom: 0; }

.dropcap {
  font-size: 90px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  float: left;
  color: #333333;
  line-height: 0.9;
  padding-right: 15px; }

.pullquote {
  text-align: right;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  padding-right: 30px;
  margin-right: 30px;
  margin-top: 7px;
  margin-bottom: 20px;
  border-right: 3px solid #e7e7e7;
  float: left;
  max-width: 50%; }

.pullquote-reverse {
  text-align: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  padding-left: 30px;
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 7px;
  border-left: 3px solid #e7e7e7;
  float: right;
  max-width: 400px; }

blockquote {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  padding: 0 21px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: 0;
  margin-left: 0;
  border-left: 5px solid #eeeeee; }
  blockquote p {
    margin: 0;
    margin-bottom: 10px; }

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #dadcdd; }

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'; }

cite {
  font-size: 20px;
  /* text-align: right; */
  /* float: right; */
  display: block;
  color: #888888; }

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
body {
  background-image: url("assets/img/bg-pattern.jpg"); }

hr {
  background-color: #2c2d2e;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

::-moz-selection {
  background: #e9f1f2; }

::selection {
  background: #e9f1f2; }

code {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 20px; }

.fatline {
  background-color: #f6fafb;
  height: 10px;
  width: 100%;
  display: block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 30px;
  /* 9 */
  margin-top: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 50px;
  /* 9 */
  margin-bottom: 5rem;
  /* 9 */ }

time.updated {
  display: none; }

ul, ol {
   }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

a[rel="fluidbox"] {
  border: none !important; }
  a[rel="fluidbox"]:hover {
    border: none !important; }

.fluidbox-wrap {
  display: inline-block; }

.fluidbox-overlay, .fluidbox-ghost {
  z-index: 5000000; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: bold; }

.entry-content table td, .entry-content table th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 30px; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }



button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  color: #666;
  border: 1px solid #f7f6f6;
  background: #f7f6f6;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: auto; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  background: #ffffff;
  border: 1px solid #cccccc;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  outline: none; }

textarea {
  outline: none;
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

input[type=submit] {
  text-shadow: none;
  font-weight: bold;
  display: inline-block;
  border: 0;
  border-bottom: 4px solid;
  position: relative;
  top: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0s !important;
  -webkit-transition: 0s !important;
  -moz-transition: 0s !important;
  -ms-transition: 0s !important;
  -o-transition: 0s !important;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 30px;
  /* 9 */
  padding-right: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 14px;
  /* 9 */
  padding-top: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 14px;
  /* 9 */
  padding-bottom: 1.4rem;
  /* 9 */
  color: #ffffff;
  background: #2cafd2;
  border-color: #289dbc; }
  input[type=submit]:hover {
    text-decoration: none;
    border-bottom: 4px solid;
    position: relative;
    top: 4px !important;
    outline: 0 !important;
    margin-bottom: 4px !important;
    border-bottom: 0 !important;
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -ms-transition: 0s !important;
    -o-transition: 0s !important;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
 }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.menu-toggle {
  display: none; }

/* .navigation-area{
	margin-top: 70px;
	@extend %clearfix;
	@media only screen and (max-width: \$screen-md) {
		float: none!important;
		width: 100%;
	}
} */
.main-navigation {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 64px;
  /* 9 */
  margin-top: 6.4rem;
  /* 9 */
  width: auto; }
  @media only screen and (max-width: 64em) {
    .main-navigation {
      display: none; } }

.main-navigation .nav-menu {
  position: relative;
  margin: 0;
  /* @media only screen and (max-width: \$screen-lg) {
  	display: none;
  } */ }

.main-navigation .indicator {
  position: absolute;
  top: 66px;
  left: 0;
  bottom: 0;
  width: 0;
  height: 5px;
  line-height: 0;
  font-size: 0;
  background: #000000;
  z-index: 20;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  /* @media only screen and (max-width: \$screen-lg) {
  		display: none;
  	} */ }

/* lvl 1 */
.main-navigation ul.nav-menu {
  position: relative;
  z-index: 300000;
  list-style: none; }

.main-navigation ul.nav-menu > li {
  float: left;
  position: relative; }

.main-navigation ul.nav-menu > li > a > i {
  /* position: absolute; */
  /* top: 11px; */
  position: relative;
  font-size: 9px;
  right: 1px;
  top: -3px;
  /* left: 8px; */
  margin-left: 10px; }

.main-navigation ul.nav-menu > li > ul.sub-menu > li > a > i {
  font-size: 9px;
  position: absolute;
  right: 22px;
  top: 11px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }

/* TODO Add Transition */
.main-navigation ul.nav-menu > li > a {
  /* font-family: \$font-family-serif; */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 19px;
  /* 9 */
  font-size: 1.9rem;
  /* 9 */
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 0 17px 42px 17px;
  /* margin-left: 17px;
  margin-right: 17px;
  padding-bottom: 42px; */
  z-index: 30;
  color: #666666;
  border: none; }
  .main-navigation ul.nav-menu > li > a:hover {
    color: #000000; }

.main-navigation ul.nav-menu > li:last-child a,
.main-navigation ul.nav-menu > li.last a {
  padding-right: 0; }

/* lvl 2 */
.main-navigation ul.nav-menu > li > ul.sub-menu {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 200px;
  /* 9 */
  width: 20rem;
  /* 9 */
  display: none;
  position: absolute;
  left: 17px;
  top: 71px;
  background: #000;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px; }

.main-navigation ul.nav-menu > li > ul.sub-menu li {
  border-top: 1px solid transparent; }

.main-navigation ul.nav-menu > li > ul.sub-menu li:first-child {
  border: 0; }

/* TODO Add Transition */
.main-navigation ul.nav-menu > li > ul.sub-menu a {
  display: block;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  font-weight: bold;
  color: #999999;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 3px;
  padding-bottom: 3px; }
  .main-navigation ul.nav-menu > li > ul.sub-menu a:hover {
    color: #ffffff !important;
    border: none; }

.main-navigation ul.nav-menu li {
  list-style: none !important; }

.main-navigation ul.nav-menu > li > ul.sub-menu > li {
  text-align: left !important; }
  .main-navigation ul.nav-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
    display: block; }

.main-navigation ul.nav-menu > li > ul.sub-menu > li {
  position: relative; }

.main-navigation ul.nav-menu > li > ul.sub-menu > li > ul.sub-menu {
  display: none;
  position: absolute;
  left: 173px;
  top: -20px;
  width: 100%;
  background: #1D1D1D;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-top: 20px; }

/*FIX FOR IE MENU ADDED*/
.main-navigation ul.nav-menu > li > ul.sub-menu::before {
  content: "";
  display: block;
  border-top: 10px solid transparent;
  height: 10px;
  position: absolute;
  top: -10px;
  width: 100%; }

.responsive-main-navigation {
  display: none;
  padding-left: 20px;
  padding-right: 20px; }
  .responsive-main-navigation ul {
    margin-left: 0; }
    .responsive-main-navigation ul ul a {
      padding-left: 30px; }
    .responsive-main-navigation ul ul ul a {
      padding-left: 50px; }
  .responsive-main-navigation li {
    list-style: none; }
  .responsive-main-navigation a {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #000000;
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #666666; }
    .responsive-main-navigation a:hover {
      background: #eeeeee;
      text-decoration: none; }

.responsive-menu-toggle {
  background: #eeeeee;
  position: absolute;
  top: 50px;
  border: none;
  padding: 8px 12px 12px 12px;
  display: none;
  cursor: pointer; }
  .responsive-menu-toggle:hover {
    border: none; }

.responsive-icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none; }

/* Global menu icon line styles */
.responsive-icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #c3c2c2; }

/* Menu icon line 1 */
.responsive-icon-menu .line-1 {
  top: 0; }

/* When active, rotate line 1 to be lefthand part of X */
.is-active .responsive-icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
      transform: translateY(8px) translateX(0) rotate(45deg); }

/* Line 2 */
.responsive-icon-menu .line-2 {
  top: 50%;
  margin-top: -2px; }

/* When active, hide line 2 */
.is-active .responsive-icon-menu .line-2 {
  opacity: 0; }

/* Line 3 */
.responsive-icon-menu .line-3 {
  bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */
.is-active .responsive-icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
      transform: translateY(-8px) translateX(0) rotate(-45deg); }

/*--------------------------------------------------------------
6.0 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: #f1f1f1;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    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 */ }

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin: 0 auto; }

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 80px;
  /* 9 */
  margin-top: 8rem;
  /* 9 */
  /* Make sure select elements fit in widgets */ }
  .widget select {
    max-width: 100%; }
  .widget h4 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 17px;
    /* 9 */
    font-size: 1.7rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 15px;
    /* 9 */
    padding-bottom: 1.5rem;
    /* 9 */
    border-bottom: 4px solid #f1f1f1;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 20px;
    /* 9 */
    margin-bottom: 2rem;
    /* 9 */ }
  .widget ul {
    list-style: none;
    margin: 0;
    padding: 0; }

/* Search widget */
.widget_search .search-submit {
  display: none; }

/* Recent Posts */
.widget_recent_entries ul {
  margin: 0;
  padding: 0; }
.widget_recent_entries li {
  position: relative;
  padding-top: 18px;
  list-style: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px; }
.widget_recent_entries a {
  font-family: "Roboto", sans-serif;
  display: block;
  color: #666666;
  position: relative;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 5px;
  margin-bottom: 15px; }
  .widget_recent_entries a:hover {
    text-decoration: none;
    border: none;
    color: #000000; }
.widget_recent_entries i {
  font-size: 0.7em;
  float: right;
  margin-top: 13px;
  visibility: hidden !important; }
.widget_recent_entries span.post-date {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  display: block;
  font-size: 0.83em;
  color: #2cafd2;
  position: absolute;
  top: 0px; }
.widget_recent_entries img {
  height: 81px;
  width: 91px;
  float: left; }

/* Custom Text */
.widget_text {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */
  color: #666666; }

/* Archive Widget */
.widget_archive a {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #666666; }
  .widget_archive a:hover {
    color: #000000;
    border: none; }
    .widget_archive a:hover:after {
      opacity: 1;
      right: -10px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .widget_archive a:after {
    color: #2cafd2;
    position: relative;
    font-family: FontAwesome;
    top: -2px;
    right: -5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    content: "\f061";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

/* Categories Widget */
.widget_categories li {
  color: #2cafd2; }
  .widget_categories li:hover:after {
    opacity: 1;
    right: -10px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .widget_categories li:after {
    color: #2cafd2;
    position: relative;
    font-family: FontAwesome;
    top: -2px;
    right: -5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    content: "\f061";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
.widget_categories a {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #666666; }
  .widget_categories a:hover {
    color: #000000;
    border: none; }

/* Meta Widget */
.widget_meta a {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #666666; }
  .widget_meta a:hover {
    color: #000000;
    border: none; }
    .widget_meta a:hover:after {
      opacity: 1;
      right: -10px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .widget_meta a:after {
    color: #2cafd2;
    position: relative;
    font-family: FontAwesome;
    top: -2px;
    right: -5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    content: "\f061";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

.widget_pages a {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #666666; }
  .widget_pages a:hover {
    color: #000000;
    border: none; }
    .widget_pages a:hover:after {
      opacity: 1;
      right: -10px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .widget_pages a:after {
    color: #2cafd2;
    position: relative;
    font-family: FontAwesome;
    top: -2px;
    right: -5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    content: "\f061";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

/* Recent Comments Widget */
.widget_recent_comments li {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  padding-right: 5%;
  border-bottom: 1px solid #cccccc; }
.widget_recent_comments a {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  line-height: 25px;
  color: #666666;
  font-weight: bold;
  font-family: "Roboto", sans-serif; }
  .widget_recent_comments a:hover {
    color: #000000;
    border: none; }

/* Widget Nav Menu */
.widget_nav_menu a {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 6px;
  /* 9 */
  padding-top: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  color: #666666; }
  .widget_nav_menu a:hover {
    color: #000000;
    border: none; }
    .widget_nav_menu a:hover:after {
      opacity: 1;
      right: -10px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
  .widget_nav_menu a:after {
    color: #2cafd2;
    position: relative;
    font-family: FontAwesome;
    top: -2px;
    right: -5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    content: "\f061";
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

/* RSS Widget */
.widget_rss li {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 20px;
  /* 9 */
  padding-top: 2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 20px;
  /* 9 */
  padding-bottom: 2rem;
  /* 9 */
  padding-right: 5%;
  border-bottom: 1px solid #cccccc; }
.widget_rss ul a {
  display: block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  line-height: 25px;
  color: #666666;
  font-weight: bold;
  font-family: "Roboto", sans-serif; }
  .widget_rss ul a:hover {
    color: #000000;
    border: none; }
.widget_rss .rss-date {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */ }
.widget_rss .rssSummary {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  color: #666666; }

/* Search Widget */
.widget_search input {
  width: 89%; }

/* Infobox Widget */
.widget-infobox h3 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 25px;
  /* 9 */
  margin-top: 2.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
  padding-left: 7%;
  padding-right: 7%; }
.widget-infobox p {
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 35px;
  /* 9 */
  margin-bottom: 3.5rem;
  /* 9 */
  padding-left: 7%;
  padding-right: 7%; }
.widget-infobox .dark-infobox.infobox-inner {
  background: #333333; }
  .widget-infobox .dark-infobox.infobox-inner p {
    color: #999999; }
  .widget-infobox .dark-infobox.infobox-inner a {
    color: #ffffff !important; }
.widget-infobox .light-infobox.infobox-inner {
  background: #ffffff;
  border-left: 1px solid #eef1f2;
  border-right: 1px solid #eef1f2;
  border-bottom: 1px solid #eef1f2; }
  .widget-infobox .light-infobox.infobox-inner p {
    color: #666666; }
  .widget-infobox .light-infobox.infobox-inner a {
    color: #2cafd2; }

/* Twitter Widget */
.widget-twitter .twitter-header {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px; }
  .widget-twitter .twitter-header i {
    color: #4aabe3;
    font-size: 38px; }
  .widget-twitter .twitter-header strong {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    color: #bebdbd;
    position: relative;
    top: -8px;
    padding-left: 10px; }
.widget-twitter .tweet {
  text-align: left;
  border-top: 1px solid #cccccc;
  padding: 16px 0; }
  .widget-twitter .tweet:hover p {
    color: #333333;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .widget-twitter .tweet a {
    margin: 0; }
  .widget-twitter .tweet p {
    color: #666666;
    margin-bottom: 5px;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .widget-twitter .tweet .time {
    font-weight: bold;
    color: #999999; }

/* Social Links Widget */
.widget_social_links li {
  float: left; }
  .widget_social_links li:first-child a {
    margin-left: 0; }
.widget_social_links ul {
  content: "";
  display: table; }
.widget_social_links p {
  color: #333333;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 13px;
  /* 9 */
  margin-bottom: 1.3rem;
  /* 9 */ }
.widget_social_links a.btn-share {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  position: relative;
  display: inline-block;
  border: 4px solid;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  margin-left: 7px;
  text-align: center;
  color: #8eb7cb; }
  .widget_social_links a.btn-share:hover {
    color: #2cafd2 !important; }
  .widget_social_links a.btn-share:after {
    display: none; }
.widget_social_links i {
  left: 22%;
  font-weight: bold;
  position: absolute; }
.widget_social_links .fa-facebook {
  left: 32%; }
.widget_social_links .fa-google {
  left: 29%; }

/* Advertisement Widget */
.widget_advertisement a {
  border: none !important; }
  .widget_advertisement a:hover {
    border: none !important; }
.widget_advertisement .advertisement-meta p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 8 */
  margin-bottom: 0;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 13px;
  /* 9 */
  margin-top: 1.3rem;
  /* 9 */
  font-weight: bold;
  color: #c3c0c0; }

/* Latest Posts Widget */
.widget-latest-posts ul {
  margin: 0;
  padding: 0; }
.widget-latest-posts li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px; }
.widget-latest-posts a {
  font-family: "Roboto", sans-serif;
  display: block;
  color: #666666;
  position: relative;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 105px; }
  .widget-latest-posts a:hover {
    text-decoration: none;
    border: none;
    color: #000000; }
.widget-latest-posts i {
  font-size: 0.7em;
  float: right;
  margin-top: 13px;
  visibility: hidden !important; }
.widget-latest-posts span.category {
  display: block;
  font-size: 0.83em;
  margin-left: 105px; }
.widget-latest-posts span.date {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  display: block;
  font-size: 0.83em;
  color: #2cafd2;
  margin-left: 105px; }
.widget-latest-posts img {
  height: 81px;
  width: 91px;
  float: left; }
.widget-latest-posts li {
  min-height: 98px; }

.no-thumbnail span.date {
  margin-left: 0; }
.no-thumbnail span.category {
  margin-left: 0; }
.no-thumbnail a {
  margin-left: 0; }
.no-thumbnail li {
  min-height: inherit !important; }

/* About Widget */
.widget_about .about-inner {
  border: 2px solid #8eb7cb;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 10%;
  padding-bottom: 10%;
  margin-right: 3px; }
.widget_about .about-name:before {
  content: "";
  position: relative;
  height: 1px;
  display: block;
  background: #000000;
  top: 16px;
  left: 0;
  width: 100%; }
.widget_about .about-name h5 {
  position: relative;
  margin: 0 auto;
  background: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
  text-transform: capitalize;
  color: #2cafd2;
  display: table;
  padding-right: 20px;
  padding-left: 20px; }
.widget_about .about-bio {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  text-align: center;
  color: #666666;
  margin-top: 10%;
  margin-bottom: 10%; }
.widget_about .about-image {
  margin-bottom: 10%; }
.widget_about .about-social {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .widget_about .about-social a {
    display: table-cell;
    text-align: center;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 26px;
    /* 9 */
    font-size: 2.6rem;
    /* 9 */
    color: #8eb7cb;
    border-right: 1px solid #dde3e6; }
    .widget_about .about-social a:hover {
      color: #2cafd2;
      border-bottom: none; }
    .widget_about .about-social a:last-child {
      border-right: none; }

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 24px 1.5em; }

.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; }

.page-featured-image {
  height: 270px;
  background-size: cover;
  background-position: center; }

.page-has-thumb .site-main {
  border-radius: 0.5rem;
  border: 1px solid #2c2d2e;
  color: beige;
  position: relative;
  border-radius: 13px;
  background-color: rgb(22 22 22 / 69%);
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  top: -90px;
  /* 9 */
  top: -9rem;
  /* 9 */
  padding-top: 50px !important; }

.post-image .post-format-image {
  height: 689px;
  background-size: cover;
  background-position: center; }

.post-quote .post-format-quote {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 90px;
  /* 9 */
  padding-top: 9rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 120px;
  /* 9 */
  padding-bottom: 12rem;
  /* 9 */
  padding-left: 17.71%;
  padding-right: 17.71%;
  background: #8c9ea7; }
  @media only screen and (max-width: 40em) {
    .post-quote .post-format-quote {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding-top: 40px;
      /* 9 */
      padding-top: 4rem;
      /* 9 */ } }
.post-quote .quote-icon {
  position: absolute;
  top: 20px;
  left: 4.71%;
  color: #c2c9cc;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 100px;
  /* 9 */
  font-size: 10rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .post-quote .quote-icon {
      display: none; } }
.post-quote blockquote {
  margin: 0;
  color: #ffffff;
  border: none;
  padding-left: 0;
  padding-right: 0; }
.post-quote p {
  margin-bottom: 10px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .post-quote p {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 24px;
      /* 9 */
      font-size: 2.4rem;
      /* 9 */ } }
.post-quote cite {
  display: block;
  text-align: right;
  color: #ffffff;
  margin-top: 30px; }

.post-gallery .post-format-gallery {
  position: relative; }
  .post-gallery .post-format-gallery .image {
    height: 650px;
    background-size: cover;
    background-position: center; }
  .post-gallery .post-format-gallery:hover .owl-prev {
    left: 0;
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .post-gallery .post-format-gallery:hover .owl-next {
    right: 0;
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
.post-gallery .owl-nav {
  position: absolute;
  z-index: 100;
  top: 285px;
  width: 100%;
  color: #555555;
  overflow: hidden; }
.post-gallery .owl-prev {
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: 20px;
  /* 9 */
  margin-left: 2rem;
  /* 9 */
  position: relative;
  left: -80px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .post-gallery .owl-prev:hover {
    opacity: 1 !important; }
.post-gallery .owl-next {
  float: right;
  position: relative;
  right: -80px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 20px;
  /* 9 */
  margin-right: 2rem;
  /* 9 */
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .post-gallery .owl-next:hover {
    opacity: 1 !important; }
.post-gallery .owl-prev, .post-gallery .owl-next {
  border-radius: 50%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  line-height: 60px;
  /* 9 */
  line-height: 6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 60px;
  /* 9 */
  width: 6rem;
  /* 9 */
  background: #ffffff;
  text-align: center;
  display: block; }

.author-area {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */

  /* 9 */

  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */

  /* 9 */
 
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */

  /* 9 */

  /* 9 */
   }
    @media only screen and (max-width: 30em) {
      .author-area .col-xs-9 {
        display: block;
        width: 100%; } }
  @media only screen and (max-width: 30em) {
    .author-area .col-xs-3 {
      display: block;
      width: 100%; } }
  .author-area p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.3rem;
    /* 9 */
    margin-bottom: 0;
    font-family: sans-serif;
   }
  .author-area img {
    border-radius: 6%;
    -wekit-border-radius: 6%;
    -moz-border-radius: 6%;
    -o-border-radius: 6%;
    -ms-border-radius: 6%; }
  .author-area h4 {
    text-transform: capitalize;
    font-size: 1.4em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 20px;
    /* 9 */
    font-size: 2rem;
    /* 9 */ }
    .author-area h4 a {
      color: #000000; }

.related-posts {
  
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 50px;
  /* 9 */
  padding-top: 5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 20px;
  /* 9 */
  padding-bottom: 2rem;
  /* 9 */ }
  @media only screen and (max-width: 64em) {
    .related-posts {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding-top: 20px;
      /* 9 */
      padding-top: 2rem;
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 5 */
      /* 8 */
      padding-bottom: 0px;
      /* 9 */ } }
  .related-posts span {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    color: #999999; }
  .related-posts .next-post:hover a, .related-posts .prev-post:hover a {
    color: #000000;
    text-decoration: none;
    border: none; }
  .related-posts .next-post:hover i, .related-posts .prev-post:hover i {
    border: 3px solid #2cafd2;
    color: #2cafd2;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .related-posts a {
    text-decoration: none;
    color: #999999; }
  .related-posts h2 {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */ }
  .related-posts i {
    position: absolute;
    color: #676767;
    position: absolute;
    top: 40%;
    left: -10px;
    margin-left: 10px;
    font-size: 11px;
    padding: 8px 0 8px 0;
    text-align: center;
    border: 3px solid #676767;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    @media only screen and (max-width: 64em) {
      .related-posts i {
        display: none; } }
  .related-posts .prev-post, .related-posts .next-post {
    position: relative;
    width: 50%;
    float: left; }
    @media only screen and (max-width: 64em) {
      .related-posts .prev-post, .related-posts .next-post {
        display: block;
        width: 100%;
        float: none; } }
  .related-posts .prev-post {
    text-align: left;
    border-right: 1px solid #2cafd2; }
    @media only screen and (max-width: 64em) {
      .related-posts .prev-post {
        border: none;
        margin-bottom: 20px; } }
    .related-posts .prev-post h2 {
      padding-left: 20%;
      padding-right: 12%; }
      @media only screen and (max-width: 64em) {
        .related-posts .prev-post h2 {
          padding: 0; } }
    .related-posts .prev-post span {
      padding-left: 20%;
      padding-right: 16%; }
      @media only screen and (max-width: 64em) {
        .related-posts .prev-post span {
          padding: 0; } }
  .related-posts .next-post {
    text-align: right; }
    @media only screen and (max-width: 64em) {
      .related-posts .next-post {
        text-align: left; } }
    .related-posts .next-post h2 {
      padding-right: 20%;
      padding-left: 12%; }
      @media only screen and (max-width: 64em) {
        .related-posts .next-post h2 {
          padding: 0; } }
    .related-posts .next-post span {
      padding-right: 20%;
      padding-left: 16%; }
      @media only screen and (max-width: 64em) {
        .related-posts .next-post span {
          padding: 0; } }
    .related-posts .next-post i {
      right: 0px;
      left: auto; }

.error-404 {
  text-align: center !important; }

.error-404 h1 {
  margin-bottom: 30px; }

.error-404 h3 {
  color: #666666;
  margin-bottom: 40px; }

.error-404 p {
  font-size: 16px;
  font-style: italic; }

.main-404 {
  font-size: 200px; }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
/**
* site/primary/_comments.scss
*/
.comment-head {
  position: relative;
  margin-top: 30px;
  background: #eef1f2; }
  .comment-head h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 20px;
    /* 9 */
    font-size: 2rem;
    /* 9 */
    padding: 20px 0 20px 4%;
    font-weight: 400;
    color: #6c787c; }
  .comment-head .comment-count {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 23px;
    /* 9 */
    font-size: 2.3rem;
    /* 9 */
    color: #000000; }
  .comment-head .trigger-plus {
    display: none; }
  .comment-head .trigger {
    margin-top: 1px;
    cursor: pointer;
    color: #c4d0d4;
    position: absolute;
    right: 3%;
    line-height: 1;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 30px;
    /* 9 */
    font-size: 3rem;
    /* 9 */ }
    .comment-head .trigger:hover {
      color: #909da2;
      border: none; }

ul.commentlist {
  margin: 0;
  padding: 0; }
  ul.commentlist .comment-meta {
    margin-bottom: 20px; }
  ul.commentlist ul.children {
    margin-bottom: 0; }
  ul.commentlist .depth-2 .comment-author {
    margin-left: 0; }
  ul.commentlist .col-xs-2 {
    width: auto; }
  ul.commentlist .col-xs-10 {
    width: 82.333333%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-left: 30px;
    /* 9 */
    padding-left: 3rem;
    /* 9 */ }
  ul.commentlist .comment-author {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-left: 15px;
    /* 9 */
    margin-left: 1.5rem;
    /* 9 */ }
    ul.commentlist .comment-author img {
      max-height: 80px;
      max-width: 80px;
      border-radius: 50%;
      -wekit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%; }
  ul.commentlist li {
    list-style: none !important; }
  ul.commentlist > li {
    list-style: none;
    padding: 40px 0 0 0;
    border-top: 1px solid #e2e2e2; }
    ul.commentlist > li:first-child {
      border-top: none; }
    ul.commentlist > li:last-child {
      border-bottom: 1px solid #e2e2e2; }
  ul.commentlist .depth-1 .col-xs-10 {
    margin-bottom: 30px; }
  ul.commentlist .depth-2, ul.commentlist .depth-3, ul.commentlist .depth-4 {
    padding-left: 18%; }
  ul.commentlist .author-name {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 20px;
    /* 9 */
    font-size: 2rem;
    /* 9 */ }
    ul.commentlist .author-name a {
      color: #000000; }
  ul.commentlist .date {
    display: block;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 15px;
    /* 9 */
    font-size: 1.5rem;
    /* 9 */
    font-family: "Roboto", sans-serif;
    color: #999999;
    position: relative;
    top: -5px; }
  ul.commentlist form {
    margin-top: 40px; }
  ul.commentlist .comment-reply-link {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-right: 15px;
    /* 9 */
    margin-right: 1.5rem;
    /* 9 */
    font-family: "Roboto", sans-serif;
    float: right;
    color: #999999; }
    ul.commentlist .comment-reply-link span {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 15px;
      /* 9 */
      font-size: 1.5rem;
      /* 9 */
      position: relative;
      left: -7px; }
    ul.commentlist .comment-reply-link i {
      font-size: 30px;
      color: #d2d2d2;
      position: relative;
      top: 5px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    ul.commentlist .comment-reply-link:hover {
      color: #000000;
      border: none; }
      ul.commentlist .comment-reply-link:hover i {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        color: #000000; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.comment-respond .logged-in-as {
  margin-bottom: 0; }
.comment-respond .comment-reply-title {
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 25px;
  /* 9 */
  font-size: 2.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 30px;
  /* 9 */
  margin-top: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 30px;
  /* 9 */
  margin-bottom: 3rem;
  /* 9 */ }
.comment-respond #email {
  width: 94%;
  float: right; }
.comment-respond #author {
  width: 94%; }
.comment-respond textarea {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 30px;
  /* 9 */
  margin-top: 3rem;
  /* 9 */ }
.comment-respond input[type=submit] {
  text-shadow: none;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 30px;
  /* 9 */
  margin-top: 3rem;
  /* 9 */
  float: right;
  display: inline-block;
  border: 0;
  border-bottom: 4px solid;
  position: relative;
  top: 0px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0s !important;
  -webkit-transition: 0s !important;
  -moz-transition: 0s !important;
  -ms-transition: 0s !important;
  -o-transition: 0s !important;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 30px;
  /* 9 */
  padding-right: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 14px;
  /* 9 */
  padding-top: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 14px;
  /* 9 */
  padding-bottom: 1.4rem;
  /* 9 */
  color: #ffffff;
  background: #2cafd2;
  border-color: #289dbc; }
  .comment-respond input[type=submit]:hover {
    text-decoration: none;
    border-bottom: 4px solid;
    position: relative;
    top: 4px !important;
    outline: 0 !important;
    margin-bottom: 4px !important;
    border-bottom: 0 !important;
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -ms-transition: 0s !important;
    -o-transition: 0s !important; }

/*--------------------------------------------------------------
10.4 Header
--------------------------------------------------------------*/
/**
* site/header/_header.scss
*/
.header-background {
  position: absolute;
  top: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 400px;
  /* 9 */
  height: 40rem;
  /* 9 */
  z-index: -100;
  width: 100%; }

.home .header-background {
  height: 700px; }

/* Header Social */
.header-social {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 32px;
  /* 9 */
  height: 3.2rem;
  /* 9 */
  background: #f7f7f7; }

/* TODO add transform */
.header-social-icons a {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16.89px;
  /* 9 */
  font-size: 1.689rem;
  /* 9 */
  float: left;
  background: #c2c9cc;
  color: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 32px;
  /* 9 */
  height: 3.2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 32px;
  /* 9 */
  width: 3.2rem;
  /* 9 */
  padding: 0;
  margin: 0;
  text-align: center; }
  .header-social-icons a:hover {
    background: #8a989e;
    border: none; }
.header-social-icons i {
  padding-top: 7px; }

/* Main Header */
header.site-header {
  background: #ffffff; }

.header-main {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 135px;
  /* 9 */
  min-height: 13.5rem;
  /* 9 */ }

.logo {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 55px;
  /* 9 */
  margin-top: 5.5rem;
  /* 9 */ }
  .logo:hover {
    border: 0; }
  @media only screen and (max-width: 40em) {
    .logo {
      display: table;
      margin-left: auto !important;
      margin-right: auto !important;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-top: 35px;
      /* 9 */
      margin-top: 3.5rem;
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-bottom: 20px;
      /* 9 */
      margin-bottom: 2rem;
      /* 9 */
      position: static;
      float: none; } }

.header-profile {
  position: absolute;
  top: -15px;
  z-index: 100;
  border-radius: 50%;
  background: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 15px;
  /* 9 */
  padding: 1.5rem;
  /* 9 */
  float: left;
  box-shadow: 4px 7px 0px 0px rgba(193, 214, 224, 0.16); }
  @media only screen and (max-width: 1140px) {
    .header-profile {
      margin-left: 20px; } }
  .header-profile:hover {
    border: none; }
  .header-profile .header-profile_image {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    height: 200px;
    /* 9 */
    height: 20rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    width: 200px;
    /* 9 */
    width: 20rem;
    /* 9 */
    background-position: center;
    border-radius: 50%; }

.left-header {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 215px;
  /* 9 */
  padding-left: 21.5rem;
  /* 9 */ }
  @media only screen and (max-width: 64em) {
    .left-header .responsive-menu-toggle {
      display: inline-block;
      right: 40px; } }
  @media only screen and (max-width: 40em) {
    .left-header .responsive-menu-toggle {
      display: table;
      margin: 0 auto;
      margin-bottom: 20px;
      position: static; } }
  .left-header nav.main-navigation {
    float: right; }
  @media only screen and (max-width: 40em) {
    .left-header {
      padding-left: 0; } }
  .left-header .header-profile {
    left: -15px; }
    @media only screen and (max-width: 40em) {
      .left-header .header-profile {
        display: table;
        margin: 0 auto;
        position: static;
        float: none; } }
  .left-header .logo {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-left: 40px;
    /* 9 */
    margin-left: 4rem;
    /* 9 */ }

.right-header {
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 260px;
  /* 9 */
  padding-right: 26rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .right-header {
      padding-right: 0;
      min-height: 350px;
      padding-top: 350px; } }
  @media only screen and (max-width: 30em) {
    .right-header {
      padding-right: 0;
      min-height: 420px;
      padding-top: 420px; } }
  .right-header nav.main-navigation {
    float: right; }
  .right-header .clear {
    display: none; }
    @media only screen and (max-width: 64em) {
      .right-header .clear {
        display: block; } }
  @media only screen and (max-width: 64em) {
    .right-header .responsive-menu-toggle {
      display: inline-block;
      left: 40px; } }
  @media only screen and (max-width: 40em) {
    .right-header .responsive-menu-toggle {
      position: absolute;
      top: 240px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
  @media only screen and (max-width: 30em) {
    .right-header .responsive-menu-toggle {
      position: absolute;
      top: 340px;
      left: 50px; } }
  .right-header .header-profile {
    right: -15px; }
    @media only screen and (max-width: 40em) {
      .right-header .header-profile {
        position: absolute;
        left: -20px;
        top: 10px;
        right: auto; } }
  .right-header .logo {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-right: 40px;
    /* 9 */
    margin-right: 4rem;
    /* 9 */
    float: left; }
    @media only screen and (max-width: 64em) {
      .right-header .logo {
        float: right;
        margin-right: 0; } }
    @media only screen and (max-width: 40em) {
      .right-header .logo {
        float: none;
        position: absolute;
        top: 79px;
        left: 50%; } }
    @media only screen and (max-width: 30em) {
      .right-header .logo {
        position: absolute;
        top: 230px;
        left: 20px; } }

.center-header {
  position: relative;
  /* @include rem('padding-right',260px); */ }
  @media only screen and (max-width: 64em) {
    .center-header {
      padding-top: 244px; } }
  .center-header nav.main-navigation {
    /* text-align: center; */ }
  @media only screen and (max-width: 64em) {
    .center-header .responsive-menu-toggle {
      display: table;
      margin: 0 auto;
      margin-bottom: 20px;
      position: static; } }
  .center-header nav.main-navigation.left-half {
    float: left;
    width: 35%;
    margin-right: 15%; }
    .center-header nav.main-navigation.left-half ul {
      display: inline-block;
      float: right; }
  .center-header nav.main-navigation.right-half {
    float: right;
    width: 35%;
    margin-left: 15%;
    /* text-align: left; */ }
  .center-header .header-profile {
    left: 50%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-left: -115px;
    /* 9 */
    margin-left: -11.5rem;
    /* 9 */
    /* top: -80px; */ }
  .center-header .indicator {
    display: none; }
  .center-header .logo {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-right: 40px;
    /* 9 */
    margin-right: 4rem;
    /* 9 */
    float: left; }

/* Page Head */
.page-head {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  min-height: 115px;
  /* 9 */
  min-height: 11.5rem;
  /* 9 */ }

.page-head .breadcrumbs {
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 42px;
  /* 9 */
  margin-top: 4.2rem;
  /* 9 */
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .page-head .breadcrumbs {
      padding-left: 4%;
      padding-right: 4%;
      float: none;
      margin-top: 30px; } }
  .page-head .breadcrumbs a {
    color: #8eb7cb; }
    .page-head .breadcrumbs a:after {
      display: none; }
    .page-head .breadcrumbs a:hover {
      color: #2cafd2; }
.page-head .read-comments {
  margin-top: 40px;
  margin-top: 4rem;
  float: left;
  cursor: default;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem; }
  @media only screen and (max-width: 40em) {
    .page-head .read-comments {
      padding-left: 4%;
      padding-right: 4%;
      float: none;
      margin-top: 30px; } }
  .page-head .read-comments i {
    font-size: 26px;
    margin-right: 10px;
    position: relative;
    top: 1px; }

.page-head .archive-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 26px;
  /* 9 */
  font-size: 2.6rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  display: inline-block;
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 39px;
  /* 9 */
  margin-top: 3.9rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .page-head .archive-title {
      display: table;
      margin-left: auto;
      margin-right: auto;
      float: none;
      margin-bottom: 20px; } }

.share-page {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 40px;
  /* 9 */
  margin-top: 4rem;
  /* 9 */
  float: right;
  cursor: default; }
  @media only screen and (max-width: 40em) {
    .share-page {
      display: table;
      margin-left: auto;
      margin-right: auto;
      float: none;
      margin-bottom: 10px;
      margin-top: 20px; } }
  @media only screen and (max-width: 64em) and (min-width: 64em) {
    .share-page {
      margin-right: 20px; } }
  .share-page a {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */
    position: relative;
    display: inline-block;
    border: 4px solid;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    margin-left: 7px;
    text-align: center; }
    .share-page a:hover {
      color: #2cafd2 !important; }
    .share-page a:after {
      display: none; }
  .share-page i {
    left: 22%;
    font-weight: bold;
    position: absolute; }
  .share-page .fa-facebook {
    left: 32%; }
  .share-page p {
    margin-bottom: 0;
    position: relative;
    top: -11px;
    margin-bottom: 11px;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 17px;
    /* 9 */
    font-size: 1.7rem;
    /* 9 */ }

/*--------------------------------------------------------------
10.5 Footer
--------------------------------------------------------------*/
/**
* site/footer/_footer.scss
*/
/* TODO: add transition */
.footer-navigation {
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 47px;
  /* 9 */
  margin-top: 4.7rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 47px;
  /* 9 */
  margin-bottom: 4.7rem;
  /* 9 */ }
  @media only screen and (max-width: 1140px) {
    .footer-navigation {
      margin-left: 20px; } }
  @media only screen and (max-width: 40em) {
    .footer-navigation {
      display: table;
      margin: 0 auto;
      float: none !important;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-top: 20px;
      /* 9 */
      margin-top: 2rem;
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-bottom: 20px;
      /* 9 */
      margin-bottom: 2rem;
      /* 9 */ } }
  @media only screen and (max-width: 40em) {
    .footer-navigation li {
      display: table;
      margin: 0 auto;
      float: none !important; }
      .footer-navigation li a {
        margin: 0; } }
  .footer-navigation a {
    font-family: "Roboto", sans-serif;
    color: #666666;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-right: 35px;
    /* 9 */
    margin-right: 3.5rem;
    /* 9 */ }
    .footer-navigation a:hover {
      color: #000000;
      border: none; }
  .footer-navigation ul {
    margin: 0; }
    .footer-navigation ul ul {
      display: none; }
  .footer-navigation li {
    float: left;
    list-style: none; }

.footer-social-icons {
  cursor: default;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 47px;
  /* 9 */
  margin-top: 4.7rem;
  /* 9 */ }
  @media only screen and (max-width: 1140px) {
    .footer-social-icons {
      margin-right: 20px; } }
  @media only screen and (max-width: 40em) {
    .footer-social-icons {
      display: table;
      margin: 0 auto;
      float: none !important;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-top: 20px;
      /* 9 */
      margin-top: 2rem;
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      margin-bottom: 20px;
      /* 9 */
      margin-bottom: 2rem;
      /* 9 */ } }
  .footer-social-icons a {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */
    position: relative;
    display: inline-block;
    border: 4px solid;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    margin-left: 7px;
    color: #8eb7cb;
    text-align: center; }
    .footer-social-icons a:hover {
      color: #2cafd2; }
  .footer-social-icons .fa-facebook {
    left: 32%; }
  .footer-social-icons i {
    left: 22%;
    font-weight: bold;
    position: absolute; }

.postfooter {
  background: #1a1a1a;
  color: #666666;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 30px;
  /* 9 */
  padding-top: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 30px;
  /* 9 */
  padding-bottom: 3rem;
  /* 9 */ }
  .postfooter .site-info {
    float: left;
    color: #666666;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.5rem;
    /* 9 */
    font-family: "Roboto", sans-serif;
    font-weight: bold; }
    @media only screen and (max-width: 1140px) {
      .postfooter .site-info {
        margin-left: 20px; } }
    @media only screen and (max-width: 40em) {
      .postfooter .site-info {
        float: none;
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0; } }
    .postfooter .site-info a {
      color: #ffffff; }
  .postfooter .totop {
    cursor: pointer;
    float: right;
    color: #666666;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.5rem;
    /* 9 */
    font-family: "Roboto", sans-serif;
    font-weight: bold; }
    @media only screen and (max-width: 1140px) {
      .postfooter .totop {
        margin-right: 20px; } }
    @media only screen and (max-width: 40em) {
      .postfooter .totop {
        display: table;
        float: none;
        margin-left: auto !important;
        margin-right: auto !important; } }
    .postfooter .totop:hover {
      color: #ffffff; }

/*--------------------------------------------------------------
10.6 Homepage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.6.1 post-slider
--------------------------------------------------------------*/
/**
* site/homepage/_post-slider.scss
*/
/* Intro Area */
.intro-area {
  position: relative;
  background: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 80px;
  /* 9 */
  padding-top: 8rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .intro-area {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding-top: 40px;
      /* 9 */
      padding-top: 4rem;
      /* 9 */ } }
  .intro-area .intro-area-bg {
    position: absolute;
    top: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    height: 790px;
    /* 9 */
    height: 79rem;
    /* 9 */
    width: 100%; }
  .intro-area .site-branding {
    position: relative;
    z-index: 1000;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 80px;
    /* 9 */
    margin-bottom: 8rem;
    /* 9 */ }

.intro-left {
  background: transparent !important;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 260px;
  /* 9 */
  padding-left: 26rem;
  /* 9 */ }
  @media only screen and (max-width: 40em) {
    .intro-left {
      padding-left: 0;
      padding-right: 0;
      text-align: center; } }

.intro-right {
  background: transparent !important;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 260px;
  /* 9 */
  padding-right: 26rem;
  /* 9 */ }
  @media only screen and (max-width: 64em) {
    .intro-right {
      padding-left: 50px; } }
  @media only screen and (max-width: 40em) {
    .intro-right {
      padding-left: 0;
      padding-right: 0;
      text-align: center; } }

.intro-center {
  background: transparent !important;
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 50px;
  /* 9 */
  margin-top: 5rem;
  /* 9 */
  margin-bottom: 50px !important;
  margin-bottom: 5rem !important; }

.intro-area .site-title {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 34px;
  /* 9 */
  font-size: 3.4rem;
  /* 9 */
  margin-bottom: 5px; }
.intro-area .site-description {
  margin-bottom: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 25px;
  /* 9 */
  font-size: 2.5rem;
  /* 9 */
  font-family: "Roboto", sans-serif; }

/* Post Slider */
.post-slider {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 100px;
  /* 9 */
  margin-bottom: 10rem;
  /* 9 */
  position: relative; }
  .post-slider .owl-controls {
    position: absolute;
    width: 100%;
    top: 70%;
    color: #8eb7cb;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 22px;
    /* 9 */
    font-size: 2.2rem;
    /* 9 */ }
  .post-slider .owl-prev {
    position: absolute;
    left: -100px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    text-align: center; }
    .post-slider .owl-prev:hover {
      color: #000000;
      background: #f2f6f8; }
    .post-slider .owl-prev i {
      padding-top: 24px; }
  .post-slider .owl-next {
    position: absolute;
    right: -100px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    text-align: center; }
    .post-slider .owl-next:hover {
      color: #000000;
      background: #f2f6f8; }
    .post-slider .owl-next i {
      padding-top: 24px; }
  .post-slider .slide-info {
    position: relative;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    min-height: 245px;
    /* 9 */
    min-height: 24.5rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-left: 30px;
    /* 9 */
    padding-left: 3rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-right: 30px;
    /* 9 */
    padding-right: 3rem;
    /* 9 */
    background: #000000; }
  .post-slider .slide-info-content {
    position: absolute;
    max-width: 80%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    bottom: 50px;
    /* 9 */
    bottom: 5rem;
    /* 9 */
    background: #000000;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-left: 22px;
    /* 9 */
    padding-left: 2.2rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-right: 22px;
    /* 9 */
    padding-right: 2.2rem;
    /* 9 */ }
  .post-slider .byline {
    display: none; }
  .post-slider .posted-on {
    text-transform: uppercase;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    display: block;
    color: #666666;
    font-weight: bold; }
    .post-slider .posted-on a {
      color: #666666; }
      .post-slider .posted-on a:after {
        display: none; }
  .post-slider .category {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    display: block;
    font-weight: bold;
    font-family: "Roboto", sans-serif; }
    .post-slider .category a {
      color: #ffffff; }
    .post-slider .category a:after {
      display: none; }
  .post-slider h3 {
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */
    font-weight: bold; }
    .post-slider h3 a {
      color: #999999; }
      .post-slider h3 a:hover {
        color: #ffffff; }
      .post-slider h3 a:after {
        display: none; }
  .post-slider hr {
    background: #666666;
    float: left;
    width: 80%;
    margin-top: 12px;
    margin-bottom: 12px; }

/*--------------------------------------------------------------
10.6.2 Static-image
--------------------------------------------------------------*/
/**
* site/homepage/_static-image.scss
*/
.homepage-static-image {
  position: relative;
  min-height: 830px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .homepage-static-image .site-branding {
    position: absolute;
    bottom: 30%; }
    @media only screen and (max-width: 40em) {
      .homepage-static-image .site-branding {
        bottom: 42.5%; } }
    @media only screen and (max-width: 1140px) {
      .homepage-static-image .site-branding {
        margin-left: 20px;
        margin-right: 20px; } }
  .homepage-static-image h1 {
    float: left;
    padding: 8px 12px 8px 12px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 34px;
    /* 9 */
    font-size: 3.4rem;
    /* 9 */
    margin-bottom: 5px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.27); }
  .homepage-static-image h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 28px;
    /* 9 */
    font-size: 2.8rem;
    /* 9 */
    padding: 8px 12px 8px 12px;
    font-family: "Roboto", sans-serif;
    background: rgba(0, 0, 0, 0.27);
    color: #ffffff;
    float: left; }
  .homepage-static-image a.button {
    float: left;
    clear: left;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 2rem;
    /* 9 */ }

/*--------------------------------------------------------------
10.6.3 post-filter
--------------------------------------------------------------*/
/**
* site/homepage/_post-filter.scss
*/
.post-filter {
  position: relative;
  background: #f3f3f3;
  display: block;
  margin-top: 7px; }
  .post-filter .latest-articles {
    color: #000000;
    font-weight: bold;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 30px;
    /* 9 */
    font-size: 3rem;
    /* 9 */
    font-family: "Roboto", sans-serif;
    width: 34.210526316%;
    text-align: center;
    display: inline-block;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    line-height: 112px;
    /* 9 */
    line-height: 11.2rem;
    /* 9 */
    background: #ffffff;
    float: left; }
    @media only screen and (max-width: 40em) {
      .post-filter .latest-articles {
        float: none;
        width: 100%;
        display: block; } }
    .post-filter .latest-articles:before {
      content: "";
      display: block;
      position: relative;
      top: -7px;
      background: #0ac4ff;
      height: 7px; }
    .post-filter .latest-articles:hover, .post-filter .latest-articles:focus {
      text-decoration: none;
      border: none;
      color: #000000 !important; }
  .post-filter .latest-articles.active:hover {
    cursor: pointer; }
  .post-filter .category-filter-title {
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    margin-left: 5%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 30px;
    /* 9 */
    font-size: 3rem;
    /* 9 */
    color: #999999;
    font-weight: bold;
    display: inline-block;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 40px;
    /* 9 */
    margin-top: 4rem;
    /* 9 */ }
    @media only screen and (max-width: 40em) {
      .post-filter .category-filter-title {
        float: none;
        width: 100%;
        text-align: center;
        display: block;
        margin: 0;
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        padding-top: 10px;
        /* 9 */
        padding-top: 1rem;
        /* 9 */
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        padding-bottom: 10px;
        /* 9 */
        padding-bottom: 1rem;
        /* 9 */ } }
    .post-filter .category-filter-title:hover {
      color: #000000;
      border: none; }

.homepage-static-image .post-filter {
  position: absolute;
  width: 100%;
  bottom: 0;
  max-width: 1140px; }

.category-filter {
  width: 55%;
  float: left; }
  @media only screen and (max-width: 40em) {
    .category-filter {
      float: none;
      width: 100%;
      display: block; } }
  .category-filter ul {
    display: none;
    margin: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 53px;
    /* 9 */
    margin-top: 5.3rem;
    /* 9 */
    list-style: none;
    float: right; }
    @media only screen and (max-width: 40em) {
      .category-filter ul {
        float: none;
        margin: 0 auto;
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        margin-top: 10px;
        /* 9 */
        margin-top: 1rem;
        /* 9 */
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        margin-bottom: 10px;
        /* 9 */
        margin-bottom: 1rem;
        /* 9 */ } }
    .category-filter ul li {
      float: left; }
      @media only screen and (max-width: 40em) {
        .category-filter ul li {
          float: none;
          display: block;
          text-align: center;
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          margin-top: 10px;
          /* 9 */
          margin-top: 1rem;
          /* 9 */
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          margin-bottom: 10px;
          /* 9 */
          margin-bottom: 1rem;
          /* 9 */ } }
      .category-filter ul li a {
        color: #8eb7cb;
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        font-size: 18px;
        /* 9 */
        font-size: 1.8rem;
        /* 9 */
        font-weight: bold;
        font-family: "Roboto", sans-serif; }
        .category-filter ul li a:hover, .category-filter ul li a:focus, .category-filter ul li a:active {
          border: 0;
          color: #000000; }
      .category-filter ul li:last-child:after {
        display: none; }
      .category-filter ul li:after {
        content: "/";
        margin-right: 15px;
        margin-left: 15px;
        font-weight: bold;
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        font-size: 17px;
        /* 9 */
        font-size: 1.7rem;
        /* 9 */
        position: relative;
        top: -4px;
        color: #dbe0e2; }
        @media only screen and (max-width: 40em) {
          .category-filter ul li:after {
            display: none; } }

.toggle-btn {
  position: absolute;
  right: 40px;
  top: 40px;
  border: none;
  padding: 1rem;
  display: inline-block;
  cursor: pointer; }
  @media only screen and (max-width: 40em) {
    .toggle-btn {
      display: table;
      margin: 0 auto;
      position: static;
      margin-bottom: 10px; } }
  .toggle-btn:hover {
    border: none; }

.icon-menu {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none; }

/* Global menu icon line styles */
.icon-menu .line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #c3c2c2; }

/* Menu icon line 1 */
.icon-menu .line-1 {
  top: 0; }

/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {
  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
      transform: translateY(8px) translateX(0) rotate(45deg); }

/* Line 2 */
.icon-menu .line-2 {
  top: 50%;
  margin-top: -2px; }

/* When active, hide line 2 */
.is-active .icon-menu .line-2 {
  opacity: 0; }

/* Line 3 */
.icon-menu .line-3 {
  bottom: 0; }

/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
      transform: translateY(-8px) translateX(0) rotate(-45deg); }

/*--------------------------------------------------------------
10.7 Homepage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.7.1 blog-ver1
--------------------------------------------------------------*/
/**
* site/blog/_blog-ver1.scss
*/
.blog_ver1 {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .blog_ver1 article {
    position: relative;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 90px;
    /* 9 */
    margin-top: 9rem;
    /* 9 */ }
  .blog_ver1 .post-content {
    position: absolute;
    bottom: 0;
    margin-left: 7%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    max-width: 620px;
    /* 9 */
    max-width: 62rem;
    /* 9 */
    background: #ffffff;
    width: 100%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 50px;
    /* 9 */
    padding-top: 5rem;
    /* 9 */
    margin-bottom: 0 !important;
    padding-left: 5%;
    padding-right: 5%; }
    @media only screen and (max-width: 40em) {
      .blog_ver1 .post-content {
        margin-left: 0;
        max-width: 100%; } }
  .blog_ver1 .category:before {
    content: "\25CF";
    margin-left: 7px;
    margin-right: 7px; }
  .blog_ver1 .entry-social {
    display: inline-block;
    float: right; }
    .blog_ver1 .entry-social a {
      height: 85px;
      width: 85px;
      float: right;
      display: inline-block;
      font-size: 23px;
      color: #abc8d7;
      text-align: center;
      line-height: 85px; }
      .blog_ver1 .entry-social a:hover {
        border: none; }
    .blog_ver1 .entry-social:hover .social-trigger {
      background: #8eb7cb;
      color: #ffffff; }
    .blog_ver1 .entry-social .social-twitter {
      display: none;
      background: #55acee;
      color: #ffffff; }
    .blog_ver1 .entry-social .social-fb {
      display: none;
      background: #1b71b2;
      color: #ffffff; }
  .blog_ver1 .entry-comment {
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #2cafd2;
    padding-bottom: 6px;
    margin-bottom: 15px;
    margin-top: 10px; }
    .blog_ver1 .entry-comment i {
      display: block;
      text-align: center;
      font-size: 30px;
      color: #999999; }
  .blog_ver1 .entry-icon i {
    display: block;
    text-align: center;
    font-size: 30px;
    color: #999999; }
  .blog_ver1 .entry-meta {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 5px;
    /* 9 */
    margin-top: 0.5rem;
    /* 9 */
    color: #999999; }
    .blog_ver1 .entry-meta p {
      margin-bottom: 1.2em; }
  .blog_ver1 .entry-content {
    margin-top: 0; }
    .blog_ver1 .entry-content p {
      color: #666666;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 18px;
      /* 9 */
      font-size: 1.9rem;
      /* 9 */
      margin-bottom: 0; }
  .blog_ver1 .post-meta {
    width: 15%;
    padding-right: 8%;
    float: left; }
  .blog_ver1 .content-wrap {
    float: left;
    width: 85%; }
  .blog_ver1 .pagination {
    display: block; }
  .blog_ver1 h2 {
    line-height: 1;
    display: inline;
    color: #000000;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */
    font-family: "roboto", sans-serif;
    font-weight: bold; }
  .blog_ver1 .post-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    min-height: 420px;
    /* 9 */
    min-height: 42rem;
    /* 9 */ }
  .blog_ver1 .entry-footer {
    background: #f2f6f8;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    height: 85px;
    /* 9 */
    height: 8.5rem;
    /* 9 */ }

/*--------------------------------------------------------------
10.7.2 blog-ver2
--------------------------------------------------------------*/
/**
* site/blog/_blog-ver2.scss
*/
.blog_ver2 {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .blog_ver2 .wp-post-image {
    float: left; }
    @media only screen and (max-width: 59.999em) {
      .blog_ver2 .wp-post-image {
        float: none;
        width: 100%;
        border: none !important; } }
  .blog_ver2 article {
    background: #f6fafb;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 80px;
    /* 9 */
    margin-bottom: 8rem;
    /* 9 */ }
    @media only screen and (max-width: 40em) {
      .blog_ver2 article {
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        margin-bottom: 40px;
        /* 9 */
        margin-bottom: 4rem;
        /* 9 */ } }
    .blog_ver2 article:last-child {
      margin-bottom: 75px; }
  .blog_ver2 .pagination {
    padding-top: 0;
    display: block; }
  .blog_ver2 i {
    font-size: 30px;
    color: #8eb7cb; }
  .blog_ver2 .entry-meta {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 17px;
    /* 9 */
    margin-bottom: 1.7rem;
    /* 9 */ }
  .blog_ver2 .post-time {
    color: #adaeae;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    margin-left: 10px; }
  .blog_ver2 h2 {
    line-height: 1;
    display: inline; }
    .blog_ver2 h2 a {
      color: #000000;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 25px;
      /* 9 */
      font-size: 2.5rem;
      /* 9 */
      font-family: "Roboto", sans-serif;
      font-weight: bold; }
  .blog_ver2 img {
    margin-right: 5.291005291%; }
  .blog_ver2 .entry-content {
    margin-top: 15px; }
  .blog_ver2 .post-content {
    padding-right: 5.291005291%;
    padding-left: 5.291005291%;
    min-width: 100%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 30px;
    /* 9 */
    padding-top: 3rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 30px;
    /* 9 */
    padding-bottom: 3rem;
    /* 9 */ }
    @media only screen and (max-width: 64em) {
      .blog_ver2 .post-content {
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        padding-top: 30px;
        /* 9 */
        padding-top: 3rem;
        /* 9 */
        padding-bottom: 40px !important; } }
    @media only screen and (max-width: 40em) {
      .blog_ver2 .post-content {
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        padding-top: 15px;
        /* 9 */
        padding-top: 1.5rem;
        /* 9 */
        padding-bottom: 15px !important; } }
  .blog_ver2 p {
    overflow: hidden;
    color: #666666;
    margin-bottom: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 17px;
    /* 9 */
    font-size: 1.9rem;
    /* 9 */ }

.has-post-thumbnail .post-content {
  padding-bottom: 0; }

/*--------------------------------------------------------------
10.7.3 blog-ver3
--------------------------------------------------------------*/
/**
* site/blog/_blog-ver3.scss
*/
.blog_ver3 {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .blog_ver3 article {
    padding-left: 10.71%;
    padding-right: 10.71%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 50px;
    /* 9 */
    padding-top: 5rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 50px;
    /* 9 */
    padding-bottom: 5rem;
    /* 9 */
    text-align: center;
    border-bottom: 10px solid #f6fafb;
    margin-bottom: 0; }
    .blog_ver3 article:hover {
      background: #f2f6f8; }
      .blog_ver3 article:hover h2 a {
        color: #2cafd2; }
    .blog_ver3 article p {
      margin-bottom: 0; }
  .blog_ver3 .updated {
    display: none; }
  .blog_ver3 h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 35px;
    /* 9 */
    margin-bottom: 3.5rem;
    /* 9 */ }
    .blog_ver3 h2 a {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 40px;
      /* 9 */
      font-size: 4rem;
      /* 9 */
      color: #000000;
      font-weight: bold; }
      @media only screen and (max-width: 40em) {
        .blog_ver3 h2 a {
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          font-size: 30px;
          /* 9 */
          font-size: 3rem;
          /* 9 */ } }
  .blog_ver3 .entry-content {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 35px;
    /* 9 */
    margin-top: 3.5rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    font-style: italic;
    color: #333333; }
  .blog_ver3 .more-link {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 2rem;
    /* 9 */ }
    .blog_ver3 .more-link:hover {
      color: #000000;
      border: none; }
  .blog_ver3 .entry-meta {
    color: #333333;
    font-style: italic;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 15px;
    /* 9 */
    font-size: 1.5rem;
    /* 9 */ }
    .blog_ver3 .entry-meta p {
      margin-bottom: 0; }
    .blog_ver3 .entry-meta a {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 18px;
      /* 9 */
      font-size: 1.8rem;
      /* 9 */
      font-weight: bold;
      font-style: normal; }
  .blog_ver3 .author {
    text-transform: capitalize; }
    .blog_ver3 .author:after {
      content: '|';
      margin-right: 8px;
      margin-left: 8px;
      color: #b8b8b8;
      font-style: normal;
      position: relative;
      top: -1px; }
  .blog_ver3 .post-time {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    font-weight: bold;
    font-style: normal; }
    .blog_ver3 .post-time:after {
      content: '|';
      margin-right: 8px;
      margin-left: 8px;
      color: #b8b8b8;
      font-style: normal;
      position: relative;
      top: -1px; }
  .blog_ver3 .comments-number {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    font-weight: bold;
    font-style: normal; }
  .blog_ver3 .category :after {
    content: ', ';
    color: #000000; }
  .blog_ver3 .category:last-child :after {
    content: ''; }

/*--------------------------------------------------------------
10.7.4 pagination
--------------------------------------------------------------*/
/**
* site/homepage/_pagination.scss
*/
.pagination {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 80px;
  /* 9 */
  padding-top: 8rem;
  /* 9 */
  cursor: default;
  display: table;
  margin: 0 auto; }
  .pagination a {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    display: inline-block;
    color: #333333 !important;
    font-weight: bold;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 17px;
    /* 9 */
    font-size: 1.7rem;
    /* 9 */
    margin: 0 2px;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    text-align: center;
    padding-top: 8px; }
    .pagination a:hover, .pagination a:active, .pagination a:focus {
      background: #e9f1f2;
      text-decoration: none;
      border: none; }
  .pagination .active {
    background: #e9f1f2; }
  .pagination .prev {
    display: inline-block; }
    .pagination .prev a {
      border-radius: 5px;
      margin-left: 0px;
      height: auto;
      width: auto;
      padding: 7px 10px;
      margin-right: 5px; }
  .pagination .next {
    display: inline-block; }
    .pagination .next a {
      border-radius: 5px;
      margin-right: 0px;
      height: auto;
      padding: 7px 10px;
      width: auto;
      margin-left: 5px; }

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-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; }

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

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

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
/**
 * layout/_layout.scss
 */
#wpadminbar {
  z-index: 1000000000000000; }

/* Container */
.container-fluid {
  
  margin: 0 auto; }

/* Wrapper */
.wrapper {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 7%;
  padding-right: 7%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 80px;
  /* 9 */
  padding-bottom: 0rem;
  /* 9 */ }

.wrapper.left-sidebar {
  padding-right: 0; }
  @media only screen and (max-width: 40em) {
    .wrapper.left-sidebar {
      padding-left: 0; } }

.wrapper.right-sidebar {
  padding-right: 3%;
  padding-left: 0; }
  @media only screen and (max-width: 40em) {
    .wrapper.right-sidebar {
      padding-right: 0; } }

.content-area {
   }
  .content-area .site-main {
    z-index: 1000000;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 70px;
    /* 9 */
    padding-top: 7rem;
    /* 9 */ }

/* No Sidebar */
.full-sidebar .content-area {
  /* width: 100%; */}
  .full-sidebar .content-area .site-main {
    padding-left: 0%;
    padding-right: 0%; }

/* Left Sidebar */
.left-sidebar .content-area {
  float: right;
  margin: 0 0 0 -28.9%;
  width: 100%; }
  @media only screen and (max-width: 40em) {
    .left-sidebar .content-area {
      float: none;
      margin: 0; } }
.left-sidebar .widget-area {
  float: left;
  overflow: hidden;
  width: 28.9%; }
  @media only screen and (max-width: 40em) {
    .left-sidebar .widget-area {
      float: none;
      display: table;
      margin: 0 auto;
      width: 77.9%; } }
.left-sidebar .site-main {
  margin: 0 0 0 28.7%;
  padding-left: 10.71%;
  padding-right: 10.71%; }
  @media only screen and (max-width: 40em) {
    .left-sidebar .site-main {
      margin: 0; } }

/* Right Sidebar */
.right-sidebar .content-area {
  float: left;
  margin: 0 -28.9% 0 0;
  width: 100%; }
  @media only screen and (max-width: 40em) {
    .right-sidebar .content-area {
      float: none;
      margin: 0; } }
.right-sidebar .widget-area {
  float: right;
  overflow: hidden;
  width: 28.9%; }
  @media only screen and (max-width: 40em) {
    .right-sidebar .widget-area {
      float: none;
      display: table;
      margin: 0 auto;
      width: 77.9%; } }
.right-sidebar .site-main {
  margin: 0 33.7% 0 0;
  padding-left: 10.71%;
  padding-right: 3%; }
  @media only screen and (max-width: 40em) {
    .right-sidebar .site-main {
      margin: 0;
      padding-right: 10.71%; } }

/* Footer */
.site-footer {
  clear: both;
  width: 100%; }

.fw-layout-builder-content {
  clear: both;
  width: 100%; }

/* Grid System */
/* TODO responsiveness */
.column-1-1,
.column-1-2,
.column-1-3,
.column-2-3,
.column-1-4,
.column-3-4,
.column-1-5,
.column-2-5,
.column-3-5,
.column-4-5 {
  display: block;
  border: 0px solid transparent;
  float: left;
  position: relative;
  padding-right: 0;
  box-sizing: border-box;
  background-clip: padding-box !important;
  margin-left: 2.4%; }
  @media only screen and (max-width: 40em) {
    .column-1-1,
    .column-1-2,
    .column-1-3,
    .column-2-3,
    .column-1-4,
    .column-3-4,
    .column-1-5,
    .column-2-5,
    .column-3-5,
    .column-4-5 {
      width: 100% !important;
      float: none;
      padding: 0; } }

.column-1-1 {
  width: 100%; }

.column-1-2 {
  width: 48.8%; }

.column-1-3 {
  width: 31.73%; }

.column-1-4 {
  width: 23.2%; }

.column-1-5 {
  width: 14.66%; }

.column-2-3 {
  width: 65.86%; }

.column-3-4 {
  width: 74.4%; }

.shortcode-column.first {
  margin-left: 0;
  clear: both; }

/*--------------------------------------------------------------
14.0 Helpers
--------------------------------------------------------------*/
/**
* helpers/_helpers.scss
*/
/* General Helpers */
.pull-left {
  float: left; }

.pull-right {
  float: right; }

.hide {
  display: none; }

.show {
  display: block; }

/* Background Helpers */
.background-size-auto {
  background-size: auto; }

.background-size-cover {
  background-size: cover; }

.background-size-contain {
  background-size: contain; }

.background-no-repeat {
  background-repeat: no-repeat; }

.background-repeat {
  background-repeat: repeat; }

.background-repeat-horizontal {
  background-repeat: repeat-x; }

.background-repeat-vertical {
  background-repeat: repeat-y; }

/* Color Helpers */
.primary-color {
  color: #2cafd2 !important; }

.primary-background {
  background: #2cafd2 !important; }

.secondary-color {
  color: #8eb7cb !important; }

.secondary-background {
  background: #8eb7cb !important; }

.accent-color {
  color: #f2f6f8 !important; }

.accent-background {
  background: #19191a !important; }

.black {
  color: #000000 !important; }

.footer-background {
  background: #e9f1f2; }

/**
* helpers/_options.scss
*/
/*--------------------------------------------------------------
15.0 Shortcodes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
15.1 Icons
--------------------------------------------------------------*/
/**
* shortcodes/_icons.scss
*/
.icon-box i {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 50px;
  /* 9 */
  font-size: 5rem;
  /* 9 */
  color: #999999; }
.icon-box h6 {
  font-weight: 400;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 5px;
  /* 9 */
  margin-bottom: 0.5rem;
  /* 9 */
  color: #000000; }
.icon-box p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 15px;
  /* 9 */
  font-size: 1.5rem;
  /* 9 */ }

/*--------------------------------------------------------------
15.2 Accordions
--------------------------------------------------------------*/
/**
* shortcodes/_accordions.scss
*/
.ui-accordion-header {
  position: relative;
  background: #f2f6f8;
  color: #8eb7cb;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 14px;
  /* 9 */
  padding-top: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 14px;
  /* 9 */
  padding-bottom: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 50px;
  /* 9 */
  padding-right: 5rem;
  /* 9 */
  cursor: pointer;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */
  border-left: 2px solid #f2f6f8;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .ui-accordion-header:hover {
    border-left: 2px solid #2cafd2;
    color: #2cafd2;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .ui-accordion-header .ui-icon {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 25px;
    /* 9 */
    font-size: 2.5rem;
    /* 9 */
    position: absolute;
    right: 20px; }

.accordion-content {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 30px;
  /* 9 */
  padding-left: 3rem;
  /* 9 */
  color: #333333;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 5px;
  /* 9 */
  padding-bottom: 0.5rem;
  /* 9 */ }

.ui-accordion-header-active {
  border-left: 2px solid #2cafd2;
  background: #2cafd2;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .ui-accordion-header-active:hover {
    background: #2cafd2;
    color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s; }

/*--------------------------------------------------------------
15.3 Tabs
--------------------------------------------------------------*/
/**
* shortcodes/_tabs.scss
*/
.ui-tabs-nav {
  margin: 0;
  padding: 0; }
  .ui-tabs-nav li {
    list-style: none; }
    .ui-tabs-nav li a {
      color: #666666;
      background: #f2f6f8;
      font-weight: 400;
      border: none;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 19px;
      /* 9 */
      font-size: 1.9rem;
      /* 9 */
      font-family: "Roboto", sans-serif;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding-top: 25px;
      /* 9 */
      padding-top: 2.5rem;
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding-bottom: 25px;
      /* 9 */
      padding-bottom: 2.5rem;
      /* 9 */
      display: block; }
      .ui-tabs-nav li a:hover {
        background: #e4eef3; }

.content-tabs-text {
  color: #333333;
  background: #f9fbfc;
  padding-left: 8%;
  padding-right: 8%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 35px;
  /* 9 */
  padding-top: 3.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 35px;
  /* 9 */
  padding-bottom: 3.5rem;
  /* 9 */ }
  .content-tabs-text p {
    margin: 0; }

.ui-tabs-active a {
  color: #2cafd2 !important;
  font-weight: bold !important;
  background: #f9fbfc !important; }

.vertical-tabs .ui-tabs-nav {
  width: 35%;
  float: left; }
  .vertical-tabs .ui-tabs-nav li {
    margin-bottom: 2px; }
  .vertical-tabs .ui-tabs-nav a {
    padding-left: 15%;
    padding-right: 15%; }
.vertical-tabs .content-tabs-text {
  width: 65%;
  float: left; }

.horizontal-tabs .ui-tabs-nav {
  background: #f2f6f8;
  display: table;
  width: 100%;
  table-layout: fixed; }
  .horizontal-tabs .ui-tabs-nav li {
    display: table-cell;
    text-align: center; }
    @media only screen and (max-width: 40em) {
      .horizontal-tabs .ui-tabs-nav li {
        display: block;
        width: 100%; } }

/*--------------------------------------------------------------
15.4 Notification
--------------------------------------------------------------*/
/**
* shortcodes/_notification.scss
*/
.notification {
  position: relative;
  color: #ffffff;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 10px;
  /* 9 */
  padding-top: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 10px;
  /* 9 */
  padding-bottom: 1rem;
  /* 9 */
  padding-left: 2%;
  padding-right: 2%; }
  .notification .close-icon {
    position: absolute;
    right: 2%;
    cursor: pointer; }

.notification.success {
  background: #7aa44e; }

.notification.info {
  background: #f3f3f3;
  color: #666666 !important; }

.notification.error {
  background: #cc0033; }

.notification.alert {
  background: #eb9424; }

/*--------------------------------------------------------------
15.5 Slider
--------------------------------------------------------------*/
/**
* shortcodes/_slider.scss
*/
.wrap-content-slider .owl-prev, .wrap-content-slider .owl-next {
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  height: 95px;
  width: 95px;
  color: #abbec1;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .wrap-content-slider .owl-prev i, .wrap-content-slider .owl-next i {
    line-height: 95px; }
  .wrap-content-slider .owl-prev:hover, .wrap-content-slider .owl-next:hover {
    background: #ebf2f3;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
.wrap-content-slider .owl-nav {
  content: "";
  display: table;
  text-align: center;
  width: 100%; }
.wrap-content-slider .counter {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 20px;
  /* 9 */
  padding-top: 2rem;
  /* 9 */
  display: inline-block; }
.wrap-content-slider .active-num {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 30px;
  /* 9 */
  font-size: 3rem;
  /* 9 */
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  position: relative;
  top: -3px; }
.wrap-content-slider .total-num {
  color: #b1c3c5;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */ }
  .wrap-content-slider .total-num:before {
    content: "/";
    color: #b1c3c5;
    font-family: "Lora", serif;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 35px;
    /* 9 */
    font-size: 3.5rem;
    /* 9 */
    font-weight: 400; }
.wrap-content-slider .owl-prev {
  float: left; }
.wrap-content-slider .owl-next {
  float: right; }

/*--------------------------------------------------------------
15.6 Featured Box
--------------------------------------------------------------*/
/**
* shortcodes/_featuredbox.scss
*/
.featured-box {
  background: #f2f6f8;
  padding-left: 8%;
  padding-right: 8%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 40px;
  /* 9 */
  padding-top: 4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 40px;
  /* 9 */
  padding-bottom: 4rem;
  /* 9 */ }
  .featured-box p {
    margin-bottom: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */
    color: #333333; }
  .featured-box h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 23px;
    /* 9 */
    font-size: 2.3rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 30px;
    /* 9 */
    margin-bottom: 3rem;
    /* 9 */
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #616c74;
    letter-spacing: 0.16em; }

/*--------------------------------------------------------------
15.7 Button
--------------------------------------------------------------*/
/**
* shortcodes/_button.scss
*/
.button {
  display: inline-block;
  border: 0;
  border-bottom: 4px solid;
  position: relative;
  top: 0px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0s !important;
  -webkit-transition: 0s !important;
  -moz-transition: 0s !important;
  -ms-transition: 0s !important;
  -o-transition: 0s !important; }
  .button:hover {
    border-bottom: 4px solid;
    position: relative;
    top: 4px !important;
    outline: 0 !important;
    margin-bottom: 4px !important;
    border-bottom: 0 !important;
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -ms-transition: 0s !important;
    -o-transition: 0s !important; }
  .button:active, .button:focus {
    border-bottom: 4px solid; }

.regular-btn {
  border-radius: 5px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 25px;
  /* 9 */
  padding-left: 2.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 25px;
  /* 9 */
  padding-right: 2.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 12px;
  /* 9 */
  padding-top: 1.2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 12px;
  /* 9 */
  padding-bottom: 1.2rem;
  /* 9 */ }

.large-btn {
  border-radius: 5px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 17px;
  /* 9 */
  font-size: 1.7rem;
  /* 9 */
  font-family: "Roboto", sans-serif;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-left: 50px;
  /* 9 */
  padding-left: 5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-right: 50px;
  /* 9 */
  padding-right: 5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 23px;
  /* 9 */
  padding-top: 2.3rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 23px;
  /* 9 */
  padding-bottom: 2.3rem;
  /* 9 */ }

.button.primary, .infobox-button {
  color: #ffffff !important;
  background: #2cafd2;
  border-color: #289dbc; }

.button.alert {
  color: #ffffff !important;
  background: #eb9424;
  border-color: #bc7212; }

.button.error {
  color: #ffffff !important;
  background: #cc0033;
  border-color: #8f0427; }

.button.success {
  color: #ffffff !important;
  background: #7aa44e;
  border-color: #5f8438; }

.button.dark {
  color: #ffffff !important;
  background: #666666;
  border-color: #000000; }

/*--------------------------------------------------------------
15.8 Infobox
--------------------------------------------------------------*/
/**
* shortcodes/_infobox.scss
*/
.infobox {
  position: relative;
  content: "";
  display: table;
  background: #f0f1f1;
  padding-left: 8%;
  padding-right: 8%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 40px;
  /* 9 */
  padding-top: 4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 40px;
  /* 9 */
  padding-bottom: 4rem;
  /* 9 */ }
  .infobox h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 30px;
    /* 9 */
    font-size: 3rem;
    /* 9 */
    margin-bottom: 0;
    font-weight: 400;
    max-width: 70%;
    float: left; }
    @media only screen and (max-width: 40em) {
      .infobox h3 {
        max-width: 100%; } }
  .infobox .infobox-button {
    right: 8%; }
    .infobox .infobox-button:hover {
      border: 0; }
    @media only screen and (min-width: 40em) {
      .infobox .infobox-button {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
    @media only screen and (max-width: 40em) {
      .infobox .infobox-button {
        position: static;
        float: left;
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        margin-top: 30px;
        /* 9 */
        margin-top: 3rem;
        /* 9 */ } }


.screenshot img {margin-top:0px;margin-bottom:10px; padding:5px; -moz-border-radius:100px;-webkit-border-radius:100px; border-radius:100px;border: 0px solid #e7e7e7;width:120px;height:120px;}

#puzadpn{display:none}


input[type="submit"], input[type="button"], input[type="reset"] {
    text-shadow: none;
    font-weight: bold;
    text-align: center!important;
    margin-top: 3rem;
    display: inline-block;
    border-width: 0px 0px 4px;
    border-style: none none solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    position: relative;
    top: 0px;
    -moz-user-select: none;
    transition: all 0s ease 0s !important;
    box-shadow: none;
    border-radius: 5px;
    font-size: 1.7rem;
    font-family: "Roboto",sans-serif;
    padding: 1.4rem 3rem;
    color: #FFF;
    background: #2CAFD2 none repeat scroll 0% 0%;
    border-color: #289DBC;
    width:auto!important;

input[type="submit"], input[type="button"], input[type="reset"]:hover {
    position: relative;
    top: 4px !important;
    outline: 0px none !important;
    margin-bottom: 4px !important;
    border-bottom: 0px none !important;
    transition: all 0s ease 0s !important;
}


.hentry-one {
    margin: 0px 0px 1.5em;
}