/*
Theme Name: Box
Theme URI: https://www.gavick.com/wordpress-themes
Description: Take your sales to the next level with Box, the premium WordPress theme with built-in support for the robust ecommerce solution, WooCommerce. Bursting with eclectic style, Box embraces high-quality branding strategies that will guide you to build a recognizable company profile as well as an online store. With a responsive, mobile-friendly design that utilizes large fonts and buttons and clearly-separated blocks to make the site experience comfortable and easy to read, this shopping theme provides a cutting-edge platform for your products.
License: GNU GPL v.3.0
License URI: LICENSE.txt
Version: 1.0
Author: GavickPro
Author URI: https://www.gavick.com
Tags: blue, white, two-columns, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: box
*/

/* 1. Basic Elements
    1.1 Fonts
    1.2 Basic stuff
    1.3 Containers
    1.4 Icons font
2. Header
3. Post/Page elements
    3.1 Navigation
    3.2 Content
    3.3 Entry Header
    3.4 Entry Content
    3.5 Galleries
    3.6 Post Formats
    3.7 Attachments
    3.8 Post/Paging Navigation
    3.9 Author Bio
    3.10 Archives
    3.10 Search Results/No posts
    3.12 404 Page
    3.13 Comments
    3.14 Page templates
    3.15 Typography
4. Widgets
    4.1 Widget Styles
    4.2 GK News Show Pro
    4.3 GK Tabs
    4.4 GK Image Show
5. Footer
6. Other

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

@charset "UTF-8";

/*---------------------------------
1. Basic elements
----------------------------------*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.5;
  font-size: 57.5%;
}

body {
  background: #f6f6f6;
  color: #636565;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  min-height: 100%;
  padding: 0;
}

@media all and (min-width: 640px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 1.8rem;
  }
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; 
}

li {
  list-style: none;
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: #3c3e3f;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover, a:active, a:focus {
  color: #81d4fa;
}
a.inverse {
  color: #81d4fa;
}
a.inverse:hover,
a.inverse:active,
a.inverse:focus {
  color: #3c3e3f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3c3e3f;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

h1 {
  font-size: 2.88651rem;
  line-height: 1.039;
  margin-bottom: 3rem;
}

@media all and (min-width: 980px) {
  h1 {
    font-size: 3.24732rem;
    line-height: 1.478;
  }
}

h2 {
  font-size: 2.2807rem;
  line-height: 1.315;
  margin-top: 1.5rem;
}

@media all and (min-width: 980px) {
  h2 {
    font-size: 2.56578rem;
    line-height: 1.247;
  }
}

@media all and (min-width: 640px) and (max-width: 61.1875em) {
  h2 {
    margin-top: 0;
  }
}

h3 {
  font-size: 2.02729rem;
  line-height: 1.479;
}

@media all and (min-width: 980px) {
  h3 {
    font-size: 2.2807rem;
    line-height: 1.403;
  }
}

h4 {
  font-size: 1.80203rem;
  line-height: 0.832;
}

@media all and (min-width: 980px) {
  h4 {
    font-size: 2.02729rem;
    line-height: 0.789;
  }
}

h5 {
  font-size: 1.60181rem;
  line-height: 0.936;
}

@media all and (min-width: 980px) {
  h5 {
    font-size: 1.80203rem;
    line-height: 0.887;
  }
}

h6 {
  font-size: 1.42383rem;
  line-height: 1.053;
}

@media all and (min-width: 980px) {
  h6 {
    font-size: 1.60181rem;
    line-height: 0.998;
  }
}

p {
  margin: 0 0 3rem;
}
@media all and (min-width: 980px) {
  .post__double {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 7rem;
    -moz-column-gap: 7rem;
    column-gap: 7rem;
  }
}
strong {
  font-weight: 500;
}

blockquote {
  background: #f6f6f6;
  border-left: 6px solid #81d4fa;
  color: #3c3e3f;
  margin: 5rem 0;
  padding: 2.7rem 5.4rem;
  font-style: italic;
}

blockquote p,
.entry-content blockquote p {
  margin: 0;
}

blockquote p:before {
  color: #81d4fa;
  content: open-quote;
  font-size: 5.4rem;
  line-height: 0;
  margin-right: 2rem;
  vertical-align: -0.5em;
}

iframe {
  border: none;
  max-width: 100% !important;
}

hr {
  border: none;
  border-top: 1px solid rgba(0,0,0,0.12);
  clear: both;
  display: block;
  margin: 20px auto;
  width: 200px;
}

code {
  background: #f5f5f5;
  padding: 5px 10px;
}

pre {
  background: #F6F6FC;
}

#gk-bg {
    background: #fff;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.09);
    margin: 0 auto;
    width: 100%;
}
/*---------------------------------
1.1 Fonts
----------------------------------*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#cc-modal #cc-modal-closebutton a:before,
#cc-settingsmodal #cc-settingsmodal-closebutton a:before {
  content: "close";
  font-size: 3.2rem;
}

@font-face {
  font-family: 'star';
  src: url('fonts/woocommerce/star.eot');
  src: url('fonts/woocommerce/star.eot?#iefix') format('embedded-opentype'),  url('fonts/woocommerce/star.woff') format('woff'),  url('fonts/woocommerce/star.ttf') format('truetype'),  url('/fonts/woocommerce/star.svg#star') format('svg');
  font-weight: normal;
  font-style: normal;
}
/**
 * 1.2 Basic stuff
 * ----------------------------------------------------------------------------
 */
#gk-bg,
#gk-top {
  left: 0;
  position: relative;
  -webkit-transition: left .3s ease-out;
  -moz-transition: left .3s ease-out;
  -ms-transition: left .3s ease-out;
  -o-transition: left .3s ease-out;
  transition: left .3s ease-out;
  z-index: 1;
  width: 98%;
}

#gk-top {
  text-align: center;
}

@media (min-width: 1560px) {
  #gk-bg,
  #gk-top {
    width: 100%;
  }
}

#gk-bg.menu-open,
#gk-top.menu-open {
  left: -280px !important;
}
.wrap {
  max-width: 1560px;
  margin-left: auto;
  margin-right: auto;
}

.wrap:after,
.box.slideshow:after ,
#gk-top1:after,
#gk-top2:after,
.none .gk-tabs-wrap > ol:after,
.gk-nsp:after,
.gk-nsp-arts:after,
.gk-nsp-links:after {
  content: " ";
  display: block;
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.gk-clearfix {
  clear: both;
}
.gk-clearfix:after {
  border-spacing: 0;
  clear: both;
  content: "";
  display: table;
}

.gk-clearfix.frontpage-block3:after {
  display: block;
}

#gk-top > .widget_search {
  position: relative;
}

#gk-top > .widget_search:after {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 1.7rem;
  height: 1.8rem;
  line-height: 1.8rem;
  margin-top: -1.1rem;
  position: absolute;
  right: 0;
  top: 50%;
}

#gk-top > .widget_search {
  display: none;
}

/* Assistive text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

/* Form fields, general styles first. */
.btn,
.button,
[type=button],
[type=submit],
button,
.paging-navigation a,
.cc-notification-buttons > li > .cc-link,
.wc-proceed-to-checkout > a {
  background-color: #81d4fa;
  border: none;
  color: #fff;
  cursor: pointer;
  line-height: inherit;
  outline: none;
  padding: 1.2rem 2.4rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

@media all and (min-width: 1040px) {
  .btn,
  .button,
  [type=button],
  [type=submit],
  button,
  .paging-navigation a,
  .cc-notification-buttons > li > .cc-link,
  .wc-proceed-to-checkout > a {
      padding: 1.6rem 4.8rem;
  }
}

@media all and (min-width: 640px) {
  .btn,
  .button,
  [type=button],
  [type=submit],
  button {
    width: auto;
  }
}

.btn:hover, .btn:focus,
[type=button]:hover,
[type=button]:focus,
[type=submit]:hover,
[type=submit]:focus,
button:hover,
button:focus,
.button:active,
.button:focus,
.button:hover,
.paging-navigation a:active,
.paging-navigation a:focus,
.paging-navigation a:hover,
.cc-notification-buttons > li > .cc-link:active,
.cc-notification-buttons > li > .cc-link:focus,
.cc-notification-buttons > li > .cc-link:hover,
.wc-proceed-to-checkout > a:active,
.wc-proceed-to-checkout > a:focus,
.wc-proceed-to-checkout > a:hover {
  background-color: #3c3e3f;
  color: #fff;
}

.btn.btn--rev,
[type=button].btn--rev,
[type=submit].btn--rev,
button.btn--rev {
  background-color: #3c3e3f;
  border: 1px solid transparent;
}

.btn.btn--rev:hover,
[type=button].btn--rev:hover,
[type=submit].btn--rev:hover,
button.btn--rev:hover {
  background-color: #81d4fa;
}

.btn.btn--border,
[type=button].btn--border,
[type=submit].btn--border,
button.btn--border {
  background-color: transparent;
  border: 1px solid transparent;
}

.btn.btn--border--white,
[type=button].btn--border--white,
[type=submit].btn--border--white,
button.btn--border--white {
  border-color: #fff;
  display: inline-block;
}

.btn.btn--border--white:hover,
[type=button].btn--border--white:hover,
[type=submit].btn--border--white:hover,
button.btn--border--white:hover {
  background: #fff;
  color: #3c3e3f;
}

.btn:disabled,
[type=button]:disabled,
[type=submit]:disabled,
button:disabled {
  background-color: #c5c5c5;
  cursor: not-allowed;
}

a.btn {
  display: inline-block;
}

.btn.inverse {
  background: #3c3e3f;
  color: #fff;
}
.btn.inverse:active,
.btn.inverse:focus,
.btn.inverse:hover {
  background: #81d4fa;
  color: #fff;
}

fieldset {
  border: 1px solid #c5c5c5;
  margin-bottom: 1.5rem;
  padding: 1.5rem 2rem;
}

fieldset > legend {
  margin-left: -1rem;
  padding: 0 1rem;
}

legend {
  font-weight: 500;
  padding: 0;
}

label {
  font-weight: 500;
  margin: 0 1rem 0.75rem 0;
}

[type=text],
[type=url],
[type=tel],
[type=number],
[type=email],
[type=search],
[type=password],
textarea,
select {
  color: #999;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 2rem;
  outline: none;
  padding: 1.6rem 0;
}

[type=text]:focus,
[type=url]:focus,
[type=tel]:focus,
[type=number]:focus,
[type=email]:focus,
[type=search]:focus,
textarea:focus,
select:focus {
  border-color: #81d4fa;
}

[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type=file] {
  margin-bottom: 1.5rem;
  width: 100%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  max-width: 100%;
  width: auto;
  position: relative;
}

select:not([multiple]) {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><polygon points="3 6 3 6 0 0 6 0 3 6" fill="%238a8b8c"/></svg>') no-repeat right center;
  background-size: 10px 10px;
  padding-right: 2rem;
}

select:not([multiple])[multiple] {
  border: 1px solid #ccc;
  padding: 1.5rem 2rem;
  width: 100%;
}
select:not([multiple])[multiple]:hover {
  border-color: #999;
}
select:not([multiple])[multiple]:focus {
  border-color: #3c3e3f;
}
select:not([multiple])[multiple]:disabled {
  background-color: #f6f6f6;
  cursor: not-allowed;
}
select:not([multiple])[multiple]:disabled:hover {
  border-color: #ccc;
}

textarea {
  display: block;
  overflow: auto;
  resize: vertical;
}

table {
  text-align: left;
  width: 100%;
}

table th {
    background: #f6f6f6;
    color: #3c3e3f;
    font-weight: 500;
    padding: 2rem;
}

table td {
  border-top: 1px solid #c5c5c5;
  padding: 0.75rem 2rem;
}

table tfoot {
  font-weight: 500;
}

/**
 * 1.3 Containers
 * ----------------------------------------------------------------------------
 */

.frontpage #gk-bg:after {
  display: none;
}

#gk-top1,
#gk-top2 {
  padding: 2rem 0;
}
.gk-3-cols .widget-wrap {
  margin: 20px 0;
}
@media all and (min-width: 640px) {
 #gk-top1,
  #gk-top2 {
    padding: 5rem 0;
  }
}
@media all and (min-width: 62.5em) {
  .gk-3-cols .widget-wrap {
    margin: 0;
  }
  .gk-3-cols[data-cols="1"] .widget-wrap {
    float: left;
    width: 100%;
  }

  .gk-3-cols[data-cols="2"] .widget-wrap {
    float: left;
    padding: 0 20px;
    width: 50%;
  }

  .gk-3-cols[data-cols="3"] .widget-wrap {
    float: left;
    padding: 0 20px;
    width: 33.333333%;
  }

  .gk-3-cols[data-cols="2"],
  .gk-3-cols[data-cols="3"] {
    margin: 0 -20px;
  }
}
#gk-top1 + #gk-top2 {
  padding-top: 0;
}
#gk-bottom1,
#gk-bottom2,
#gk-bottom3,
#gk-bottom4,
#gk-bottom5,
#gk-bottom6,
#gk-bottom7,
#gk-bottom8
#gk-bottom9 {
  overflow: hidden;
}

#content-top .widget,
#content-bottom .widget {
  width: 100%;
}

#sidebar .widget + .widget,
#content-top .widget + .widget,
#content-bottom .widget + .widget {
  margin: 5rem 0 0;
}

#content-top .widget,
#content-bottom .widget {
  padding: 0 0 4rem 0;
}
#content-top + article {
  margin-top: 0;
  padding-top: 4rem;
}
article + #content-bottom {
  margin-top: 0;
  padding-top: 4rem;
}

#gk-top1.gray-bg,
#gk-top2.gray-bg,
#gk-bottom1.gray-bg,
#gk-bottom2.gray-bg,
#gk-bottom3.gray-bg,
#gk-bottom4.gray-bg,
#gk-bottom5.gray-bg,
#gk-bottom6.gray-bg,
#gk-bottom7.gray-bg,
#gk-bottom8.gray-bg,
#gk-bottom9.gray-bg {
  background: #f5f5f5;
}

#gk-top1.beige-bg,
#gk-top2.beige-bg,
#gk-bottom1.beige-bg,
#gk-bottom2.beige-bg,
#gk-bottom3.beige-bg,
#gk-bottom4.beige-bg,
#gk-bottom5.beige-bg {
  background: #f3f0e4;
  position: relative;
}
#gk-top1.beige-bg > div:before,
#gk-top2.beige-bg > div:before,
#gk-bottom1.beige-bg > div:before,
#gk-bottom2.beige-bg > div:before,
#gk-bottom3.beige-bg > div:before,
#gk-bottom4.beige-bg > div:before,
#gk-bottom5.beige-bg > div:before,
.section-second__left:before {
  background: #feffff;
  background: -webkit-radial-gradient(center ellipse,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%);
  background: -moz-radial-gradient(ellipse at center,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%);
  background: radial-gradient(ellipse at center,#feffff 0%,#f3f0e4 72%,#f3f0e4 81%);
  bottom: 0;
  content: "";
  height: 320px;
  left: 0;
  position: absolute;
  width: 480px;
}

.page .site-content {
  margin-bottom: 13rem;
}

/* Bottom  ------------------------ */
.wrap > .bottom {
  overflow: hidden;
  padding: 4rem 2rem;
  position: relative;
}

@media all and (min-width: 61.25em) {
  .wrap > .bottom {
    padding: 8.33333%;
  }
  #sidebar .widget + .widget,
  #content-top .widget + .widget,
  #content-bottom .widget + .widget {
    margin: 13rem 0 0;
  }
}

@media all and (min-width: 61.25em) {
  .animated-circles:before {
    -webkit-animation: circle-1 10s ease infinite;
    animation: circle-1 10s ease infinite;
    border: 1px solid rgba(159, 159, 159, 0.9);
    border-radius: 50%;
    content: "";
    height: 160%;
    position: absolute;
    right: -69%;
    top: -30%;
    width: 100%;
  }
}

@media all and (min-width: 61.25em) {
  .animated-circles:after {
    -webkit-animation: circle-2 10s ease infinite;
    animation: circle-2 10s ease infinite;
    border: 1px solid rgba(159, 159, 159, 0.4);
    border-radius: 50%;
    content: "";
    height: 180%;
    position: absolute;
    right: -69%;
    top: -48%;
    width: 100%;
    z-index: 1;
  }
}

@-webkit-keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}

@keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}

@-webkit-keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}

@keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}

