/*
Theme Name: OilDrop
Description: Theme main stylesheet
*/
/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 1.1 - Preloader
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */
/**
 * 1.0 - Reset
 */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

@media(min-width: 992px) {
	.to_animate {
		visibility: hidden;
	}
}

.animated {
  visibility: visible !important;
}

.c-header-textcolor     { color: #30355d; }
.bg-header-textcolor    { background-color: #30355d; }
.brd-header-textcolor   { border-color: #30355d; }

.c-background-color     { color: #ecedef; }
.bg-background-color    { background-color: #ecedef; }
.brd-background-color   { border-color: #ecedef; }

.c-content-background   { color: #ffffff; }
.bg-content-background  { background-color: #ffffff; }
.brd-content-background { border-color: #ffffff; }

.c-content-textcolor    { color: #aab9cd; }
.bg-content-textcolor   { background-color: #aab9cd; }
.brd-content-textcolor  { border-color: #aab9cd; }

.c-accent-color         { color: #0eb0ee; }
.bg-accent-color        { background-color: #0eb0ee; }
.brd-accent-color       { border-color: #0eb0ee; }

.c-accent-color-2       { color: #30355d; }
.bg-accent-color-2      { background-color: #30355d; }
.brd-accent-color-2     { border-color: #30355d; }

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
}

/**
 * 1.1 - Preloader
 */
#preloader {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
}

#preloader-status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
}

#preloader-title {
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
}

.spinner {
  margin: 0 auto;
  width: 120px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #0eb0ee;
  height: 100%;
  width: 20px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    background-color: #0eb0ee;
  }
  20% {
    -webkit-transform: scaleY(1);
    background-color: #30355d;
  }
}

@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    background-color: #0eb0ee;
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    background-color: #30355d;
  }
}

.div--table {
  display: table !important;
  height: 100% !important;
  width: 100% !important;
}

.div--table-cell {
  display: table-cell !important;
  vertical-align: middle !important;
}

@media screen and (min-width: 1440px) {
  .container {
    width: 1200px;
  }
}

.site-content {
  padding: 81px 0;
}

.site-content .minus-site-padding-top {
  margin-top: -81px;
}

.site-content .minus-site-padding-bottom {
  margin-bottom: -81px;
}

.unyson-layout-snone .site-content,
.homepage .site-content {
  padding: 0;
}

.site__sidebar {
  margin-top: 81px;
}

@media screen and (min-width: 992px) {
  .site__sidebar {
    margin-top: 0;
  }
}

.hentry + .hentry,
.clear + .hentry {
  margin-top: 81px;
}

.hentry.first-post + .hentry.first-post {
  margin-top: 30px;
}

.page .entry-content {
  background-color: transparent;
}

.page .entry-content__inner {
  overflow: hidden;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: solid 4px #0eb0ee;
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .page .entry-content__inner {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sidebar-before-content {
  margin-bottom: 81px;
}

.sidebar-before-content .widget + .widget {
  margin-top: 81px;
}

.widget + .widget {
  margin-top: 69px;
}

.widget > *:last-child {
  margin-bottom: 0;
}

/**
 * Non-sticky menu under 955px
 */
@media screen and (max-width: 1023px) {
  .header-sticky {
    /*position: relative !important;*/
    /*top: initial !important;*/
  }
}

.mod-widget-grid > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.mod-widget-grid > [class*="col-"].mod-widget-grid--offset-top {
  margin-top: 30px;
}

.mod-widget-grid > [class*="col-"].mod-widget-grid--offset-left {
  padding-left: 15px;
}

.mod-widget-grid > [class*="col-"].mod-widget-grid--offset-right {
  padding-right: 15px;
}

/* Widget sidebars */
#secondary .widget,
.footer-widgets .widget {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.sidebar-before-header .mod-widget-grid,
.sidebar-after-header .mod-widget-grid,
.sidebar-before-loop .mod-widget-grid,
.sidebar-before-footer > .mod-widget-grid {
  margin-right: 0;
  margin-left: 0;
}

/**
 * 2.0 - Genericons
 */
/**
 * 3.0 Typography
 */
body,
button,
input,
select,
textarea {
  font-family: "Arial", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5334;
  color: #aab9cd;
}

@supports (-ms-ime-align:auto) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

caption {
  color: #aab9cd;
}

body {
  overflow-x: hidden;
  background-color: #ecedef;
}

.font-family--main {
  font-family: "Arial", sans-serif;
}

.font-family--second {
  font-family: "Roboto", sans-serif;
}

.font-family--third {
  font-family: "Kanit", sans-serif;
}

.font-family--fa {
  font-family: "FontAwesome";
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin: 0 0 23px 0;
  text-rendering: optimizeLegibility;
  clear: both;
  color: #30355d;
}

.section-dark-bg .h1, .section-dark-bg h1,
.section-dark-bg .h2, .section-dark-bg h2,
.section-dark-bg .h3, .section-dark-bg h3,
.section-dark-bg .h4, .section-dark-bg h4,
.section-dark-bg .h5, .section-dark-bg h5,
.section-dark-bg .h6, .section-dark-bg h6 {
  color: #ffffff;
}

.section-dark-bg .h1 a, .section-dark-bg h1 a,
.section-dark-bg .h2 a, .section-dark-bg h2 a,
.section-dark-bg .h3 a, .section-dark-bg h3 a,
.section-dark-bg .h4 a, .section-dark-bg h4 a,
.section-dark-bg .h5 a, .section-dark-bg h5 a,
.section-dark-bg .h6 a, .section-dark-bg h6 a {
  color: #ffffff;
}

.title-colored .h1, .title-colored h1,
.title-colored .h2, .title-colored h2,
.title-colored .h3, .title-colored h3,
.title-colored .h4, .title-colored h4,
.title-colored .h5, .title-colored h5,
.title-colored .h6, .title-colored h6 {
  color: #0eb0ee;
}

.title-light .h1, .title-light h1,
.title-light .h2, .title-light h2,
.title-light .h3, .title-light h3,
.title-light .h4, .title-light h4,
.title-light .h5, .title-light h5,
.title-light .h6, .title-light h6 {
  color: #ffffff;
}

.h1, h1 {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.44;
}

.h2, h2 {
  font-size: 44px;
  font-size: 4.4rem;
  line-height: 1.0455;
}

.h3, h3 {
  font-size: 33px;
  font-size: 3.3rem;
  line-height: 1.0610;
}

.h4, h4 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
}

.h5, h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2778;
}

.h6, h6 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5334;
}

p {
  margin: 0 0 23px 0;
}

b,
strong {
  font-weight: 700;
  /*color: #30355d;*/
  color: #0eb0ee; /*light blue (see section 'Feedback' on main page) */
}

span b,
span strong {
  color: inherit;
}

q {
  color: #30355d;
}

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

em {
  font-style: italic;
}

blockquote {
  font-size: 14px;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.7143;
  padding: 3px 0 3px 30px;
  margin: 0 0 23px 0;
  border: none;
  border-left: solid 3px #0eb0ee;
}

blockquote p {
  margin-bottom: 23px;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  text-transform: uppercase;
  margin-top: 17px;
  color: #30355d;
}

blockquote small {
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 1.7143;
  margin-top: 12px;
}

blockquote cite + small {
  margin-top: -2px;
}

blockquote small::before {
  display: none;
}

blockquote cite img,
blockquote small img {
  margin-right: 15px;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote strong,
blockquote b {
  font-weight: 700;
}

* + blockquote,
blockquote + * {
  margin-top: 54px;
}

address {
  line-height: 1.7143;
  margin-bottom: 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  border-radius: 0;
  vertical-align: middle;
}

kbd {
  box-shadow: none;
}

code {
  color: #30355d;
}

pre {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 23px;
  padding: 14px 15px;
  max-width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 0;
  word-wrap: break-word;
}

acronym,
abbr[title] {
  border-bottom: 1px solid #0eb0ee;
  cursor: help;
}

mark,
ins {
  text-decoration: none;
  padding: 0 3px;
  background-color: #30355d;
  color: #ffffff;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
  line-height: 100%;
}

/**
 * 4.0 Elements
 */
hr {
  border: 0;
  height: 1px;
  margin-bottom: 22px;
  margin-top: 23px;
  background-color: #f5f6fb;
}

ul,
ol {
  padding: 0 0 0 15px;
  margin: 0 0 23px 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 23px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dl {
  margin-bottom: 23px;
}

dt, dd {
  line-height: 1.7143;
}

dt {
  color: #30355d;
}

dd {
  margin-bottom: 23px;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

figure {
  max-width: 100%;
  margin: 0;
}

del {
  opacity: 0.8;
}

table {
  margin-bottom: 23px;
}

.post-content table {
  width: 100%;
}

.label {
  color: #aab9cd;
}

.single .post-content table th,
.single .post-content table td {
  padding: 5.75px 11.5px;
  border: solid 1px #d7dce1;
}

.single .post-content table thead th {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2778;
  padding: 11.5px 11.5px;
  color: #30355d;
}

/* Dropcaps */
body.dropcaps1:not(.home):not(.blog):not(.archive) .entry-content > .page-title + p:first-letter,
body.dropcaps1:not(.home):not(.blog):not(.archive) .entry-content > p:first-child:first-letter,
body.dropcaps1:not(.home):not(.blog):not(.archive) .entry-content .post__inner .post-content > p:first-child:first-letter,
p.dropcaps1:first-letter {
  font-size: 64px;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.0625;
  float: left;
  margin-right: 15px;
  color: #0eb0ee;
}

::-webkit-input-placeholder {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #aab9cd;
}

:-moz-placeholder {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #aab9cd;
}

::-moz-placeholder {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #aab9cd;
  opacity: 1;
}

:-ms-input-placeholder {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #aab9cd;
}

/**
 * 5.0 Forms
 */
label {
  margin-bottom: 0;
}

button,
input,
select,
textarea {
  vertical-align: baseline;
  margin: 0;
  max-width: 100%;
  border-radius: 2px;
}

button,
input {
  -webkit-hyphens: none;
     -moz-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input,
textarea {
  font-family: "Roboto", sans-serif;
  outline: none;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  background-color: #ecedef;
  border: 1px solid #ecedef;
  color: #aab9cd;
}

input:focus,
textarea:focus {
  background-color: #e6e8ea;
  border-color: #e6e8ea;
  color: #aab9cd;
}

.secondary input, .secondary
textarea {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #aab9cd;
}

.secondary input:focus, .secondary
textarea:focus {
  background-color: #fcfcfc;
  border-color: #fcfcfc;
  color: #aab9cd;
}

.woocommerce .secondary input, .woocommerce .secondary
textarea {
  background-color: #ecedef;
  border: 1px solid #ecedef;
  color: #aab9cd;
}

.woocommerce .secondary input:focus, .woocommerce .secondary
textarea:focus {
  background-color: #e6e8ea;
  border-color: #e6e8ea;
  color: #aab9cd;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}

.btn,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  height: 38px;
  padding: 7px 30px 6px 30px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border-radius: 19px;
  border: none;
  background-image: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: none;
  -webkit-appearance: button;
  -webkit-box-shadow: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #0eb0ee;
  color: #ffffff;
}

.btn.active,
.btn:active,
.button:hover,
.button:focus,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  box-shadow: none;
  background-color: #30355d;
  color: #ffffff;
}

.mc4wp-form-fields input[type="submit"]:hover {
    background-color: #ffffff;
    color: #30355d;
}

a.button {
  display: inline-block;
  -webkit-appearance: initial;
}

a.button:hover,
a.button:focus {
  text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
textarea {
  padding: 7px 15px 6px 15px;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.post-password-form input[type="submit"] {
  position: relative;
  top: -2px;
  height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.button,
.fw-btn,
.recent-posts__media,
.product__thumbnail,
div.images .zoom,
.ripplelink {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.woocommerce a.button {
  overflow: hidden;
}

.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}

.product__thumbnail .ink,
div.images .zoom .ink {
  background: rgba(255, 255, 255, 0.8);
}

.animate {
  -webkit-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}

/* Bootstrap select */
.bootstrap-select > .btn {
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  height: 38px;
  line-height: 2.5334;
  text-transform: none;
  padding: 0 17px;
  border-radius: 2px;
  border: solid 1px #d7dce1;
  background-color: #ffffff;
  color: #aab9cd;
}

.bootstrap-select > .btn:hover, .bootstrap-select > .btn:focus {
  background-color: #f5f6fb;
}

.bootstrap-select .btn,
.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus {
  outline: 0 !important;
}

.bootstrap-select > .dropdown-menu {
  border-radius: 0;
  border: solid 1px #f5f6fb;
  box-shadow: none;
}

.bootstrap-select > .dropdown-menu > li > a {
  color: #aab9cd;
}

.bootstrap-select > .dropdown-menu > li > a:focus, .bootstrap-select > .dropdown-menu > li > a:hover {
  background-color: #f5f6fb;
  color: #30355d;
}

.bootstrap-select.btn-group .btn .caret {
  border: none;
}

.bootstrap-select.btn-group .btn .caret::after {
  content: '\f078';
  font-family: FontAwesome;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.1667;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -11px;
  color: #aab9cd;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 28px;
}

.rtl .bootstrap-select.btn-group .dropdown-toggle .caret {
  left: auto;
}

/**
 * 6.0 Navigations
 */
/**
 * 6.1 Links
 */
a {
  outline: 0;
  text-decoration: none;
  color: #30355d;
}

a:hover, a:focus, a:active,
a:hover strong,
a:focus strong,
a:active strong {
  outline: 0;
  text-decoration: none;
  color: #0eb0ee;
}

strong a {
  text-decoration: underline;
  color: #0eb0ee; /*light blue (see section 'Feedback' on main page) */
}
strong a:hover {
    text-decoration: underline;
    color: #30355d;;
}

a strong {
    outline: 0;
    text-decoration: underline;
    color: #0eb0ee; /*light blue (see section 'Feedback' on main page) */

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a strong:hover {
    text-decoration: underline;
    color: #30355d;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a,
a:hover,
a:focus,
a:active,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
textarea {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.excerpt-more .more-link {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.3;
  text-transform: uppercase;
  color: #0eb0ee;
}

.excerpt-more .more-link:hover, .excerpt-more .more-link:focus {
  color: #30355d;
}

.content-more-link {
  color: #0eb0ee;
  font-weight: 700;
}


.content-more-link:hover,
.content-more-link:focus {
  color: #30355d;
}

p + .content-more-link {
  display: block;
  margin-top: -7px;
}

.content-more-link::before {
  content: "\f103";
  font-family: "Flaticon";
  display: inline-block;
  margin-right: 5px;

  -webkit-transition: margin-right 0.5s ease 0s;
  -o-transition: margin-right 0.5s ease 0s;
  transition: margin-right 0.5s ease 0s;
}

.content-more-link:hover::before,
.content-more-link:focus::before {
  margin-right: 10px;
}

.content-more-link::before,
.content-more-link:focus::before {
  -webkit-transition: margin-right 0.3s ease 0s;
  -o-transition: margin-right 0.3s ease 0s;
  transition: margin-right 0.3s ease 0s;
}

/**
 * 6.2 Menus
 */
/* Main Navigation */
.create-menu {
  font-family: "Kanit", sans-serif;
  text-align: center;
}

.create-menu a {
  color: #ffffff;
}

.create-menu a:hover, .create-menu a:focus {
  color: #0eb0ee;
}

.menu-strip {
  display: none;
}

@media screen and (min-width: 992px) {
  .menu-strip {
    display: table-cell;
    vertical-align: middle;
  }
}

.main-nav {
  float: none;
  text-align: left;
}

.main-nav ul {
  font-size: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-nav ul li {
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6429;
  position: relative;
}

.main-nav ul li a {
  display: block;
  text-transform: uppercase;
  color: #ffffff;
}

.main-nav ul li a:focus, .main-nav ul li a:hover {
  color: #0eb0ee;
}

.main-nav ul li ul {
  display: block;
  padding: 20px 0;
  position: absolute;
  top: 49px;
  left: 0;
  z-index: 2000;
  min-width: 300px;
  text-align: left;
  background: #f5f6fb;
  border-bottom: solid 4px #0eb0ee;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
  transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
  transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.1s;
  transition: visibility 0.2s ease 0.32s, opacity 0.3s ease-in-out 0.1s, transform 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s;
}

.header__style2 .main-nav ul li ul {
  top: 78px;
}

.header__style3 .main-nav ul li ul {
  top: 89px;
}

@media (min-width: 992px) {
  .is-sticky .main-nav ul li ul {
    top: 40px;
  }
  .is-sticky .main-nav ul li ul ul {
    top: -20px;
  }
}

.main-nav ul li ul li a {
  padding: 12px 40px;
  color: #aab9cd;
}

.main-nav ul li ul li a:focus, .main-nav ul li ul li a:hover {
  color: #0eb0ee;
}

.main-nav ul li:hover > ul {
  overflow: visible;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(2px, 0);
      -ms-transform: translate(2px, 0);
          transform: translate(2px, 0);
}

.main-nav ul li li ul {
  top: -20px;
  left: 100%;
  -webkit-transform: translate(62px, 0);
      -ms-transform: translate(62px, 0);
          transform: translate(62px, 0);
}

.main-nav ul li li:hover ul {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.main-nav > ul > li {
  display: inline-block;
  position: relative;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
  text-align: center;
}

.main-nav > ul > li:first-child {
  border-left: solid 1px rgba(255, 255, 255, 0.1);
}

.main-nav > ul > li a {
  padding: 13px 20px;
}

@media (min-width: 1200px) {
  .main-nav > ul > li a {
    padding: 13px 30px;
  }
}

.is-sticky .main-nav > ul > li a {
  padding: 9px 20px 8px 20px;
}

@media (min-width: 1200px) {
  .is-sticky .main-nav > ul > li a {
    padding: 9px 30px 8px 30px;
  }
}

.main-nav > ul > li.marked {
  float: right;
}

.main-nav > ul > li.marked a {
  font-family: "Kanit", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  background-color: #0eb0ee;
}

.header__style2 .main-nav > ul > li.marked a {
  background-color: transparent;
}

.main-nav > ul > li.marked a .fa {
  margin-right: 10px;
  float: left;
  opacity: .5;
}

.main-nav > ul > li.marked a:hover, .main-nav > ul > li.marked a:focus {
  background-color: #ffffff;
  color: #30355d;
}

.header__style2 .main-nav > ul > li.marked a:hover, .header__style2 .main-nav > ul > li.marked a:focus {
  background-color: transparent;
  color: #0eb0ee;
}

.main-nav ul li.md-hidden {
  display: none;
}

.main-nav ul li#more-li > a {
  padding-left: 16px;
  padding-right: 16px;
}

.main-nav ul li#more-li ul {
  left: auto;
  right: 0;
}

.main-nav ul li#more-li ul li a .fa {
  display: none;
}

.main-nav ul li#more-li ul li ul {
  left: auto;
  right: 100%;
}

/* Mobile Menu */
.mobile-menu {
  position: absolute;
  z-index: 10;
  height: 24px;
  width: 24px;
  opacity: 0;
  cursor: pointer;
  border: none;
}

.mobile-menu-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.9286;
  display: inline-block;
  text-align: center;
  height: 24px;
  width: 24px;
}

.nav-button {
  position: relative;
  height: 24px;
  width: 24px;
  line-height: 24px;
  padding: 0 0 0 0;
  margin: 0 auto 0 auto;
}

@media screen and (min-width: 992px) {
  .only-mobile-button,
  .button-li--mobile-menu,
  .nav-button {
    display: none;
  }
}

/* Social Navigation */
.social-navigation {
  font-size: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

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

.social-navigation li {
  display: inline-block;
  float: none;
  font-size: 15px;
  font-size: 1.5rem;
}

.social-navigation a {
  position: relative;
  display: block;
  height: 23px;
  width: 23px;
  margin: 0 5px 0 0;
}

.social-navigation a, .social-navigation a::before {
  color: #aab9cd;
}
/* uncomment, cause: see on Team page members socials */
.member-social.social-navigation a[href*="codepen.io"]::before {
  content: "\f1cb";
}

.member-social.social-navigation a[href*="digg.com"]::before {
  content: "\f1a6";
}

.member-social.social-navigation a[href*="dribbble.com"]::before {
  content: "\f17d";
}

.member-social.social-navigation a[href*="dropbox.com"]::before {
  content: "\f16b";
}

.member-social.social-navigation a[href*="facebook.com"]::before {
  content: "\f09a";
}

.member-social.social-navigation a[href*="flickr.com"]::before {
  content: "\f16e";
}

.member-social.social-navigation a[href*="foursquare.com"]::before {
  content: "\f180";
}

.member-social.social-navigation a[href*="plus.google.com"]::before {
  content: "\f0d5";
}

.member-social.social-navigation a[href*="github.com"]::before {
  content: "\f09b";
}

.member-social.social-navigation a[href*="instagram.com"]::before {
  content: "\f16d";
}

.member-social.social-navigation a[href*="linkedin.com"]::before {
  content: "\f0e1";
}

.member-social.social-navigation a[href*="pinterest.com"]::before {
  content: "\f231";
}

.member-social.social-navigation a[href*="getpocket.com"]::before {
  content: "\f265";
}

.member-social.social-navigation a[href*="reddit.com"]::before {
  content: "\f281";
}

.member-social.social-navigation a[href*="stumbleupon.com"]::before {
  content: "\f1a4";
}

.member-social.social-navigation a[href*="tumblr.com"]::before {
  content: "\f173";
}

.member-social.social-navigation a[href*="twitter.com"]::before {
  content: "\f099";
}

.member-social.social-navigation a[href*="vimeo.com"]::before {
  content: "\f27d";
}

.member-social.social-navigation a[href*="wordpress.com"]::before, .member-social.social-navigation a[href*="wordpress.org"]::before {
  content: "\f19a";
}

.member-social.social-navigation a[href*="youtube.com"]::before {
  content: "\f16a";
}

.member-social.social-navigation a[href*="mailto:"]::before {
  content: "\f003";
}

.member-social.social-navigation a[href*="spotify.com"]::before {
  content: "\f1bc";
}

.member-social.social-navigation a[href*="twitch.tv"]::before {
  content: "\f1e8";
}

.member-social.social-navigation a[href$="/feed/"]::before {
  content: "\f09e";
}

.member-social.social-navigation a[href*="skype.com"]::before {
  content: "\f17e";
}

.social-navigation a:hover, .social-navigation a:hover::before {
  color: #0eb0ee;
}

.social-navigation a:hover .fa {
  color: inherit;
}

.social-navigation a::before, .social-navigation a:hover::before {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.header__row1 .social-navigation a::before {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5334;
}

.copyright-social .social-navigation a {
  height: 23px;
  width: 23px;
}

.copyright-social .social-navigation a:hover, .copyright-social .social-navigation a:hover::before {
  color: #ffffff;
}

.copyright-social .social-navigation a::before {
  height: 23px;
  width: 23px;
}

/* Post Navigation */

.post-navigation .nav-links {
  display: flex;
}

.post-navigation a {
  display: block;
  padding: 28px 30px 28px 30px;
  text-align: center;
  height: 100%;
}

.post-navigation a a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.post-navigation span {
  display: block;
}

.post-navigation .meta-nav {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
  color: #0eb0ee;
}

.post-navigation .post-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3334;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  color: #ffffff;
  /*overflow: hidden;*/
  min-height: 48px;
  /*max-height: 48px;*/
  word-break: break-word;
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
  position: relative;
  width: 50%;
}

.post-navigation .nav-next a,
.post-navigation .nav-previous a {
  position: relative;
  background-color: #30355d;
  background-position: center;
  background-size: cover;
}

.post-navigation .nav-next a {
  margin-left: 5px;
}

.post-navigation .nav-previous a {
  margin-right: 5px;
}

.post-navigation .nav-next a:before,
.post-navigation .nav-previous a:before {
  background-color: rgba(48, 53, 93, 0.5);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.post-navigation a:hover:before,
.post-navigation a:focus:before {
  background-color: rgba(48, 53, 93, 0.1);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media (max-width: 600px) {
  .post-navigation .nav-links {
    flex-direction: column;
  }
  .post-navigation .nav-next,
  .post-navigation .nav-previous {
    width: 100%;
  }
  .post-navigation .nav-next {
    margin-top: 10px;
  }
  .post-navigation .nav-previous a,
  .post-navigation .nav-next a {
    margin: 0;
  }
}

/**
 * Blog Pagination
 */
.pagination {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5334;
  text-align: center;
  text-transform: none;
  margin-top: 46px;
  margin-bottom: 0;
  color: #aab9cd;
}

.pagination .nav-links {
  padding: 0;
  margin-top: -5px;
  display: inline-block;
}

.archive .pagination .nav-links {
  margin-top: 46px;
}

.pagination a,
.pagination span {
  display: inline-block;
  float: none;
  min-width: 23px;
  min-height: 23px;
  height: 23px;
  margin: 5px 5px 0 5px;
  padding: 0;
  text-align: center;
  color: #aab9cd;
}

.pagination span span {
  display: none;
  float: initial;
  min-width: initial;
  min-height: initial;
  height: initial;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #30355d;
}

.pagination .current,
.pagination a:hover,
.pagination a:focus {
  color: #0eb0ee;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  position: relative;
  text-indent: -9999px;
}

.pagination .page-numbers.prev::before,
.pagination .page-numbers.next::before {
  font-family: 'rt-icons-4';
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  text-indent: 0;
}

.pagination .page-numbers.prev::before {
  content: '\e7c4';
}

.pagination .page-numbers.next::before {
  content: '\e7c5';
}

.pagination .current .screen-reader-text {
  position: static !important;
}

/**
 * Page pagination / navigation
 */
.page-links {
  overflow: hidden;
  text-transform: uppercase;
  margin-top: -11.5px;
  margin-bottom: 23px;
  color: #aab9cd;
  clear: both;
}

.page-links > a,
.page-links > span {
  display: block;
  float: left;
  min-width: 23px;
  min-height: 23px;
  height: 23px;
  margin: 11.5px 0 0 0;
  padding: 0 11.5px;
  text-align: center;
  color: #aab9cd;
}

.page-links > span:not(.page-links-title),
.page-links .current,
.page-links a:hover,
.page-links a:focus {
  color: #0eb0ee;
}

.page-links .page-links-title {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2.3637;
  padding-left: 0;
  padding-right: 5.75px;
  color: #aab9cd;
}

/**
 * Image Navigation
 */
.image-navigation {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  color: #aab9cd;
}

.image-navigation a {
  color: #aab9cd;
}

.image-navigation a:hover,
.image-navigation a:focus {
  color: #30355d;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
  display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
  content: "/";
  font-weight: 400;
  margin: 0 0.7em;
}

.image-navigation .nav-previous a:before {
  content: "<";
  margin-right: 0.2em;
  position: relative;
}

.image-navigation .nav-next a:after {
  content: ">";
  margin-left: 0.2em;
  position: relative;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
  margin-bottom: 2em;
}

/**
 * 7.0 Accessibility
 */
.says,
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.site .skip-link {
  font: bold 14px/normal "Noto Sans", sans-serif;
  text-decoration: none;
  text-transform: none;
  display: block;
  top: -9999em;
  left: -9999em;
  padding: 15px 23px 14px;
  outline: none;
  background-color: #ffffff;
  color: #0eb0ee;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.site .skip-link:focus {
  clip: auto;
  height: auto;
  width: auto;
  top: 7px;
  left: 6px;
  z-index: 100000;
}

.logged-in .site .skip-link {
  font: bold 14px/normal "Open Sans", sans-serif;
}

/**
 * 8.0 Alignments
 */
.alignleft {
  display: inline;
  float: left;
}

.alignright {
  display: inline;
  float: right;
}

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

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em;
}

/**
 * 9.0 Clearings
 */
/**
 * 10.0 Header
 */
.header {
  position: relative;
  width: 100%;
  height: 180px;
  height: auto !important;
}

@media (max-width: 991px) {
  .header,
  .header.has-header-row1 {
    height: auto;
  }
}

.header-wrapper {
  position: relative;
  z-index: 1001;
}

.sticky-wrapper {
  height: auto !important;
}

/**
 * Header rows
 */
.header-top__line1 {
  text-align: right;
}

@media (max-width: 767px) {
  .header-top__line1 {
    text-align: left;
  }
}

.header__row1 {
  padding: 16px 0;
  background-color: #ffffff;
  color: #aab9cd;
}

.header__row1 a {
  color: #aab9cd;
}

.header__row1 a:hover, .header__row1 a:focus {
  color: #0eb0ee;
}

.header__row2 {
  background-color: #30355d;
  color: #ffffff;
}

.is-sticky .header__row2 {
  background-color: rgba(48, 53, 93, 0.95);
}

.header__row3 {
  overflow: hidden;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
  background-color: #0eb0ee;
  color: #8ae3ff;
  min-height: 46px;
}

.is-sticky .header__row3 {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}

.header__row3 a {
  color: #8ae3ff;
}

.header__row3 a:hover,
.header__row3 a:focus {
  color: #0eb0ee;
}

.header__contact-inner {
  display: table;
  height: 40px;
  width: 100%;
}

@media (min-width: 768px) {
  .header__contact-inner {
    height: 106px;
  }

  .sticky-wrapper.is-sticky .header__contact-inner {
    height: 45px;
  }
}

@media (max-width: 991px) {
  .header__contact_call_back {
    display: none;
  }
}

.header__contact-item {
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2143;
  text-transform: uppercase;
  vertical-align: middle;
  display: table-cell;
}

.header__contact-item-icon {
  display: none;
}

.header__contact-item-icon i.fa:before {
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {
  .header__contact-item-icon {
    display: block;
    float: left;
  }
}

.header__contact-item-text {
  display: block;
}

.header__contact-item-text {
	display: flex;
	align-items: center;
	height: 38px;
}

@media (min-width: 768px) {
  .header__contact-item-text {
    margin-left: 48px;
  }
  .header__contact_call_back .header__contact-item-text {
    text-align: right;
    margin-left: 0;
  }
}

.header__contact-item-text > span {
  width: 100%;
}

.header__contact-item-text > span span {
  display: block;
}

.header__contact-item-text > span span strong,
.header__contact-item-text > span span span {
  display: inline-block;
}

.header__contact-item-text strong {
  color: #ffffff;
}

.header__row3 .header__contact-item-text,
.header__row3 .header__contact-item-text a,
.header__row3 .header__contact-item-text a:hover,
.header__row3 .header__contact-item-text a:active,
.header__row3 .header__contact-item-text a:focus {
	color: #8ae3ff;
}

.header__row3 .header__contact-item-text a:hover strong,
.header__row3 .header__contact-item-text a:active strong,
.header__row3 .header__contact-item-text a:focus strong {
	color: #fff;
}

.header__row1 .top-menu a:hover,
.header__row1 .top-menu a:active,
.header__row1 .top-menu a:focus {
	color: #aab9cd;
}

.header__row1 .top-menu a:hover strong,
.header__row1 .top-menu a:active strong,
.header__row1 .top-menu a:focus strong {
	color: #0eb0ee;
}

.header__contact-item-text a strong,
.top-menu a strong {
	text-decoration: none;
}

.header__contact-item .fa {
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  width: 38px;
  height: 38px;
  border-radius: 19px;
  border: solid 1px #8ae3ff;
  color: #ffffff;
}

/* Header -- Elements */
.header-button {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.3334;
  min-width: 24px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header-button:hover, .header-button:focus {
  color: #ffffff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

a.header__contact-item-btn {
  display: inline-block;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  height: 38px;
  padding: 7px 30px 6px 30px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border-radius: 19px;
  border: none;
  margin-bottom: 0;
  background-image: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: initial;
}

a.header__contact-item-btn {
  background-color: #ffffff;
  color: #0eb0ee;
}

.header__row3 a.header__contact-item-btn {
  color: #8ae3ff !important;
}

a.header__contact-item-btn:hover, a.header__contact-item-btn:focus {
  background-color: #30355d;
}
a.header__contact-item-btn:hover, a.header__contact-item-btn:focus,
.header__row3 a.header__contact-item-btn:hover, .header__row3 a.header__contact-item-btn:focus {
  color: #ffffff !important;
}

.header__row1 a.header__contact-item-btn {
  display: block;
  margin-top: -16px;
  margin-bottom: -16px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6429;
  padding: 0;
  padding-top: 12px;
  height: 48px;
  border-radius: 0;
  background-color: #0eb0ee;
  color: #ffffff;
}

.header__row1 a.header__contact-item-btn .fa {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4375;
}

@media (max-width: 1199px) {
  .header__row1 a.header__contact-item-btn .fa {
    margin-right: 0;
  }
}

.header__row1 a.header__contact-item-btn:hover, .header__row1 a.header__contact-item-btn:focus {
  background-color: #30355d;
  color: #ffffff;
}

@media (max-width: 1199px) {
  .header__contact_call_back a.header__contact-item-btn {
    padding: 7px 13px 6px 14px;
  }
}

.header__contact_call_back a.header__contact-item-btn .fa {
  line-height: 27px;
  width: auto;
  height: auto;
  border: none;
  color: #30355d;
}

@media (min-width: 1200px) {
  .header__contact_call_back a.header__contact-item-btn .fa {
    display: none;
  }
}

.header__contact_call_back a.header__contact-item-btn span {
  display: none;
}

@media (min-width: 1200px) {
  .header__contact_call_back a.header__contact-item-btn span {
    display: inline-block;
  }
}

.header__contact_call_back a.header__contact-item-btn:hover .fa {
  color: #ffffff;
}

@media (max-width: 1199px) {
  .header__contact-item-btn-text {
    display: none;
  }
}

.header__logo-inner {
  display: table;
  height: 106px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .is-sticky .header__logo-inner {
    height: 40px;
  }
}

.header__logo .logo-div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.header__style2 .header__logo .logo-div {
  text-align: left;
}

@media (min-width: 768px) {
  .header__logo .logo-div {
    text-align: left;
  }
}

.header__menu-inner {
  display: table;
  height: 49px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .is-sticky .header__menu-inner {
    height: 40px;
  }
}

.header__social,
.header__buttons {
  max-height: 49px;
}

@media (min-width: 992px) {
  .header__social-wrapper,
  .header__buttons-wrapper {
    height: 24px;
  }
}

.header__buttons-inner {
  display: table;
  height: 49px;
  width: 100%;
  text-align: right;
}

@media screen and (min-width: 1024px) {
  .is-sticky .header__buttons-inner {
    height: 40px;
  }
}

@media (max-width: 991px) {
  .header__buttons-inner {
    height: 49px !important;
    text-align: center;
  }
  .header__style2 .header__buttons-inner {
    height: 106px !important;
    text-align: center;
  }
}

.header-buttons-menu {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-buttons-menu li {
  display: inline-block;
}

.header__top-menu {
  display: inline-block;
  width: 100%;
}

.header__top-menu .top-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
  max-height: 16px;
  overflow: hidden;
}

.header__top-menu .top-menu ul li {
  display: inline-block;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3334;
  margin-right: 15px;
  text-transform: uppercase;
}

.header__top-menu .top-menu ul li span {
  margin-right: 12px;
}

.header__top-menu .top-menu ul li strong {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1429;
  color: #0eb0ee;
}

.header__top-menu .top-menu ul li .fa,
.header__top-menu .top-menu ul li .rt-icon,
.header__top-menu .top-menu ul li [class^="flaticon-"],
.header__top-menu .top-menu ul li [class*=" flaticon-"] {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 16px;
  line-height: 1;
  text-align: center;
  vertical-align: top;
  margin-right: 5px;
  color: #0eb0ee;
}

.header div.logo-use-image img.logo_big,
.header__logo-inner,
.header__menu-inner,
.header__buttons-inner,
.transition-on {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/**
 * Header: Default
 */
.header__style1 {
  background-color: #30355d;
}

.header__style1.no-header-contacts .logo-div {
  text-align: center;
}

@media (max-width: 991px) {
  .header__style1 .logo-div {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .header__style1 .header__contact-item-text {
    text-align: center;
  }
}

@media (max-width: 599px) {
  .header__style1 .header__contact {
    display: none;
  }
}

/**
 * Header: Homepage
 */
.header__style2 {
  background-color: #30355d;
}

.header__style2 .sticky-wrapper {
  height: 106px !important;
}

@media (max-width: 767px) {
  .header__style2 .header__row1 {
    display: none;
  }
}

.header__style2 .header__row1 .header-top__line2 {
  font-size: 0;
}

.header__style2 .header__menu-inner {
  height: 106px;
}

.header__style2 .is-sticky .header__buttons-inner {
  height: 49px !important;
}

.header__style2 .is-sticky .header__logo-inner {
  height: 40px;
}

.header__style2 .is-sticky .header__menu-inner {
  height: 49px;
}

@media (max-width: 767px) {
  .header__style2 .header__buttons {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 768px) {
  .header__style2 .header__buttons-inner {
    height: 106px !important;
    text-align: right;
  }
}

.header__style2 .is-sticky div.logo-use-image {
  height: 49px;
  line-height: 30px;
}
.header__style2 .is-sticky div.logo-use-image img.logo_big {
  max-height: 30px;
}

.header__style2 .is-sticky .blogdescr a {
  opacity: 0;
  visibility: hidden;
  margin-top: -12px;
}

.header__style2 .main-nav {
  text-align: right;
}

.header__style2 .main-nav > ul li {
  text-align: left;
}

.header__style2 .main-nav > ul > li {
  border-right: none;
}

.header__style2 .main-nav > ul > li:first-child {
  border-left: none;
}

.header__style2 .main-nav > ul > li:first-child a::after {
  content: '';
  display: block;
  height: 9px;
  position: absolute;
  top: 19px;
  left: 0;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.header__style2 .main-nav > ul > li a::before {
  content: '';
  display: block;
  height: 9px;
  position: absolute;
  top: 19px;
  right: 0;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.header__style2 .main-nav ul li.md-hidden {
  display: none;
}

.header__style2 .main-nav ul li#more-li a::after {
  content: '';
  display: block;
  height: 9px;
  position: absolute;
  top: 19px;
  left: 0;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.header__style2 .is-sticky .main-nav > ul > li:first-child a::after {
  top: 15px;
}

.header__style2 .is-sticky .main-nav > ul > li a::before {
  top: 15px;
}

.header__style2 .is-sticky .main-nav > ul li#more-li a::after {
  top: 15px;
}

/**
 * Header: Homepage Alternate
 */
/*@media (min-width: 1200px) {*/
@media (min-width: 1045px) {
  .header__style3 .header__row3 {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .is-sticky .header__row3.header-sticky-2 {
    background-color: #0eb0ee;
  }

}

.header__style3 .header__menu-inner {
  height: 89px;
}

.header__style3 .is-sticky .header__menu-inner {
  height: 40px;
}

@media (min-width: 1200px) {
  .header__style3 .main-nav > ul > li > a {
    padding: 33px 30px;
  }
}

@media (min-width: 1200px) {
  .header__style3 .is-sticky .main-nav > ul > li > a {
    padding: 9px 30px 8px 30px;
  }
}

@media (max-width: 991px) {
  .header__style3 .logo-div {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .header__style3 .header__contact-item-text {
    text-align: center;
  }
}

@media (max-width: 599px) {
  .header__style3 .header__contact {
    display: none;
  }
}

/*@media (min-width: 1200px) {*/
@media (min-width: 1045px) {
  .header-wrapper-before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .admin-bar .header-wrapper-before {
    top: 32px;
  }
}

/**
 * Logo
 */
div.logo-use-image {
  height: 54px;
  line-height: 54px;
}

div.logo-use-image > a {
  display: inline-block;
}

div.logo-use-image img.logo_big {
  max-height: 64px;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .is-sticky div.logo-use-image {
    height: 35px;
    line-height: 35px;
  }
  .is-sticky div.logo-use-image img.logo_big {
    max-height: 35px;
  }
}

/* Wordpress -- Blog Name */
.blogname {
  font-family: "Kanit", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}

.blogname a {
  display: inline-block;
  font-weight: 700;
}

.blogname a span {
  font-weight: 300;
}

.blogname a, .blogname a:hover, .blogname a:active, .blogname a:focus {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.125;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  padding: 0 0 0 0;
}

.blogname a, .blogname a:hover, .blogname a:active, .blogname a:focus,
.blogdescr a, .blogdescr a:hover, .blogdescr a:active, .blogdescr a:focus {
  color: #ffffff !important;
}

/* Wordpress -- Blog Description */
.blogdescr {
  font-size: 0;
}

.blogdescr a {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  display: inline-block;
  overflow: hidden;
  max-height: 12px;
}

.blogdescr a, .blogdescr a:hover, .blogdescr a:active, .blogdescr a:focus {
  text-decoration: none;
  color: #8ae3ff;
}

.blogdescr a > span {
  display: block;
  color: #0eb0ee;
}

/* Header buttons */
/* Search Box */
.search-box {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0 0;
  width: 100%;
  height: 155px;
  z-index: -1;
  display: none;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
}

.admin-bar .search-box {
  top: 32px;
}

.search-box--opened .search-box {
  z-index: 1003;
  display: block;
  opacity: 1;
  visibility: visible;
}

.search-box__form {
  position: relative;
  height: 100%;
}

.search-box__label {
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  display: none;
}

.search-box--opened .search-box__label {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  color: #aab9cd;
}

input[type=search].search-box__input {
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
  text-align: center;
  height: 100%;
  padding: 0 25px 0 25px;
  border: none;
  opacity: 0;
  visibility: hidden;
  background-color: transparent;
  color: transparent;
  cursor: pointer;
}

.search-box--opened input[type=search].search-box__input {
  color: #ffffff;
}

.search-box--opened input[type=search].search-box__input.fadein {
  max-width: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
  color: #ffffff;
}

/* Search overlay */
.body-overlay {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
}

.search-box--opened .body-overlay {
  z-index: 1002;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}

.header-overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.search-box--opened .header-overlay {
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.95);
}

/* Search animation */
.search-box,
.search-box--opened .search-box,
input[type=search].search-box__input,
.search-box--opened input[type=search].search-box__input,
input[type=search].search-box__input.fadein,
.search-box--opened input[type=search].search-box__input.fadein,
.header-overlay,
.search-box--opened .header-overlay {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/**
 * 11.0 Widgets
 */
.widget-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.0455;
  margin: 0 0 23px 0;
  color: #30355d;
  position: relative;
}

.site__sidebar .widget-title {
  padding-bottom: 18px;
  margin: 0 0 20px 0;
}

.site__sidebar .widget-title::before {
  content: '';
  display: block;
  height: 2px;
  width: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0eb0ee;
}

/* Wordpress Widgets */
/* Ul reset wordpress widgets */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul,
.widget_nav_menu ul,
.widget_wordpress ul {
  list-style: none;
}

.widget_archive ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_meta > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_rss > ul,
.widget_nav_menu > ul,
.widget_wordpress > ul {
  padding-left: 0;
}

/* WordPress Archive */
.widget_archive li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5334;
  color: #cad3e0;
}

.widget_archive li + li {
  margin-top: 12px;
}

.widget_archive li a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #aab9cd;
}

.widget_archive li a::before {
  content: '\f0da';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.3;
  position: absolute;
  top: 0;
  left: 0;
  color: #0eb0ee;
}

.widget_archive li a:hover, .widget_archive li a:focus {
  color: #30355d;
}

.widget_archive li a:hover::before, .widget_archive li a:focus::before {
  color: #30355d;
}

.widget_archive li a::before, .widget_archive li a:hover::before, .widget_archive li a:focus::before {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* WordPress Calendar */
.widget_calendar .calendar__navigation {
  height: 53px;
  background-color: #0eb0ee;
}

.widget_calendar .calendar__navigation #prev {
  float: left;
}

.widget_calendar .calendar__navigation #next {
  float: right;
}

.widget_calendar .calendar__navigation #prev a,
.widget_calendar .calendar__navigation #next a,
.widget_calendar .calendar__navigation #prev span,
.widget_calendar .calendar__navigation #next span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.9445;
  padding: 0 12px;
  text-align: center;
  color: #ffffff;
}

.widget_calendar .calendar__navigation #prev a .rt-icon,
.widget_calendar .calendar__navigation #next a .rt-icon,
.widget_calendar .calendar__navigation #prev span .rt-icon,
.widget_calendar .calendar__navigation #next span .rt-icon {
  position: relative;
  top: 3px;
}

.widget_calendar .calendar__month {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.9445;
  text-align: center;
  color: #ffffff;
}

.widget_calendar #wp-calendar th#today,
.widget_calendar #wp-calendar td#today {
  background-color: #0eb0ee;
  color: #ffffff;
}

.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
  color: #aab9cd;
}

.widget_calendar table {
  border-collapse: separate;
  border-spacing: 0;
  border: solid 1px #30355d;
  /*border-top-width: 0;*/
  padding: 0;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

.widget_calendar .calendar__week {
  background-color: #30355d;
}

.widget_calendar .calendar__week table {
  padding: 0 30px;
  margin-bottom: 0;
  border-top-width: 1px;
  border-bottom-width: 0;
}

.widget_calendar th {
  border-width: 0 1px 1px 0;
  font-weight: 400;
}

.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
  text-align: center;
  padding: 3px 5px 3px 5px;
}

.widget_calendar caption {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding: 0 5px 6px 5px;
}

.widget_calendar thead th {
  padding: 8px 5px;
  background-color: #30355d;
  border-color: #30355d;
  color: #ffffff;
}

.widget_calendar td#prev,
.widget_calendar td#next {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

/* WordPress Categories */
.widget_categories li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5334;
  color: #cad3e0;
}

.widget_categories li ul,
.widget_categories li + li {
  margin-top: 12px;
}

.widget_categories li a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #aab9cd;
}

.widget_categories li a::before {
  content: '\f0da';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.3;
  position: absolute;
  top: 0;
  left: 0;
  color: #0eb0ee;
}

.widget_categories li a:hover, .widget_categories li a:focus {
  color: #30355d;
}

.widget_categories li a:hover::before, .widget_categories li a:focus::before {
  color: #30355d;
}

.widget_categories li a::before, .widget_categories li a:hover::before, .widget_categories li a:focus::before {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* WordPress Custom Menu */
.widget_nav_menu > div > ul {
  padding-left: 0;
}

.widget_nav_menu li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5334;
  color: #cad3e0;
}

.widget_nav_menu li ul,
.widget_nav_menu li + li > a {
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  border-top: solid 1px rgba(170, 185, 205, 0.3);
}

.widget_nav_menu li + li > a:before {
  top: 12px;
}

.widget_nav_menu li a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #aab9cd;
}

.widget_nav_menu li a::before {
  content: '\f0da';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.3;
  position: absolute;
  top: 0;
  left: 0;
  color: #0eb0ee;
}

.widget_nav_menu li a:empty {
  display: none;
}

.widget_nav_menu li a:hover, .widget_nav_menu li a:focus {
  color: #30355d;
}

.section-dark-bg .widget_nav_menu li a:hover, .section-dark-bg .widget_nav_menu li a:focus {
  color: #ffffff;
}

.widget_nav_menu li a:hover::before, .widget_nav_menu li a:focus::before {
  color: #30355d;
}

.section-dark-bg .widget_nav_menu li a:hover::before, .section-dark-bg .widget_nav_menu li a:focus::before {
  color: #ffffff;
}

.widget_nav_menu li a::before, .widget_nav_menu li a:hover::before, .widget_nav_menu li a:focus::before {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* WordPress Meta */
.widget_meta li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5334;
  color: #cad3e0;
}

.widget_meta li a {
  position: relative;
  display: inline-block;
  color: #aab9cd;
}

.widget_meta li a:hover, .widget_meta li a:focus {
  color: #30355d;
}

/* WordPress Pages */
.widget_pages li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5334;
  color: #cad3e0;
}

.widget_pages li ul,
.widget_pages li + li {
  margin-top: 12px;
}

.widget_pages li a {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #aab9cd;
}

.widget_pages li a::before {
  content: '\f0da';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 2.3;
  position: absolute;
  top: 0;
  left: 0;
  color: #0eb0ee;
}

.widget_pages li a:hover, .widget_pages li a:focus {
  color: #30355d;
}

.widget_pages li a:hover::before, .widget_pages li a:focus::before {
  color: #30355d;
}

.widget_pages li a::before, .widget_pages li a:hover::before, .widget_pages li a:focus::before {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* Wordpress Recent Comments */
.widget_recent_comments li {
  font-weight: 400;
  color: #aab9cd;
}

.widget_recent_comments li + li {
  margin-top: 23px;
}

.widget_recent_comments li.with-avatar {
  overflow: hidden;
}

.widget_recent_comments li.no-avatar {
  margin-top: 12px;
  padding-top: 11px;
  border-top: solid 1px #d7dce1;
}

.widget_recent_comments li:first-child {
  border-top: none;
}

.widget_recent_comments li a {
  font-weight: 600;
  color: #30355d;
}

.widget_recent_comments li a:hover, .widget_recent_comments li a:focus {
  color: #0eb0ee;
}

.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-datetime {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase;
  display: inline-block;
  color: #0eb0ee;
}

.widget_recent_comments .comment-author-link a {
  color: #0eb0ee;
}

.widget_recent_comments .comment-author-link a:hover {
  color: #30355d;
}

.widget_recent_comments .comment-title {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.04546;
  display: inline-block !important;
  margin-top: 12px !important;
}

.widget_recent_comments .author-avatar {
  float: left;
  margin-right: 20px;
}

.widget_recent_comments .author-avatar,
.widget_recent_comments .author-avatar img {
  width: 70px;
  height: auto;
}

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

/* WordPress Recent Posts */
/* WordPress RSS */
.widget_rss > ul > li + li {
  margin-top: 23px;
}

.widget_rss .rsswidget {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2778;
}

.widget_rss .rss-date {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase;
  display: block;
  color: #0eb0ee;
}

.widget_rss .rssSummary {
  margin-top: 12px;
}

.widget_rss cite {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 12px;
  color: #aab9cd;
}

/* Wordpress Search */
.widget_search .search-form {
  position: relative;
}

.widget_search .search-form label {
  display: block;
  position: relative;
}

.widget_search .search-form label::before {
  content: '\f002';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5;
  display: block;
  height: 38px;
  width: 38px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-align: center;
  color: #30355d;
}

.widget_search .search-form input[type="search"] {
  width: 100%;
  padding: 7px 38px 6px 15px;
}

.widget_search .search-form input[type="submit"] {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  clip: initial;
  height: 38px;
  width: 38px;
  padding: 0;
  background-color: transparent;
  color: transparent;
}

.widget_product_search .woocommerce-product-search {
  position: relative;
}

.widget_product_search .woocommerce-product-search::before {
  content: '\f002';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5;
  display: block;
  height: 38px;
  width: 38px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-align: center;
  color: #30355d;
}

.widget_product_search .woocommerce-product-search input[type="search"] {
  width: 100%;
  padding: 0 38px 0 15px;
  line-height: 36px;
}

.widget_product_search .woocommerce-product-search button[type="submit"] {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  clip: initial;
  height: 38px;
  width: 38px;
  padding: 0;
  background-color: transparent;
  color: transparent;
}

/* WordPress Tag cloud */
.widget_product_tag_cloud .tagcloud,
.widget_tag_cloud .tagcloud {
  font-size: 0;
  overflow: hidden;
  margin-top: -5px;
}

.widget_product_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a {
  font-family: "Arial", sans-serif;
  font-size: 10px !important;
  font-size: 1rem !important;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  display: inline-block;
  overflow: hidden;
  padding: 8px 10px 7px 10px;
  margin: 5px 5px 0 0;
  border-radius: 2px;
  background-color: #ffffff;
  color: #aab9cd;
}

.widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus,
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
  background-color: #30355d;
  color: #ffffff;
}

/* WordPress Text Widget */
/**
 * Banner strip
 */
.widget_banner_strip {
  overflow: hidden;
  padding: 5px 10px;
  background-color: #ffffff;
}

.banner-strip__row {
  /* .widget_banner_strip > .row */
  margin-left: -5px;
  margin-right: -5px;
}

.banner-strip__3,
.banner-strip__2,
.banner-strip__1 {
  /* .widget_banner_strip div[class*="col-"] */
  padding-left: 5px;
  padding-right: 5px;
}

.banner-strip__content {
  padding: 5px 0;
}

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

.banner-strip__content a img {
  margin: 0 auto;
  max-width: 100%;
}

/**
 * Responsive and widget placements
 */
.widget-width__full .widget_banner_strip {
  background-color: #eeeeee;
}

.footer .widget_banner_strip {
  padding: 0;
  background-color: transparent;
}

.footer .banner-strip__content a {
  text-align: left;
}

.footer .banner-strip__content {
  padding: 0;
}

/* Make banners in one column */
.widget-width__side .banner-strip__row {
  margin-left: 0;
  margin-right: 0;
}

.widget-width__side .banner-strip__3,
.widget-width__side .banner-strip__2,
.widget-width__side .banner-strip__1 {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.widget-width__side .banner-strip__3 + .banner-strip__3,
.widget-width__side .banner-strip__2 + .banner-strip__2 {
  margin-top: 10px;
}

ul.widget-contacts-table {
  list-style: none;
  padding-left: 0;
}

ul.widget-contacts-table li {
  position: relative;
  padding: 0 0 0 23px;
}

ul.widget-contacts-table li + li {
  margin-top: 12px;
}

ul.widget-contacts-table .rt-icon {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6875;
  text-align: center;
  height: 27px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  color: #0eb0ee;
}

ul.widget-contacts-table .item-title {
  margin-bottom: 0;
}

ul.widget-contacts-table .item-content {
  margin-bottom: 0;
}

/**
 * Working hours
 */
.working-hours ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.working-hours ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  position: relative;
  padding: 12px 0 12px 25px;
  overflow: hidden;
  color: #30355d;
}

.working-hours ul li + li {
  border-top: solid 1px #d7dce1;
}

.working-hours ul li::before {
  content: '\f017';
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: 400;
  position: absolute;
  top: 12px;
  left: 1px;
  color: #0eb0ee;
}

.working-hours ul li strong,
.working-hours ul li span {
  display: block;
}

/**
 * Recent posts
 */
.recent-posts {
  overflow: hidden;
  margin-top: -20px;
}

.recent-posts li {
  padding: 0;
  margin: 20px 0 0 0;
  overflow: hidden;
}

.recent-posts.layout-0 li + li {
  margin-top: 23px;
  padding-top: 23px;
  border-top: solid 1px rgba(170, 185, 205, 0.5);
}

.recent-posts.layout-2 li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.recent-posts.layout-3 {
  margin-left: -30px;
}

.recent-posts.layout-3 li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.widget-width__side .recent-posts.layout-3 li {
  width: 100%;
}

.widget-width__container .recent-posts.layout-3 li {
  width: 33.3333%;
}

.widget-width__loop .recent-posts.layout-3 li {
  width: 50%;
}

.widget-width__full .recent-posts.layout-3 li {
  width: 25%;
}

.fw-main-row .col-md-9 .shortcode-widget-area .recent-posts.layout-3 li {
  width: 33.3333%;
}

@media screen and (max-width: 767px) {
  .fw-main-row .col-md-9 .shortcode-widget-area .recent-posts.layout-3 li {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .fw-main-row .col-md-9 .shortcode-widget-area .recent-posts.layout-3 li {
    width: 100%;
  }
}

.sidebar-before-content .recent-posts.layout-3 li {
  width: 100%;
}

@media (min-width: 600px) {
  .sidebar-before-content .recent-posts.layout-3 li {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .sidebar-before-content .recent-posts.layout-3 li {
    width: 25%;
  }
}

.recent-posts__inner {
  overflow: hidden;
}

.layout-3 .recent-posts__inner {
  margin-left: 30px;
}

.recent-posts__title-wrapper {
  display: block;
  margin: -33px -40px 0 -40px;
  padding: 33px 40px 33px 40px;
  background-color: #ecedef;
}

.recent-posts__title {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.04545455;
  overflow: hidden;
  max-height: 46px;
}

.recent-posts__media {
  display: block;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.recent-posts__media .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: transparent;
}

.recent-posts__media .overlay:before, .recent-posts__media .overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  opacity: 0;
  border: solid 1px rgba(255, 255, 255, 0.35);
  color: #ffffff;
  font-family: "FontAwesome";
}

.recent-posts__media:hover .overlay {
  background-color: rgba(14, 176, 238, 0.85);
}

.recent-posts__media:hover .overlay::before {
  content: '\f002';
  content: '\f064';
}

.recent-posts__media:hover .overlay.audio::before, .recent-posts__media:hover .overlay.video::before {
  content: '\f01d';
}

.recent-posts__media:hover .overlay::before, .recent-posts__media:hover .overlay::after {
  opacity: 1;
  color: #ffffff;
}

.recent-posts__media img {
  margin: 0;
  float: none;
}

.layout-2 .recent-posts__media img,
.layout-3 .recent-posts__media img {
  width: 100%;
  margin: 0;
}

.layout-1 .recent-posts__media {
  float: left;
  width: 85px;
  height: 85px;
}

.recent-posts__media .recent-posts__likes,
.recent-posts__media:hover .recent-posts__likes,
.recent-posts__media .overlay,
.recent-posts__media:hover .overlay,
.recent-posts__media .overlay::before,
.recent-posts__media .overlay::after,
.recent-posts__media:hover .overlay::before,
.recent-posts__media:hover .overlay::after {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.recent-posts__content {
  display: block;
  overflow: hidden;
}

.layout-1 .recent-posts__content {
  padding: 0 0 0 15px;
}

.layout-2 .recent-posts__content {
  padding: 15px 20px 15px 20px;
  border-bottom: solid 4px #0eb0ee;
  background-color: #ffffff;
  color: #aab9cd;
}

.layout-3 .recent-posts__content {
  padding: 33px 40px 33px 40px;
  border-bottom: solid 4px #0eb0ee;
  background-color: #ffffff;
  color: #aab9cd;
}

.layout-3 .recent-posts__content_inner {
  display: block;
  overflow: hidden;
  min-height: 138px;
  max-height: 138px;
}

.recent-posts__description {
  display: block;
  margin-top: 23px;
  overflow: hidden;
  max-height: 92px;
}

.recent-posts__category {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  overflow: hidden;
  max-height: 11.5px;
  margin-bottom: 11.5px;
  color: #aab9cd;
}

.recent-posts__category a {
  color: #0eb0ee;
}

.recent-posts__category a:hover, .recent-posts__category a:focus {
  color: #30355d;
}

.recent-posts__meta {
  display: block;
  margin-top: 12px;
}

.recent-posts__date,
.recent-posts__views,
.recent-posts__likes {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  z-index: 1;
  color: #aab9cd;
}

.recent-posts__date {
  float: left;
}

.recent-posts__views {
  float: right;
  margin-left: 5px;
}

.recent-posts__likes {
  position: absolute;
  left: 7px;
  bottom: 7px;
  color: #ffffff;
  opacity: 0;
}

.recent-posts__media:hover .recent-posts__likes {
  opacity: 1;
}

.recent-posts__icon {
  font-size: 10px;
  font-size: 1rem;
  margin-right: 3px;
  margin-left: 1px;
  color: #ffffff;
}

.widget_recent_entries.rp-with-bg {
  background-color: transparent;
  background-position: top center;
  background-repeat: repeat;
  padding: 30px 30px;
}

.sidebar-before-content .recent-posts.layout-3 {
  overflow: visible;
  position: relative;
  background-color: #30355d;
  padding-top: 3px;
  padding-bottom: 23px;
}

@media (min-width: 768px) {
  .sidebar-before-content .recent-posts.layout-3 {
    padding-top: 26px;
    padding-bottom: 46px;
  }
}

@media (min-width: 992px) {
  .sidebar-before-content .recent-posts.layout-3 {
    padding-top: 49px;
    padding-bottom: 69px;
  }
}

.sidebar-before-content .recent-posts.layout-3::before, .sidebar-before-content .recent-posts.layout-3::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #30355d;
}

.sidebar-before-content .recent-posts.layout-3::before {
  left: -100%;
}

.sidebar-before-content .recent-posts.layout-3::after {
  right: -100%;
}

/**
 * Recent posts carousel
 */
.rp-carousel .item .overlay {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  background: rgba(48, 53, 93, 0.5);
}

.rp-carousel .item .overlay::before, .rp-carousel .item .overlay::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rp-carousel .item:hover .overlay {
  background: rgba(48, 53, 93, 0.9);
}

.rp-carousel__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rp-carousel__content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 10px;
  text-align: center;
}

.rp-carousel__category {
  display: inline-block;
}

.rp-carousel__category a,
.rp-carousel__category span {
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #aab9cd;
}

.rp-carousel__category a:hover {
  color: #0eb0ee;
}

.rp-carousel__title {
  font-family: "Kanit", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.2778;
  margin-bottom: 11.5px;
  color: #ffffff;
}

.rp-carousel__title a {
  color: #ffffff;
}

.rp-carousel__title a:hover, .rp-carousel__title a:focus {
  color: #0eb0ee;
}

.rp-carousel__date {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 11.5px;
  color: #aab9cd;
}

.rp-show-description .rp-carousel__image {
  position: relative;
  display: block;
}

.rp-show-description .rp-carousel__image::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.rp-show-description .rp-carousel__image::after {
  content: '\f064';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 46px;
  text-align: center;
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.rp-show-description .rp-carousel__image:hover img {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.rp-show-description .rp-carousel__image:hover::before, .rp-show-description .rp-carousel__image:hover::after {
  opacity: 0.8;
  visibility: visible;
}

.rp-show-description .rp-carousel__image:hover::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.rp-show-description .rp-carousel__content {
  position: relative;
  padding: 33px 40px 33px 40px;
  border-bottom: solid 4px #0eb0ee;
  background-color: #ffffff;
}

.rp-show-description .rp-carousel__title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
  overflow: hidden;
  height: 46px;
  margin-bottom: 23px;
  color: #30355d;
}

.rp-show-description .rp-carousel__title a {
  color: #30355d;
}

.rp-show-description .rp-carousel__title a:hover, .rp-show-description .rp-carousel__title a:focus {
  color: #0eb0ee;
}

.rp-show-description .rp-carousel__desc {
  display: block;
  overflow: hidden;
  height: 69px;
}

.rp-carousel .item .overlay,
.rp-carousel .item:hover .overlay,
.rp-carousel .item .overlay:after,
.rp-carousel .item:hover .overlay:after {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/**
 * Recent posts slider
 */
@media (min-width: 992px) {
  .sidebar-after-header .posts-slider .posts-slider__slide,
  .sidebar-before-content .posts-slider .posts-slider__slide {
    max-height: 480px;
  }
}

@media (min-width: 992px) {
  .widget-width__side .posts-slider .posts-slider__slide,
  .widget-width__side .posts-slider .posts-slider__slide .posts-slider__image {
    min-height: 200px;
  }
}

.posts-slider.owl-carousel .owl-nav {
  padding: 0;
  margin: 0;
}

.posts-slider.owl-carousel .owl-nav .owl-prev,
.posts-slider.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  background-color: transparent;
}

.posts-slider.owl-carousel .owl-nav .owl-prev {
  left: 30px;
}

.posts-slider.owl-carousel .owl-nav .owl-next {
  right: 30px;
}

@media (max-width: 480px) {
  .posts-slider.owl-carousel .owl-nav {
    display: none;
  }
}

.posts-slider.owl-carousel .owl-dots {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .posts-slider.owl-carousel .owl-dots {
    bottom: 15px;
  }
}

.posts-slider.owl-carousel .owl-dots span {
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .site__sidebar .posts-slider .owl-nav {
    text-align: center;
  }
  .site__sidebar .posts-slider .owl-nav .owl-prev,
  .site__sidebar .posts-slider .owl-nav .owl-next {
    position: relative;
    top: auto;
    margin-top: 12px;
    background-color: #aab9cd;
    color: #ffffff;
  }
  .site__sidebar .posts-slider .owl-nav .owl-prev {
    left: auto;
  }
  .site__sidebar .posts-slider .owl-nav .owl-next {
    right: auto;
  }
}

@media (min-width: 992px) {
  .site__sidebar .posts-slider .owl-dots {
    position: relative;
    bottom: auto;
    width: 100%;
  }
}

.site__sidebar .posts-slider .owl-dots span {
  background-color: #aab9cd;
}

.site__sidebar .posts-slider .owl-dots span.active {
  background-color: #30355d;
}

.posts-slider__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 50px;
  text-align: center;
  z-index: 10;
}

.posts-slider__image {
  position: relative;
  overflow: hidden;
}

.posts-slider__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(48, 53, 93, 0.95);
}

.posts-slider__overlay + img {
  visibility: hidden;
}

.posts-slider:hover .posts-slider__overlay {
  background-color: rgba(48, 53, 93, 0.8);
}

.posts-slider__overlay,
.posts-slider:hover .posts-slider__overlay {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.posts-slider__title {
  display: block;
}

.posts-slider__title a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2778;
  max-width: 100%;
  color: #ffffff;
}

@media (min-width: 768px) {
  .posts-slider__title a {
    font-size: 3.4rem;
    line-height: 1.0295;
  }
}

.posts-slider__title a:hover, .posts-slider__title a:active, .posts-slider__title a:focus {
  color: #0eb0ee;
}

@media (min-width: 1200px) {
  .widget-width__container .posts-slider__title a,
  .widget-width__full .posts-slider__title a {
    font-size: 8.8rem;
    line-height: 0.95;
    max-height: 172px;
    overflow: hidden;
    display: block;
  }
}

@media (min-width: 992px) {
  .widget-width__side .posts-slider__title a {
    font-size: 1.4rem;
    line-height: 1.6429;
    max-height: 46px;
    overflow: hidden;
    display: block;
  }
}

.posts-slider__category {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 0;
}

.posts-slider__category a {
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 6px 23px;
  margin-bottom: 12px;
  background-color: #0eb0ee;
  color: #ffffff;
}

.posts-slider__category a:hover {
  background-color: #ffffff;
  color: #30355d;
}

@media (max-width: 480px) {
  .posts-slider__category {
    display: none;
  }
}

.posts-slider__date {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 12px;
  color: #0eb0ee;
}

.posts-slider__table {
  display: table !important;
  height: 100% !important;
  width: 100% !important;
}

.posts-slider__cell {
  display: table-cell !important;
  vertical-align: middle !important;
}

.posts-slider__category,
.posts-slider__title,
.posts-slider__date {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .widget-width__side .posts-slider__category,
  .site__sidebar .posts-slider__category, .widget-width__side
  .posts-slider__date,
  .site__sidebar
  .posts-slider__date {
    display: none;
  }
}

/**
 * Recent Projects
 */
.widget_recent_projects .row {
  margin-left: 0;
  margin-right: 0;
}

.widget_recent_projects .row > div {
  padding: 0;
}

.sidebar-before-header .widget_recent_projects .widget,
.sidebar-after-header .widget_recent_projects .widget {
  padding: 0;
}

.recent-projects-item-content:first-child {
  margin-top: 0;
}

.recent-projects-item-content > img {
  width: 100%;
}

.recent-projects-item-content .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.recent-projects-item-content .overlay::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #0eb0ee;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.recent-projects-item-content .overlay::after {
  content: '\f064';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 46px;
  text-align: center;
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.recent-projects-item-content:hover .overlay::before {
  background-color: #30355d;
}

.recent-projects-item-content:hover .overlay::before, .recent-projects-item-content:hover .overlay::after {
  opacity: 0.8;
  visibility: visible;
}

.recent-projects-item-content:hover .overlay::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.recent-projects-high {
  height: 276px;
}

.recent-projects-low {
  height: 92px;
}

.recent-projects-high,
.recent-projects-item {
  position: relative;
}

.recent-projects-item-content--table {
  text-align: center;
  display: table;
  height: 100%;
  width: 100%;
}

.recent-projects-item-content--cell {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: bottom;
  line-height: 0;
}

.recent-projects-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.recent-projects-item-meta {
  position: relative;
  z-index: 2;
}

.recent-projects-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  text-align: center;
  margin: 0;
  padding: 0 30px 23px 30px;
  color: #0eb0ee;
}

.recent-projects-title a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.recent-projects-title a, .recent-projects-title a:focus, .recent-projects-title a:active {
  color: #30355d;
}

.recent-projects-title a:hover {
  color: #ffffff;
}

.recent-projects-item-content:hover .recent-projects-title a,
.recent-projects-item-content:hover .recent-projects-title a:focus,
.recent-projects-item-content:hover .recent-projects-title a:active {
  color: #0eb0ee;
}

.recent-projects-item-content:hover .recent-projects-title a:hover {
  color: #ffffff;
}

.recent-projects-high .recent-projects-title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  padding: 0 15px 23px 15px;
}

.footer .recent-projects-high .recent-projects-title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  padding: 0 15px 11.5px 15px;
}

.recent-projects-high .recent-projects-title.with-post--meta {
  padding: 0 15px 23px 15px;
}

.secondary .big-image-1 > .col-md-6 {
  width: 100%;
}

.secondary .big-image-1 > .col-md-6 + .col-md-6 {
  width: 100%;
}

.secondary .big-image-1 .col-md-6.row-1 .row-3,
.secondary .big-image-1 .col-md-6.row-1 .row-6 {
  display: none;
}

.footer .widget-width__side .big-image-1 > .col-md-6 {
  width: 100%;
}

.footer .widget-width__side .big-image-1 > .col-md-6 + .col-md-6 {
  width: 100%;
}

.footer .widget-width__side .big-image-1 .col-md-6.row-1 .row-3,
.footer .widget-width__side .big-image-1 .col-md-6.row-1 .row-6 {
  display: none;
}

.secondary .big-image-2 > .col-md-6 {
  width: 100%;
}

.secondary .big-image-2 > .col-md-2 {
  width: 33.33333333%;
}

.secondary .big-image-2.row-6 {
  display: none;
}

.secondary .big-image-2.row-12 .row-item-15,
.secondary .big-image-2.row-12 .row-item-16,
.secondary .big-image-2.row-12 .row-item-17 {
  display: none;
}

@media (min-width: 768px) {
  .footer .widget-width__side .big-image-2 > .col-md-6 {
    width: 100%;
  }
  .footer .widget-width__side .big-image-2 > .col-md-2 {
    width: 33.33333333%;
  }
}

.footer .widget-width__side .big-image-2 + .big-image-2 .row-6,
.footer .widget-width__side .big-image-2 + .big-image-2 .row-9,
.footer .widget-width__side .big-image-2 + .big-image-2 .row-12 {
  display: none;
}

.footer .widget-width__side .big-image-2.row-12 .row-item-15,
.footer .widget-width__side .big-image-2.row-12 .row-item-16,
.footer .widget-width__side .big-image-2.row-12 .row-item-17 {
  display: none;
}

/**
 * Recent Projects carousel
 */
.widget_recent_projects_carousel {
  padding: 0;
}

/* Recent Projects carousel -- with title */
/* end: with title*/
.rpj-carousel__image {
  margin-bottom: 20px;
}

.rpj-carousel__image a {
  position: relative;
  display: block;
  overflow: hidden;
}

.rpj-carousel__image a::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.rpj-carousel__image a::after {
  content: '\f064';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 46px;
  text-align: center;
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.rpj-carousel__image a:hover::before, .rpj-carousel__image a:hover::after {
  opacity: 0.8;
  visibility: visible;
}

.rpj-carousel__image a:hover::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.services-row .services-list {
  font-size: 0;
}

.services-row .services-list li {
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
}

.services-row .services-list .services-item {
  background-image: none !important;
}

.services-row .services-list .services-item--readmore {
  margin-top: 23px;
}

.services-row .services-list--items-1 > li {
  width: 100%;
}

.services-row .services-list--items-2 > li {
  width: 50%;
}

.services-row .services-list--items-3 > li {
  width: 33.3333%;
}

/**
 * Contact From 7
 */
.wpcf7-form input[type=number]::-webkit-inner-spin-button,
.wpcf7-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wpcf7-form label,
.wpcf7-form span.wpcf7-form-control-wrap,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="month"],
.wpcf7-form textarea {
  width: 100%;
}

.wpcf7-form textarea {
  resize: none;
  max-height: 200px;
}

span.wpcf7-not-valid-tip {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2.4546;
}

div.wpcf7-response-output,
.widget div.wpcf7-response-output {
  margin: 24px 0 0 0;
}

.div.wpcf7 {
  margin-top: -2px;
}

.wpcf7-form-control {
  margin-top: 20px;
}

.wpcf7-form > .row {
  margin-top: -20px;
}

.wpcf7-form > .row + .row {
  margin-top: 0;
}

.wpcf7-form .row span.wpcf7-form-control-wrap {
  display: block;
  position: relative;
}

.wpcf7-form .row span.wpcf7-not-valid-tip {
  position: absolute;
  top: 0;
  right: 0;
}

.wpcf7-form .row textarea {
  max-height: 200px;
}

.wpcf7-form .row button,
.wpcf7-form .row input[type="button"],
.wpcf7-form .row input[type="reset"],
.wpcf7-form .row input[type="submit"],
.wpcf7-form .row .wpcf7-submit {
  margin-top: 40px;
}

.wpcf7-form .row input[type="text"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="email"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="tel"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="number"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="url"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="password"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="search"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="date"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="time"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="datetime-local"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row input[type="month"]:focus + span.wpcf7-not-valid-tip,
.wpcf7-form .row textarea:focus + span.wpcf7-not-valid-tip {
  display: none;
}

.oildrop-getaquote {
  padding: 33px 40px;
  border-top: solid 4px #0eb0ee;
  background-color: #ffffff;
}

.special-footer .oildrop-getaquote {
  border-top: 0 none;
}

@media (min-width: 992px) {
  .oildrop-getaquote {
    margin-top: -116px;
  }
  .special-footer .oildrop-getaquote {
    margin-top: -68px;
  }
}

.oildrop-getaquote h2 {
  display: block;
  font-weight: 900;
  text-align: center;
  color: #30355d;
}

.oildrop-getaquote .row textarea {
  max-height: 212px;
}

.oildrop-getaquote .row button,
.oildrop-getaquote .row input[type="button"],
.oildrop-getaquote .row input[type="reset"],
.oildrop-getaquote .row input[type="submit"],
.oildrop-getaquote .row .wpcf7-submit {
  margin-top: 20px;
}

/**
  * MailChimp for WordPress
  * https://wordpress.org/plugins/mailchimp-for-wp/
  */
.mc4wp-form p {
  position: relative;
  margin-bottom: 0;
}

.mc4wp-form p + p {
  margin-top: 23px;
}

.mc4wp-form .mc4wp-form-fields p:last-child {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .mc4wp-form .mc4wp_with_button_position_absolute {
    display: table;
    width: 100%;
  }
}

@media (max-width: 479px) {
  .mc4wp-form .mc4wp_with_button_position_absolute input[type="email"] {
    width: 100%;
  }
}

@media (min-width: 480px) {
  .mc4wp-form .mc4wp_with_button_position_absolute input[type="email"] {
    display: table-cell;
    width: 100%;
  }
}

@media (min-width: 480px) {
  .mc4wp-form .mc4wp_button_position_absolute {
    display: table-cell;
    width: 30%;
    text-align: right;
  }
}

@media (max-width: 479px) {
  .mc4wp-form .mc4wp_button_position_absolute input[type="submit"] {
    margin-top: 11.5px;
  }
}

@media (min-width: 480px) {
  .mc4wp-form .mc4wp_button_position_absolute input[type="submit"] {
    margin-left: 20px;
  }
}

.mc4wp-form .mc4wp_button_position_absolute .fa {
  display: none;
}

.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="text"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="email"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="tel"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="number"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="url"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="password"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="search"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="date"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="time"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="datetime-local"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute input[type="month"],
.site__sidebar .mc4wp-form .mc4wp_with_button_position_absolute textarea,
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="text"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="email"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="tel"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="number"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="url"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="password"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="search"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="date"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="time"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="datetime-local"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute input[type="month"],
.widget-width__side .mc4wp-form .mc4wp_with_button_position_absolute textarea {
  width: 100%;
}

.site__sidebar .mc4wp-form .mc4wp_button_position_absolute,
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute {
  position: absolute;
  top: 0;
  right: 0;
  height: 39px;
}

.site__sidebar .mc4wp-form .mc4wp_button_position_absolute input,
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute input {
  height: 39px;
  width: 39px;
  padding: 0;
  border-radius: 0;
  background-color: transparent !important;
  z-index: 2;
  position: relative;
  color: transparent;
}

.site__sidebar .mc4wp-form .mc4wp_button_position_absolute .fa,
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute .fa {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #0eb0ee;
}

.footer .site__sidebar .mc4wp-form .mc4wp_button_position_absolute .fa, .footer
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute .fa {
  color: #ffffff;
  opacity: 0.7;
}

.site__sidebar .mc4wp-form .mc4wp_button_position_absolute:hover .fa,
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute:hover .fa {
  color: #30355d;
}

.footer .site__sidebar .mc4wp-form .mc4wp_button_position_absolute:hover .fa, .footer
.widget-width__side .mc4wp-form .mc4wp_button_position_absolute:hover .fa {
  color: #ffffff;
  opacity: 1;
}

/**
 * 15.0 Woocommerce
 */
/**
 * Main WooCommerce styles
 */
.woocommerce, .woocommerce-page {
  /**
   * Product page
   */
}

.woocommerce div.product div.thumbnails,
.woocommerce #content div.product div.thumbnails, .woocommerce-page div.product div.thumbnails,
.woocommerce-page #content div.product div.thumbnails {
  margin-top: -11.5px;
}

.woocommerce div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.first,
.woocommerce #content div.product div.thumbnails a,
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.first,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.first {
  float: left;
  width: 75px;
  margin-right: 11.5px;
  margin-top: 11.5px;
  margin-bottom: 0;
  clear: none;
}

.woocommerce {
  /**
   * Product Page
   */
  /**
   * Product loops
   */
  /**
   * Buttons
   */
  /**
   * Reviews
   */
  /**
   * Star ratings
   */
  /**
   * Tables
   */
  /**
   * Cart sidebar
   */
  /**
   * Forms
   */
  /**
   * Order page
   */
  /**
   * Layered nav widget
   */
  /**
   * Price filter widget
   */
  /**
   * Rating Filter Widget
   */
}

.woocommerce .site-content {
  background-color: #ffffff;
}

.woocommerce a.remove {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  height: 23px;
  width: 23px;
  line-height: 1.5334;
}

.woocommerce div.product span.price,
.woocommerce div.product p.price {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2778;
  color: #0eb0ee;
}

.woocommerce div.product span.price ins,
.woocommerce div.product p.price ins {
  color: #0eb0ee;
}

.woocommerce div.product span.price del,
.woocommerce div.product p.price del {
  color: #aab9cd;
}

.woocommerce div.product div.images {
  margin-bottom: 23px;
}

.woocommerce div.product div.images .zoom {
  display: block;
  position: relative;
}

.woocommerce div.product div.images .zoom::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce div.product div.images .zoom::after {
  content: '\f002';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 23px;
  text-align: center;
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  left: 50%;
  margin-left: -11.5px;
  margin-top: -11.5px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce div.product div.images .zoom:hover::before, .woocommerce div.product div.images .zoom:hover::after {
  opacity: 0.8;
  visibility: visible;
}

.woocommerce div.product div.images .zoom:hover::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.woocommerce div.product div.images .woocommerce-main-image.zoom::after {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 46px;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  margin-top: -23px;
}

.woocommerce div.product div.images img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: none;
}

.woocommerce div.product div.images div.thumbnails {
  padding-top: 23px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  max-width: initial;
}

.woocommerce div.product .woocommerce-tabs + * {
  margin-top: 69px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
  border-bottom: 4px solid #30355d;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li::before, .woocommerce div.product .woocommerce-tabs ul.tabs > li::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 3px;
  padding: 13px 20px;
  line-height: 1.6429;
  border: none;
  border-radius: 0;
  background-color: #ecedef;
  color: #aab9cd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:hover {
  border: none;
  border-color: #0eb0ee;
  border-bottom-color: #30355d;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a, .woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:focus {
  border: none;
  background-color: #30355d;
  color: #ffffff;
}

.woocommerce div.product .woocommerce-tabs .panel {
  border: none;
  border-radius: 0;
  margin: 0 0 23px;
  padding: 34px 40px;
  background-color: #ecedef;
}

.woocommerce div.product .woocommerce-tabs .panel input[type="text"],
.woocommerce div.product .woocommerce-tabs .panel input[type="email"],
.woocommerce div.product .woocommerce-tabs .panel input[type="url"],
.woocommerce div.product .woocommerce-tabs .panel textarea {
  background: #f5f6fb;
}

.woocommerce div.product .woocommerce-tabs .panel input[type="text"]:focus,
.woocommerce div.product .woocommerce-tabs .panel input[type="email"]:focus,
.woocommerce div.product .woocommerce-tabs .panel input[type="url"]:focus,
.woocommerce div.product .woocommerce-tabs .panel textarea:focus {
  background: #ffffff;
}

.woocommerce div.product .woocommerce-tabs .panel > *:last-child {
  margin-bottom: 0;
}

.woocommerce div.product p.cart {
  margin-bottom: 46px;
}

.woocommerce div.product form.cart {
  margin-bottom: 46px;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 23px;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  vertical-align: top;
  line-height: 2em;
}

.woocommerce div.product form.cart .variations select {
  margin-right: 15px;
}

.woocommerce div.product form.cart .variations td.label {
  padding: 0;
  padding-top: 11.5px;
  padding-right: 15px;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
  display: table-cell;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  border-radius: 0;
}

.woocommerce div.product form.cart .single_variation_wrap .single_variation {
  margin-bottom: 11.5px;
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
  margin-bottom: 23px;
}

.woocommerce div.product form.cart .reset_variations {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.woocommerce div.product form.cart .group_table td.label {
  padding-right: 15px;
  padding-left: 15px;
}

.woocommerce div.product form.cart .group_table td {
  vertical-align: top;
  padding-bottom: 11.5px;
}

.woocommerce span.onsale {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 2;
  width: 50px;
  height: 50px;
  border-radius: 0;
  background-color: #0eb0ee;
  background-color: transparent;
  color: #ffffff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.woocommerce span.onsale::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: -1;
  width: 0;
  height: 0;
  border-top: 50px solid #0eb0ee;
  border-left: 50px solid transparent;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.woocommerce .products ul,
.woocommerce ul.products {
  margin: 0 0 23px 0;
}

.woocommerce ul.products {
  font-size: 0;
}

.woocommerce ul.products li {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5334;
}

.woocommerce ul.products li.product {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.woocommerce ul.products li.product .onsale {
  margin: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.woocommerce ul.products li.product h3 {
  padding: 0;
  margin: 23px 0 0 0;
  font-family: "Kanit", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
  position: relative;
  display: inline-block;
  color: #30355d;
}

.woocommerce ul.products li.product h3::before {
  content: attr(data-hover);
  position: absolute;
  color: #0eb0ee;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.woocommerce ul.products li.product a img {
  margin: 0 0 0 0;
}

.woocommerce ul.products li.product .product__thumbnail {
  position: relative;
  display: block;
}

.woocommerce ul.products li.product .product__thumbnail::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce ul.products li.product .product__thumbnail::after {
  content: '\f064';
  font-family: "FontAwesome";
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 46px;
  text-align: center;
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

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

.woocommerce ul.products li.product .star-rating {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

.woocommerce ul.products li.product .button {
  margin-top: 12px;
}

@media(max-width: 360px) {
	.woocommerce ul.products li.product .button {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media(max-width: 280px) {
	.woocommerce ul.products li.product h3 {
		word-break: break-all;
	}
	.woocommerce ul.products li.product .button {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media(max-width: 400px) {
	.woocommerce .coupon .input-text,
	.woocommerce .coupon .input-text + .button {
		width: 100% !important;
	}
	.woocommerce .input-text + .button {
		margin-top: .5em;
	}
}

@media(max-width: 400px) {
	.woocommerce table.cart td.actions .coupon .input-text {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
  margin-left: 10px;
}

@media(max-width: 450px) {
  .woocommerce-checkout #payment ul.payment_methods li img,
  .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    display: block;
    margin-left: 0;
  }
  .woocommerce-checkout #payment ul.payment_methods li img {
    margin-top: 10px;
  }
  .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
    width: 100%;
  }
  .woocommerce-checkout #payment .payment_method_paypal label {
    display: inline;
  }
}

.woocommerce-form__input#createaccount + span {
	padding-left: 22px;
	position: relative;
	top: -8px;
}

.woocommerce #secondary .widget-area aside {
	clear: both;
}

.woocommerce #secondary .widget_shopping_cart .widget_shopping_cart_content p:last-of-type {
	margin-bottom: 0;
}

@media(max-width: 992px) and (min-width: 470px) {
	.woocommerce #secondary .widget-area .widget_product_categories {
		margin-bottom: 60px;
	}
}

.woocommerce ul.products li.product .price {
  color: #0eb0ee;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
}

.woocommerce ul.products li.product .price > span {
  font-weight: 700;
}

.woocommerce ul.products li.product .price del {
  display: inline-block;
  color: #aab9cd;
}

.woocommerce ul.products li.product .price ins {
  padding: 0;
  color: #30355d;
}

.woocommerce ul.products li.product a:hover h3::before {
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.woocommerce ul.products li.product a:hover .product__thumbnail::before, .woocommerce ul.products li.product a:hover .product__thumbnail::after {
  opacity: 0.8;
  visibility: visible;
}

.woocommerce ul.products li.product a:hover .product__thumbnail::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.woocommerce .post-container.sright ul.products,
.woocommerce .post-container.sleft ul.products {
  margin-right: -30px;
}

.woocommerce .post-container.sright ul.products li.product,
.woocommerce .post-container.sleft ul.products li.product {
  margin: 0;
  position: relative;
  padding: 0 30px 46px 0;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .woocommerce .post-container.sright ul.products li.product,
  .woocommerce .post-container.sleft ul.products li.product {
    width: 50%;
  }
}

@media screen and (min-width: 769px) {
  .woocommerce .post-container.sright ul.products li.product,
  .woocommerce .post-container.sleft ul.products li.product {
    width: 50%;
  }
}

.woocommerce .post-container.snone ul.products {
  margin-right: -30px;
}

.woocommerce .post-container.snone ul.products li.product {
  margin: 0;
  padding: 0 30px 69px 0;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .woocommerce .post-container.snone ul.products li.product {
    width: 50%;
    clear: none !important;
  }
}

@media screen and (min-width: 992px) {
  .woocommerce .post-container.snone ul.products li.product {
    width: 33.3333%;
  }
}

.woocommerce .post-container.snone .products.related ul.products li.product {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .woocommerce .post-container.snone .products.related ul.products li.product {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .woocommerce .post-container.snone .products.related ul.products li.product {
    width: 25%;
  }
}

.woocommerce .woocommerce-result-count {
  margin: 11.5px 0 23px;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.woocommerce .woocommerce-ordering {
  min-width: 160px;
  margin: -5.75px 0 23px;
}

.woocommerce nav.woocommerce-pagination ul {
  font-size: 0;
  border: none;
  margin: -5px 0 0 0;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: none;
  padding: 0;
  margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5334;
  margin: 5px 5px 0 5px;
  padding: 0;
  min-width: 23px;
  min-height: 23px;
  display: block;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
  background: transparent;
  color: #aab9cd;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  height: 38px;
  padding: 7px 30px 6px 30px;
  border-radius: 2px;
  background-color: #0eb0ee;
  color: #ffffff;
}

.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading,
.woocommerce #respond input#submit.loading {
  padding-right: 53px;
}

.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after,
.woocommerce #respond input#submit.loading:after {
  top: 5.75px;
  right: 30px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #1f244c;
  color: #ffffff;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background-color: #30355d;
  color: #ffffff;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  background-color: #0eb0ee;
  color: #ffffff;
}

.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled]:hover {
  background-color: #30355d;
  color: #aab9cd;
}

.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover {
  background-color: #30355d;
  color: inherit;
}

.woocommerce a.added_to_cart {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  vertical-align: middle;
  text-transform: uppercase;
  padding-top: 12px;
}

.woocommerce .quantity .qty {
  min-width: 65px;
}

.woocommerce .quantity .qty::-webkit-inner-spin-button {
  position: relative;
  right: -6px;
}

.woocommerce #reviews h3 {
  margin-bottom: 23px;
}

.woocommerce #reviews #comment {
  height: 115px;
  resize: none;
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
  padding: 0;
  margin: 0 0 23px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  padding: 0;
  width: 60px;
  border: none;
  border-radius: 50%;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  padding: 0;
  margin-left: 75px;
  border: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin: 0 0 23px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 11.5px;
}

.woocommerce #review_form #respond p {
  margin-bottom: 23px;
}

.woocommerce #review_form #respond label {
  display: block;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #30355d;
}

.woocommerce #review_form #respond .form-submit {
  margin-bottom: 0;
}

.woocommerce table.shop_table {
  border-color: #d7dce1;
  border-radius: 0;
}

.woocommerce table.shop_table td {
  border-color: #d7dce1;
}

.woocommerce table.shop_table td.actions {
  padding: 12px 15px;
}

.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tbody th {
  border-color: #d7dce1;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
  padding: 0;
}

.woocommerce ul.cart_list li + li,
.woocommerce ul.product_list_widget li + li {
  margin-top: 11.5px;
}

.woocommerce ul.cart_list span.reviewer,
.woocommerce ul.product_list_widget span.reviewer {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 5.75px;
}

.woocommerce ul.product_list_widget:not(.cart_list) li + li {
  margin-top: 23px;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a .image-wrap {
  position: relative;
  float: right;
  width: 46px;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a .image-wrap img {
  margin: 0;
  float: none;
  width: 46px;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a .image-wrap::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #30355d;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a .image-wrap::after {
  content: '\f064';
  font-family: "FontAwesome";
  font-size: 10px;
  font-size: 1rem;
  line-height: 23px;
  text-align: center;
  display: block;
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  left: 50%;
  margin-left: -11.5px;
  margin-top: -11.5px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  background-color: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(180deg) scale(1.3);
      -ms-transform: rotate(180deg) scale(1.3);
          transform: rotate(180deg) scale(1.3);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a:hover .image-wrap::before, .woocommerce ul.product_list_widget:not(.cart_list) li a:hover .image-wrap::after {
  opacity: 0.8;
  visibility: visible;
}

.woocommerce ul.product_list_widget:not(.cart_list) li a:hover .image-wrap::after {
  -webkit-transform: rotate(0deg) scale(1);
      -ms-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
}

.woocommerce.widget_shopping_cart .total,
.woocommerce .widget_shopping_cart .total {
  border-top: 1px solid #d7dce1;
  margin-top: 11.5px;
  padding: 11.5px 0 0;
}

.woocommerce.widget_shopping_cart .cart_list li,
.woocommerce .widget_shopping_cart .cart_list li {
  padding-left: 30px;
  padding-top: 0;
}

.woocommerce.widget_shopping_cart .cart_list li.empty,
.woocommerce .widget_shopping_cart .cart_list li.empty {
  padding: 0;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0 0 23px;
}

.woocommerce form .form-row label {
  display: block;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #30355d;
}

.woocommerce .widget_layered_nav_filters ul {
  margin-top: -11.5px;
}

.woocommerce .widget_layered_nav_filters ul li {
  padding: 0;
  margin-top: 11.5px;
  margin-right: 30px;
}

.woocommerce .widget_layered_nav_filters ul li a:before {
  position: relative;
  top: 1px;
  margin-right: 5.75px;
}

.woocommerce .widget_price_filter .price_slider {
  margin-bottom: 23px;
}

.woocommerce .widget_price_filter .price_slider_amount {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 11.5px;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 11.5px;
  margin-top: -5.75px;
  height: auto;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
  margin-top: 5.75px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #0eb0ee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #0eb0ee;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #30355d;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  padding: 11.5px 30px 11.5px 45px !important;
  margin: 0 0 23px !important;
  border-top: 3px solid #0eb0ee;
  background-color: #fafafb;
  color: #aab9cd;
}

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
  top: 11.5px;
  left: 17px;
}

/**
 * Account page
 */
/**
 * Cart/checkout page
 */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
#add_payment_method table.cart td.actions .coupon .input-text {
  line-height: 1.9167;
  height: 38px;
  padding: 5.75px 15px 5.75px 15px;
  margin: 0 5.75px 0 0;
  border: none;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button {
  margin-bottom: 23px;
  font-size: inherit;
  padding: 23px;
  height: auto;
}

.woocommerce-cart .cart-collaterals .cart_totals > h2,
.woocommerce-checkout .cart-collaterals .cart_totals > h2,
#add_payment_method .cart-collaterals .cart_totals > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
}

.woocommerce-cart .cart-collaterals .cross-sells > h2,
.woocommerce-checkout .cart-collaterals .cross-sells > h2,
#add_payment_method .cart-collaterals .cross-sells > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
}

.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce #reviews #comments > h2,
.products.upsells > h2,
.products.up-sells > h2,
.products.related > h2 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
}

.select2-container--default .select2-selection--single[aria-expanded="false"] {
  background-color: #ecedef;
  border-color: #ecedef;
  height: 33px;
}

.select2-container--default .select2-selection--single[aria-expanded="false"] .select2-selection__rendered {
  line-height: 32px;
}

.select2-container--default .select2-selection--single[aria-expanded="false"] .select2-selection__arrow {
  top: 3px;
}

/**
 * AccessPress Social Counter
 */
/* Remove border radius */
.apsc-theme-1 .apsc-each-profile a,
.apsc-theme-2 .apsc-each-profile a,
.apsc-theme-2 .apsc-inner-block,
.apsc-theme-4 .apsc-each-profile a,
.apsc-theme-5 .apsc-each-profile a {
  border-radius: 0;
}

/* AccessPress Social Counter -- Remove box shadow */
.apsc-theme-1 .apsc-each-profile a,
.apsc-theme-2 .apsc-each-profile a,
.apsc-theme-2 .apsc-inner-block,
.apsc-theme-5 .apsc-each-profile a,
.apsc-theme-5 .apsc-each-profile a:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)";
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#b3b3b3);
}

/* AccessPress Social Counter -- Layout changes */
.apsc-theme-1,
.apsc-theme-2,
.apsc-theme-4,
.apsc-theme-5 {
  margin: -6px 0 0 -6px;
}

.widget-width__full .apsc-theme-1,
.widget-width__full .apsc-theme-1:last-child,
.widget-width__full .apsc-theme-2,
.widget-width__full .apsc-theme-2:last-child,
.widget-width__full .apsc-theme-4,
.widget-width__full .apsc-theme-4:last-child,
.widget-width__full .apsc-theme-5,
.widget-width__full .apsc-theme-5:last-child {
  margin: 0 0 6px 0;
}

.apsc-theme-1 .apsc-each-profile,
.apsc-theme-2 .apsc-each-profile,
.apsc-theme-4 .apsc-each-profile,
.apsc-theme-5 .apsc-each-profile {
  margin: 6px 0 0 6px;
}

/* AccessPress Social Counter -- Theme 2 */
.apsc-theme-2 .social-icon .fa {
  font-size: 26px;
}

.apsc-theme-2 .apsc-count {
  font-family: 'Yantramanav', sans-serif;
  font-weight: 900;
}

.apsc-theme-2 .apsc-media-type {
  font-family: 'Yantramanav', sans-serif;
  text-transform: uppercase;
  margin-top: -1px;
}

/* AccessPress Social Counter -- Remove animation on hover */
.apsc-theme-2 .apsc-each-profile a:hover {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

/**
 * Responsive and widget placements
 */
@media screen and (min-width: 15em) {
  .apsc-theme-2 .apsc-each-profile {
    width: 78px;
    min-height: 78px;
  }
  .apsc-theme-2 .apsc-inner-block {
    padding: 13px 8px;
  }
  .apsc-theme-2 .apsc-count {
    font-size: 10px;
    line-height: 10px;
  }
  .apsc-theme-2 .apsc-media-type {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 768px) {
  .apsc-theme-2 .apsc-each-profile {
    width: 111px;
    min-height: 111px;
  }
  .apsc-theme-2 .apsc-inner-block {
    padding: 24px 8px;
  }
  .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 992px) {
  .apsc-theme-2 .apsc-each-profile {
    width: 88px;
    min-height: 88px;
  }
  .apsc-theme-2 .apsc-inner-block {
    padding: 17px 8px;
  }
  .apsc-theme-2 .apsc-count {
    font-size: 11px;
    line-height: 11px;
  }
  .apsc-theme-2 .apsc-media-type {
    font-size: 11px;
    line-height: 11px;
  }
}

@media screen and (min-width: 1200px) {
  .apsc-theme-2 .apsc-each-profile {
    width: 96px;
    min-height: 96px;
  }
  .apsc-theme-2 .apsc-inner-block {
    padding: 20px 8px;
  }
  .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

/* Secondary -- Left/Right site sidebar */
@media screen and (min-width: 15em) {
  .secondary .apsc-theme-2 .apsc-each-profile {
    width: 78px;
    min-height: 78px;
  }
  .secondary .apsc-theme-2 .apsc-inner-block {
    padding: 13px 8px;
  }
  .secondary .apsc-theme-2 .apsc-count {
    font-size: 10px;
    line-height: 10px;
  }
  .secondary .apsc-theme-2 .apsc-media-type {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 20em) {
  .secondary .apsc-theme-2 .apsc-each-profile {
    width: 82px;
    min-height: 82px;
  }
  .secondary .apsc-theme-2 .apsc-inner-block {
    padding: 15px 8px;
    min-height: 82px;
  }
  .secondary .apsc-theme-2 .apsc-count {
    font-size: 10px;
    line-height: 10px;
  }
  .secondary .apsc-theme-2 .apsc-media-type {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 768px) {
  .secondary .apsc-theme-2 .apsc-each-profile {
    width: 111px;
    min-height: 111px;
  }
  .secondary .apsc-theme-2 .apsc-inner-block {
    padding: 24px 8px;
    min-height: 111px;
  }
  .secondary .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .secondary .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 992px) {
  .secondary .apsc-theme-2 .apsc-each-profile {
    width: 88px;
    min-height: 88px;
  }
  .secondary .apsc-theme-2 .apsc-inner-block {
    padding: 17px 8px;
    min-height: 88px;
  }
  .secondary .apsc-theme-2 .apsc-count {
    font-size: 11px;
    line-height: 11px;
  }
  .secondary .apsc-theme-2 .apsc-media-type {
    font-size: 11px;
    line-height: 11px;
  }
}

@media screen and (min-width: 1200px) {
  .secondary .apsc-theme-2 .apsc-each-profile,
  .secondary .apsc-theme-2 .apsc-each-profile .apsc-inner-block {
    width: 116px;
    min-height: 116px;
  }
  .secondary .apsc-theme-2 .apsc-inner-block {
    padding: 20px 8px;
    min-height: 116px;
  }
  .secondary .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .secondary .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

/* Footer -- widgets sidebar */
@media screen and (min-width: 15em) {
  .footer__widgets-row .apsc-theme-2 .apsc-each-profile {
    width: 78px;
    min-height: 78px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-inner-block {
    padding: 13px 8px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-count {
    font-size: 10px;
    line-height: 10px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-media-type {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 20em) {
  .footer__widgets-row .apsc-theme-2 .apsc-each-profile {
    width: 92px;
    min-height: 92px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-inner-block {
    padding: 20px 8px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-count {
    font-size: 10px;
    line-height: 10px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-media-type {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 768px) {
  .footer__widgets-row .apsc-theme-2 .apsc-each-profile {
    width: 116px;
    min-height: 116px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-inner-block {
    padding: 30px 8px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 992px) {
  .footer__widgets-row .apsc-theme-2 .apsc-each-profile {
    width: 107px;
    min-height: 107px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-inner-block {
    padding: 25px 8px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-count {
    font-size: 12px;
    line-height: 12px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-media-type {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .footer__widgets-row .apsc-theme-2 .apsc-each-profile {
    width: 81px;
    min-height: 81px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-inner-block {
    padding: 13px 5px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-count {
    font-size: 11px;
    line-height: 11px;
  }
  .footer__widgets-row .apsc-theme-2 .apsc-media-type {
    font-size: 11px;
    line-height: 11px;
  }
}

/**
 * Team Member / Custom Content Team Plugin
 */
.tax-team_category .content-area,
.post-type-archive-team_member .content-area,
.single-team_member .content-area {
  padding-top: 69px;
  padding-bottom: 69px;
  background-color: #ffffff;
}

@media(max-width: 991px) {
	.single-team_member .fw-team {
		margin-bottom: 49px;
	}
}

@media(max-width: 400px) {
	.single-team_member .fw-tabs .nav-tabs > li {
		width: 100%;
	}
	.single-team_member .fw-tabs .nav-tabs > li:not(.active) + li:not(.active) {
		border-top: solid 4px #d7dce1;
	}
	.single-team_member .fw-tabs .nav-tabs > li > a {
		margin-right: 0;
	}
}

.member-team-wrapper.archive {
  margin-top: -46px;
}

.member-team-wrapper.archive > article {
  margin-top: 46px;
}

.member-team-wrapper .fw-team hr {
  background-color: #d7dce1;
}

.member-team-wrapper .fw-team__text {
  overflow: hidden;
  max-height: 85px;
}

.member-team-wrapper .fw-skills-bar + .fw-skills-bar {
  margin-top: 46px;
}

.member-team-wrapper #cct_contact_error {
  color: #0eb0ee;
}

.member-team-wrapper #cctContactForm input[type="text"],
.member-team-wrapper #cctContactForm input[type="email"],
.member-team-wrapper #cctContactForm input[type="tel"],
.member-team-wrapper #cctContactForm input[type="number"],
.member-team-wrapper #cctContactForm input[type="url"],
.member-team-wrapper #cctContactForm input[type="password"],
.member-team-wrapper #cctContactForm input[type="search"],
.member-team-wrapper #cctContactForm input[type="date"],
.member-team-wrapper #cctContactForm input[type="time"],
.member-team-wrapper #cctContactForm input[type="datetime-local"],
.member-team-wrapper #cctContactForm input[type="month"],
.member-team-wrapper #cctContactForm textarea {
  width: 100%;
  background-color: #f5f6fb;
  border-color: #f5f6fb;
}

.member-team-wrapper #cctContactForm input[type="text"]:focus,
.member-team-wrapper #cctContactForm input[type="email"]:focus,
.member-team-wrapper #cctContactForm input[type="tel"]:focus,
.member-team-wrapper #cctContactForm input[type="number"]:focus,
.member-team-wrapper #cctContactForm input[type="url"]:focus,
.member-team-wrapper #cctContactForm input[type="password"]:focus,
.member-team-wrapper #cctContactForm input[type="search"]:focus,
.member-team-wrapper #cctContactForm input[type="date"]:focus,
.member-team-wrapper #cctContactForm input[type="time"]:focus,
.member-team-wrapper #cctContactForm input[type="datetime-local"]:focus,
.member-team-wrapper #cctContactForm input[type="month"]:focus,
.member-team-wrapper #cctContactForm textarea:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

.member-team-wrapper #cctContactForm textarea {
  max-height: 130px;
}

.member-team-wrapper #cctContactForm ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.member-team-wrapper #cctContactForm ul li {
  margin-bottom: 23px;
}

.member-team-wrapper #cctContactForm ul li:last-child {
  margin-bottom: 0;
}

.member-team-wrapper #cctContactForm ul li label {
  display: block;
  font-family: "Kanit", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #30355d;
}

.member-contacts {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.member-contacts .rt-icon {
  vertical-align: top;
  height: 23px;
  width: 23px;
  line-height: 23px;
  position: relative;
  margin-right: 5px;
  color: #0eb0ee;
}

.member-contacts .rt-icon::before {
  vertical-align: top;
  width: 23px;
  height: 23px;
  line-height: 23px;
}

.member-social {
  padding-left: 0;
}

.member-social li {
  float: none;
  display: inline-block;
}

.member-contacts + .member-social {
  margin-top: 23px;
}

.member-social.social-navigation,
.member-social.social-navigation li {
  font-size: 0;
}

.member-social.social-navigation a::before {
  font-family: "FontAwesome";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4375;
}

.fw-team:hover .social-navigation li a:hover::before, .fw-team:hover .social-navigation li a:focus::before {
  color: #ffffff;
}

/*
 * Revolution Slider
 * custom styles
 */
.tp-leftarrow.custom,
.tp-rightarrow.custom {
  border-radius: 50%;
  background-color: transparent;
  border: solid 1px rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.tp-leftarrow.custom:hover,
.tp-rightarrow.custom:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.tp-leftarrow.custom::before,
.tp-rightarrow.custom::before {
  font-family: "FontAwesome" !important;
}

.tp-leftarrow.custom::before {
  content: '\f0d9' !important;
}

.tp-rightarrow.custom::before {
  content: '\f0da' !important;
}

.tp-bullets.custom .tp-bullet {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #ffffff;
}

.tp-bullets.custom .tp-bullet::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -1px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #ffffff;
  display: none;
}

.tp-bullets.custom .tp-bullet::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  display: none;
}

.tp-bullets.custom .tp-bullet.selected::before, .tp-bullets.custom .tp-bullet.selected::after {
  display: block;
}

/**
 * 12.0 Content
 */
/**
 * 12.01 Breadcrumbs, Title Wrapper
 */
.entry-header-wrapper {
  text-align: center;
  position: relative;
  padding: 32px 0 32px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: #d7dce1;
  color: #aab9cd;
}

.entry-header-wrapper .page-title {
  font-family: "Roboto", sans-serif;
  font-size: 44px;
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 1.0455;
  margin-bottom: 0;
  color: #30355d;
}

.entry-header-wrapper .postnum {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  display: block;
}

.entry-header-wrapper .breadcrumbs,
.entry-header-wrapper .woocommerce-breadcrumb {
  text-align: center;
}

.entry-header-wrapper .page-title + .breadcrumbs,
.entry-header-wrapper .page-title + .woocommerce-breadcrumb {
  margin-top: 8px;
  margin-bottom: 0;
}

.entry-header-wrapper .page-title,
.entry-header-wrapper .postnum,
.entry-header-wrapper .breadcrumbs,
.entry-header-wrapper .woocommerce-breadcrumb {
  position: relative;
  z-index: 2;
}

/**
 * 12.1 Posts and pages
 */
/*
 * Blog Post Layout
 */
.entry-content .col-content,
.format-video .entry-content,
.format-link .entry-content,
.post__inner {
  background-color: #ffffff;
}
.entry-title, .entry-title a, .entry-title span, .page-title, .page-title a, .page-title span {
  word-break: break-word;
}

/* Front page: 1 columns Layout */
.post-thumbnail-row {
  margin-left: 0;
  margin-right: 0;
}

.post-thumbnail-row .col-media {
  padding-left: 0;
  padding-right: 0;
}

.post-thumbnail-row .col-content {
  padding-left: 0;
  padding-right: 0;
}

.post-thumbnail-row .post__media .post-thumbnail {
  margin-bottom: 0;
}

.front-posts-layout--1col .first-post .post-thumbnail-row .col-media,
.front-posts-layout--1colws .first-post .post-thumbnail-row .col-media,
.front-posts-layout--1colwsl .first-post .post-thumbnail-row .col-media,
.front-posts-layout--1col .first-post .post-thumbnail-row .col-content,
.front-posts-layout--1colws .first-post .post-thumbnail-row .col-content,
.front-posts-layout--1colwsl .first-post .post-thumbnail-row .col-content {
  float: none;
  width: 100%;
}

.front-posts-layout--1col .first-post .post-thumbnail-row .post__media,
.front-posts-layout--1colws .first-post .post-thumbnail-row .post__media,
.front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__media {
  margin-right: 0;
}

.front-posts-layout--1col .first-post .post-thumbnail-row .post__inner,
.front-posts-layout--1colws .first-post .post-thumbnail-row .post__inner,
.front-posts-layout--1colwsl .first-post .post-thumbnail-row .post__inner {
  padding: 40px 40px 40px 40px;
}

.front-posts-layout--1col .half-post .post-thumbnail-row,
.front-posts-layout--1colws .half-post .post-thumbnail-row,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row {
  display: table;
  height: 100%;
  width: 100%;
}

.front-posts-layout--1col .half-post .post-thumbnail-row .col-media,
.front-posts-layout--1colws .half-post .post-thumbnail-row .col-media,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-media,
.front-posts-layout--1col .half-post .post-thumbnail-row .col-content,
.front-posts-layout--1colws .half-post .post-thumbnail-row .col-content,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-content {
  float: none;
  display: table-cell;
  height: 100%;
  width: 50%;
  vertical-align: top;
}

.front-posts-layout--1col .half-post .post-thumbnail-row .post__media,
.front-posts-layout--1colws .half-post .post-thumbnail-row .post__media,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media {
  height: 100%;
}

.front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail img,
.front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail img,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail img {
  display: none;
}

.front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail,
.front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail {
  height: 100%;
}
/* see: /blog/ */
.front-posts-layout--1colws .half-post .post-thumbnail-row .post__media a.post-thumbnail {
  position: absolute;
  width: 100%;
  min-height: 260px;
  display: block !important;
}
.blog_post_visibility__content .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media a.post-thumbnail {
  position: relative;
}

.front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail,
.front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail,
.front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail {
  height: 0;
}

.front-posts-layout--1col .post__inner,
.front-posts-layout--1colws .post__inner,
.front-posts-layout--1colwsl .post__inner {
  padding: 40px 40px 40px 40px;
  border-bottom: solid 4px #0eb0ee;
  /*background-color: $white;*/
}

.post-thumbnail-row .post__inner {
  padding: 40px 40px 40px 40px;
  box-shadow: none;
}

.search .post-content *:last-child,
.post-thumbnail-row .post-content *:last-child,
.front-posts-layout--1col .post-content *:last-child,
.front-posts-layout--1colws .post-content *:last-child,
.front-posts-layout--1colwsl .post-content *:last-child {
  margin-bottom: 0;
}

@media (min-width: 568px) {
  .front-posts-layout--1col .first-post .has-oembed .page-title-wrapper,
  .front-posts-layout--1colws .first-post .has-oembed .page-title-wrapper,
  .front-posts-layout--1colwsl .first-post .has-oembed .page-title-wrapper,
  .front-posts-layout--1col .half-post:not(.has-post-thumbnail) .has-oembed .page-title-wrapper,
  .front-posts-layout--1colws .half-post:not(.has-post-thumbnail) .has-oembed .page-title-wrapper,
  .front-posts-layout--1colwsl .half-post:not(.has-post-thumbnail) .has-oembed .page-title-wrapper {
    margin: 0 0 6px 0;
  }
  .front-posts-layout--1col .has-oembed .post__inner,
  .front-posts-layout--1colws .has-oembed .post__inner,
  .front-posts-layout--1colwsl .has-oembed .post__inner {
    border-bottom: none;
  }
  .front-posts-layout--1col .has-oembed,
  .front-posts-layout--1colws .has-oembed,
  .front-posts-layout--1colwsl .has-oembed {
    border-bottom: solid 4px #0eb0ee;
  }
}

.front-posts-layout--1col .first-post .page-title-wrapper .entry-title,
.front-posts-layout--1colws .first-post .page-title-wrapper .entry-title,
.front-posts-layout--1colwsl .first-post .page-title-wrapper .entry-title,
.front-posts-layout--1col .half-post:not(.has-post-thumbnail) .page-title-wrapper .entry-title,
.front-posts-layout--1colws .half-post:not(.has-post-thumbnail) .page-title-wrapper .entry-title,
.front-posts-layout--1colwsl .half-post:not(.has-post-thumbnail) .page-title-wrapper .entry-title {
  margin-bottom: 0;
}

.front-posts-layout--1col .half-post .page-title-wrapper .entry-title,
.front-posts-layout--1colws .half-post .page-title-wrapper .entry-title,
.front-posts-layout--1colwsl .half-post .page-title-wrapper .entry-title {
  margin-bottom: 0;
}

.front-posts-layout--1col .entry-title,
.front-posts-layout--1colws .entry-title,
.front-posts-layout--1colwsl .entry-title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
}

.front-posts-layout--1col .entry-title,
.front-posts-layout--1colws .entry-title,
.front-posts-layout--1colwsl .entry-title,
.front-posts-layout--1col .entry-title a,
.front-posts-layout--1colws .entry-title a,
.front-posts-layout--1colwsl .entry-title a {
  color: #30355d;
}

.front-posts-layout--1col .entry-title a:hover,
.front-posts-layout--1colws .entry-title a:hover,
.front-posts-layout--1colwsl .entry-title a:hover {
  color: #0eb0ee;
}

.front-posts-layout--1col .hentry .excerpt-more,
.front-posts-layout--1colws .hentry .excerpt-more,
.front-posts-layout--1colwsl .hentry .excerpt-more {
  display: inline-block;
}

/* Blog Post Visibility -- 1 col */
.blog_post_visibility__content .half-post .post-thumbnail-row,
.blog_post_visibility__content .half-post .post-thumbnail-row .col-media,
.blog_post_visibility__content .half-post .post-thumbnail-row .col-content {
  float: none;
  display: block;
  width: 100%;
  height: auto;
}

.blog_post_visibility__content .front-posts-layout--1col .half-post .page-title-wrapper,
.blog_post_visibility__content .front-posts-layout--1colws .half-post .page-title-wrapper,
.blog_post_visibility__content .front-posts-layout--1colwsl .half-post .page-title-wrapper {
  margin: 0 0 31px 0;
}

.blog_post_visibility__content .post-thumbnail-row .post__inner {
  padding: 30px 30px 30px 30px;
}

.blog_post_visibility__content .half-post .post-thumbnail-row .post__media {
  margin-right: 0;
}

.blog_post_visibility__content .half-post .post-thumbnail-row .post__media .post-thumbnail {
  height: auto;
}

.blog_post_visibility__content .half-post .post-thumbnail-row .post__media .post-thumbnail img {
  display: block;
}

/* Front page: 2 columns Layout */
.front-posts-layout--2col .hentry + .hentry,
.front-posts-layout--2colws .hentry + .hentry,
.front-posts-layout--2colwsl .hentry + .hentry,
.front-posts-layout--2col .clear + .hentry,
.front-posts-layout--2colws .clear + .hentry,
.front-posts-layout--2colwsl .clear + .hentry {
  margin-top: 0;
}

.front-posts-layout--2col .hentry.half-post .entry-content,
.front-posts-layout--2colws .hentry.half-post .entry-content,
.front-posts-layout--2colwsl .hentry.half-post .entry-content {
  margin-top: 30px;
}

.front-posts-layout--2col .clear + .hentry.first-post .entry-content,
.front-posts-layout--2colws .clear + .hentry.first-post .entry-content,
.front-posts-layout--2colwsl .clear + .hentry.first-post .entry-content {
  margin-top: 30px;
}

.front-posts-layout--2col .post__media,
.front-posts-layout--2colws .post__media,
.front-posts-layout--2colwsl .post__media {
  background-color: #0eb0ee;
}

.front-posts-layout--2col .post__media a.post-thumbnail,
.front-posts-layout--2colws .post__media a.post-thumbnail,
.front-posts-layout--2colwsl .post__media a.post-thumbnail {
  border-top: solid 4px #0eb0ee;
}

.front-posts-layout--2col .post__media .post-thumbnail,
.front-posts-layout--2colws .post__media .post-thumbnail,
.front-posts-layout--2colwsl .post__media .post-thumbnail {
  margin-bottom: 0;
}

.front-posts-layout--2col .post__inner,
.front-posts-layout--2colws .post__inner,
.front-posts-layout--2colwsl .post__inner {
  padding: 15px 15px 15px 15px;
  text-align: center;
  background-color: #ffffff;
}

.front-posts-layout--2col .first-post .post__inner,
.front-posts-layout--2colws .first-post .post__inner,
.front-posts-layout--2colwsl .first-post .post__inner {
  padding: 30px 30px 30px 30px;
}

.front-posts-layout--2col .excerpt-more .more-link,
.front-posts-layout--2colws .excerpt-more .more-link,
.front-posts-layout--2colwsl .excerpt-more .more-link {
  color: #0eb0ee;
}

.front-posts-layout--2col .excerpt-more .more-link:hover,
.front-posts-layout--2colws .excerpt-more .more-link:hover,
.front-posts-layout--2colwsl .excerpt-more .more-link:hover {
  color: #30355d;
}

.front-posts-layout--2col .excerpt-more .more-link:after,
.front-posts-layout--2colws .excerpt-more .more-link:after,
.front-posts-layout--2colwsl .excerpt-more .more-link:after {
  display: none;
}

.front-posts-layout--2col .hentry.first-post .post__inner,
.front-posts-layout--2colws .hentry.first-post .post__inner,
.front-posts-layout--2colwsl .hentry.first-post .post__inner {
  text-align: left;
}

.front-posts-layout--2col .first-post .page-title-wrapper,
.front-posts-layout--2colws .first-post .page-title-wrapper,
.front-posts-layout--2colwsl .first-post .page-title-wrapper {
  margin: 0 0 31px 0;
}

.front-posts-layout--2col .half-post .page-title-wrapper,
.front-posts-layout--2colws .half-post .page-title-wrapper,
.front-posts-layout--2colwsl .half-post .page-title-wrapper {
  margin: 0 0 15px 0;
}

.front-posts-layout--2col .first-post .page-title-wrapper .entry-title,
.front-posts-layout--2colws .first-post .page-title-wrapper .entry-title,
.front-posts-layout--2colwsl .first-post .page-title-wrapper .entry-title,
.front-posts-layout--2col .half-post .page-title-wrapper .entry-title,
.front-posts-layout--2colws .half-post .page-title-wrapper .entry-title,
.front-posts-layout--2colwsl .half-post .page-title-wrapper .entry-title {
  margin-bottom: 0;
}

.front-posts-layout--2col .entry-title,
.front-posts-layout--2colws .entry-title,
.front-posts-layout--2colwsl .entry-title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.front-posts-layout--2col .entry-title,
.front-posts-layout--2colws .entry-title,
.front-posts-layout--2colwsl .entry-title,
.front-posts-layout--2col .entry-title a,
.front-posts-layout--2colws .entry-title a,
.front-posts-layout--2colwsl .entry-title a {
  color: #30355d;
}

.front-posts-layout--2col .entry-title a:hover,
.front-posts-layout--2colws .entry-title a:hover,
.front-posts-layout--2colwsl .entry-title a:hover {
  color: #0eb0ee;
}

.front-posts-layout--2col .post-content *:last-child,
.front-posts-layout--2colws .post-content *:last-child,
.front-posts-layout--2colwsl .post-content *:last-child {
  margin-bottom: 0;
}

/* Blog Post Visibility -- 2 col */
/* Archive / Category / Tag / Search Listing */
.search .entry-content,
.archive .entry-content {
  border-bottom: solid 4px #0eb0ee;
}

.search .entry-content .post__media,
.archive .entry-content .post__media {
  background-color: #0eb0ee;
}

.search .entry-content .post-thumbnail,
.archive .entry-content .post-thumbnail {
  margin-bottom: 0;
}

.search .entry-content .post__inner,
.archive .entry-content .post__inner {
  padding: 40px 40px 40px 40px;
  background-color: #ffffff;
}

.search .entry-content .post__inner .entry-title,
.archive .entry-content .post__inner .entry-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  margin-bottom: 0;
}

.search .entry-content .post__inner .post-content > *:last-child,
.archive .entry-content .post__inner .post-content > *:last-child {
  margin-bottom: 0;
}

.search .site__content > article,
.archive .site__content > article {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 567px) {
  /* Front page: 1 columns Layout */
  .front-posts-layout--1col .half-post .post-thumbnail-row,
  .front-posts-layout--1colws .half-post .post-thumbnail-row,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row {
    display: block;
    height: initial;
    width: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .col-media,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .col-media,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-media,
  .front-posts-layout--1col .half-post .post-thumbnail-row .col-content,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .col-content,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .col-content {
    float: none;
    display: initial;
    height: initial;
    width: initial;
    vertical-align: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__media,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media {
    height: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail {
    height: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail + .post-thumbnail {
    height: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__media .post-thumbnail img,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media .post-thumbnail img,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media .post-thumbnail img {
    display: initial;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__media,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__media,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__media {
    margin-right: 0;
  }
  .front-posts-layout--1col .half-post .post-thumbnail-row .post__inner,
  .front-posts-layout--1colws .half-post .post-thumbnail-row .post__inner,
  .front-posts-layout--1colwsl .half-post .post-thumbnail-row .post__inner {
    padding: 40px 40px 40px 40px;
  }
}

@media screen and (max-width: 767px) {
  /* Single Post Border on Large Display */
  .entry-content__inner {
    margin-bottom: 15px;
  }
  .single-post .entry-content__inner {
    overflow: hidden;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: solid 4px #0eb0ee;
    background-color: #ffffff;
  }
  .single-post .entry-content__inner--author-info-wrap {
    display: none;
  }
  .single-post .entry-content__inner .post-content > *:last-child {
    margin-bottom: 15px;
  }
  .single-post .site__content .entry-content .post__media {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  /* Single Post Border on Large Display */
  .entry-content__inner {
    margin-bottom: 40px;
  }
  .single-post .entry-content__inner {
    overflow: hidden;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: solid 4px #0eb0ee;
    background-color: #ffffff;
  }
  .single-post .entry-content__inner--author-info-wrap {
    display: none;
  }
  .single-post .entry-content__inner .post-content > *:last-child {
    margin-bottom: 40px;
  }
  .single-post .site__content .entry-content .post__media {
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 40px;
  }
}

/* Post Featured/Pinned */
.post .featured-wrap {
  position: absolute;
  top: 0;
  right: 15px;
  width: 45px;
  height: 45px;
  overflow: hidden;
  z-index: 2;
}

.post .featured {
  position: absolute;
  top: -12px;
  right: -32px;
  width: 80px;
  height: 40px;
  line-height: 54px;
  text-align: center;
  background: #0eb0ee;
  color: #ffffff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.post .featured i::before {
  position: relative;
  right: -2px;
  top: -2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Post Controls */
.share-this {
  min-height: 24px;
}

ul.share-icons {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

ul.share-icons li a {
  display: block;
  font-size: 18px;
  line-height: 24px;
  height: 24px;
  width: 24px;
  text-align: center;
}

ul.share-icons li a::before {
  margin-right: 0;
}

ul.share-icons > li {
  position: relative;
  display: inline-block;
  line-height: 24px;
  margin-left: 0;
}

ul.share-icons > li > a {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  color: #30355d;
}

ul.share-icons > li > a::before {
  color: #30355d;
}

.post-controls {
  margin: 0 0 35px 0;
  background-color: #f5f6fb;
  margin-top: 35px;
}

.post-controls > div {
  height: 50px;
  position: relative;
}

.post-controls > div > * {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.post-controls .pctrl-left {
  float: left;
}

.post-controls .pctrl-right {
  float: right;
}

.post-controls .pctrl-social-btn {
  font-size: 16px;
  font-size: 1.6rem;
  width: 50px;
  cursor: pointer;
  background-color: #30355d;
  color: #ffffff;
}

.post-controls .pctrl-social {
  width: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.post-controls .pctrl-social .share-icons {
  position: absolute;
  left: -170px;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.post-controls .pctrl-like-btn {
  font-size: 16px;
  font-size: 1.6rem;
  width: 50px;
  border-right: 1px solid rgba(170, 185, 205, 0.5);
}

.post-controls .pctrl-like-btn .fa-heart,
.post-controls .pctrl-like-btn span {
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  color: #30355d;
}

.post-controls .pctrl-like-btn a:hover,
.post-controls .pctrl-like-btn a:focus {
  color: #0eb0ee;
}

.post-controls .pctrl-like,
.post-controls .pctrl-view {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0 20px;
}

.post-controls .pctrl-view {
  font-family: "Kanit", sans-serif;
  background-color: #30355d;
  color: #ffffff;
}

.post-controls .pctrl-like {
  font-family: "Kanit", sans-serif;
  color: #aab9cd;
}

.post-controls .share-icons a:hover,
.post-controls .share-icons a:focus {
  color: #0eb0ee;
}

.post-controls.active .pctrl-social {
  width: 190px;
}

.post-controls.active .pctrl-social .share-icons {
  left: 12px;
}

.post-controls.active .pctrl-like-btn {
  border-left: 1px solid rgba(170, 185, 205, 0.5);
}

/*
 * Post Thumbnail
 */
/* Post Featured image */
.post-thumbnail {
  border: 0;
  display: block;
  margin-bottom: 24px;
  position: relative;
}

.single .post-thumbnail {
  background-color: #0eb0ee;
  margin-bottom: 0;
}

.post-thumbnail img {
  display: block;
  margin: 0 auto;
}

/* Blog list post thumbnail */
a.post-thumbnail::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
}

a.post-thumbnail:hover::before,
a.post-thumbnail:focus::before {
  background-color: rgba(48, 53, 93, 0.5);
  visibility: visible;
  opacity: 1;
}

a.post-thumbnail:before,
a.post-thumbnail:hover::before,
a.post-thumbnail:focus::before {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/* Post / Page Content Title */
.page-title-wrapper {
  margin-bottom: 23px;
}

.page-title {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  margin-bottom: 0;
}

/* Before Title Block -- Post Meta */
.before-title {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 12px;
  color: #aab9cd;
}

.before-title a {
  color: #0eb0ee;
}

.before-title a:hover, .before-title a:focus {
  color: #30355d;
}

.before-title .posted-on {
  float: right;
}

.before-title .posted-on a {
  color: #aab9cd;
}

.before-title .posted-on a:hover, .before-title .posted-on a:focus {
  color: #0eb0ee;
}

.posted-on .entry-date {
  margin-right: 10px;
}

/* After Title Block -- Post Meta */
/* After Content -- Post Meta */
.after-content {
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 23px;
  clear: both;
  margin-top: 15px;
}

.after-content .edit-link,
.after-content .cat-links,
.after-content .tags-links {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}

.after-content .edit-link a,
.after-content .cat-links a,
.after-content .tags-links a {
  color: #0eb0ee;
}

.after-content .edit-link a:hover, .after-content .edit-link a:hover,
.after-content .cat-links a:hover,
.after-content .cat-links a:hover,
.after-content .tags-links a:hover,
.after-content .tags-links a:hover {
  color: #30355d;
}

/* Back to top button */
.to-top {
  font-size: 23px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 0;
  bottom: -100px;
  z-index: 9999;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #0eb0ee;
  color: rgba(255, 255, 255, 0.3);
}

.to-top:hover {
  background-color: #0eb0ee;
  color: rgba(255, 255, 255, 0);
}

.to-top .fa {
  line-height: 35px;
}

.to-top .fa::before {
  margin: 0;
}

/* Page 404 */
.error404 .site-content {
  background-color: #ffffff;
  background-position: center center;
  background-size: cover;
}

.error404 .entry-content {
  text-align: center;
  background-color: transparent;
}

.error404 .search-form {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.error404 .search-form label {
  width: 100%;
  margin-bottom: 0;
}

.error404 .search-form label:after {
  content: '\f002';
  font-family: 'FontAwesome' !important;
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  color: #0eb0ee;
}

.error404 .search-form input[type="search"] {
  width: 100%;
  padding-right: 40px;
}

.error404 .search-form input[type="submit"] {
  clip: auto !important;
  display: block;
  width: 39px;
  height: 39px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  background-color: transparent;
  color: #0eb0ee;
}

.error-image {
  max-height: 73px;
  margin-top: 0;
  margin-bottom: 12px;
}

.page_title_404 {
  font-family: "Kanit", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.0455;
  text-transform: uppercase;
  margin-bottom: 23px;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  color: #30355d;
}

.page_message_404 {
  font-weight: 300;
  margin-bottom: 23px;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  color: #aab9cd;
}

.search_404_label {
  margin-bottom: 12px;
}

.homepage_link_or {
  margin-top: 12px;
  margin-bottom: 12px;
}

.homepage_link a {
  display: inline-block;
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.9167;
  height: 38px;
  padding: 7px 30px 6px 30px;
  margin: 0 auto;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border-radius: 19px;
  border: none;
  background-color: #0eb0ee;
  color: #ffffff;
}

.homepage_link a:hover, .homepage_link a:focus {
  background-color: #30355d;
  color: #ffffff;
}

.error404 .page-404-dark-image,
.error404 .page-404-dark-image .page_title_404.page-title,
.error404 .page-404-dark-image .page_message_404 {
  color: #ffffff;
}

/**
 * 12.2 Post Formats
 */
/* Twitter embeds */
.featured-media.status-wrap {
  overflow: hidden;
  padding: 0 15px 0 15px;
  height: 100%;
  background-color: #f5f6fb;
}

.featured-media.status-wrap .twitter-tweet {
  width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.featured-media.status-wrap > iframe {
  margin: 15px auto;
}

.featured-media.status-wrap .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

.single .featured-media.status-wrap .twitter-tweet {
  margin: 0 auto !important;
}

.single .featured-media.status-wrap {
  margin-top: -40px;
  margin-bottom: 30px;
  padding: 40px;
  background-color: #0eb0ee;
}

@media (min-width: 768px) {
  .single .featured-media.status-wrap {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* Post Format: Standard */
/* Post Format: Video */
.format-video .post__media,
.single-format-video .post__media {
  background-color: #0eb0ee;
}

.format-video .post__media iframe,
.format-video .post__media embed,
.single-format-video .post__media iframe,
.single-format-video .post__media embed {
  border: none;
  margin-bottom: -9px;
}

.post__media_wide {
  background-color: #f5f6fb;
  font-size: 0;

  padding-bottom: 80px;
  padding-top: 80px;
}

.post__media_wide > .container > embed,
.post__media_wide > .container > iframe,
.post__media_wide > .container > object,
.post__media_wide > .container > video {
  width: 100% !important;
  margin-bottom: 0 !important;
  border: 0 !important;
}

/* Post Format: Audio */
.mejs-container {
  margin-bottom: 23px;
}

/* Post Format: Image */
.format-image .post__media a.post-thumbnail {
  margin-bottom: 0;
  background-color: #0eb0ee;
}

.single-format-image .post__media + .post__inner .page-title-wrapper {
  margin-top: 0;
}

/* Post Format: Gallery */
.format-gallery .post__media .gallery,
.single-format-gallery .post__media .gallery {
  margin-bottom: 0;
  background-color: #0eb0ee;
}

.format-gallery .owl-carousel .owl-nav,
.format-gallery .owl-carousel .owl-dots,
.single-format-gallery .owl-carousel .owl-nav,
.single-format-gallery .owl-carousel .owl-dots {
  text-align: center;
}

.format-gallery .owl-carousel .owl-nav,
.single-format-gallery .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

.format-gallery .owl-carousel .owl-dots,
.single-format-gallery .owl-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.format-gallery .owl-carousel .owl-nav .owl-prev,
.single-format-gallery .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  left: 15px;
}

.format-gallery .owl-carousel .owl-nav .owl-next,
.single-format-gallery .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  right: 15px;
}

.format-gallery .owl-carousel .owl-dot span,
.single-format-gallery .owl-carousel .owl-dot span {
  background-color: #9cdff9;
}

.format-gallery .owl-carousel .owl-dot.active,
.single-format-gallery .owl-carousel .owl-dot.active {
  border-color: #ffffff;
}

.format-gallery .owl-carousel .owl-dot.active span,
.single-format-gallery .owl-carousel .owl-dot.active span {
  background-color: #ffffff;
}

.format-gallery .owl-carousel .owl-dot::before,
.single-format-gallery .owl-carousel .owl-dot::before {
  border-bottom-color: #ffffff;
}

.single-format-gallery .post__media .gallery {
  border-top: solid 4px #0eb0ee;
}

/* Post Format: Chat */
.single .chat-transcript {
  margin-bottom: 23px;
}

.chat-transcript .chat-author {
  float: left;
  font-weight: 700;
  color: #0eb0ee;
}

.chat-transcript .chat-row, .chat-transcript .chat-row:last-child {
  margin-bottom: 0;
}

.chat-transcript .chat-row + .chat-row {
  margin-top: 11.5px;
}

.chat-transcript .chat-row.chat-speaker-2 {
  border-radius: 2px;
  padding: 9px 15px 9px 15px;
  background: #ecedef;
}

.chat-transcript .chat-row.chat-speaker-2 .chat-author {
  color: #30355d;
}

.chat-transcript .chat-row p {
  margin-bottom: 0;
}

.chat-transcript .chat-row p + p {
  margin-top: 11.5px;
}

/* Post Format: Quote */
.format-quote .entry-content {
  padding: 40px 40px 40px 40px;
  background-color: #f5f6fb;
  border-bottom: solid 4px #0eb0ee;
}

.format-quote .entry-content .entry-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  text-align: center;
  margin-bottom: 0;
}

.format-quote .entry-content .post-content {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.format-quote .entry-content .post-content blockquote {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #30355d;
}

.format-quote .entry-content .post-content blockquote cite {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2778;
  text-transform: none;
  color: #0eb0ee;
}

.format-quote .entry-content .post-content blockquote cite a {
  color: #0eb0ee;
}

.format-quote .entry-content .post-content blockquote cite a:hover, .format-quote .entry-content .post-content blockquote cite a:focus {
  color: #30355d;
}

.format-quote .entry-content .post-content blockquote small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.1667;
  text-transform: uppercase;
  color: #aab9cd;
}

.format-quote .entry-content .post-content p {
  margin-bottom: 0;
}

.format-quote.has-post-thumbnail .entry-title,
.format-quote.has-post-thumbnail .entry-title a {
  color: #0eb0ee;
}

.format-quote.has-post-thumbnail .entry-title:hover, .format-quote.has-post-thumbnail .entry-title:focus,
.format-quote.has-post-thumbnail .entry-title a:hover,
.format-quote.has-post-thumbnail .entry-title a:focus {
  color: #ffffff;
}

.format-quote.has-post-thumbnail .entry-content {
  border: none;
  position: relative;
  color: #ffffff;
}

.format-quote.has-post-thumbnail .entry-content::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(48, 53, 93, 0.9);
}

.format-quote.has-post-thumbnail .entry-content > * {
  position: relative;
  z-index: 2;
}

.format-quote.has-post-thumbnail .entry-content .before-title a:hover,
.format-quote.has-post-thumbnail .entry-content .before-title a:focus {
  color: #ffffff;
}

.format-quote.has-post-thumbnail .entry-content .post-content blockquote {
  color: #ffffff;
}

.format-quote.has-post-thumbnail .entry-content .post-content blockquote cite {
  color: #0eb0ee;
}

.format-quote.has-post-thumbnail .entry-content .post-content blockquote cite a {
  color: #0eb0ee;
}

.format-quote.has-post-thumbnail .entry-content .post-content blockquote cite a:hover, .format-quote.has-post-thumbnail .entry-content .post-content blockquote cite a:focus {
  color: #ffffff;
}

.format-quote.has-post-thumbnail .entry-content .post-content blockquote small {
  color: #ffffff;
}

.single-format-quote .post-thumbnail-row .post__media {
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .single-format-quote .post-thumbnail-row .post__media {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 23px;
  }
}

.single-format-quote .post__media + .post__inner .page-title-wrapper {
  margin-top: 0;
}

/* Post Format: Link */
.format-link .entry-content {
  padding: 40px 40px 40px 40px;
  border-bottom: solid 4px #0eb0ee;
}

.format-link .entry-content .the-content {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
}

.format-link .entry-content *:last-child {
  margin-bottom: 0;
}

.format-link.has-post-thumbnail .entry-content {
  position: relative;
  color: #ffffff;
  border-bottom: none;
}

.format-link.has-post-thumbnail .entry-content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(48, 53, 93, 0.9);
}

.format-link.has-post-thumbnail .entry-content a {
  color: #ffffff;
}

.format-link.has-post-thumbnail .entry-content a:hover, .format-link.has-post-thumbnail .entry-content a:focus {
  color: #0eb0ee;
}

.format-link.has-post-thumbnail .entry-content > * {
  position: relative;
  z-index: 2;
}

.single-format-link .post-thumbnail-row .post__media {
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .single-format-link .post-thumbnail-row .post__media {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 23px;
  }
}

.single-format-link .entry-content .the-content {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
}

.single-format-link .after-content {
  margin-top: 23px;
}

@media (min-width: 768px) {
  .single-format-link .after-content {
    margin-bottom: 40px;
  }
}

/* Post Format: Aside */
.format-aside .entry-content {
  padding: 40px 40px 40px 40px;
  background-color: #f5f6fb;
  border-bottom: solid 4px #0eb0ee;
}

.format-aside .entry-content .entry-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  text-align: center;
  margin-bottom: 0;
}

.format-aside .entry-content .entry-title + .posted-on {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 11.5px;
  display: block;
  text-align: center;
  color: #aab9cd;
}

.format-aside .entry-content .entry-title + .posted-on a {
  color: #aab9cd;
}

.format-aside .entry-content .entry-title + .posted-on a:hover, .format-aside .entry-content .entry-title + .posted-on a:focus {
  color: #0eb0ee;
}

.format-aside .entry-content .post-content {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.format-aside .entry-content .post-content p {
  margin-bottom: 0;
}

.format-aside.has-post-thumbnail .entry-title,
.format-aside.has-post-thumbnail .entry-title a {
  color: #0eb0ee;
}

.format-aside.has-post-thumbnail .entry-title:hover, .format-aside.has-post-thumbnail .entry-title:focus,
.format-aside.has-post-thumbnail .entry-title a:hover,
.format-aside.has-post-thumbnail .entry-title a:focus {
  color: #ffffff;
}

.format-aside.has-post-thumbnail .entry-content {
  border: none;
  position: relative;
  color: #ffffff;
}

.format-aside.has-post-thumbnail .entry-content::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(48, 53, 93, 0.9);
}

.format-aside.has-post-thumbnail .entry-content > * {
  position: relative;
  z-index: 2;
}

.single-format-aside .post-thumbnail-row .post__media {
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .single-format-aside .post-thumbnail-row .post__media {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 23px;
  }
}

.single-format-aside .post__media + .post__inner .page-title-wrapper {
  margin-top: 0;
}

/* Post Format: Status */
.format-status .entry-content {
  padding: 40px 40px 40px 40px;
  background-color: #f5f6fb;
  border-bottom: solid 4px #0eb0ee;
}

.format-status .entry-content .author-avatar {
  margin-bottom: 23px;
  text-align: center;
}

.format-status .entry-content .author-avatar img {
  border-radius: 50%;
  max-width: 100px;
}

.format-status .entry-content .entry-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  text-align: center;
  margin-bottom: 0;
}

.format-status .entry-content .post-content--status,
.format-status .entry-content .post-content--status + .posted-on {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 11.5px;
  display: block;
  text-align: center;
  color: #aab9cd;
}

.format-status .entry-content .post-content--status a,
.format-status .entry-content .post-content--status + .posted-on a {
  color: #aab9cd;
}

.format-status .entry-content .post-content--status a:hover, .format-status .entry-content .post-content--status a:focus,
.format-status .entry-content .post-content--status + .posted-on a:hover,
.format-status .entry-content .post-content--status + .posted-on a:focus {
  color: #0eb0ee;
}

.format-status .entry-content .post-content--status {
  display: block;
  text-align: center;
  color: #0eb0ee;
}

.format-status .entry-content .post-content {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.0455;
  font-weight: 500;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.format-status .entry-content .post-content p {
  margin-bottom: 0;
}

.format-status.has-post-thumbnail .entry-title,
.format-status.has-post-thumbnail .entry-title a {
  color: #0eb0ee;
}

.format-status.has-post-thumbnail .entry-title:hover, .format-status.has-post-thumbnail .entry-title:focus,
.format-status.has-post-thumbnail .entry-title a:hover,
.format-status.has-post-thumbnail .entry-title a:focus {
  color: #ffffff;
}

.format-status.has-post-thumbnail .entry-content {
  border: none;
  position: relative;
  color: #ffffff;
}

.format-status.has-post-thumbnail .entry-content::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(48, 53, 93, 0.9);
}

.format-status.has-post-thumbnail .entry-content > * {
  position: relative;
  z-index: 2;
}

.single-format-status .entry-content .author-avatar {
  margin-bottom: 23px;
}

.single-format-status .entry-content .author-avatar img {
  border-radius: 50%;
  max-width: 100px;
}

.single-format-status .after-content {
  margin-top: 23px;
}

.single-format-status .post-thumbnail-row .post__media {
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .single-format-status .post-thumbnail-row .post__media {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 23px;
  }
}

.single-format-status .post__media + .post__inner .page-title-wrapper {
  margin-top: 0;
}

/**
 * 12.3 Comments
 */
/* Author bios */
.author-info {
  overflow: hidden;
  margin-top: 81px;
  margin-bottom: 81px;
  background-color: #30355d;
  color: #aab9cd;
}

.author-info img.avatar {
  margin: 0;
  height: 100px;
  width: 100px;
}

@media (min-width: 480px) {
  .author-info img.avatar {
    visibility: hidden;
  }
}

.author-info .author-description {
  padding: 35px 40px;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-wrap: break-word;
}

.author-info .author-description > *:last-child {
  margin-bottom: 0;
}

.author-info .author-title {
  clear: none;
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  margin-bottom: 12px;
  color: #ffffff;
}

.author-info .author-link {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
  margin-top: 12px;
  color: #0eb0ee;
}

.author-info .author-link:hover, .author-info .author-link:focus {
  color: #ffffff;
}

@media (min-width: 480px) {
  .author-row {
    margin: 0;
    display: table;
    height: 100%;
    width: 100%;
  }
}

.author-row .col-media .author-avatar {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}

@media (max-width: 479px) {
  .author-row .col-media .author-avatar {
    background: none !important;
  }
}

@media (min-width: 480px) {
  .author-row .col-media .author-avatar {
    min-height: 200px;
    height: 100%;
  }
}

@media (min-width: 480px) {
  .author-row .col-media,
  .author-row .col-content {
    float: none;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .author-row .col-media {
    width: 40%;
  }
  .author-row .col-content {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .author-row .col-media {
    width: 25%;
  }
  .author-row .col-content {
    width: 75%;
  }
}

/* Comments */
.comments-area {
  margin-bottom: 30px;
  padding: 0;
}

.comments-area > :last-child {
  margin-bottom: 0;
}

.comments-title,
.comment-reply-title {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.3847;
}

.comment-reply-title {
  margin-bottom: 0;
}

.comments-title {
  text-transform: uppercase;
  margin-bottom: 46px;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  padding: 12px 0 58px 0;
}

.comment-list > li:first-child > article,
.comment-list > li:first-child > .pingback,
.comment-list > li:first-child > .trackback {
  border-top: 0;
}

.comment-list .pingback + .pingback {
  border-top: none;
  padding-top: 0;
}

.comment-list .children {
  list-style: none;
  margin: 0;
  padding-left: 90px;
}

@media (max-width: 768px) {
  .comment-list .children {
    padding-left: 30px;
  }
}

@media (max-width: 480px) {
  .comment-list .children {
    padding-left: 15px;
  }
}

.comment-list .children > li {
  padding-left: 0;
}

.comment-author {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.0455;
  color: #0eb0ee;
}

@media (max-width: 767px) {
  .comment-author {
    font-size: 1.8rem;
    line-height: 1.2778;
  }
}

@media (max-width: 479px) {
  .comment-author {
    font-size: 1.6rem;
    line-height: 1.4375;
  }
}

.comment-author a {
  color: #0eb0ee;
}

.comment-author a:hover, .comment-author a:focus {
  color: #30355d;
}

.comment-author img.avatar {
  float: left;
  width: 70px;
  height: 70px;
  margin-top: -12px;
  margin-right: 20px;
  margin-bottom: 11px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .comment-author img.avatar {
    width: 45px;
    height: 45px;
    margin-top: 0;
  }
}

@media (max-width: 479px) {
  .comment-author img.avatar {
    width: 30px;
    height: 30px;
    margin-top: 0;
  }
}

.bypostauthor > article .fn:after {
  content: "\f304";
  position: relative;
}

.comment-metadata,
.pingback .edit-link {
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1667;
  color: #aab9cd;
}

.comment-metadata a,
.pingback .edit-link a {
  color: #aab9cd;
}

.comment-metadata a:hover, .comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
  color: #0eb0ee;
}

.comment-metadata {
  position: relative;
  margin-top: 5px;
  margin-bottom: 11px;
}

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

.pingback .edit-link {
  margin-left: 15px;
}

.pingback .edit-link::before {
  top: 0;
}

.comment-content {
  overflow: hidden;
}

.comment-content ul,
.comment-content ol {
  margin: 0 0 30px 15px;
}

.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0;
}

.comment-content > *:last-child {
  margin-bottom: 0;
}

.comment-list .reply {
  position: absolute;
  top: -28px;
  right: 0;
  color: #30355d;
}

.comment-list .reply a {
  color: #30355d;
}

.comment-list .reply a .fa {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.6667;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 2px;
  background-color: #ecedef;
  color: #30355d;
}

@media (max-width: 767px) {
  .comment-list .reply a .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: transparent;
  }
}

.comment-list .reply a.comment-reply-login {
  display: block;
  margin-top: 15px;
  text-transform: none;
  font-size: 12px;
}

@media (max-width: 479px) {
  .comment-list .reply a.comment-reply-login {
    font-size: 10px;
  }
}

.comment-list .reply a:hover, .comment-list .reply a:focus {
  color: #0eb0ee;
}

@media (min-width: 768px) {
  .comment-list .reply a:hover .fa, .comment-list .reply a:focus .fa {
    background-color: #0eb0ee;
    color: #ffffff;
  }
}

.comment-respond {
  margin: 0 auto 30px auto;
}

.comment-body + .comment-respond {
  margin-bottom: 46px;
}

.comment-form {
  padding-top: 0;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  background-color: #ecedef;
  border-color: #ecedef;
  color: #aab9cd;
}

.comment-form .row {
  margin-left: -20px;
  margin-right: -20px;
}

.comment-form .row > div {
  padding-left: 20px;
  padding-right: 20px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
  margin-bottom: 20px;
}

.comment-form-comment {
  margin-bottom: 10px;
}

.must-log-in,
.no-comments {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2728;
  text-transform: uppercase;
  padding-top: 24px;
  color: #aab9cd;
}

.form-allowed-tags code {
  font-family: Inconsolata, monospace;
}

.form-submit {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.required {
  color: #ea0000;
}

.comment-reply-title small {
  position: relative;
  display: block;
}

.comment-reply-title small a {
  position: absolute;
  top: -40px;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.logged-in .comment-reply-title small a {
  top: 0;
  right: 0;
}

.logged-in.page .comment-reply-title small a {
  top: 24px;
  right: 0;
}

.comment-reply-title small a::after {
  content: "\f05c";
  font-family: "FontAwesome";
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: 0;
  text-align: center;
  color: #30355d;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:hover::after {
  color: #0eb0ee;
}

/* Comments navigation */
.comment-navigation {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.0713;
  text-transform: uppercase;
  margin-top: -15px;
  margin-bottom: 15px;
  color: #aab9cd;
}

.comment-navigation a,
.comment-navigation span {
  display: block;
  float: left;
  min-width: 45px;
  min-height: 45px;
  height: 45px;
  margin: 15px 15px 0 0;
  padding: 15px;
  text-align: center;
  border-radius: 45px;
  background-color: #ffffff;
  color: #aab9cd;
}

.comment-navigation .current,
.comment-navigation a:hover,
.comment-navigation a:focus {
  background-color: #0eb0ee;
  color: #ffffff;
}

/* Comments navigation arrows after comment title */
.comments-title + .comment-navigation {
  margin-bottom: 30px;
}

.comment-navigation .nav-links .nav-previous {
  float: left;
}

.comment-navigation .nav-links .nav-next {
  float: right;
}

/**
 * 13.0 Footer
 */
.footer {
  position: relative; /* need to comment if in Customizer set 'Footer Background Image', but subpages will broke */
  padding: 46px 0 46px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*background-attachment: fixed;*/ /*commented, couse need if in Customizer set 'Footer Background Image'*/
  background-color: #30355d;
  color: #aab9cd;
}

.footer::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(48, 53, 93, 0.95);
  z-index: 1;
}

.footer > .container {
  position: relative;
  z-index: 2;
}

.footer .widget {
  margin-top: 23px;
}

.footer .widget + .widget {
  margin-top: 49px;
}

.footer .widget-title {
  color: #ffffff;
}

.footer .widget a {
  color: #aab9cd;
}

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

.footer-widgets.row {
  margin-top: -23px;
}

.sidebar-footer-widget-wide + .footer-widgets.row {
  margin-top: 46px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-widgets.row {
    font-size: 0;
  }
  .footer-widgets.row > div {
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: top;
    float: none;
  }
}

/* Footer -- Copyright */
.copyright {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1667;
  text-align: center;
}

.copyright a,
.copyright a strong {
  color: #ffffff;
}

.copyright a:hover, .copyright a:focus {
  color: #0eb0ee;
}

.copyright .fa,
.copyright .rt-icon {
  color: #0eb0ee;
}

.copyright .copyright-text {
  font-family: "Kanit", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.0001;
  text-transform: uppercase;
}

.copyright .copyright-social + .copyright-text {
  margin-top: 23px;
}

.footer-widgets + .copyright {
  padding: 46px 0 0 0;
}

/**
 * 14.0 Media
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel .owl-nav {
  margin-top: 12px;
  margin-left: -3px;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  display: inline-block;
  margin: 0 3px;
  height: 23px;
  width: 23px;
  text-align: center;
  font-size: 12px;
  line-height: 23px;
  border-radius: 50%;
  background-color: #d7dce1;
  color: #aab9cd;
}

.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next:focus {
  background-color: #0eb0ee;
  color: #ffffff;
}

.owl-carousel .owl-nav .owl-prev span {
  margin-left: -2px;
}

.owl-carousel .owl-nav .owl-next span {
  margin-right: -2px;
}

.owl-carousel .owl-dots {
  margin-top: 12px;
  margin-left: -4px;
}


.fw-testimonials.tm-type1 .owl-carousel .owl-dots {
  left: -294px;
  top: 141px;
  position: absolute;
}

.owl-carousel .owl-dot {
  font-size: 0;
  display: inline-block;
  line-height: 8px;
  height: 12px;
  width: 12px;
  margin: 0 4px;
  position: relative;
  border-radius: 50%;
  border: solid 3px transparent;
}

.owl-carousel .owl-dot::before {
  content: '';
  position: absolute;
  top: -7px;
  left: -2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  /*border-bottom: 7px solid #30355d;*/
  border-bottom: 7px solid #FFFFFB;
  display: none;
}
.fw-testimonials .owl-carousel .owl-dot::before {
  border-bottom: 7px solid #30355d;
}

.owl-carousel .owl-dot span {
  display: inline-block;
  line-height: 8px;
  height: 8px;
  width: 8px;
  margin-left: -1px;
  margin-top: -1px;
  border-radius: 50%;
  background-color: #aab9cd;
}

.owl-carousel .owl-dot:hover {
  border-color: #0eb0ee;
}

.owl-carousel .owl-dot:hover span {
  background-color: #0eb0ee;
}

.owl-carousel .owl-dot.active {
  /*border-color: #30355d;*/
  border-color: #FFFFFB;
}
.fw-testimonials .owl-carousel .owl-dot.active {
  border-color: #30355d;
}

.owl-carousel .owl-dot.active span {
  /*background-color: #30355d;*/
  background-color: #FFFFFB;
}
.fw-testimonials .owl-carousel .owl-dot.active span {
  background-color: #30355d;
}

.owl-carousel .owl-dot.active::before {
  display: block;
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 23px;
}

.wp-caption.alignnone {
  width: 100% !important;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption .wp-caption-text {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 5px 0 6px 0;
}

.gallery {
  margin-bottom: 1.6em;
}

.gallery-item {
  display: inline-block;
  padding: 1.79104477%;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.1667;
  padding: 0.5em 0;
  color: #aab9cd;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}
/*unit test fixes*/
.after-content {
  clear: both;
}
.alignleft {
  margin-right: 1em;
}
.alignright {
  margin-left: 1em;
}
.alignwide,
.alignfull {
  clear: both;
}