.bottom__contact {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 3rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

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

@media all and (min-width: 61.25em) {
  .bottom__contact-address {
    text-align: left;
    width: 80%;
    float: left;
  }
}

.bottom__contact-socials {
  margin-top: 1.5rem;
}

@media all and (min-width: 61.25em) {
  .bottom__contact-socials {
    margin-top: 0;
    text-align: right;
    width: 20%;
    float: left;
  }
}


@media all and (min-width: 61.25em) {
  form.widget_wysija {
    width: 20%;
    float: left;
    position: relative;
  }
}

.gk-social-icons {
  text-align: right;
}
.gk-social-icon {
  display: inline-block;
  height: 2.8rem;
  margin-left: 2px;
  overflow: hidden;
}
.gk-social-icon > i {
  border-radius: 50%;
  background: #999;
  display: block;
  font-family: FontAwesome;
  font-style: normal;
  height: 2.8rem;
  line-height: 2.8rem;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 2.8rem;
}
.gk-social-icon > i:after {
  color: #f6f6f6;
  display: block;
  font-size: 1.7rem;
  font-weight: 300;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  width: 2.8rem;
}
.gk-social-icon > i.gk-social-icon-twitter:hover {
  background: #2196f3;
}
.gk-social-icon > i.gk-social-icon-fb:hover {
  background: #3b5998;
}
.gk-social-icon > i.gk-social-icon-gplus:hover {
  background: #d34836;
}
.gk-social-icon > i.gk-social-icon-vimeo:hover {
  background: #1ab7ea;
}
.gk-social-icon > i.gk-social-icon-linkedin:hover {
  background: #0077b5;
}
.gk-social-icon > i.gk-social-icon-instagram:hover {
  background: #3f729b;
}
.gk-social-icon > i.gk-social-icon-pinterest:hover {
  background: #bd2125;
}
.gk-social-icon-twitter:after {
  content: "\f099";
  font-size: 2rem;
}
.gk-social-icon-fb:after {
  content: "\f09a";
  position: relative;
  top: 1px;
}
.gk-social-icon-gplus:after {
  content: "\f0d5";
}
.gk-social-icon-vimeo:after {
  content: "\f27d";
  left: -1px;
  position: relative;
}
.gk-social-icon-linkedin:after {
  content: "\f0e1";
}
.gk-social-icon-instagram:after {
  content: "\f16d";
}
.gk-social-icon-pinterest:after {
  content: "\f231";
  font-size: 2.4rem !important;
  position: relative;
  top: 4px;
}

.bottom .widget .bottom__links {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 3rem;
}

.bottom .widget .bottom__links:last-of-type {
  margin-bottom: 5rem;
}

.bottom .widget .bottom__links li {
  padding: 2px 0;
}

.gk-footer__links li {
  display: inline-block;
}

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

@media all and (min-width: 640px) and (max-width: 61.1875em) {
  .widget .bottom__links {
    width: 50%;
    float: left;
  }
}

@media all and (min-width: 61.25em) {
  .widget .bottom__links {
    width: 20%;
    float: left;
  }
  .widget_wysija_cont .allmsgs .updated {
    float: right;
    width: 20%;
  }
}

.widget .bottom__links > li > a {
  color: #636565;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 0;
}

.widget .bottom__links > li > a:hover, .widget .bottom__links > li > a:active, .widget .bottom__links > li > a:focus {
  color: #81d4fa;
}

.widget_wysija_cont {
  position: relative;
  z-index: 2;
}

.bottom__box h3 {
  color: #636565;
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
}

/**
 * 1.4 Icons font
 * ----------------------------------------------------------------------------
 */


/*---------------------------------
2. Header
----------------------------------*/
#gk-header {
    position: relative;
    padding: 68px 0 0 0;
    position: relative;
    z-index: 999;
}
#gk-header-nav {
  position: absolute;
  top: 0;
  -webkit-transition: background-color .25s ease-out;
  -moz-transition: background-color .25s ease-out;
  -ms-transition: background-color .25s ease-out;
  -o-transition: background-color .25s ease-out;
  transition: background-color .25s ease-out;
  z-index: 1000;
}

#gk-header-nav.gk-fixed-nav {
  position: fixed;
}

#gk-header-nav {
  background: #3c3e3f;
}

@media all and (min-width: 62.5em) {
  #gk-header-nav {
    background: rgba(60,62,63,0.6);
  }
  #gk-header {
    padding: 108px 0 0 0;
  }
}
#gk-header-nav.solid-color,
.archive #gk-header-nav,
.search-results #gk-header-nav {
  background: #3c3e3f;
}

body.no-featured-image #gk-header-nav,
body.woocommerce #gk-header-nav {
  background: #3c3e3f;
}
body.frontpage #gk-header,
body.home.blog #gk-header {
    padding-top: 68px;
}
body.page.no-featured-image #gk-header,
body.post.no-featured-image #gk-header,
body.search-results #gk-header{
  padding-top: 68px;
}
.top {
  padding: 0 8.33333%;
}

@media all and (min-width: 640px) {
  .top {
    text-align: right;
  }
}

@media all and (min-width: 61.25em) {
  .top {
    padding: 0 4.16667%;
  }
  body.frontpage #gk-header,
  body.home.blog #gk-header {
      padding-top: 0;
  }
  body.page.no-featured-image #gk-header,
  body.post.no-featured-image #gk-header,
  body.search-results #gk-header{
    padding-top: 108px;
  }
}

@media all and (min-width: 100em) {
  .top {
    padding: 0;
  }
}

.top__nav {
  line-height: 3.5rem;
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.top__nav li {
  float: left;
  font-size: 1.4rem;
  line-height: 6.8rem;
  margin-right: 1.8rem;
}

@media all and (min-width: 640px) {
  .top__nav {
    display: inline-block;
  }
  #gk-top > .widget_search {
    display: inline-block;
  }
  #gk-top > .widget_search {
    margin-right: 20px;
  }
}

@media all and (min-width: 1040px) {
  #gk-top > .widget_search,
  .top__nav {
    float: right;
    margin-right: 0;
  }

}


.top__nav a {
  color: #636565;
}

.top__nav a:hover, .top__nav a:active, .top__nav a:focus {
  color: #81d4fa;
}

/* Hero Image ------------------------ */
@media all and (min-width: 55em) {
  .gk-header-mod {
    background: #000;
  }
}

.gk-header-content {
  background: #3c3e3f;
  bottom: 0;
  color: #fff;
  font-size: 1.222rem;
  padding: 2rem;
}

.gk-header-content p {
  font-size: 2rem;
}

.gk-header-content p + p {
  margin: 0;
}

.gk-header-content p a {
  background: #81d4fa!important;
}

@media all and (min-width: 55em) {
  .gk-header-content {
    background: transparent;
    position: absolute;
  }
  .gk-header-content p a {
    background: #3C3E41!important;
  }
}

@media all and (min-width: 640px) {
  .gk-header-content {
    padding: 5rem;
  }
}

@media all and (min-width: 1280px) {
  .gk-header-content {
    padding: 10rem 0 10rem 10rem;
  }
}

@media all and (min-width: 1560px) {
  .gk-header-content {
    padding: 13rem 0 13rem 13rem;
  }
}

@media all and (min-width: 87.5em) {
  .gk-header-content {
    width: 50%;
    float: left;
    padding-right: 0;
  }
}

.gk-header-content > h1 {
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.gk-header-block {
  position: relative;
}

.gk-header-block img {
  display: block;
  opacity: 0.8;
  width: 100%;
}

.gk-header-content p {
  margin-bottom: 2rem;
}

.gk-header-content p a {
  font-size: 1.4rem;
}

@media all and (min-width: 640px) {
  .gk-header-content > h1 {
    font-size: 4.8rem;
    line-height: 1;
  }
}
@media all and (min-width: 1040px) {
  .gk-header-content > h1 {
    font-size: 5.8rem;
    margin-bottom: 3rem
  }
  .gk-header-content p a {
    font-size: 1.8rem;
  }

    .gk-header-content p {
    color: #fff;
    font-size: 2rem;
    margin: 0 0 4.8rem;
  }
}
/* Logo */
.gk-logo {
  display: block;
  float: left;
  height: 68px;
  top: 0;
  width: auto;
}

.gk-logo img {
  display: block;
  max-height: 108px;
  margin: 0;
  max-width: 300px;
  width: auto;
}
.gk-logo.text {
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 68px;
  max-width: 300px;
  padding: 0 0 0 4.166666%;
  text-transform: uppercase;
}

@media all and (min-width: 61.25em) {
  .gk-logo.text {
    padding-left: 4.16667%;
    line-height: 108px;
  }
  .gk-logo {
    line-height: 108px
  }
}

.gk-logo.text > span {
  display: block;
}
.gk-logo.text .gk-logo-slogan {
  color: #ccc;
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
  margin-top: -36px;
  text-align: center;
  text-transform: none;
}

/*---------------------------------
3. Post/Page elements
----------------------------------*/
/**
 * 3.1 Navigation
 * ----------------------------------------------------------------------------
 */

#gk-header-nav .main-navigation {
  color: #3c3e3f;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 2% 0 0;
  padding: 0;
  text-transform: uppercase;
  top: 0;
}
.nav-menu {
  height: 108px;
  line-height: 108px;
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
}

@media all and (min-width: 61.25em) {
  #gk-header-nav .main-navigation {
    margin-right: 4%;
  }

  .nav-menu {
    display: block;
  }
}

.nav-menu li,
.nav-menu > ul > li {
  display: inline-block;
  padding: 0;
  position: relative;
}

.nav-menu > li > a {
  display: block;
  padding: 0 1.6rem;
  position: relative;
  color: #fff;
  text-decoration: none;
}

.nav-menu > li > a:active,
.nav-menu > li > a:focus,
.nav-menu > li > a:hover,
.nav-menu > li.current_page_item > a,
.nav-menu > li.current_page_item > a:active,
.nav-menu > li.current_page_item > a:focus,
.nav-menu > li.current_page_item > a:hover,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-item > a:hover,
.nav-menu > li.current-menu-ancestor > a,
.nav-menu > li.current-menu-ancestor > a:active,
.nav-menu > li.current-menu-ancestor > a:focus,
.nav-menu > li.current-menu-ancestor > a:hover {
  color: #81d4fa;
}

.nav-menu li a:not(:only-child):after,
.nav-menu li a:visited:not(:only-child):after {
  padding-left: 5px;
  content: ' \25BE';
}

.nav-menu > li .sub-menu,
.nav-menu ul > li .children {
  background: #fff;
   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .14);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .14);
  padding: 1.8rem 0;
  width: 200px;
  z-index: 99999999;
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
}

.nav-menu > li .sub-menu li,
.nav-menu ul > li .children li {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  height: auto;
  line-height: 1.2!important;
  margin: 0;
  padding: 0;
  text-align: left;
}
.nav-menu > li .sub-menu li a,
.nav-menu ul > li .children li a  {
  color: #3c3e3f!important;
  display: block;
  height: auto;
  padding: 1.25rem 2.7rem;
  position: relative;
}
.nav-menu > li .sub-menu li a:active, 
.nav-menu > li .sub-menu li a:focus, 
.nav-menu > li .sub-menu li a:hover,
.nav-menu ul > li .children li a:active, 
.nav-menu ul > li .children li a:focus, 
.nav-menu ul > li .children li a:hover {
   color: #81d4fa!important;
}
.nav-menu > li .sub-menu a,
.nav-menu > li .sub-menu li,
.nav-menu ul > li .children a,
.nav-menu ul > li .children li {
  width: 100%;
}
.nav-menu > li .sub-menu .sub-menu,
.nav-menu ul > li .children .children {
  margin-left: 100px;
  margin-top: -35px;
}
.nav-menu li:hover > .sub-menu,
.nav-menu li:hover > .children {
  left: auto;
}
.menu-toggle {
  display: none;
}

#gk-menu-overlay {
  background: rgba(60,62,63,0.9);
  left: 0;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
#gk-menu-overlay-wrap {
  left: 50%;
  margin: 0 auto 0 -150px;
  width: 300px;
  position: absolute;
  top: 0;
  z-index: 10001;
}

#gk-menu-overlay-wrap .nav-menu {
  display: block;
  padding: 10px 0;
  position: static;
  line-height: 1.5;
}
.admin-bar #gk-menu-overlay-wrap .nav-menu {
  margin-top: 20px;
}
#gk-menu-overlay-wrap .nav-menu a {
  color: #fff!important;
  display: block;
  font-size: 2.4rem;
  padding: 10px 0;
}
#gk-menu-overlay-wrap .nav-menu a:active,
#gk-menu-overlay-wrap .nav-menu a:focus,
#gk-menu-overlay-wrap .nav-menu a:hover {
  color: #81d4fa;
}
#gk-menu-overlay-wrap .nav-menu li {
  border-top: 1px solid rgba(255,255,255,0.2);
  clear: both;
  font-weight: 300;
  line-height: 1.5;
  padding: 0;
  text-transform: none;
  text-align: left;
  width: 100%;
}
#gk-menu-overlay-wrap .nav-menu li:before,
#gk-menu-overlay-wrap .nav-menu > li > a:after {
  display: none;
}
#gk-menu-overlay-wrap .nav-menu li:first-child {
  border-top: none;
}
#gk-menu-overlay-wrap .nav-menu > li.current_page_item > a,
#gk-menu-overlay-wrap .nav-menu > li.current-menu-ancestor > a  {
  border-bottom: 0;
}
#gk-menu-overlay-wrap .nav-menu li.haschild,
#gk-menu-overlay-wrap .nav-menu li .group {
  padding-bottom: 0;
}
#gk-menu-overlay-wrap .nav-menu li .gkmenu {
  margin-top: 5px;
}
#gk-menu-overlay-wrap .nav-menu li li {
  border-top: 1px solid rgba(255,255,255,0.2);
  overflow: hidden;
}
#gk-menu-overlay-wrap .nav-menu li li a {
  background: none!important;
  font-size: 2rem;
  padding: 8px 0;
}
#gk-menu-overlay-wrap .nav-menu li li:first-child {
  border-top: 1px solid rgba(255,255,255,0.2);
}
#gk-menu-overlay-wrap .nav-menu li li li a {
  font-size: 1.6rem;
  padding: 5px 0;
}
#gk-menu-overlay-wrap .nav-menu > li .sub-menu,
#gk-menu-overlay-wrap .nav-menu ul > li .children {
  background: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  padding: 0;
  position: static;
  width: 100% !important;
}
#gk-menu-overlay-wrap .nav-menu > li .sub-menu li,
#gk-menu-overlay-wrap .nav-menu ul > li .children li,
#gk-menu-overlay-wrap .nav-menu > li .sub-menu li a,
#gk-menu-overlay-wrap .nav-menu ul > li .children li a {
  line-height: 1.7!important;
}
#gk-menu-overlay-wrap .header > a {
  color: #fff;
}
#gk-menu-overlay-wrap .nav-menu > li .sub-menu li li {
  overflow: hidden;
  height: 25px;
}
#gk-menu-overlay-wrap .header > a:active,
#gk-menu-overlay-wrap .header > a:focus,
#gk-menu-overlay-wrap .header > a:hover {
  color: #81d4fa;
}
#gk-menu-overlay-wrap .header > a > small {
  display: block;
}
#gk-menu-overlay-wrap #gk-menu-overlay-close {
  color: #fff;
  cursor: pointer;
  font-size: 3.2rem;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 2;
}
#gk-menu-overlay-wrap #gk-menu-overlay-close:active,
#gk-menu-overlay-wrap #gk-menu-overlay-close:focus,
#gk-menu-overlay-wrap #gk-menu-overlay-close:hover {
  color: #81d4fa;
}
#gk-menu-overlay,
#gk-menu-overlay-wrap {
  display: none;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#gk-menu-overlay.gk-show,
#gk-menu-overlay-wrap.gk-show {
  display: block;
}
#gk-menu-overlay.gk-active,
#gk-menu-overlay-wrap.gk-active {
  opacity: 1;
}

@media all and (min-width: 61.25em) {
  .main-navigation + #gk-mobile-menu {
    display: none;
  }
}

@media all and (min-width: 640px) {
  #gk-menu-overlay-wrap {
    margin: 0 auto 0 -320px;
    max-width: 640px;
    width: 100%;
  }

  #gk-menu-overlay-wrap .nav-menu {
    margin: 0 auto;
    width: 90%;
  }
  #gk-menu-overlay-wrap #gk-menu-overlay-close {
    right: 5%;
  }
}

/* Aside menu */
#gk-page-content {
  padding: 62px 0 0 0;
}

#gk-mobile-menu {
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 1.8rem 2rem 1.8rem 2rem !important;
  overflow: hidden;
  padding: 14px 0;
  text-align: center;
  text-transform: uppercase;
  width: 32px;
}
@media all and (min-width: 62.5em) {
  #gk-mobile-menu {
    margin: 3.8rem 5rem 3.8rem 2rem !important;
  }
}

#gk-mobile-menu i {
  background: #fff;
  border-radius: 1px;
  display: block;
  float: right;
  height: 4px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: background .3s ease-out;
  -moz-transition: background .3s ease-out;
  -ms-transition: background .3s ease-out;
  -o-transition: background .3s ease-out;
  transition: background .3s ease-out;
  width: 32px;
}
#gk-mobile-menu i:before,
#gk-mobile-menu i:after {
  background: #fff;
  border-radius: 1px;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: -10px;
  -webkit-transition: background .3s ease-out;
  -moz-transition: background .3s ease-out;
  -ms-transition: background .3s ease-out;
  -o-transition: background .3s ease-out;
  transition: background .3s ease-out;
  width: 32px;
}
#gk-mobile-menu i:after {
  top: 10px;
}
#gk-mobile-menu:active > i,
#gk-mobile-menu:active > i:before,
#gk-mobile-menu:active > i:after,
#gk-mobile-menu:focus > i,
#gk-mobile-menu:focus > i:before,
#gk-mobile-menu:focus > i:after,
#gk-mobile-menu:hover > i,
#gk-mobile-menu:hover > i:before,
#gk-mobile-menu:hover > i:after {
  background: #81d4fa;
}

#aside-menu {
  background: #3c3e3f;
  display: block;
  float: right;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
  z-index: 0;
}

#aside-menu:after {
  background: #f6f6f6;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#aside-menu.menu-open {
  display: block;
  position: fixed;
}
#aside-menu.menu-open:after {
  width: 0;
}
#aside-menu > div {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding-right: 32px;
  min-width: 280px;
  max-width: 100%;
}
#aside-menu li {
  font-size: 1.4rem;
  font-weight: 400;
  padding: 4px 0;
  text-transform: uppercase;
}
#aside-menu li a {
  color: #ccc;
}
#aside-menu li a:active, #aside-menu li a:focus, #aside-menu li a:hover, #aside-menu li.current_page_item > a {
  color: #81d4fa;
}
#aside-menu li li {
  font-weight: 400;
  padding: 4px 0;
  text-transform: none;
}
#aside-menu li li li {
  padding-left: 10px;
}
#aside-menu li li li:before {
  content: "-";
  padding: 0 10px 0 0;
}
#aside-menu li:last-child {
  margin-bottom: 12px;
}
#aside-menu .sub-menu,
#aside-menu .children {
  padding-left: 0;
}
#aside-menu .nav-aside-menu {
  margin: 0;
}

#aside-navigation,
#aside-menu.menu-open {
  width: 280px;
}

.admin-bar #aside-menu.menu-open {
  top: 30px;
}

#aside-navigation li {
  text-align: left;
}
#aside-navigation > div > ul {
  padding: 32px 0 20px 32px;
}

#close-menu {
  color: #636565;
  cursor: pointer;
  font-size: 2.6rem;
  font-style: normal;
  line-height: 17px;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 36px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 100002;
}
#close-menu:hover {
  color: #81d4fa;
}
#close-menu.menu-open {
  opacity: 1.0;
  right: 18px;
}

/* Android fix */
.android-stock-browser #aside-menu {
  height: auto;
  min-height: 100%;
  position: absolute;
}
.android-stock-browser #aside-menu > div {
  height: auto;
  min-height: 100%;
}

#aside-menu .item-social-icons {
  text-align: center;
}
#aside-menu .item-social-icons a {
  color: rgba(255,255,255,0.2) !important;
  font-size: 2rem;
  line-height: 1.2;
  padding: 0 2px;
}
#aside-menu .item-social-icons a:active,
#aside-menu .item-social-icons a:focus,
#aside-menu .item-social-icons a:hover {
  color: #81d4fa !important;
}
#gk-menu-top,
#gk-menu-bottom {
  color: #757575;
  font-size: 1.3rem;
  padding: 15px 0;
}
#gk-menu-top a,
#gk-menu-bottom a {
  color: #fff;
}
#gk-menu-top a:active,
#gk-menu-top a:focus,
#gk-menu-top a:hover,
#gk-menu-bottom a:active,
#gk-menu-bottom a:focus,
#gk-menu-bottom a:hover {
  color: #81d4fa;
}
#gk-menu-top {
  border-bottom: 1px solid rgba(255,255,255,0.15);
  margin: 5px 0 20px 32px;
}
#gk-menu-bottom {
  border-top: 1px solid rgba(255,255,255,0.15);
  margin: 20px 0 0 32px;
}
/**
 * 3.2 Content
 * ----------------------------------------------------------------------------
 */
#primary {
  padding: 0 2rem;
}

#primary:after,
article:after {
  content: " ";
  display: block;
  clear: both;
}

.entry-content .post__oversize {
  margin: 6rem 0;
}

@media all and (min-width: 640px) {
 #primary {
    padding: 0 5rem;
  }
}

@media all and (min-width: 1180px) {
  #primary {
    padding: 0 13rem;
  }
    .woocommerce #container > #content {
    padding: 13rem 0;
  }

  #gk-top1,
  #gk-top2 {
    padding: 13rem 0;
  }
  .gk-3-cols[data-cols="2"] .widget-wrap,
  .gk-3-cols[data-cols="3"] .widget-wrap  {
    padding: 0 50px;
  }

  .gk-3-cols[data-cols="2"],
  .gk-3-cols[data-cols="3"] {
    margin: 0 -50px;
  }
}

@media all and (min-width: 61.25em) {
  .post,
  #gk-comments-wrap {
    
  }
}

@media all and (min-width: 1180px) {
  .entry-content .post__oversize {
    margin: 9rem -12.5%;
  }
}

p + .entry-meta {
  padding-top: 6rem;
}

.archive .entry-header + .site,
.search .entry-header + .site,
.page .entry-header + .site,
.home .site-content > .site,
.login-page > .site  {
  margin-top: 0;
  max-width: none;
  width: auto;
}

.post__tag {
  border-top: 1px solid #c5c5c5;
  color: #3c3e3f;
  font-size: 1.4rem;
  margin: 5.1rem auto 2.4rem;
  padding-top: 2.7rem;
  text-transform: uppercase;
}

@media all and (min-width: 640px) {
  .post__tag {
      margin: 8.1rem auto 5.4rem;
  }
}

.post__tag span {
  display: inline-block;
  font-weight: bold;
  margin-right: 1.2rem;
}

.post__tag span {
  display: inline-block;
}

.post__tag a:after {
  content: ",";
  margin-left: 0.3rem;
}

.post__tag a:last-child:after {
  display: none;
}

.post__tag a {
  color: #636565;
  display: inline-block;
  margin-right: 0.8rem;
}

.post__tag a:hover, .post__tag a:active, .post__tag a:focus {
  color: #81d4fa;
}

.cat-readon.btn + .post__tag {
  clear: both;
  margin-top: 10rem;
}

.item-social-icons {
  margin-top: 50px;
}

.item-social-icons > span {
  margin-right: 10px;
}

.item-social-icons a:hover,
.item-social-icons a:hover > i {
  color: #81d4fa !important;
}

/* Related items */
.item-subheader h3 {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0!important;
  padding: 60px 0 40px 0;
  text-transform: uppercase;
}
.entry-related ul,
.item-subheader.latest ul {
  margin: 0;
}
.item-subheader.latest ul {
  margin: 0 -25px !important;
}
.entry-related li,
.item-subheader.latest li {
  float: left;
  width: 25%;
  padding: 0 10px!important;
}
.item-subheader.latest li {
    border-left: 1px solid #e5e5e5;
    padding: 0 25px !important;
}
.item-subheader.latest li:first-child {
  border-left: 0;
}
.entry-related li:before,
.item-subheader.latest li:before {
  display: none;
}
.entry-related .item-title {
  display: block;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.entry-related img {
  display: block;
  margin: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.entry-related a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/**
 * 3.3 Entry Header
 * ----------------------------------------------------------------------------
 */
.post__image {
  margin: 0 -2rem;
  position: relative;
  top: 0;
  z-index: 1;
}

.post__image > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media all and (min-width: 640px) {
 .post__image {
  margin: 0 -5rem;
 }
}

@media all and ( min-width:1180px) {
  .post__image {
    margin: 0 -13rem;
    top: -108px;
  }
}

.post__image + header {
  margin-top: 25%;
}

.article__date {
  color: #ccc;
  font-size: 1.4rem;
  line-height: 1.1;
  margin: 0 0 3.5rem 0;
  overflow: hidden;
  padding: 0 0 .5rem 0;
}

@media all and (min-width: 640px) {
  .article__date,
  .entry-content .article__date {
    font-size: 2.4rem;
    margin: 0 0 7.5rem 0;
  }
}

.post__header h1,
.image-attachment header > h1 {
    color: #3c3e3f;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.5;
    margin: 2rem 0 0 0;
    text-transform: uppercase;
}

.single-page.has-post-thumbnail .post__header h1 {
  margin-top: 1.2rem;
}

.single-page.format-link .post__header h1,
.single-page.format-video .post__header h1,
.single-page.format-image .post__header h1,
.single-page.format-quote .post__header h1,
.single-page.format-gallery .post__header h1,
.page.no-featured-image .post__header h1  {
  margin-top: 2rem;
}

@media all and (min-width: 61.25em) {
  .post__image + header {
    margin-top: 12.5%;
  }

  .post__header h1,
  .image-attachment header > h1 {
    font-size: 5.8rem;
    line-height: 1.5;
    margin: 7rem 0 0 0;
  }

  .single-page.has-post-thumbnail .post__header h1 {
    margin-top: 5.2rem;
  }

  .single-page.format-link .post__header h1,
  .single-page.format-video .post__header h1,
  .single-page.format-image .post__header h1,
  .single-page.format-quote .post__header h1,
  .single-page.format-gallery .post__header h1,
  .page.no-featured-image .post__header h1  {
    margin-top: 12rem;
  }
}

@media all and (min-width: 640px) {
  .post__header h1,
  .image-attachment header > h1 {
    color: #3c3e3f;
    font-size: 4.8rem;
  }
}

@media all and (min-width: 1280px) {
  .single-page.has-post-thumbnail .post__header h1 {
      margin-top: 1.2rem;
  }
}
/**
 * 3.4 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-thumbnail-wrap {
  display: block;
  margin: 72px auto 64px auto;
  text-align: center;
}

.edit-link a:before {
  content: "\f040";
  font-family: FontAwesome;
  margin-right: 5px;
}
.gk-image-caption {
  bottom: 20px;
  color: #fff;
  font-size: 1.1rem;
  left: 40px;
  line-height: 2;
  padding: 0;
  position: absolute;
  text-align: left;
  text-shadow: 0 0 1px rgba(0,0,0,0.5);
  text-transform: uppercase;
  z-index: 1;
}


/* Page links */
.page-links {
  clear: both;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2.2;
  margin: 20px 0;
}

.page-links a,
.page-links > span {
  background: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  text-decoration: none;
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
  background: #fff;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
  background: none;
}

.page-links .page-links-title {
  background: transparent;
  border: none;
  margin-right: 20px;
  padding: 0;
}

/* Media elements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
  background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  border-radius: 0;
}
/**
 * 3.5 Galleries
 * ----------------------------------------------------------------------------
 */
.gallery-item {
  float: left;
  margin: 0 !important;
  overflow: hidden;
  padding: 0 4px 4px 0;
  position: relative;
}
.gallery-item a,
.gallery-item img {
  display: block;
  height: auto;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
  display: table;
  margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
  text-align: center;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.333333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.666666%;
}

.gallery-columns-7 .gallery-item {
  width: 14.285714%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.111111%;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 4px;
  color: #fff;
  font-size: 1.4rem;
  left: 0;
  line-height: 1.3;
  margin: 0 !important;
  max-height: 50%;
  opacity: 0;
  padding: 5px 8px 6px 8px;
  position: absolute;
  right: 4px;
  text-align: left;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.gallery-caption:before {
  display: none;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/**
 * 3.6 Post Formats
 * ----------------------------------------------------------------------------
 */
.format {
  color: #999;
  display: block;
  font-family: FontAwesome;
  font-size: 2rem!important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 29px;
  line-height: 1.5 !important;
  margin: 0;
  position: relative;
  top: 1px;
  width: 26px;
}

.entry-title-wrap .format {
  color: #fff;
  font-size: 3.5rem!important;
  height: 50px;
  margin: 0 auto 10px;
  width: 50px
}

.entry-title .format {
  display: inline-block;
  left: -10px;
  position: relative;
  top: -3px;
}


.gk-format-aside:before {
  content: "\f0f6";
}

.gk-format-audio:before {
  content: "\f001";
}

.gk-format-chat:before {
  content: "\f086";
}

.gk-format-gallery:before {
  content: "\f00a";
}

.gk-format-image:before {
  content: "\f03e";
}

.gk-format-link:before {
  content: "\f0c1";
}

.gk-format-quote:before {
  content: "\f10e";
}

.gk-format-status:before {
  content: "\f073";
}

.gk-format-video:before {
  content: "\f03d";
}

/**
 * 3.7 Attachments
 * ----------------------------------------------------------------------------
 */
.full-size-link:before {
  content: none;
}
.attachment .item-info {
  margin: -32px 0 32px 0;
}
.attachment #image-navigation {
  height: 100px;
  padding: 30px 0 0 0;
  text-align: center;
}
.attachment .entry-attachment .attachment {
  display: block;
  padding: 8rem 0;
}
.attachment .entry-attachment .attachment a {
  display: block;
}
.attachment .entry-attachment .attachment img {
  display: block;
  max-width: 100%;
}


.attachment #comments {
  padding-left: 0
}
/**
 * 3.8 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */
.navigation {
  margin: 5rem 0 7rem;
  text-align: center;
  overflow: hidden;
}

.paging-navigation .nav-previous a {
  float: left;
}
.paging-navigation .nav-next a {
  float: right;
}

.nav-links > div {
  display: inline;
}

/**
 * 3.9 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info p {
  margin: 5px 0;
}

.archive.tag .entry-header > .entry-title > small {
  display: block;
}
.author-info .website-url,
.author-info .email {
   display: inline-block;
   margin: 0;
   padding: 5px 20px 5px 0px;
}

.archive .author-info.bigtitle {
  margin: 3rem 0 2rem;
}

 @media all and (min-width: 640px) {
  .author-page .author-info img {
    float: left;
    margin: 0 80px 0 0;
  }
  .archive .author-info.bigtitle {
    margin: 6rem 0 8rem;
  }
}

/**
 * 3.10 Archives
 * ----------------------------------------------------------------------------
 */
.search .bigtitle {
  padding: 0 0 20px 0;
}
.search .category-image-wrap,
.archive .category-image-wrap {
  margin: 0 auto 24px auto;
}
.search .category-image-wrap img,
.archive .category-image-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.archive-page:last-child {
  margin-bottom: 10px;
}
.archive-page .entry-thumbnail-wrap > img {
  width: 100%;
}
.entry-summary-content {
    margin: 4rem auto 0 auto;
    width: 100%;
  }
@media all and (min-width: 640px) {
  .entry-summary-content {
    margin: 6rem auto 0 auto;
    width: 90%;
  }
  .archive-page {
    margin: 0 0 80px 0;
  }
  .content-wrapper .archive-page {
      margin: 0 0 74px;
  }
}
.archive .entry-title-wrap > h1,
.search .entry-title-wrap > h1,
.page .entry-title-wrap > h1 {
  font-weight: 400;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
.archive-page .entry-title {
  font-size: 2.4rem;
  margin: 0;
}
.archive-page > .entry-thumbnail {
  margin: 5rem -2rem 0 -2rem;
}

.home.blog .site > .archive-page:first-child > .entry-thumbnail {
  margin-top: 0;
}
.item-desc {
    margin: 1rem 0 0 0;
}
.archive-page .entry-thumbnail-wrap {
  margin: 0;
}
.archive-page .entry-footer {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px;
}
.archive-page .entry-excerpt > p {
  margin: 0 0 20px;
}
.archive-page .entry-footer .micon {
  color: #999;
  font-size: 1.8rem;
  position: relative;
  top: -1px;
  float: left;
  margin-right: 2px;
}

.archive-page .entry-footer time {
   color: #999;
   display: block;
   font-size: 1.1rem;
   font-style: normal;
}

.archive .site-content {
  padding: 5rem 0;
}

.archive.woocommerce-page .site-content {
  padding: 1rem 0;
}

.entry-readmore {
  padding: 2rem 0 0 0;
}

.entry-summary-content .sticky {
  margin: 0;
}

@media all and (min-width: 640px) {
  .archive-page .entry-title {
    font-size: 3.6rem;
  }
  .archive .entry-title-wrap > h1,
  .search .entry-title-wrap > h1,
  .page .entry-title-wrap > h1 {
    font-size: 3.6rem;
  }
  .archive .site-content {
    padding: 6rem 0;
  }
  .archive.woocommerce-page .site-content {
    padding: 2rem 0;
  }

    .archive-page > .entry-thumbnail {
    margin: 5em -5rem 0 -5rem;
  }

  .entry-readmore {
    padding: 6rem 0 0 0;
  }
}

@media all and (min-width: 840px) {
  .archive .entry-title-wrap > h1,
  .search .entry-title-wrap > h1,
  .page .entry-title-wrap > h1 {
    font-size: 5.8rem;
  }
  .archive .site-content {
    padding: 13rem 0;
  }
  .archive.woocommerce-page .site-content {
  padding: 3rem 0;
}
  .archive-page .entry-title {
    font-size: 4.6rem;
  }
}

@media all and (min-width: 1040px) {
    .archive-page > .entry-thumbnail {
    margin: 13rem -13rem 0 -13rem;
  }
}

@media all and (min-width: 1560px) {
.entry-summary-content {
    margin: 13rem auto 0 auto;
    width: 80%;
  }
}

/**
 * 3.11 Search Results/No posts
 * ----------------------------------------------------------------------------
 */
.search-page #gk-search {
  float: none;
}
.search-page .entry-title {
  border-bottom: 1px solid #CCC;
  padding: 0px 0px 20px;
  margin: 0px auto 80px;
  max-width: 820px;
  text-align: center;
}
.page-content {
  background: #fff;
  padding: 40px;
  text-align: center;
}
.search-form {
  text-align: center;
}
.search-form .search-submit {
  display: inline-block;
  float: none;
}
.search-form .search-field {
  background: transparent;
  font-size: 1.4rem;
  height: 3.2rem;
  margin: 1.8rem 0 1.8rem 1rem;
  padding: 0;
  width: 170px;
}

.search-page .entry-header {
  margin-bottom: 5.4rem;
}

#gk-search .search-form .search-field {
  float: left;
  height: 5.8rem;
  margin: 0 4rem 0 0;
  width: 80%;
}
.widget_search {
  display: inline-block;
}
.search-form .btn {
  float: left;
  margin-right: 5px;
  position: relative;
}

.search-page .search-form .btn  {
  margin-top: 2rem;
}
.search .searchintro {
  text-align: center;
}
.search .searchintro strong {
  font-weight: 600;
}
.search .searchintro > p {
  clear: both;
  padding-top: 30px;
  text-align: left;
}
.searchintro + .item-list {
  margin-top: 50px;
  padding: 0;
}
.searchintro + .item-list li {
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.6rem;
  padding: 20px 0;
  list-style-position: inside!important;
  list-style: inherit;
}

.content-none > p {
  margin-bottom: 20px;
}
.widget .search-form .btn {
  display: none;
}
.search .content-none {
  padding-bottom: 40px;
}

/**
 * 3.12 404 Page
 * ----------------------------------------------------------------------------
 */
.error404 .entry-title span {
  display: block;
  padding: 65px 65px 20px 65px;
  position: relative;
}

.error404 #content,
.error404 #primary {
  padding: 0;
}

.error404 .page-content {
  background: transparent;
}

.error404 .other-things {
  display: none;
}

.error404 .content-wrapper {
  float: none;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}
.error404 .content-wrapper h1 {
  font-size: 24rem;
  font-weight: 400;
}
.error404 .content-wrapper h2 {
  font-size: 2rem;
  line-height: 1.5;
  text-transform: none;
}
.error404 .search-goog {
   color: #636565;
   line-height: 50px;
   margin: 0 0 25rem;
}

.error404 .search-goog b {
  font-weight: 500;
}
.error404 .search-goog form {
  margin: 10px 0 0;
}
.error404 .search-goog input {
  float: none;
  margin: 0 auto;
  width: 80%;
}
.error404 .search-goog input + input {
  padding: 0 20px;
  width: auto;
}
.error404 #goog-wm-qt {
  max-width: 100%;
  width: 480px;
}
.error404 #goog-wm h3 {
  display: none;
}
.error404 #goog-wm-sb {
  display: block;
  margin-top: 2rem;
  max-width: 100%;
  width: 480px;
}
.error404 .error-links {
  margin-bottom: 8rem;
  margin-top: 0;
  text-align: center;
  width: 100%;
}
.error404 .error-links a {
  padding: 0 12px;
}
.error404 .search-goog form {
  margin: 10px 0 0;
}
.error404 #gk-bottom5 h3 {
  display: none;
}
.error404 .single-page {
  padding-top: 26rem;
}

/**
 * 3.13 Comments
 * ----------------------------------------------------------------------------
 */
 @media all and (min-width: 1040px) {
  #comments {
    clear: both;
    padding: 80px 0 0 0;
  }
  .search-page .search-form .btn  {
    margin-top: 0;
  }
}
#comments .no-password {
  margin-top: 0;
}

.comment-post-author {
  background: #010101;
  border-radius: 2px;
  color: #fff;
  font-size: 1.1rem;
  margin: 0 0 0 5px;
  padding: 2px 5px;
  position: relative;
  top: -1px;
}

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.comments-title,
.comment-reply-title {
    border-top: 1px solid #ccc;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0;
    padding: 4rem 0;
    text-transform: uppercase;
}

.comment-reply-title {
  padding-bottom: 20px;
}

.comment-reply-title {
  margin-bottom: 10px;
}

.comment-list,
.comment-list .children {
  list-style-type: none;
  padding: 0;
}

.comment-list .children {
  margin-left: 35px;
}

.comment-list > li:after,
.comment-list .children > li:before {
  background-size: 4px 4px;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.comment-list > li:last-child:after {
  display: none;
}

.comment-body {
  margin: 20px 0;
  padding: 1em 0 0;
  position: relative;
}

.children .comment-body {
  margin: 0;
}

.comment-content p {
  color: #636565;
  font-size: 1.8rem;
  margin: 1.5rem 0;
}

.bypostauthor {
  line-height: inherit;
}

.comment-author > img {
  display: block;
  float: left;
  margin: 16px 10px 0 0;
}

.comment-author .avatar {
  display: block;
}
.comment-author .fn {
  word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login,
.comment-list .edit-link {
  font-size: 1.4rem;
  font-style: normal;
}

.says {
  display: none;
}

.comment-list .edit-link {
  float: right;
  margin-left: 20px;
}

.comment-metadata a time {
  color: #999;
  display: block;
  font-size: 1.4rem;
  margin: 0 12px 0 0;
}

.comment-metadata {
  margin-bottom: 0;
}

.comment-content:before {
  clear: both;
  display: table;
  content: "";
}

.comment-author {
  position: absolute;
}

.comment-content-wrapper {
  margin: 0 0 0 120px;
  padding: 10px;
}

.comment-metadata > strong.fn {
  font-size: 2rem;
  display: block;
  margin: 0 12px 0 0;
}
.comment-metadata > strong.fn a {
  color: #81d4fa;
}
.comment-metadata > strong.fn a:active,
.comment-metadata > strong.fn a:focus,
.comment-metadata > strong.fn a:hover {
  color: #3c3e3f;
}
.ping-meta {
  color: #a2a2a2;
  font-size: 1.3rem;
  line-height: 2;
}

.comment-awaiting-moderation:before {
  content: "\f071";
  font-family: FontAwesome;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.comment-reply-link:before,
.comment-reply-login:before {
  content: "\f112";
  font-family: FontAwesome;
  margin-right: 6px;
}

/* Comment form */
.comment-respond {
  padding: 30px 0;
  overflow: hidden;
}

 @media all and (min-width: 1040px) {
  #comments {
    clear: both;
    padding: 80px 0 0 0;
  }
  .comment-respond {
    margin-bottom: 11rem;
  }
}

.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px 0;
}

.comment-reply-title small a {
  color: #131310;
  display: inline-block;
  float: right;
  height: 21px;
  padding-left: 4px;
  overflow: hidden;
  width: 22px;
}
.comment-reply-title small a:hover {
  text-decoration: none;
}
.comment-reply-title small a:before {
  content: "\f057";
  font-family: FontAwesome;
  font-size: 1.8rem;
  margin-right: 10px;
  vertical-align: top;
}

.comment-form .comment-notes {
  color: #aaa;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  float: left;
  margin: 0 3% 3% 0;
  width: 30%;
}
.comment-form .required {
  color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
}
.comment-form textarea {
  height: 200px!important;
  width: 100%;
}
.comment-form label {
  display: none;
}
.comment-form-comment {
  clear: both;
  margin-bottom: 0;
}
.comment-form [placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.1s 0.1s ease; 
  opacity: 0;
}

input:focus:-moz-placeholder { color:transparent; }
.form-allowed-tags,
.form-allowed-tags code {
  color: #686758;
  font-size: 1.2rem;
}

.form-allowed-tags code {
  display: block;
  margin: 3px 0;
}

.comment-list .pingback,
.comment-list .trackback {
  padding-top: 24px;
}

.comment-navigation {
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  margin: 0 auto;
  max-width: 604px;
  padding: 20px 0 30px;
  width: 100%;
}

.no-comments {
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 40px 0;
}

/**
 * 3.14. Page templates
 * ----------------------------------------------------------------------------
 */
 
/* Frontpage */
.frontpage-mainbody {
  padding: 80px;
  position: relative;
}

/* left */
.section__left-box {
    padding: 20px;
}
@media all and (min-width: 640px) {
  .section__left-box  {
    padding: 5rem;
  }
}
.section__left-box {
  overflow: hidden;
  position: relative;
}

.animated-color-bg h2,
.box--blue h2 {
  font-size: 2.4rem;
}
.animated-color-bg p {
  margin: 0 0 5rem 0;
  font-size: 1.8rem;
}

.box.slideshow {
  padding: 20px;
}

@media all and (min-width: 61.25em) {
  .frontpage-block1 {
    width: 50%;
    float: left;
  }
  .animated-color-bg h2 {
    font-size: 4.6rem;
  }
  .box.slideshow {
    padding: 0;
  }

  .section__left-box:before {
  -webkit-animation: circle-1 10s ease infinite;
  animation: circle-1 10s ease infinite;
  border: 1px solid white;
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  right: -90%;
  top: 5%;
  width: 100%;
}

.section__left-box:after {
  -webkit-animation: circle-2 10s ease infinite;
  animation: circle-2 10s ease infinite;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  height: 120%;
  position: absolute;
  right: -86%;
  top: 10%;
  width: 100%;
  z-index: 1;
}

@-webkit-keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}

@keyframes circle-1 {
  0% {
    -webkit-transform: translate(0) scaleY(1.2);
    transform: translate(0) scaleY(1.2);
  }
  40% {
    -webkit-transform: translate(-40px) scaleY(1.3);
    transform: translate(-40px) scaleY(1.3);
  }
  80% {
    -webkit-transform: translateX(20px) scaleY(1.3);
    transform: translateX(20px) scaleY(1.3);
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1.2);
    transform: translateX(0) scaleY(1.2);
  }
}

@-webkit-keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}

@keyframes circle-2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  33% {
    -webkit-transform: translate(20px);
    transform: translate(20px);
  }
  66% {
    -webkit-transform: translate(-20px);
    transform: translate(-20px);
  }
  100% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
}
}
.picture_bottom {
  margin: 0;
}
.picture_bottom img.alignnone {
  display: block;
  margin: 0;
  position: relative;
  width: 100%
}

/* right */
@media all and (min-width: 61.25em) {
  .frontpage-block1 + .box.slideshow {
    width: 50%;
    float: left;
  }
}

@media all and (min-width: 1280px) {
  .section__left-box {
    padding: 16.66667%;
  }
}

/* Section second ------------------------ */
.box.animated-circles-left {
  padding: 2rem;
}

.section-second__right{
  padding: 2rem 0;
}
.section-second__left {
  padding: 5rem 0;
}
.section-second {
  overflow: hidden;
  position: relative;
}

@media all and (min-width: 61.25em) {
  .section-second:before {
    -webkit-animation: circle-1 10s ease infinite;
    animation: circle-1 10s ease infinite;
    border: 1px solid #a09e90;
    border-radius: 50%;
    content: "";
    height: 170%;
    position: absolute;
    left: -67%;
    top: -30%;
    width: 100%;
    z-index: 2;
  }
}

@media all and (min-width: 61.25em) {
  .section-second:after {
    -webkit-animation: circle-2 10s ease infinite;
    animation: circle-2 10s ease infinite;
    border: 1px solid rgba(160, 158, 144, 0.5);
    border-radius: 50%;
    content: "";
    height: 180%;
    position: absolute;
    left: -66%;
    top: -48%;
    width: 100%;
    z-index: 2;
  }
}

.section-second__right {
  position: relative;
  z-index: 3;
}

.section-second__right h2 {
  line-height: 1.25;
  font-size: 2.4rem;
  margin: 1.5rem 0 2rem 0;
}

.section-second__right p {
  font-size: 1.8rem;
  padding: 0 5rem 0 0;
  margin: 0 0 5rem 0;
}

.section-second__left {
  position: relative;
}

@media all and (min-width: 61.25em) {
  .section-second__left{
    width: 58.33333%;
    float: left;
    margin-left: 0;
    margin-right: -100%;
  }
  .section-second__right h2 {
    font-size: 4.6rem;
    margin: 1.5rem 0 3rem 0;
  }
}


@media all and (min-width: 61.25em) {
  .section-second__right {
    width: 41.66667%;
    float: left;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
}

.pictures__box {
  position: relative;
  z-index: 3;
}

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

.pictures__item {
  float: left;
  margin: 0 6% 0 0;
  width: 44%;
  text-align: center;
}

.pictures__item img + span {
  font-size: 1.8rem;
}

.pictures__item:first-child {
  margin-bottom: 1rem;
}


@media all and (min-width: 61.25em) {
  .pictures__item {
    width: 42.85714%;
    float: left;
  }
}
.frontpage-block3 {
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 61.25em) {
  .frontpage-block3:before {
    -webkit-animation: circle-1 10s ease infinite;
    animation: circle-1 10s ease infinite;
    border: 1px solid #a09e90;
    border-radius: 50%;
    content: "";
    height: 170%;
    position: absolute;
    left: -67%;
    top: -30%;
    width: 100%;
    z-index: 2;
  }
}

@media all and (min-width: 61.25em) {
  .frontpage-block3:after {
    -webkit-animation: circle-2 10s ease infinite;
    animation: circle-2 10s ease infinite;
    border: 1px solid rgba(160, 158, 144, 0.5);
    border-radius: 50%;
    content: "";
    height: 180%;
    position: absolute;
    left: -66%;
    top: -48%;
    width: 100%;
    z-index: 2;
  }
}

.frontpage-block4 {
  padding: 0;
}

.photo-overlay img {
  display: block;
  margin: 0!important;
}

.photo-overlay p {
  font-size: 1.8rem;
  margin: 0;
}

@media all and (min-width: 61.25em) {
  .frontpage-block4 {
    position: relative;
  }
  .photo-overlay p {
    margin: 0 0 4.8rem 0;
  }

}

.photo-overlay .box {
  padding: 2rem;
}

@media all and (min-width: 61.25em) {
  .photo-overlay .box{
    background: #81d4fa;
    bottom: 6rem;
    color: #fff;
    left: 4rem;
    padding: 5.5rem 8rem;
    position: absolute;
    width: 50%;
  }
}

/* Visit our store  ------------------------ */
.box.box--store {
  background: #fff;
  overflow: hidden;
  padding: 2rem 2rem 6rem;
  text-align: center;
}

@media all and (min-width: 640px) {
 .photo-overlay .box {
  padding: 5rem;
 }
 .box.animated-circles-left {
  padding: 2.5rem 5rem;
 }
 .section-second__right {
  padding: 5rem 0;
 }

 .box.box--store {
  padding: 5rem 5rem 8rem;
 }
 .wrap > .bottom {
  padding: 5rem;
 }
 .section-second__right h2 {
  font-size: 4.6rem;
 }
}

@media all and (min-width: 61.25em) {
  .gk-clearfix.box.box--store {
     padding: 6.5rem 13rem;
  }
}

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


@media all and (min-width: 1280px) {
  .photo-overlay .box{
    bottom: 13rem;
    left: 13rem;
    padding: 4.16667% 8.33333%;
  }
}


@media all and (max-width: 37.4375em) {
  .woocommerce.columns-4 .products li:nth-child(n+2) {
    margin-top: 20.68966%;
  }
}

@media all and (min-width: 640px) and (max-width: 61.1875em) {
  .woocommerce.columns-4 .products li {
    width: 48.27586%;
    float: left;
    margin-right: 3.44828%;
    margin-bottom: 3.44828%;
  }
  .woocommerce.columns-4 .products li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
  .woocommerce.columns-4 .products li:nth-child(n+3) {
    margin-top: 13.7931%;
  }
}

@media all and (min-width: 61.25em) {
  .woocommerce.columns-4 .products li {
    width: 23.46939%;
    float: left;
    margin-bottom: 2.04082%;
  }
  .woocommerce.columns-4 .products li:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .woocommerce.columns-4 .products li:nth-child(n+5) {
    margin-top: 8.16327%;
  }
}

.woocommerce .products li  h3 {
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 0.5rem 0 0 0;
  padding: 0;
  text-transform: uppercase;
}

.woocommerce .products li  h3 + span,
.woocommerce .products li  span.amount {
  color: #81d4fa;
  display: block;
}

/* Contact page */
.site-content.contact-page,
.site-content.search-page {
  padding: 5rem 0;
}
.g-recaptcha + p {
  margin-top: 2rem;
}
.contact-page .entry-title-wrap > h1 {
  margin: 0 0 5.4rem 0;
}
@media all and (min-width: 61.25em) {
  .site-content.contact-page,
  .site-content.search-page {
    padding: 13rem 0;
  }
  .contact-details + .contact-form { 
    float: right;
    width: 55%;
  }
  .contact-details {
    float: left;
    width: 40%;
  }
}
.contact-additional-info {
  clear: both;
  padding-top: 5rem;
}
.contact-additional-info p {
  margin: 1rem 0;
}
.contact-name,
.contact-email { float: left; width: 49%; margin: 0 0 1% 0}
.contact-name { margin-right: 2%}
.contact-form label { display: block; margin: 0 0 6px}
.gk-map.static {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.contact-form input[type="checkbox"] {
    margin: 8px 6px 0 0;
}
#gk-contact {
  margin: 0 0 2.4rem;
  overflow: hidden;
}
#gk-contact dd {
  margin: 5px 0 20px;
  padding: 0;
}

#gk-contact span.error {
  color: #d82731;
}

.contact-misc > h3 {
    padding-top: 40px;
}
.contact-misc > h3:first-child {
    padding-top: 0;
}
.contact-page .gk-contact-error,
.contact-page .gk-contact-thanks {
  line-height: 18px;
  margin: 30px 0;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.contact-page .gk-contact-error:before {
  top: 10px;
}

.contact-form-info > div > span,
.contact-contactinfo > div > span:first-child {
   color: #333;
   font-size: 1.4rem;
   font-weight: 500;
}

.contact-form-info {
  margin: 0 0 80px;
}
.contact-form fieldset {
  border: 1px solid #ccc;
  margin-bottom: 2rem;
  padding: 2rem 3rem;
}
.contact-form legend {
  color: #636565;
  font-size: 1.2rem;
  margin: 0 0 24px;
  padding: 0 1rem;
}
.contact-form-info dt {
  color: #3c3e3f;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 2rem 0 0.5rem;
}

.contact-page input[type="text"],
.contact-page textarea {
  width: 100%!important;
}

.contact-page input[type="submit"] {
  float: left;
  margin: 0;
}

.contact-page #loginform #rememberme {
  margin: 13px 5px 0 2px;
}

#gk-contact dl {
  margin-top: 0;
  width: 100%;
}

#gk-contact > p {
  clear: both;
  margin-bottom: 10px;
}

#gk-contact .gk-message {
  margin-top: 20px;
}

#gk-contact .inline,
#gk-contact .inline {
  display: inline-block;
  float: left;
  margin: 12px 0 0;
  width: auto;
}
.jicons-text {
  color: #191919;
  font-size: 1.4rem;
  font-weight: 700;
}

.contact-address p {
  margin: 0;
}

#sbox-window {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#frontpage-wrap,
.frontpage-block  {
  position: relative;
}
.box--blue {
    background: #81d4fa;
    color: #fff;
}
.box--blue h2 {
  color: #fff;
}

@media all and (min-width: 1280px) {
  .box--blue h2 {
    font-size: 4.6rem;
    margin: 2.8rem 0;
  }
}
.box--blue.parallax-bg p {
  font-size: 1.8rem;
  margin: 0 0 4.8rem 0;
}
.box.beige-bg {
  background-color: #f3f0e4;
}
.beige-bg {
  position: relative;
}
.gray-bg {
  background-color: #f6f6f6;
}
.box.parallax-bg {
  background-position: center center;
  background-size: cover;
}

.box--bigtitle header h2 {
  display: block;
  font-size: 2.4rem;
  line-height: 1.25;
  margin: 2.7rem 0;
  text-transform: uppercase;
}

.box--bigtitle header p {
  color: #636565;
  font-size: 1.8rem;
  line-height: 1.6;
  margin: 0 0 5.4rem 0;
  text-transform: none;
}


@media all and (min-width: 640px) {
  .box--bigtitle header h2 {
    font-size: 4.6rem;
  }
}

/**
 * 3.15 Typography
 * ----------------------------------------------------------------------------
 */

.demo-typo {
  margin: 3rem 0 1.5rem 0!important;
}
/* Contet elements */
.item-body h2,
.item-body h3,
.item-body h4 {
  margin-top: 9rem;
}

.entry-content {
  margin-bottom: 6rem;
  line-height: 1.6;
}
.entry-content p,
.is-post-format > .format{
  margin: 0 0 5.4rem 0;
}

.entry-content .is-post-format > p {
  margin-bottom: 0
}

@media all and (min-width: 62.5em) {
  .demo-typo {
    margin: 9rem 0 20px!important;
  }
  .single .entry-content,
  .page .entry-content,
  .single #gk-comments-wrap,
  .page #gk-comments-wrap {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  .entry-content {
    margin-bottom: 13rem;
  }
}
.entry-content ul,
.entry-summary ul {
  margin: 3rem 0 0 1rem;
}
.entry-content ul li,
.entry-summary ul li {
  list-style: none;
  overflow: inherit;
  padding: 0.4rem 0 0.4rem 2.4rem;
  position: relative;
}
.entry-content ul li:before,
.entry-summary ul li:before {
  color: #3c3e3f;
  content: "\f111";
  font-family: FontAwesome;
  font-size: 0.6rem;
  position: absolute;
  top: 10px;
  left: 0;
}
.entry-content .gk-bullet2 li:before,
.entry-summary .gk-bullet2 li:before,
.entry-content .gk-bullet3 li:before,
.entry-summary .gk-bullet3 li:before,
.entry-content .gk-bullet4 li:before,
.entry-summary .gk-bullet4 li:before {
  content: "\f14a";
  font-size: 1.4rem;
  top: 8px;
}
.entry-summary .gk-bullet3 li:before,
.entry-content .gk-bullet3 li:before {
  content: "\f006";
}
.entry-summary .gk-bullet4 li:before,
.entry-content .gk-bullet4 li:before{
  content: "\f0a9";
}
.entry-content ol,
.entry-summary ol {
  margin: 3rem 0 0;
}

.entry-content ol li,
.entry-summary ol li {
  counter-increment: step-counter;
  position: relative;
  padding-left: 2rem;
}

.entry-content ol li:before,
.entry-summary ol li:before {
  content: counter(step-counter) ".";
  color: #3c3e3f;
  font-family: "Montserrat", sans-serif;
  left: 0;
  position: absolute;
}
.entry-content ul ul,
.entry-summary ul ul {
  padding-left: 20px;
}
.entry-content,
.entry-summary {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
.item-body h2 {
  font-size: 3rem;
  margin-top: 80px;
}
.entry-content dt,
.entry-summary dt {
  font-weight: bold;
}
.entry-content dd,
.entry-summary dd {
  margin: 5px 0;
}
.entry-content address p,
.entry-summary address p {
  margin: 5px 0;
}
.entry-content acronym,
.entry-summary acronym {
  border-bottom: 1px dotted;
}
.entry-content q,
.entry-summary q {
  color: #999;
  font-style: italic;
}
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
  max-width: 100%;
}
.map .widget img {
  max-width: inherit;
}
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
  height: auto;
  max-width: 100%;
}
embed,
iframe,
object,
video {
  max-width: 100%;
}
.single iframe {
  margin: 4rem 0;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
}

/* Images */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

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

img.alignleft {
  margin: 5px 20px 5px 0;
}

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

img.alignright {
  margin: 5px 0 5px 20px;
}

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

img.aligncenter {
  margin: 5px auto;
}

img.alignnone {
  margin: 5px 0;
}
.gk-photo-grid img.alignnone {
  margin: 0;
}
.wp-caption  {
  position: relative;
  max-width: none;
  text-align: center;
  width: auto!important;
}
.wp-caption > img {
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  color: #999;
  font-size: 1.2rem;
  margin: 0;
  padding: 1rem 0;
  text-align: left;
}
.entry-caption,
.gallery-caption {
  bottom: 20px;
  color: #fff;
  font-size: 1.1rem;
  left: 20px;
  margin: 0;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  z-index: 1;
}

img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
  list-style-position: inside;
}

/*
 * Other common typography elements
 */
/* bigtitle suffix */
.bigtitle .header,
.bigtitle .widget-title {
  display: inline-block;
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  position: relative;
  z-index: 2;
}
.bigtitle .header > a, .bigtitle .header > span,
.bigtitle .widget-title > a,
.bigtitle .widget-title > span {
  color: #000;
  display: inline-block;
  letter-spacing: -3px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
p.gk-info,
p.gk-success,
p.gk-notice,
p.gk-error {    
  border: 2px solid #eee;
  color: #3c3e3f;
  padding: 2rem 3rem 2rem 6rem;
  position: relative;
}
p.gk-info:before,
p.gk-success:before,
p.gk-notice:before,
p.gk-error:before {
  font-family: FontAwesome;
  font-size: 2.3rem;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  text-align: center;
}

p.gk-info {
  border-color: #e5e5e5;
}
p.gk-info:before {
  color: #999;
  content: "\f0e6";
}
p.gk-success {
  border-color: #82c271;
}
p.gk-success:before {
  color: #82c271;
  content: "\f0eb";
}
p.gk-notice {
 border-color: #81d4fa;
}
p.gk-notice:before {
  color: #81d4fa;
  content: "\f071";
}
p.gk-error {
  border-color: #d45555;
}
p.gk-error:before {
  color: #d45555;
  content: "\f057";
}
#warnings p {
  margin: 1em 0;
}
.gk-highlight {
  cursor: default;
  padding: 1px 5px;
  text-shadow: none
}
.gk-highlight { background: #ffd }
.entry-content pre,
.entry-content code {
    background-color: #f6f6f6;
    font-family: Courier, monospace;
    margin: 3rem 0 0;
    padding: 3rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.block-1,
.block-2 {
  background: #f6f6f6;
  padding: 30px;
}
.block-2 {
  background: #FFFEF4;
}
.legend {
  border: 4px double #e5e5e5;
  margin: 3em 0;
  padding: 30px;
}
.legend h4 {
  background: #fff;
  color: #111;
  float: left;
  font-size: 1.4rem;
  font-weight: 400;
  left: 11px;
  line-height: 18px;
  margin: 0 0 -9px !important;
  padding: 0 10px;
  position: relative;
  text-transform: uppercase;
  top: -41px;
}
.legend p {
  clear: both;
  margin: 7px;
}
p.numblocks {
  font-weight: 400;
  margin: 0 0 24px;
  min-height: 48px;
  padding: 0 0 0 62px !important;
  position: relative;
}

p.numblocks em {
  display: block;
  line-height: 1;
  margin: 0 0 3px 0;
  font-style: normal;
  font-weight: 700;
}
p.numblocks span {
    border: 2px solid #81d4fa;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #81d4fa;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  height: 40px;
  left: 0;
  line-height: 36px;
  position: absolute;
  text-align: center;
  width: 40px;
}
p.num-2 span {
    color: #cc6060;
    border-color: #cc6060;
}
p.num-2 em {
  color: #cc6060;
}
p.numblocks span.highlight {
  border-right: none;
  display: inline;
  font-size: 1.5rem;
  position: static;
  width: auto
}

.gk-block-text-left,
.gk-block-text-right,
.gk-block-text-center {
  color: #3c3e3f;
  display: block;
  font-style: italic;
  width: 30%;
}

.gk-block-text-left {
  float: left;
  margin: 2rem 4rem 2rem 0;
}
.gk-block-text-right {
  float: right;
  margin: 2rem 0 2rem 4rem;
}
.gk-block-text-center {
  border: 0;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.the-icons {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 32px;
}
.the-icons > li {
  border: 1px solid #eee;
  border-right: none;
  border-top: none;
  float: left;
  width: 50%;
}
.the-icons > li:nth-child(4n),
.the-icons > li:last-child {
  border-right: 1px solid #eee;
}
.the-icons > li:before {
  display: none!important;
}
.page-header {
  clear: both;
  padding: 36px 0 18px;
  text-transform: uppercase;
}
[class^="fa fa-"],
[class*=" fa-"] {
  color: #111;
  padding-right: 8px;
}
.demo-typo-div {
  clear: both;
  margin: 0 0 60px;
}
.demo-typo-div:after {
  clear: both;
  content: "";
  display: table;
}
.demo-typo-div:last-child {
  margin-bottom: 40px;
}

/**
 * 4. Widgets
 * ----------------------------------------------------------------------------
 */
.widget,
.box {
  line-height: 1.6;
  word-wrap: break-word;
}
.entry-content .widget + .widget {
    margin-top: 30px;
}

.widget-title,
#frontpage-wrap .box > .site > h3  {
    color: #3c3e3f;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.widget ul,
.widget ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget li a {
  color: #81d4fa;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
}

.widget li {
  position: relative;
  line-height: 1.3;

}

@media all and (min-width: 61.25em) {
  #sidebar .widget {
    padding-right: 1.5rem;
  }
  .the-icons > li {
    width: 25%;
  }
}

#sidebar .widget a {
  color: #3c3e3f;
}

#sidebar .widget a:hover,
#sidebar .widget a:active, 
#sidebar .widget a:focus {
  color: #81d4fa;
}

#sidebar .widget + #sidebar .widget {
  margin-top: 3rem;
}

@media all and (max-width: 61.1875em) {
  #sidebar .widget + #sidebar .widget {
    border-top: 1px solid #c5c5c5;
    padding-top: 3rem;
  }
}

/* Search widget */
.widget .search-form {
  text-align: left;
}
.widget .search-form .search-submit {
  display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
  display: block;
}
.widget_rss .rss-date,
.widget_rss li > cite {
  color: #aaa;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
  border: 0;
  border-collapse: collapse;
  border-spacing: 1px;
}
.widget_calendar caption {
  margin: 0;
  padding-bottom: 8px;
}
.widget_calendar th,
.widget_calendar td {
  border: 1px solid #eee;
  padding: 0;
  text-align: center;
}
.widget_calendar th {
  background: #f5f5f5;
  color: #000;
  font-weight: 600;
}
.widget_calendar td {
  padding: 3px 7px;
  text-align: center;
}
.widget_calendar a {
  display: block;
}
.widget_calendar tbody td {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Other */
select {
  max-width: 100%;
}

.tagcloud a {
  display: inline-block;
  font-size: 1.8rem!important;
  font-weight: 400;
  margin: 0 10px 0 0;
}
.tagcloud a:hover {
  color: #81d4fa;
}

.tagcloud a:before {
  content: "#";
}

.widget.widget_rss li {
  padding: 10px 0;
}
.widget.widget_rss .rssSummary {
  font-size: 1.5rem;
}
#gk-bottom .search-field {
  width: 100%;
}

/* Social icons ------------------------ */
.icon {
  display: inline-block;
  fill: #9e9f9f;
  height: 1.555rem;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 1.555rem;
}

.icon--twitter:hover {
  fill: #2196f3;
}

.icon--facebook:hover {
  fill: #3b5998;
}

.icon--google:hover {
  fill: #d34836;
}

.icon--vimeo:hover {
  fill: #1ab7ea;
}

.icon--linkedin:hover {
  fill: #0077b5;
}

.icon--instagram:hover {
  fill: #3f729b;
}

.icon--pinterest:hover {
  fill: #bd2125;
}

.icon--search:hover {
  fill: #81d4fa;
}

.icon--search {
  height: 0.888rem;
  fill: #3c3e3f;
  margin-left: -1.55rem;
}

/**
 * 4.1 Widget styles
 * ----------------------------------------------------------------------------
 */
/* suffix menu */
.widget.menu ul ul {
  padding: 0 10px 10px 10px;
  margin: 0;
}
.widget.menu ul li {
  line-height: 1;
}
.widget.menu ul li a {
  color: #3c3e3f;
  display: block;
  padding-left: 16px;
  position: relative;
}
.widget.menu ul li a:hover {
  color: #81d4fa !important;
}
.widget.menu ul li a:before {
  background: #3c3e3f;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 15px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  width: 5px;
}
.widget.menu ul li.parent {
  background: #f6f6f6;
}
.widget.menu ul li strong {
  display: block;
}
.widget.menu ul li li {
  padding-left: 6px;
}
.widget.menu ul li li a {
  color: #636565;
  font-weight: normal;
}
.widget.clear {
  clear: none;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.widget.clear p {
  margin: 0;
}
.widget.clear img {
  display: block;
}
.widget.banner {
  background: #fff;
  text-align: center;
}
.widget.banner p {
  margin: 0 auto;
}
/* suffix light */
.widget.light {
  background: #f6f6f6;
  border: none;
  padding: 32px !important;
}

/* suffix dark */
.widget.dark {
  background: #3c3e3f;
  border: none;
  color: #636565;
  padding: 32px !important;
}

.widget.dark .widget-title {
  background: transparent !important;
  line-height: 1.2;
}

.widget.dark h1,
.widget.dark h2,
.widget.dark h3,
.widget.dark h4,
.widget.dark h5,
.widget.dark h6 {
  color: #fff;
}

.widget.dark ul {
  margin: 0;
  padding: 0;
}

.widget.dark ul li {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  position: relative;
}

.widget.dark ul li:last-child {
  border-bottom: none;
}

.widget.dark a {
  color: #bbb !important
}

.widget.dark a:active,
.widget.dark a:focus,
.widget.dark a:hover {
  color: #81d4fa !important;
}

.widget.dark ul ul {
  margin: 0 0 0 20px;
}

/* suffix color */
.widget.color {
  background: #81d4fa;
  border: none;
  color: rgba(255,255,255,0.7);
  padding: 32px!important;
}


.widget.color .widget-title {
  background: transparent !important;
  line-height: 1.2;
}

.widget.color h1,
.widget.color h2,
.widget.color h3,
.widget.color h4,
.widget.color h5,
.widget.color h6 {
  color: #fff;
}

.widget.color ul {
  margin: 0;
  padding: 0;
}

.widget.color ul li {
  border-bottom: 1px solid rgba(255,255,255,0.3);
  position: relative;
}

.widget.color ul li:last-child {
  border-bottom: none;
}

.widget.color a {
  color: rgba(255,255,255,0.8);
}

.widget.color a:active,
.widget.color a:focus,
.widget.color a:hover {
  color: #fff;
}

.widget.color ul ul {
  margin: 0 0 0 20px;
}

/* SUffix overlay */
.overlay > .widget.overlay {
   background-size: cover;
   padding: 40px 40px 100px 40px;
   position: relative;
}
.overlay > .widget.overlay:after {
  background: rgba(66,165,245,0.7);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.overlay > .widget.overlay .textwidget {
  position: relative;
  z-index: 2;
}
.widget.overlay .gk-overlay-bottom-link {
  border-top: 1px solid rgba(255,255,255,0.5);
  bottom: -105px;
  color: #fff;
  font-size: 1.4rem;
  left: -40px;
  line-height: 45px;
  padding: 0 40px;
  position: absolute;
  right: -40px;
  text-transform: uppercase;
}
.widget.overlay .gk-overlay-bottom-link:active,
.widget.overlay .gk-overlay-bottom-link:focus,
.widget.overlay .gk-overlay-bottom-link:hover {
  color: rgba(255,255,255,0.75);
}
.widget.overlay h3 {
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 0;
}
.widget.overlay h3 a {
  color: #fff;
}
.widget.overlay h3 a:active,
.widget.overlay h3 a:focus,
.widget.overlay h3 a:hover {
  color: rgba(255,255,255,0.75);
}
.widget.overlay p {
  margin: 0;
}
.widget.overlay small {
  color: #fff;
  display: block;
  font-size: 1.1rem;
  margin: 10px 0;
}
.widget.overlay small .micon {
  font-size: 1.6rem;
  position: relative;
  top: 4px;
}
.widget.overlay.overlay-accent-color:after {
  background: rgba(255,64,129,0.7);
}
.widget.overlay.overlay-dark-color:after {
  background: rgba(21,21,21,0.7)!important;
}
.widget.overlay.overlay-medium-space {
  padding: 40px 40px 150px 40px;
}
.widget.overlay.overlay-medium-space .gk-overlay-bottom-link {
  bottom: -155px;
}
.widget.overlay.overlay-big-space {
  padding: 40px 40px 200px 40px;
}
.widget.overlay.overlay-big-space .gk-overlay-bottom-link {
  bottom: -205px;
}

/* Suffix border1 & border2 */
.widget.border1, 
.widget.border2 {
  background: #fff;
  border: 1px solid #81d4fa;
  padding: 2.4rem 2.4rem 1.4rem 2.4rem;
}

@media all and (min-width: 1040px) {
  .widget.border1, 
  .widget.border2 {
    padding: 45px 45px 35px 45px;
  }
}
.widget.border1 > div,
.widget.border2 > div {
  clear: both;
}
.widget.border2 {
  border-color: #ddd;
}
.widget.border1 .header,
.widget.border1 .widget-title, 
.widget.border2 .header,
.widget.border2 .widget-title {
 color: #81d4fa;
  float: left;
  font-weight: 600;
  margin: -15px 0 20px 0;
  padding: 10px 0 0 0;
}

.widget.border2 .widget-title {
      color: #3c3e3f;
}
.widget.border1 a {
  color: #81d4fa;
}
.widget.border1 a:active,
.widget.border1 a:focus,
.widget.border1 a:hover {
  color: #424242;
}
.widget.border2 a {
  color: #3c3e3f;
}
.widget.border2 a:active,
.widget.border2 a:focus,
.widget.border2 a:hover {
  color: #81d4fa;
}

.widget.border-title .widget-title {
  position: relative;
}

.widget.border-title .widget-title:before {
  border-top: 1px solid #999;
  content: "";
  position: absolute;
  top: 49%;
  width: 100%;
  z-index: 0;
}
.widget.border-title .widget-title > span {
  background: #fff;
  padding-right: 48px;
  position: relative;
  z-index: 1;
}

.widget.advertisement {
  font-size: 1.4rem;
}

.widget.advertisement .widget-title {
  background: transparent;
  color: #999 !important;
  font-size: 1.0rem !important;
  line-height: 1;
  margin: 0 0 10px;
  text-transform: uppercase !important;
}

.widget.big-title .widget-title {
  font-size: 3rem;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}

/**
 * 4.2 GK News Show Pro
 * ----------------------------------------------------------------------------
 */
.gk-nsp {
  position: relative;
}

.gk-nsp-arts,
.gk-nsp-links,
.gk-title-overlay {
  overflow: hidden;
}

.gk-nsp-arts-nav,
.gk-nsp-links-nav {
  overflow: hidden;
  clear: both;
}

.gk-nsp-links-nav {
  float: right;
}

.gk-nsp-arts-nav {
  position: absolute;
  right: 0;
  padding: 0 3px;
  top: -43px;
}

.gk-nsp-arts-nav ul,
.gk-nsp-links-nav ul {
  list-style-type: none;
  margin: 3px 0 0;
  padding: 0;
  float: left;
}

.gk-nsp-arts-nav ul li,
.gk-nsp-links-nav ul li {
  background: #ddd;
  border-radius: 6px;
  cursor: pointer;
  display: block;
  float: left;
  height: 12px;
  margin: 3px 4px 0 0 !important;
  padding: 0;
  text-indent: -999em;
  width: 12px;
}
.gk-nsp-arts-nav ul li.active,
.gk-nsp-links-nav ul li.active {
  background: #81d4fa;
}

.gk-nsp-next,
.gk-nsp-prev {
  cursor: pointer;
  float: left;
  height: 24px;
  margin: 0 2px;
  text-align: center;
  text-indent: -9999px;
  width: 24px;
}
.gk-nsp-next:after,
.gk-nsp-prev:after {
  color: #ccc;
  display: block;
  float: left;
  font-family: FontAwesome;
  font-size: 1.6rem;
  line-height: 25px;
  text-align: center;
  text-indent: 0;
  width: 24px;
}

.gk-nsp-next:after {
  content: '\f054';
}

.gk-nsp-prev:after {
  content: '\f053';
}

.gk-nsp-next:hover:after,
.gk-nsp-prev:hover:after {
  color: #81d4fa;
}

.gk-nsp-art-page {
  float: left;
}

.gk-nsp-art {
  float: left;
}

.gk-nsp-art:first-child {
  border-top: none;
}

.gk-nsp-art div {
  overflow: hidden;
}

.gk-nsp-art .gk-nsp-image {
  border: none;
  display: block;
}

.gk-nsp-header {
  color: #3c3e3f;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}


.gk-nsp-image {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.gk-nsp-image:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.gk-nsp-image-wrap {
  overflow: hidden;
}

.gk-nsp-text {
  color: #636565;
  display: block !important;
  line-height: 1.4;
  margin: 0;
  padding: 0 !important;
}

.gk-nsp-text + .gk-nsp-info {
  margin: 6px 0 10px 0 !important;
}

.gk-nsp-info {
  color: #999;
  display: block !important;
  margin: 0;
  padding: 12px 0;
}

.gk-nsp-info > a,
.gk-nsp-info > span {
  padding-left: 10px;
}

.gk-nsp-info > a:first-child,
.gk-nsp-info > span:first-child {
  padding-left: 0;
}

.gk-nsp-info .amount {
  font-size: 1rem;
}

.readon {
  float: right;
  padding: 0 20px;
}
.gk-nsp .readon {
  padding: 1rem 3.2rem;
  margin: 0.5rem 0;
}
.readon.left, .readon.right, .readon.center {
  clear: both;
}
.readon.left {
  float: left;
}
.readon.right {
  float: right;
}
.readon.center {
  display: inline;
  float: none;
}

.gk-nsp-links ul {
  float: left;
  list-style-type: none;
  padding: 0;
}
.gk-nsp-links ul li {
  display: table;
  margin: 0;
  padding: 16px 0;
  width: 100%;
}
.gk-nsp-links ul li .gk-nsp-link-header {
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 6px;
}
.gk-nsp-links ul li .gk-nsp-link-header a {
  color: #3c3e3f;
}

.gk-nsp-links p {
  margin: 0;
}

.gk-nsp-image-wrap {
  float: left;
}

.gk-responsive {
  line-height: 1;
}

img.gk-responsive {
  width: 100%;
  height: auto;
}

.gk-responsive {
  display: block;
  position: relative;
}

.gk-image-link {
  display: block;
  overflow: hidden;
}

.gk-nsp-image {
  max-width: 100%;
}

.gk-nsp-arts,
.gk-nsp-links {
  clear: both;
  width: 100%;
}

.gk-nsp-art,
.gk-nsp-arts-page {
  float: left;
}

.gk-nsp-pages-1 {
  width: 100%;
}

.gk-nsp-pages-2 {
  width: 200%;
}

.gk-nsp-pages-3 {
  width: 300%;
}

.gk-nsp-pages-4 {
  width: 400%;
}

.gk-nsp-pages-5 {
  width: 500%;
}

.gk-nsp-pages-6 {
  width: 600%;
}

.gk-nsp-pages-7 {
  width: 700%;
}

.gk-nsp-pages-8 {
  width: 800%;
}

.gk-nsp-pages-9 {
  width: 900%;
}

.gk-nsp-pages-10 {
  width: 1000%;
}

.gk-nsp-cols-1 {
  width: 100%;
}

.gk-nsp-cols-2 {
  width: 50%;
}

.gk-nsp-cols-3 {
  width: 33.333333%;
}

.gk-nsp-cols-4 {
  width: 25%;
}

.gk-nsp-cols-5 {
  width: 20%;
}

.gk-nsp-cols-6 {
  width: 16.666666%;
}

.gk-nsp-cols-7 {
  width: 14.285714%;
}

.gk-nsp-cols-8 {
  width: 12.5%;
}

.gk-nsp-cols-9 {
  width: 11.111111%;
}

.gk-nsp-cols-10 {
  width: 10%;
}

.gk-nsp-cols-1,
.gk-nsp-cols-2:nth-child(2n+1),
.gk-nsp-cols-3:nth-child(3n+1),
.gk-nsp-cols-4:nth-child(4n+1),
.gk-nsp-cols-5:nth-child(5n+1),
.gk-nsp-cols-6:nth-child(6n+1),
.gk-nsp-cols-7:nth-child(7n+1),
.gk-nsp-cols-8:nth-child(8n+1),
.gk-nsp-cols-9:nth-child(9n+1),
.gk-nsp-cols-10:nth-child(10n+1) {
  clear: both;
}

.gk-nsp-arts-scroll,
.gk-nsp-links-scroll {
  overflow: hidden;
}

/**
 * 4.3 GK Tabs
 * ----------------------------------------------------------------------------
 */
.widget_gk_tabs {
  padding-bottom: 30px;
}
.frontpage #gk-bottom5 .widget_gk_tabs {
  padding-bottom: 0;
}
.none .gk-tabs {
  position: relative;
}
.none .gk-tabs-wrap {
  margin: 0;
}
.none .gk-tabs-wrap > ol {
  background: transparent;
  margin: 0;
}
.none .gk-tabs-wrap > ol li {
  border: none;
  color: #636565;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  list-style-type: none;
  margin: 4px 0;
  padding: 10px 0 16px 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media all and (min-width: 62.5em) {
  .none .gk-tabs-wrap > ol li {
    float: left;
    margin: 0 35px -3px 0;
    padding: 0 0 16px 0;
    width: auto;
  }
  .none .gk-tabs-wrap > ol {
    background: transparent;
    border-bottom: 3px solid #eee !important;
    margin: 0;
  }
}
.none .gk-tabs-wrap > ol li:after {
  background: #eee;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  width: 100%;
}

.none .gk-tabs-wrap > ol li.active,
.none .gk-tabs-wrap > ol li.active:hover {
  color: #3c3e3f;
}
.none .gk-tabs-wrap > ol li.active:after, 
.none .gk-tabs-wrap > ol li.active:hover:after {
  background: #81d4fa;
}
.none .gk-tabs-wrap > ol li:active,
.none .gk-tabs-wrap > ol li:focus,
.none .gk-tabs-wrap > ol li:hover {
  color: #151515;
}
.none .gk-tabs-wrap > ol li:active:after,
.none .gk-tabs-wrap > ol li:focus:after,
.none .gk-tabs-wrap > ol li:hover:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.none .gk-tabs-container {
  clear: both;
  overflow: hidden;
  position: relative;
  padding: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.none .gk-tabs-item {
  overflow: hidden;
  padding: 50px 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
  z-index: 1;
}
.none .gk-tabs-item.active {
  left: 0;
  position: relative;
  z-index: 2;
}
.none .gk-tabs-item .box {
  margin-bottom: 0 !important;
}
.none .gk-tabs-item p {
  margin-top: 0;
}
.none .gk-tabs-prev,
.none .gk-tabs-next {
  display: none;
}
.gk-tabs-container {
  clear: both;
  overflow: hidden!important;
  overflow-x: hidden!important;
  overflow-y: hidden!important;
  position: relative;
  -webkit-perspective: 500;
  -moz-perspective: 500;
  -ms-perspective: 500;
  perspective: 500;
}

/* The common part */
/* Errors */
.gk-tabs-error {
  color: #555;
  font-size: 1.6rem;
  padding: 32px 16px;
  text-align: center;
}
.gk-tabs-error > strong {
  color: #d44;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 10rem;
  font-weight: bold;
  line-height: 100px;
}
.gk-tabs-error > small {
  font-size: 1.1rem;
}

/* Animations */
.gk-tabs-item {
  opacity: 0;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  position: absolute;
  top: 0;
}
.gk-tabs-item.active {
  opacity: 1;
  position: relative;
  z-index: 2;
}

.gk-tabs[data-anim="scale-up"] .gk-tabs-item {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

.gk-tabs[data-anim="scale-down"] .gk-tabs-item {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}

.gk-tabs[data-anim="rotate-y"],
.gk-tabs[data-anim="rotate-x"] {
  -webkit-perspective: 1200;
  -moz-perspective: 1200;
  -ms-perspective: 1200;
  perspective: 1200;
}

.gk-tabs[data-anim="rotate-y"] .gk-tabs-item {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}

.gk-tabs[data-anim="rotate-x"] .gk-tabs-item {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

.gk-tabs[data-anim="scale-up"] .gk-tabs-item.active,
.gk-tabs[data-anim="scale-down"] .gk-tabs-item.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.gk-tabs[data-anim="rotate-y"] .gk-tabs-item.active {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.gk-tabs[data-anim="rotate-x"] .gk-tabs-item.active {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}


/**
 * 5. Footer
 * ----------------------------------------------------------------------------
 */
.gk-footer {
  color: #3c3e3f;
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 auto;
  padding: 3rem 3rem;
  position: relative;
}
.gk-footer:after {
  content: " ";
  display: block;
  clear: both;
}

.gk-footer a,
.gk-footer strong {
  color: #3c3e3f;
}

.gk-footer a:hover,
.gk-footer a:active,
.gk-footer a:focus {
  color: #81d4fa;
}

@media all and (min-width: 640px) {
  .gk-footer {
    padding: 3rem 5rem;
  }
  .bottom__contact {
    margin-top: 6rem;
  }
}

@media all and (min-width: 1180px) {
  .gk-footer {
    padding: 40px 130px;
  }
  .wrap > .bottom {
    padding: 13rem;
  }
  .box.animated-circles-left {
    padding: 4.5rem 10rem;
  }
  .post__header h1,
  .image-attachment header > h1,
  .woocommerce-page .page-title {
    font-size: 5.8rem;
  }
}

@media all and (min-width: 61.25em) {
  .gk-footer a {
    display: inline-block;
    vertical-align: middle;
  }
}

@media all and (min-width: 1560px) {
    .box.animated-circles-left {
    padding: 6.5rem 13rem;
}
.pictures__item {
    float: left;
    margin: 0 7% 0 0;
}
.section-second__left {
  width: 61%;
}
.section-second__right {
    width: 41.66667%;
    margin-left: 58.33333%;
    padding-left: 9.6666%;
}
.pictures__item:last-of-type {
  margin: 0 0 0 7%;
}
.box--store > header{
  padding-top: 6rem;
}
}

@media all and (min-width: 61.25em) {
  .gk-footer__links {
    width: 20%;
    float: left;
    margin-left: 5%;
    margin-right: -100%;
  }
  .gk-footer__links a {
    margin-right: 1rem;
  }
}
.gk-footer__copyright {
    color: #999;
    font-size: 1.6rem;
    line-height: 1.7;
}
@media all and (min-width: 61.25em) {
  .gk-footer__copyright {
    width: 50%;
    float: left;
    margin-left: 50%;
    margin-right: -100%;
    text-align: right;
  }
}

@media all and (min-width: 61.25em) {
  .gk-footer__back {
    width: 5%;
    float: left;
    margin-left: 0;
    margin-right: -100%;
  }
}

.gk-footer__back > a {
  display: block;
  margin: 2.25rem 0 1.5rem;
}

@media all and (min-width: 61.25em) {
  .gk-footer__back > a {
    margin: 0;
  }
}

.gk-footer__back > a > svg {
  fill: #81d4fa;
  height: 3.6rem;
  width: 3.6rem;
  -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.gk-footer__back > a > svg:hover {
  fill: #3c3e3f;
}

/**
 * 6. Multi-site improvements
 * ----------------------------------------------------------------------------
 */
body .mu_register {
  overflow: hidden;
  width: 100%;
}

.mu_register .mu_alert {
  margin: 0 0 32px 0;
}

body .mu_register input[type="submit"],
body .mu_register #blog_title,
body .mu_register #user_email,
body .mu_register #blogname,
body .mu_register #user_name {
  width: auto;
  font-size: inherit;
}

body #submit,
body #key {
  width: auto;
}
 
#activateform {
  overflow: hidden;
}

/**
 * 7. Other
 * ----------------------------------------------------------------------------
 */
/* Post passwords */
.post-password-form label {
  float: left;
}

/* Pingbacks and Trackbacks */
.pingback,
.trackback {
  padding: 0 18px;
}

/* Fix for the reCAPTCHA field */
#recaptcha_response_field {
  height: auto !important;
}

h2 + .gk-subtitle {
  color: #444;
  font-size: 1.6rem;
  margin: -16px 0 90px 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* Message block */
.gk-cols {
  text-align: left;
  width: auto;
}
.gk-cols:after {
  clear: both;
  content: "";
  display: table;
}
@media all and (min-width: 62.5em) {
  .gk-cols > div {
      float: left;
  }
  .gk-cols[data-cols="2"] > div {
    width: 50%;
  }

  .gk-cols[data-cols="3"] > div {
    width: 33.333333%;
  }

  .gk-cols[data-cols="4"] > div {
    width: 25%;
  }

  .gk-cols[data-cols="5"] > div {
    width: 20%;
  }
}

/* Photo overlay */
.gk-photo-overlay {
  background: rgba(0, 0, 0, .6) url('images/preloaders/default.gif') no-repeat center center;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  width: 100%;
  z-index: 10000000;
}
.gk-photo-overlay.active {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.gk-photo-overlay img {
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
  box-shadow: 0 0 50px rgba(0, 0, 0, .5);
  display: block;
  height: auto;
  left: 50%;
  max-height: 95%;
  max-width: 95%;
  opacity: 1;
  position: fixed;
  top: 50%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  width: auto;
}
.gk-photo-overlay img.loading {
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
  -ms-transform: translateX(-50%) translateY(-50%) scale(.8);
  -o-transform: translateX(-50%) translateY(-50%) scale(.8);
  transform: translateX(-50%) translateY(-50%) scale(.8);
}
.gk-photo-overlay-prev,
.gk-photo-overlay-next {
  border: 2px solid #fff;
  border-right: none;
  border-bottom: none;
  cursor: pointer;
  display: block;
  left: 100px;
  height: 60px;
  margin-top: -30px;
  opacity: 0;
  position: fixed;
  top: 50%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 60px;
  z-index: 1;
}
.gk-photo-overlay-prev.active {
  left: 50px;
  opacity: 1;
}
.gk-photo-overlay-next.active {
  opacity: 1;
  right: 50px;
}
.gk-photo-overlay-prev:active,
.gk-photo-overlay-prev:focus,
.gk-photo-overlay-prev:hover,
.gk-photo-overlay-next:active,
.gk-photo-overlay-next:focus,
.gk-photo-overlay-next:hover {
  border-color: #81d4fa;
}
.gk-photo-overlay-next {
  left: auto;
  right: 100px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);  
}
.gk-photo-overlay::selection,
.gk-photo-overlay img::selection {
  background: transparent;
}
.gk-photo-overlay::-moz-selection,
.gk-photo-overlay img::-moz-selection {
  background: transparent;
}

/* Login Popup */
#gk-login-popup,
#gk-login-popup-overlay,
#gk-popup-cart {
  display: none;
  opacity: 0;
  position: fixed;
}
#gk-login-popup.gk-active,
#gk-popup-cart.gk-active {
  opacity: 1;
}
#gk-login-popup,
#gk-popup-cart,
#gk-login-popup-overlay {
  color: #636565;
  display: none;
  max-height: 80%;
  overflow: auto;
  position: fixed;
  z-index: 1000002;
  left: 50%;
  top: 5%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#gk-login-popup-overlay {
  max-height: 100%;
  position: fixed;
}

#gk-login-popup,
#gk-popup-cart {
  margin-left: -45%;
  width: 90%;
}
#gk-login-popup.gk-active,
#gk-popup-cart.gk-active {
  margin-top: 0;
}
#gk-login-popup #gk-login,
#gk-popup-cart .gk-popup-wrap {
  background: #fff;
  padding: 4rem;
  overflow: hidden;
}
#gk-login-popup #gk-login h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  margin: 0 0 32px;
}
#gk-login-popup-overlay {
  background: #777777;
  width: 100%;
  height: 100%;
  z-index: 1000001;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  margin-left: 0;
}

#gk-login input {
  margin: 6px 0 0;
  width: 100%;
}

.login-submit > #wp-submit {
  margin-top: 0;
}

#gk-login > .btn {
  margin-bottom: 5px;
  width: 100%;
}

#gk-login .login-submit {
  margin: 0 0 5px 0;
}
/* Cart styling */
#gk-popup-cart .widget-title {
  font-size: 2.4rem;
}

#gk-popup-cart .cart_list li {
  border-bottom: 1px solid #eee;
  clear: both;
  color: #999;
  overflow: hidden;
  padding: 32px 0;
  text-align: right;
}

#gk-popup-cart .cart_list li img {
  border: 1px solid #eee;
  float: left;
  height: 120px;
  max-height: 120px;
  max-width: 120px;
  padding: 6px;
  width: 120px;
}

#gk-popup-cart .cart_list li a {
    color: #282C2F;
    font-weight: 300;
    margin: 0 0 20px;
    text-transform: uppercase;
}

#gk-popup-cart .cart_list li .remove {
  float: left;
  font-size: 36px;
  margin: 4rem 2rem;
}

#gk-popup-cart .variation {
    clear: none;
    float: right;
    font-size: 14px;
    margin-top: 0;
}

#gk-popup-cart .variation dt {
    display: none;
}

#gk-popup-cart .variation dd {
    clear: none;
    float: left!important;
}

#gk-popup-cart .variation dd p {
  clear: none;
  float: left!important;
}

#gk-popup-cart .variation dd p:before {
    content: "/";
    padding: 0 5px;
}

#gk-popup-cart .variation dt:first-child + dd p:before {
    display: none;
}

#gk-popup-cart .quantity {
    clear: right;
    color: #999;
    float: right;
    font-weight: 300;
    padding: 0;
}

#gk-popup-cart .quantity .amount {
    color: #81d4fa;
    font-weight: normal;
    line-height: 1.5;
    width: 100%;
}

#gk-popup-cart .total {
    color: #81d4fa;
    float: right;
    font-size: 2.4rem;
    margin: 2rem 0 0 0;
}

#gk-popup-cart .total strong {
  color: #999;
  font-weight: 300;
  font-size: 14px;
}

#gk-popup-cart .buttons {
  clear: both;
  margin: 1.5em 0;
  width: 100%;
  overflow: hidden;
  padding-top: 3rem;
}

#gk-popup-cart .buttons a {
  float: left;
  margin-top: 2rem;
  width: 100%;
}


#gk-popup-cart .buttons a:first-of-type {
  margin-right: 2rem;
}


@media all and (min-width: 640px) {
  #gk-login-popup,
  #gk-popup-cart,
  #gk-login-popup-overlay {
    top: 80px;
  }
  #gk-login-popup-overlay {
    top: 0;
  }
  #gk-login-popup,
  #gk-popup-cart {
    margin-left: -320px;
    width: 526px;
  }

  #gk-popup-cart .buttons a {
    margin-top: 0;
    width: 47.7%;
  }
}

/* MailPoet */
.wysija-paragraph {
  margin: 0;
}

.wysija-paragraph > input {
  margin-bottom: 0.75rem;
    width: 100%;
}

.widget_wysija_cont .wysija-submit {
  font-size: 1.6rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
  width: 100%;
}

.wysija-paragraph input:not([type=submit]) {
    padding-left: 2rem;
}

.formError .formErrorContent {
  background: transparent;
  border: 0;
  color: #ff0d0c;
  font-size: 1.3rem;
}

.widget_wysija .formError {
  top: -48px !important;
  left: 140px !important;
}

/* CSS Widget Rules */
.only-desktop {
  display: none;
}

.only-tablets {
  display: none;
}

.only-smartphones {
  display: block;
}

.only-tablets-and-smartphones {
  display: block;
}

.only-desktop-and-tablets {
  display: none;
}

/* GK Image Show */
.gk-is-wrapper-gk_box {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.gk-is-wrapper-gk_box .gk-is-preloader {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 101;
}

.gk-is-wrapper-gk_box .gk-is-image {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.gk-is-wrapper-gk_box .gk-is-image.active {
  opacity: 1;
  position: relative;
  z-index: 3;
}

.gk-is-wrapper-gk_box .gk-is-pagination {
  text-align: center;
}

.gk-is-wrapper-gk_box .gk-is-pagination li {
  border-top: 3px solid #f3f0e4;
  cursor: pointer;
  display: inline-block;
  margin: 0 30px;
  padding-top: 20px;
}

.gk-is-wrapper-gk_box .gk-is-pagination li {
  max-width: 80px;
}

.gk-is-wrapper-gk_box .gk-is-pagination li.active {
  border-top: 3px solid #81d4fa;
}

.gk-is-wrapper-gk_box .gk-is-text{
  text-align: center;
}

.gk-is-wrapper-gk_box .gk-is-text li {
  color: #8a8b8c;
  display: none;
  font-size: 16px;
  line-height: 1.6;
  margin: 40px auto;
  width: 66.666666%;
}

.gk-is-wrapper-gk_box .gk-is-text li.active {
  display: block;
}

/* Demo only ------------------------ */
.baseline {
  position: relative;
}

.baseline:after {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 9999;
  content: '';
  display: block;
  pointer-events: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(http://basehold.it/image.php?height=24) repeat top left;
}

.baseline:active:after {
  display: none;
}

@media all and (min-width: 61.25em) {
  .baseline {
    position: relative;
  }
  .baseline:after {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 9999;
    content: '';
    display: block;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(http://basehold.it/image.php?height=28.8) repeat top left;
  }
  .baseline:active:after {
    display: none;
  }
}

.row-demo {
  margin: 0 0 3rem;
}

/*.entry-content input[type=text],
.entry-content input[type=number],
.entry-content textarea,
.entry-content select {
  width: 100%;
}*/

fieldset input {
  width: auto !important;
}

/* WooCommerce styles */
.woocommerce #container > #content {
  padding: 5rem 0;
}

.single .product-neighbours {
  border-bottom: 1px solid #ccc;
  margin: 0 0 3rem;
  overflow: hidden;
  padding: 0 0 2rem;
}

.single .product-neighbours a[rel="next"] {
  float: right;
}

.single .product-neighbours a[rel="prev"]:before {
  content: "‹ ";
}
.single .product-neighbours a[rel="next"]:after {
  content: " ›";
}

#content .product > .summary {
  background: #f6f6f6;
  margin: 2.5rem 0;
  padding: 2.5rem;
}

.woocommerce .price {
  color: #3c3e3f;
  font-size: 3.6rem;
  margin: 0;
}

#content .product > .summary .woocommerce-product-rating {
  padding-bottom: 3rem;
}

.entry-content .shop_attributes p {
  margin: 0;
}

#content .product > .summary table td {
  border: 0;
  display: block;
  padding: 0;
}

.woocommerce .price del {
    opacity: .5;
    font-size: 2.5rem;
}
.woocommerce .price ins {
  text-decoration: none;
}
.woocommerce .price del+ins {
    display: block;
}

ul.products li.product .price {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 2rem 0;
  text-align: center;
}
ul.products li.product .price del {
  display: none;
}
.variations select {
  width: 100%;
}
.woocommerce-pagination {
  clear: both;
  margin: 40px 0 20px;
  padding: 12px;
  text-align: center;
}
.page-numbers { display: inline-block; }
.page-numbers li {
  color: #fff;
  cursor: default;
  display: inline-block;
  margin: 0;
}
.page-numbers li a,
.page-numbers li .current {
  color: #81d4fa;
    font-size: 2.333rem;
    margin-right: 2rem;
}
.page-numbers li .current,
.page-numbers li a:hover { color: #3c3e3f }

.woocommerce-variation-description {
  margin-top: 3rem;
}

/* Sale */
.image-wrapper span.onsale {
  background: #fcb840;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: 500;
  height: 70px;
  left: auto;
  letter-spacing: -0.5px;
  line-height: 1;
  margin: -46px 0 0 -45px;
  padding: 26px 0;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 50px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 70px;
  z-index: 1;
}

.single-product div.product .product_meta .posted_in, 
.single-product div.product .product_meta .sku_wrapper, 
.single-product div.product .product_meta .tagged_as {
    display: block;
}

.single-product div.product .product_meta {
    padding-bottom: 3rem;
}

#content .product > .summary .quantity > input {
  text-align: center;
}

#content .product > .summary .cart .quantity > input,
#content .product > .summary .cart button {
  margin-bottom: 1rem;
  width: 100%;
}

/* View Cart button */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border: 1px solid transparent;
  font-size: 1.6rem;
  color: #3c3e3f;
  margin-bottom: 6rem;
  padding: 2rem 3rem 2rem 6rem;
  position: relative;
}

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
  font-family: FontAwesome;
  font-size: 2.3rem;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  text-align: center;
}

.woocommerce-message {
  border-color: #82c271;
}

.woocommerce-error {
  border-color: #d45555;
}

.woocommerce-info {
  border-color: #81d4fa;
}

.woocommerce-message:before {
  color: #82c271;
  content:"\f0eb";
}

.woocommerce-error:before {
  color: #d45555;
  content: "\f057";
}

.woocommerce-info:before {
  color: #81d4fa;
  content: "\f071";
}

.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button {
  float: right;
  border-left: 1px solid #ccc;
  padding-left: 3rem;
}

div.woocommerce-message:after,
div.woocommerce-error:after,
div.woocommerce-info:after {
    clear: both;
    content: "";
    display: table;
}


.shop_attributes td,
.shop_attributes  th {
  border-top: 1px solid #c5c5c5;
  padding: 0.75rem 0;
}

.product-field {
  border-top: 1px solid #ccc;
  overflow: hidden;
  padding: 5.4rem 0;
}
.product-fields-title-wrapper {
  float: left;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
}
.product-fields-title-wrapper > .product-fields-title strong {
  font-weight: normal;
  color: #3c3e3f;
}
.product-field-display > dl > dt {
  font-weight: 500;
}
@media all and (min-width: 62.5em) {
   .product-field-display > dl > dt {
    clear: both;
    width: 28.57143%;
    float: left;
    margin-left: 0;
    margin-right: -100%;
  }
  .product-fields-title-wrapper {
    width: 30%;
  }
  .product-field-display {
    width: 68%;
    float: right;
  }
}
 .product-field-display > dl > dd {
  margin-bottom: 1.5rem;
}
@media all and (min-width: 62.5em) {
   .product-field-display > dl > dd {
    width: 71.42857%;
    float: left;
    margin-left: 28.57143%;
    margin-right: -100%;
    margin-bottom: 0.75rem;
  }
}

@media all and (min-width: 62.5em) {
  .single .product-neighbours {
    margin: 0 0 8rem;
  }
  #content .product > .summary {
    margin: 6.5rem 0;
    padding: 6.5rem;
  }
}

@media all and (min-width: 62.5em) {
  div.product div.images,
  #content div.product div.images {
    float: left;
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
    width: 50%;
  }
  div.product div.summary,
  #content div.product div.summary {
    background: #f6f6f6;
    float: right;
    margin: 6.5rem 0;
    padding: 6.5rem;
    width: 40%;
  }

  div.product .woocommerce-tabs,
  #content div.product .woocommerce-tabs,
  div.product .upsells.products,
  div.product .related.products { clear: both; }
}

.image-wrapper {
  display: block;
  position: relative;
}

.image-wrapper:before {
  background: transparent;
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

.image-wrapper:after {
  border-radius: 50%;
  content: "";
  font-size: 1.6rem;
  height: 8rem;
  line-height: 8rem;
  width: 8rem;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0, 0);
          transform: translate(-50%, -50%) scale(0, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}

.image-wrapper:hover:before {
  background: rgba(255, 255, 255, 0.8);
}

.image-wrapper:hover:after {
  background: #81d4fa;
  content: "\02b";
  color: #fff;
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
          transform: translate(-50%, -50%) scale(1, 1);
}

.woocommerce-tabs #tab-description ul li {
  line-height: 1.6!important;
  margin: 0 0 0 6px!important;
  padding: 2px 0 2px 20px !important;
}

#tab-description ul li:before {
  top: 8px!important;
}

div.product .woocommerce-tabs ul.tabs, 
#content div.product .woocommerce-tabs ul.tabs {
  border-top: 1px solid #e5e5e5;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 24px 0 15px 0;
  position: relative;
}

div.product .woocommerce-tabs ul.tabs li, 
#content div.product .woocommerce-tabs ul.tabs li {
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  padding: 7px 18px 5px;
  text-transform: uppercase;
  width: 100%;
}

.single-product .entry-content {
  width: 100%!important; 
}

ul.products li.product {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

@media all and (min-width: 62.5em) {
  div.product .woocommerce-tabs ul.tabs li, 
  #content div.product .woocommerce-tabs ul.tabs li {
    width: auto; 
  }

  .products ul:after,
  ul.products:after {
    clear: both;
    content: "";
    display: table;
  }
  ul.products li.product {
    float: left;
    margin-bottom: 40px;
    padding: 10px 20px;
    position: relative;
    width: 25%!important;
  }
  ul.products li.first { clear: both; }

}

div.product .woocommerce-tabs ul.tabs li a, 
#content div.product .woocommerce-tabs ul.tabs li a {
    color: #777;
    font-size: 1.8rem;
    text-transform: uppercase;
}

div.product .woocommerce-tabs ul.tabs li.active, 
#content div.product .woocommerce-tabs ul.tabs li.active {
  background: #3c3e3f;
  color: #fff;
  font-weight: 600;
  z-index: 2;
}

div.product .woocommerce-tabs ul.tabs li.active a, 
#content div.product .woocommerce-tabs ul.tabs li.active a{
  color: #fff;
}

#total-review {
  font-size: 1.6rem;
  position: absolute;
  right: 100px;
  top: 7px;
}

#reviews #comments ol.commentlist li img {
  float: left;
  margin-right: 3rem;
}

#tab-reviews.entry-content ol li {
  padding-left :0;
}
#tab-reviews.entry-content ol li:before {
  display: none;
}

/* Review stars */
.woocommerce p.stars,
.woocommerce-page p.stars,
.woocommerce .star-rating,
.woocommerce-page .star-rating {
  font-family: 'star';
  font-size: 1em;
  height: 1em;
  line-height: 1em;
  overflow: hidden;
  position: relative;
  width: 5.8em;
}

/* Firefox hack - Firefox doesn't like applying font-size to pseudo-elements (containing unicode chars in the content property) */
@-moz-document url-prefix() {
 .woocommerce #comments .star-rating {
 margin: 4px 15px 0 0;
}
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
  color: #fec550;
  float: left;
  left: 0;
  overflow: hidden;
  padding-top: 1.5em;
  position: absolute;
  top: 0;
}
.woocommerce #comments .star-rating { margin: 10px 15px 0 0; }
.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
  display: block;
  float: none;
  margin: 0 auto;
}

.woocommerce ul.products li.product strong,
.woocommerce-page ul.products li.product strong { display: block; }

.woocommerce p.stars:before,
.woocommerce-page p.stars:before,
.woocommerce .star-rating:before,
.woocommerce-page .star-rating:before {
  color: #e0dadf;
  content: "\73\73\73\73\73";
  float: left;
  left: 0;
  letter-spacing: .1em;
  position: absolute;
  top: 0;
}
.woocommerce p.stars a,
.woocommerce-page p.stars a {
  float: left;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-top: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.woocommerce p.stars a:before,
.woocommerce-page p.stars a:before,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before  {
  content: "\53\53\53\53\53";
  left: 0;
  letter-spacing: .1em;
  position: absolute;
  top: 0;
  visibility: hidden;
}
 .woocommerce p.stars a:hover:before, .woocommerce-page p.stars a:hover:before, .woocommerce p.stars a:focus:before, .woocommerce-page p.stars a:focus:before .woocommerce p.stars a.active:before {
 color: #fec550;
 visibility: visible;
}
.woocommerce p.stars a.active:before,
.woocommerce-page p.stars a.active:before,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before  {
  color: #fec550;
  visibility: visible;
}
.woocommerce p.stars a.star-1,
.woocommerce-page p.stars a.star-1 {
  width: 1em;
  z-index: 10;
}
.woocommerce p.stars a.star-2,
.woocommerce-page p.stars a.star-2 {
  width: 2.1em;
  z-index: 9;
}
.woocommerce p.stars a.star-3,
.woocommerce-page p.stars a.star-3 {
  width: 3.2em;
  z-index: 8;
}
.woocommerce p.stars a.star-4,
.woocommerce-page p.stars a.star-4 {
  width: 4.4em;
  z-index: 7;
}
.woocommerce p.stars a.star-5,
.woocommerce-page p.stars a.star-5 {
  width: 5.6em;
  z-index: 6;
}

#pp_full_res .pp_inline {
  text-align: left;
}

/* Checkout validation */
.form-row.woocommerce-invalid .chzn-single,
.form-row.woocommerce-invalid .chzn-drop,
.form-row.woocommerce-invalid input.input-text,
.form-row.woocommerce-invalid select {
  border: 1px solid #fb5a29;
  padding: 1.6rem;
}
.form-row.woocommerce-validated .chzn-single,
.form-row.woocommerce-validated .chzn-drop,
.form-row.woocommerce-validated input.input-text,
.form-row.woocommerce-validated select {
  border: 1px solid #92ad41;
  padding: 1.6rem;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce-page form .form-row.woocommerce-invalid input.input-text {
  background-image: url(images/ecommerce/invalid.png);
  background-position: 95% center;
  background-repeat: no-repeat;
}

.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce-page form .form-row.woocommerce-validated input.input-text {
  background-image: url(images/ecommerce/valid.png);
  background-position: 95% center;
  background-repeat: no-repeat;
}
table tbody tr:nth-child(2n) td {
    background-color: #fbfbfb;
}
table.shop_table_responsive tbody th, table.shop_table_responsive thead {
    display: none;
}
table.shop_table_responsive tr td {
  border: 0;
  display: block;
  text-align: right;
  clear: both;
}
table.shop_table_responsive tr td:before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}
table.shop_table_responsive tr .product-thumbnail:before {
  display: none;
}

.single-product div.product form.cart::after, .single-product div.product::after, ul.products::after {
    clear: both;
    content: ""}
table.shop_table_responsive tr td.product-remove a {
    text-align: left;
}
table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before, table.shop_table_responsive tr td.product-remove:before {
    display: none;
}
table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center;
}
table.shop_table_responsive.my_account_orders .order-actions {
    text-align: right;
}
table.shop_table_responsive.my_account_orders .order-actions:before {
    display: none;
}

table.cart td.product-remove {
    padding: 0;
    border-top: 1.618em solid #fff;
    position: relative;
}

table.cart .cart_item {
  padding-bottom: 4rem;
}

table.shop_table_responsive tr .product-thumbnail {
  text-align: center;
}

.page.woocommerce-page .entry-content {
  width: 100%;
}

table.cart td.product-remove a.remove {
    background: #81d4fa;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    font-size: 3rem;
    top: 0;
    padding: 0 1.5rem;
    right: -1rem;
}
table.cart td.actions label {
    display: none;
}
table.cart td.actions input {
    display: block;
    width: 100%;
    margin: .7rem 0;
}
.wc-proceed-to-checkout .button {
    display: block;
    text-align: center;
    margin: 2rem 0 4rem;
}

/* checkout */
.entry-content .form-row {
  margin: 0 0 1.4rem 0
}
.form-row input, .form-row select, .form-row textarea {
    width: 100%;
}
.form-row input[type="checkbox"] {
  width: auto;
  margin: 0 .6rem;
}
.form-row input[type="submit"] {
  margin-bottom: 2rem;
}
.woocommerce-checkout-review-order-table td {
  padding: 1rem 0;
}
.wc_payment_method {
  padding: .5rem 0!important;
}
.wc_payment_method:before {
  display: none!important;
}

#payment::after, form.checkout::after {
    clear: both;
    content: "";
    display: table;
}
#payment .create-account {
    clear: both;
}
#payment .payment_methods {
    margin: 0!important;
    padding: 0!important;
}
#payment .payment_methods li {
    list-style: none!important;
    margin-left: 0;
    margin-bottom: 1px;
    position: relative;
}
#payment .payment_methods li img {
    float: right;
    border: 0;
    padding: 0;
    max-height: 1.618em;
}
#payment .payment_methods li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
#payment .payment_methods li label {
    display: block;
    padding: 1.387em;
    cursor: pointer;
}
#payment .payment_methods li label:before {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10c";
    margin-right: .53em;
    -webkit-transition: color, ease, .2s;
    -moz-transition: color, ease, .2s;
    transition: color, ease, .2s;
}
#payment .payment_methods li input[type=radio]:first-child {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
}
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    content: "\f192"}
#payment .payment_methods li p {
    margin: 0;
}
#payment .payment_methods li .payment_box {
    padding: 1.387em;
}
#payment .payment_methods li .payment_box fieldset {
    border: 0;
    margin: 0;
    padding: 1em 0 0;
    font-size: .857em;
}
#payment .payment_methods li .payment_box fieldset .form-row, #payment .terms {
    margin-bottom: 1em;
}
#payment .payment_methods li .payment_box fieldset label {
    width: auto;
    margin-left: 0;
}
#payment .payment_methods li .payment_box fieldset .form-row-first select {
    width: 48%}
#payment .payment_methods li .payment_box fieldset .form-row-first select:nth-child(2n) {
    float: right;
}

#payment .payment_methods li .payment_box fieldset #cvv {
    width: 22%!important;
}
#payment .payment_methods li .payment_box fieldset .help {
    width: 75%;
    float: right;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
    font-size: 1.387em;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
    background-repeat: no-repeat;
    background-position: right .618em center;
    background-size: 31px 20px;
    background-image: url(images/ecommerce/credit-cards/unknown.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
    background-image: url(images/ecommerce/credit-cards/visa.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
    background-image: url(images/ecommerce/credit-cards/mastercard.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
    background-image: url(images/ecommerce/credit-cards/laser.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
    background-image: url(images/ecommerce/credit-cards/diners.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
    background-image: url(images/ecommerce/credit-cards/maestro.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
    background-image: url(images/ecommerce/credit-cards/jcb.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
    background-image: url(images/ecommerce/credit-cards/amex.svg);
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
    background-image: url(images/ecommerce/credit-cards/discover.svg);
}
#payment .terms {
    width: 100%;
    clear: both;
    float: none;
}

#payment .payment_methods li:hover {
    background-color: #f6f6f6;
}

.product-neighbours + .onsale {
  display: none;
}

@media all and (min-width: 640px) {
  .single .product-neighbours {
    margin: 0 0 8rem;
  }
  .product_title.entry-title {
    font-size: 5.8rem;
  }
  #content .product > .summary {
    margin: 6.5rem 0;
    padding: 6.5rem;
  }
  .panel.wc-tab {
    padding: 5rem 0;
  }

  ul.products > li.product {
    float: left;
    margin-bottom: 3rem;
    padding: 3.2rem;
    width: 50%;
  }

  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th, table.shop_table_responsive tr td {
      display: table-cell;
  }
  table.shop_table_responsive tr td:before {
      display: none;
  }
  .site-header-cart {
      position: relative;
  }
  .site-header-cart .cart-contents {
      padding: 1.618em 0;
      display: block;
      position: relative;
      background-color: transparent;
      height: auto;
      width: auto;
      text-indent: 0;
  }
  .site-header-cart .cart-contents:after {
      display: inline-block;
      font: normal normal normal 1em/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      height: 1em;
      float: right;
      content: "\f291";
      line-height: 1.618;
  }
  .site-header-cart .cart-contents .amount {
      margin-right: .327em;
  }
  .site-header-cart .cart-contents .count {
      font-weight: 300;
      opacity: .5;
      font-size: .857em;
  }
  .site-header-cart .cart-contents span {
      display: inline;
  }
  .site-header-cart .widget_shopping_cart {
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 999999;
      font-size: .857em;
      left: -999em;
      display: block;
  }
  .site-header-cart .widget_shopping_cart h2.widgettitle {
      display: none;
  }
  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
      position: relative;
      float: left;
      top: auto;
  }
  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove:before {
      text-align: left;
  }
  .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
      left: 0;
  }
  table.cart td.product-remove {
    border: 0;
  }
  table.cart td.product-remove a.remove {
    background: #e2401c;
    float: none;
    margin-left: 1rem;
    position: relative;
    top: auto;
    right: auto;
    padding: 0 1rem;
  }

  table.shop_table_responsive tr td.actions {
    padding: 4rem;
  }

  .shop_table.cart th {
    text-align: right;
  }

  .cart-collaterals {
    margin-top: 4rem;
  }
}

@media all and (min-width: 1040px) {
  table.cart td.actions input {
    display: inline-block;
    width: auto;
    margin: 0;
}
table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left;
}
.wc-proceed-to-checkout {
  text-align: right;
}
.wc-proceed-to-checkout .button {
  display: inline-block;
}

.col2-set {
    width: 52.9411764706%;
    float: left;
    margin-right: 5.8823529412%}
.col2-set .form-row-first {
    width: 33.3333333333%;
    float: left;
    margin-right: 11.1111111111%}
.col2-set .form-row-last {
    width: 55.5555555556%;
    float: right;
    margin-right: 0;
}
.col2-set .col-1, .col2-set .col-2 {
    margin-bottom: 1.618em;
}
.col2-set+#customer_details {
    display: none;
}
.col2-set#customer_login, .col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
}
.col2-set#customer_login .col-1, .col2-set.addresses .col-1 {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%}
.col2-set#customer_login .col-2, .col2-set.addresses .col-2 {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
}

#customer_details+#wc_checkout_add_ons, 
#order_review,
#order_review_heading {
    width: 41.1764705882%;
    float: right;
    margin-right: 0;
}
.form-row.place-order .button {
  margin-top: 2rem;
}
.form-row-first {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%;
    clear: both;
}
.form-row-last {
    width: 47.0588235294%;
    float: right;
    margin-right: 0;
}
.form-row input[type="submit"] {
  width: auto;
}
.woocommerce-result-count {
  float: left;
}
.woocommerce-ordering {
  float: right;
}
table tbody tr:nth-child(2n) td {
    background: none;
}
.woocommerce-checkout-review-order-table td {
    padding: 1rem;
}
}

@media all and (min-width: 1180px) {
    .woocommerce #container > #content {
    padding: 10rem 0;
  }

  .cart-collaterals {
    float: right;
    width: 45%;
  }
  .shop_attributes td, 
  .shop_attributes th {
    background: none!important;
    border-top: 1px solid #c5c5c5;
    padding: 2rem 0;
  }
  .entry-meta.clearfix {
    clear: both;
  }
}