*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



* {

  -webkit-font-smoothing: antialiased; }



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

  margin: 0; }



a {

  text-decoration: none; }



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block; }



audio,

canvas,

video {

  display: inline-block; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden] {

  display: none; }



html {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  overflow-y: auto; }



input[type="radio"],

input[type="checkbox"] {

  margin: 4px 0 0;

  line-height: normal; }



html,

button,

input,

select,

textarea {

  font-family: sans-serif; }



li {

  list-style-type: none; }



body {

  margin: 0; }



iframe {

  border-style: none;

  border: none;

  width: inherit;

  display: block;

  position: relative; }



a:focus {

  outline: none; }



a:active,

a:hover {

  outline: 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b,

strong {

  font-weight: normal;

  -webkit-appearance: none; }



blockquote {

  margin: 0; }



dfn {

  font-style: italic; }



hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0; }



mark {

  background: #ff0;

  color: #000; }



p,

pre {

  margin: 1em 0; }



code,

kbd,

pre,

samp {

  font-family: monospace, serif; }



pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word; }



q {

  quotes: none; }



q:before,

q:after {

  content: "";

  content: none; }



small {

  font-size: 80%; }



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



dl,

menu,

ol,

ul {

  margin: 0; }



dd {

  margin: 0; }



menu,

ol,

ul {

  padding: 0; }



nav ul,

nav ol {

  list-style: none;

  list-style-image: none; }



img {

  border: 0;

  -ms-interpolation-mode: bicubic; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 0; }



form {

  margin: 0; }



fieldset {

  border: none;

  margin: 0;

  padding: 0; }



legend {

  border: 0;

  padding: 0;

  white-space: normal; }



button,

input,

select,

textarea {

  margin: 0;

  vertical-align: baseline; }



button,

input {

  line-height: normal; }



button,

select {

  text-transform: none; }



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  border-style: none;

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled],

html input[disabled] {

  cursor: default; }



input[type="checkbox"],

input[type="radio"] {

  padding: 0; }



input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto;

  vertical-align: top; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



audio,

canvas,

img,

video {

  vertical-align: middle; }



fieldset {

  border: 0;

  margin: 0;

  padding: 0; }



textarea {

  resize: vertical; }



/* $headings-font2: 'lithos', $sans; */

/* $tablet-width: 1020px; */

.container {

  width: 930px;

  margin: 0 auto;

  position: relative; }

  .container:before, .container:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .container:after {

    clear: both; }



.centered-content {

  text-align: center; }



.row {

  margin-right: -15px;

  margin-left: -15px;

  font-size: 0;

  line-height: normal;

  clear: both;

  zoom: 1; }

  .row:after, .row:before {

    content: "";

    display: table; }

  .row:after {

    clear: both; }

  @media (max-width: 950px) {

    .row {

      margin-right: -10px;

      margin-left: -10px; } }

  .row:before, .row:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .row:after {

    clear: both; }

  .row > [class*='col_'] {

    padding-left: 15px;

    padding-right: 15px;

    display: inline-block;

    float: left; }

    @media (max-width: 950px) {

      .row > [class*='col_'] {

        padding-left: 10px;

        padding-right: 10px; } }

    .row > [class*='col_'].right {

      float: right; }

  .row.big-gutter {

    margin-left: -30px;

    margin-right: -30px; }

    @media (max-width: 950px) {

      .row.big-gutter {

        margin-left: -15px;

        margin-right: -15px; } }

    .row.big-gutter > [class*='col_'] {

      padding-left: 30px;

      padding-right: 30px; }

      @media (max-width: 950px) {

        .row.big-gutter > [class*='col_'] {

          padding-left: 15px;

          padding-right: 15px; } }

  .row.small-gutter {

    margin-left: -7px;

    margin-right: -7px; }

    .row.small-gutter > [class*='col_'] {

      padding-left: 7px;

      padding-right: 7px; }

  .row.no-gutter {

    margin-left: 0;

    margin-right: 0; }

    .row.no-gutter > [class*='col_'] {

      padding-left: 0px;

      padding-right: 0px; }



.col_16 {

  width: 16.66%; }



.col_10 {

  width: 10%; }



.col_15 {

  width: 15%; }



.col_14 {

  width: 14.28%; }



.col_33 {

  width: 33.33%; }



.col_20 {

  width: 20%; }



.col_auto {

  width: auto; }



.col_25 {

  width: 25%; }



.col_12 {

  width: 12.5%; }



.col_50 {

  width: 50%; }



.col_100 {

  width: 100%; }



.col_30 {

  width: 30%; }



.col_35 {

  width: 35%; }



.col_70 {

  width: 70%; }



.col_40 {

  width: 40%; }



.col_45 {

  width: 45%; }



.col_55 {

  width: 55%; }



.col_60 {

  width: 60%; }



.col_66 {

  width: 66.66%; }



.col_75 {

  width: 75%; }



.col_80 {

  width: 80%; }



html {

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;

  font-size: 10px;

  line-height: normal;

  font-weight: 400; }



body {

  font-size: 1.4rem; }



h1, h2, h3, h4, h5, h6 {

  font-weight: 400;

  color: #000000;

  line-height: normal;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

  text-transform: none;

  margin-bottom: 10px;

  letter-spacing: normal; }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

    color: inherit;

    font-size: inherit;

    font-weight: inherit; }

  h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {

    font-weight: 700; }



h1 {

  font-size: 3.8rem;

  margin-bottom: 20px;

  font-weight: 800; }

  @media (max-width: 767px) {

    h1 {

      font-size: 3.6rem;

      margin-bottom: 30px; } }

  @media (max-width: 480px) {

    h1 {

      font-size: 3rem; } }



h2 {

  font-size: 3rem; }

  @media (max-width: 767px) {

    h2 {

      font-size: 3rem; } }

  @media (max-width: 480px) {

    h2 {

      font-size: 2rem; } }



h3 {

  font-size: 2.8rem;

  margin-bottom: 30px;

  font-weight: 800;

  text-transform: uppercase; }

  @media (max-width: 767px) {

    h3 {

      font-size: 3.2rem; } }



h4 {

  font-size: 2.4rem; }

  @media (max-width: 767px) {

    h4 {

      font-size: 1.8rem; } }



h5 {

  font-size: 2rem; }

  @media (max-width: 767px) {

    h5 {

      font-size: 1.6rem;

      letter-spacing: normal; } }



h6 {

  font-size: 1.6rem;

  font-weight: 400; }

  @media (max-width: 767px) {

    h6 {

      font-size: 1.4rem; } }



p,

a,

span,

label {

  margin: 0;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

  p p,

  p a,

  p span,

  p label,

  a p,

  a a,

  a span,

  a label,

  span p,

  span a,

  span span,

  span label,

  label p,

  label a,

  label span,

  label label {

    font-size: 100%;

    margin: 0; }



p {

  margin: 0 0 25px;

  font-size: 1.6rem;

  line-height: 24px;

  font-weight: 300;

  color: #676767;

  letter-spacing: normal;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

  @media (max-width: 767px) {

    p {

      font-size: 1.6rem;

      line-height: 24px; } }

  p a {

    text-decoration: none;

    /*color: $orange-color;*/

    border-bottom: 5px solid #db802d; }

    p a:hover {

      color: #db802d; }

  p i {

    font-style: italic; }

  p b {

    font-style: italic;

    font-weight: 700; }

  p u {

    border-bottom: 5px solid #db802d;

    text-decoration: none; }



a {

  margin: 0;

  transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  color: #676767;

  text-decoration: none; }

  a:hover {

    color: #db802d; }



strong {

  font-weight: 700; }



b {

  font-weight: 700; }



ul li {

  font-size: 1.4rem; }



/*

.articles-listing article.article-item h4{

	font-weight: 800!important;

}*/

input[type="text"],

input[type="email"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="url"],

input[type="number"],

input[type="date"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="week"],

input[type="month"],

textarea,

select, .selectize-input {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;

  font-size: 1.7rem;

  border-style: none;

  font-weight: 400;

  border: 0px solid #cccccc;

  border-bottom: 1px solid #cccccc;

  width: 100%;

  height: 40px;

  padding: 0 px;

  line-height: 40px;

  background: none;

  color: #676767;

  outline: 0;

  -webkit-appearance: none;

  letter-spacing: normal;

  box-shadow: none; }

  input[type="text"]:active, input[type="text"]:hover, input[type="text"]:focus,

  input[type="email"]:active,

  input[type="email"]:hover,

  input[type="email"]:focus,

  input[type="password"]:active,

  input[type="password"]:hover,

  input[type="password"]:focus,

  input[type="search"]:active,

  input[type="search"]:hover,

  input[type="search"]:focus,

  input[type="tel"]:active,

  input[type="tel"]:hover,

  input[type="tel"]:focus,

  input[type="url"]:active,

  input[type="url"]:hover,

  input[type="url"]:focus,

  input[type="number"]:active,

  input[type="number"]:hover,

  input[type="number"]:focus,

  input[type="date"]:active,

  input[type="date"]:hover,

  input[type="date"]:focus,

  input[type="time"]:active,

  input[type="time"]:hover,

  input[type="time"]:focus,

  input[type="datetime"]:active,

  input[type="datetime"]:hover,

  input[type="datetime"]:focus,

  input[type="datetime-local"]:active,

  input[type="datetime-local"]:hover,

  input[type="datetime-local"]:focus,

  input[type="week"]:active,

  input[type="week"]:hover,

  input[type="week"]:focus,

  input[type="month"]:active,

  input[type="month"]:hover,

  input[type="month"]:focus,

  textarea:active,

  textarea:hover,

  textarea:focus,

  select:active,

  select:hover,

  select:focus, .selectize-input:active, .selectize-input:hover, .selectize-input:focus {

    transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease; }



textarea {

  line-height: normal;

  height: auto;

  min-height: 110px;

  padding: 15px 17px; }



select {

  padding-right: 0; }



label {

  display: block;

  color: #676767;

  text-transform: none;

  font-weight: 700;

  letter-spacing: normal;

  font-size: 1.6rem;

  margin-bottom: 7px;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

  label span {

    font-size: 1.2rem;

    margin-top: 8px; }



::-webkit-input-placeholder {

  color: #676767;

  font-size: 1.7rem;

  letter-spacing: normal;

  font-weight: 400;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



:-moz-placeholder {

  /* Firefox 18- */

  color: #676767;

  font-size: 1.7rem;

  letter-spacing: normal;

  font-weight: 400;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



::-moz-placeholder {

  /* Firefox 19+ */

  color: #676767;

  font-size: 1.7rem;

  letter-spacing: normal;

  font-weight: 400;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



:-ms-input-placeholder {

  color: #676767;

  font-size: 1.7rem;

  letter-spacing: normal;

  font-weight: 400;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



.input-block {

  margin-bottom: 25px;

  display: inline-block;

  width: 100%;

  position: relative; }

  .input-block label {

    display: block; }



.checkbox-input {

  font-size: 1.4rem;

  font-weight: 300; }

  .checkbox-input span {

    margin-right: 10px; }



.radio-input {

  display: inline-block;

  margin-right: 40px;

  font-size: 1.8rem;

  font-weight: 300; }

  .radio-input span {

    margin-right: 10px; }



.select-block {

  position: relative; }

  .select-block .selectric-wrapper {

    background: none;

    border-bottom: 1px solid #cccccc; }

    .select-block .selectric-wrapper .selectric span.label {

      height: 40px;

      line-height: 40px;

      padding: 0 0px;

      padding-right: 20px;

      font-size: 1.7rem;

      text-transform: none;

      color: #676767;

      font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

    .select-block .selectric-wrapper .selectric .select-button {

      position: absolute;

      width: 10px;

      height: 6px;

      top: 15px;

      right: 0px;

      z-index: 10;

      background-image: url(images/default/select-arrow2.png);

      background-repeat: no-repeat;

      background-size: 100% auto; }

    .select-block .selectric-wrapper .selectric-items ul li {

      padding: 7px 20px;

      color: #676767;

      font-size: 1.3rem;

      margin: 0;

      border: 0;

      border-top: 1px solid #c2c0c6; }

    .select-block .selectric-wrapper.white-select {

      border: 0; }



.styled-checkbox {

  position: absolute;

  opacity: 0; }

  .styled-checkbox + label {

    width: auto;

    padding: 0;

    text-align: initial;

    font-size: inherit;

    text-transform: none;

    display: initial;

    float: none;

    line-height: normal;

    position: relative;

    cursor: pointer;

    padding: 0; }

  .styled-checkbox + label:before {

    content: '';

    margin-right: 10px;

    display: inline-block;

    vertical-align: text-top;

    width: 20px;

    height: 20px;

    border: 2px solid #d1d3d4;

    background: #e6e7e8; }

  .styled-checkbox:checked + label:before {

    color: #db802d; }

  .styled-checkbox:disabled + label {

    color: #b8b8b8;

    cursor: auto; }

  .styled-checkbox:disabled + label:before {

    box-shadow: none;

    background: #ddd; }

  .styled-checkbox:checked + label:after {

    content: '';

    position: absolute;

    left: 5px;

    top: 9px;

    background: #db802d;

    width: 2px;

    height: 2px;

    box-shadow: 2px 0 0 #db802d, 4px 0 0 #db802d, 4px -2px 0 #db802d, 4px -4px 0 #db802d, 4px -6px 0 #db802d, 4px -8px 0 #db802d;

    transform: rotate(45deg); }



.custom-file-upload-hidden {

  display: none;

  visibility: hidden;

  position: absolute;

  left: -9999px; }



.custom-file-upload {

  display: block;

  width: auto; }

  .custom-file-upload label {

    display: block;

    margin-bottom: 5px; }



.file-upload-wrapper {

  position: relative;

  margin-bottom: 5px; }



.file-upload-input {

  width: 100%;

  color: #676767;

  font-size: 1.7rem;

  height: 40px;

  line-height: 40px;

  padding: 0;

  border: none;

  background: none; }

  @media (max-width: 767px) {

    .file-upload-input {

      font-size: 1.5rem; } }



.file-upload-button {

  cursor: pointer;

  display: inline-block;

  color: #9da2a9;

  font-size: 1.7rem;

  text-transform: none;

  padding: 0;

  padding-right: 15px;

  height: auto;

  line-height: normal;

  font-style: italic;

  position: absolute;

  right: 0;

  top: 5px;

  z-index: 10;

  border: none;

  background: none;

  box-shadow: none;

  letter-spacing: normal;

  min-width: 0; }

  @media (max-width: 767px) {

    .file-upload-button {

      width: auto; } }

  .file-upload-button:before {

    content: "";

    width: 10px;

    height: 12px;

    position: absolute;

    right: 0;

    top: 5px;

    background-image: url(images/default/upload-icon.png);

    background-size: 100% auto;

    background-repeat: no-repeat;

    z-index: 10; }

  .file-upload-button:hover {

    background: none;

    color: #676767; }



table {

  width: 100%; }



table, th, td {

  border-spacing: 0;

  border: 1px solid #999999;

  padding: 1em;

  line-height: 1;

  vertical-align: top; }



th {

  text-align: left;

  font-weight: normal; }



input[type='submit'],

.button {

  transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  -webkit-border-radius: 26px;

  -moz-border-radius: 26px;

  border-radius: 26px;

  display: inline-block;

  text-transform: uppercase;

  letter-spacing: 0.1em;

  text-align: center;

  font-size: 1.4rem;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

  font-weight: 400;

  color: #fff;

  padding: 0 52px;

  height: 52px;

  line-height: 50px;

  text-align: center;

  position: relative;

  margin-bottom: 0px;

  background: #db802d;

  border: 0px solid #db802d;

  box-shadow: none;

  min-width: 225px;

  background-image: -moz-linear-gradient(0deg, #4795ff 0%, #3bcdd5 100%);

  background-image: -webkit-linear-gradient(0deg, #4795ff 0%, #3bcdd5 100%);

  background-image: -ms-linear-gradient(0deg, #4795ff 0%, #3bcdd5 100%);

  box-shadow: 5px 8.66px 21px 0px rgba(46, 103, 192, 0.46); }

  @media (max-width: 767px) {

    input[type='submit'],

    .button {

      height: 44px;

      line-height: 44px;

      font-size: 1.3rem;

      min-width: 120px;

      width: 70%;

      margin: 0 auto 20px;

      display: block; } }

  input[type='submit'] i,

  .button i {

    float: right;

    margin-top: 16px; }

  input[type='submit'].white,

  .button.white {

    background: #fff;

    color: #676767; }

  input[type='submit']:hover,

  .button:hover {

    color: #fff;

    background: #b6671f; }

  input[type='submit'].small,

  .button.small {

    height: 32px;

    line-height: 32px;

    font-size: 1.2rem;

    min-width: 0; }

  input[type='submit'].facebook-btn,

  .button.facebook-btn {

    background: #3b5998; }



#cookie-notice .button {

  background: none !important;

  border: none !important;

  min-width: initial !important;

  padding: 0px !important;

  box-shadow: none !important;

  text-decoration: underline !important; }



html, body {

  background-color: #f7f7f7;

  background-repeat: repeat;

  text-rendering: optimizeLegibility !important;

  -webkit-font-smoothing: antialiased !important;

  font-smooth: always;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



body {

  position: relative; }



.desktop-only {

  display: block !important; }

  @media (max-width: 950px) {

    .desktop-only {

      display: none !important; } }

  @media (max-width: 767px) {

    .desktop-only {

      display: none !important; } }



.tablet-only {

  display: none !important; }

  @media (max-width: 950px) {

    .tablet-only {

      display: inline-block !important; } }

  @media (max-width: 767px) {

    .tablet-only {

      display: none !important; } }



.mobile-only {

  display: none !important; }

  @media (max-width: 767px) {

    .mobile-only {

      display: block !important; } }



.hidden-on-desktop {

  display: none !important; }

  @media (max-width: 950px) {

    .hidden-on-desktop {

      display: block !important; } }



@media (max-width: 950px) {

  .hidden-on-tablet {

    display: none !important; } }

@media (max-width: 767px) {

  .hidden-on-tablet {

    display: block !important; } }



@media (max-width: 767px) {

  .hidden-on-mobile {

    display: none !important; } }



@media (max-width: 950px) {

  .get-equal {

    height: auto !important; } }



.container {

  /* @include small-desktop {

  	width: 980px;

  } */ }

  .container .inner-container {

    max-width: 1005px;

    margin: 0 auto; }

  @media (max-width: 950px) {

    .container {

      width: 750px; } }

  @media (max-width: 767px) {

    .container {

      width: 90%; } }



.big-container {

  width: 1132px;

  margin: 0 auto;

  position: relative; }

  .big-container:before, .big-container:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .big-container:after {

    clear: both; }

  @media (max-width: 1160px) {

    .big-container {

      width: 900px; } }

  @media (max-width: 950px) {

    .big-container {

      width: 750px; } }

  @media (max-width: 767px) {

    .big-container {

      width: 90%; } }



.right {

  float: right; }



.left {

  float: left; }



.no-scroll {

  overflow: hidden !important; }



.floating-objects {

  clear: both;

  zoom: 1; }

  .floating-objects:after, .floating-objects:before {

    content: "";

    display: table; }

  .floating-objects:after {

    clear: both; }



.show {

  display: block !important; }



.alignright {

  float: right;

  margin-top: 10px;

  margin-left: 20px;

  margin-bottom: 10px;

  text-align: right; }



.alignleft {

  float: left;

  margin-top: 10px;

  margin-right: 20px;

  margin-bottom: 10px;

  text-align: left; }



.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto; }



.mm-menu {

  background: #fbfbfb; }



blockquote {

  border-top: 7px solid #000;

  padding-top: 20px;

  display: inline-block;

  font-size: 2.2rem;

  line-height: 27px;

  color: #656565;

  margin-bottom: 40px;

  max-width: 310px;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

  font-weight: 700; }

  blockquote p {

    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

    color: #656565;

    font-size: 2.2rem;

    line-height: 27px;

    font-weight: 700;

    margin-bottom: 0; }

  @media (max-width: 767px) {

    blockquote {

      max-width: 100%;

      width: 100%; } }

  blockquote cite {

    display: block;

    margin-top: 20px;

    overflow: hidden;

    text-transform: uppercase;

    font-size: 1.3rem;

    font-weight: 300;

    color: #656565;

    letter-spacing: 0.05em;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    font-style: normal; }

  blockquote.alignleft {

    margin-right: 30px;

    margin-left: -35px; }

    @media (max-width: 767px) {

      blockquote.alignleft {

        margin-left: 0;

        margin-right: 0; } }

  blockquote.alignright {

    margin-left: 30px;

    margin-right: -35px; }

    @media (max-width: 767px) {

      blockquote.alignright {

        margin-left: 0;

        margin-right: 0; } }



.fancybox-slider-wrap .fancybox-close-small {

  line-height: normal;

  min-width: 0;

  padding: 0; }

  .fancybox-slider-wrap .fancybox-close-small:hover {

    background: none; }



.fancybox-close-small {

  box-shadow: none;

  min-width: 0;

  width: 44px;

  height: 44px;

  background: none;

  background-image: url(images/default/close-popup-btn.png);

  background-size: 100% 100%;

  background-repeat: no-repeat;

  right: -60px; }

  @media (max-width: 1160px) {

    .fancybox-close-small {

      right: 0; } }

  .fancybox-close-small:hover {

    opacity: .7; }

  .fancybox-close-small:after {

    display: none; }



.fancybox-slide > * {

  background: none;

  padding: 0; }



.no-border {

  border: 0 !important; }



.fancybox-slide .popup-wrapper {

  overflow: initial; }

  @media (max-width: 767px) {

    .fancybox-slide .popup-wrapper {

      padding: 0 15px; } }

  @media (max-width: 767px) {

    .fancybox-slide .popup-wrapper .col_50 {

      width: 100%; } }

  .fancybox-slide .popup-wrapper h3 {

    text-align: center;

    color: #fff;

    font-size: 4.4rem;

    font-weight: 300;

    margin-bottom: 25px; }

    @media (max-width: 767px) {

      .fancybox-slide .popup-wrapper h3 {

        font-size: 3rem;

        margin-bottom: 15px; } }

  .fancybox-slide .popup-wrapper .popup-content {

    background-color: #fff;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    padding: 40px 40px;

    background-position: left bottom;

    background-repeat: no-repeat; }

    @media (max-width: 767px) {

      .fancybox-slide .popup-wrapper .popup-content {

        padding: 15px 20px;

        background-image: none !important; } }

    .fancybox-slide .popup-wrapper .popup-content h6 {

      margin-bottom: 0px;

      font-size: 1.4rem;

      font-weight: 700; }

    .fancybox-slide .popup-wrapper .popup-content p {

      font-size: 1.4rem;

      font-weight: 300;

      margin-bottom: 20px;

      line-height: 18px; }

    .fancybox-slide .popup-wrapper .popup-content form .input-block {

      margin-bottom: 20px; }

    .fancybox-slide .popup-wrapper .popup-content form p {

      margin-bottom: 10px; }

    .fancybox-slide .popup-wrapper .popup-content form .button {

      margin-top: 30px;

      margin-bottom: 30px; }

    .fancybox-slide .popup-wrapper .popup-content .centered-content p {

      font-size: 1.7rem;

      line-height: 22px;

      margin: 0;

      font-weight: 400; }



.fancybox-bg {

  background: #000; }



.fancybox-container--ready .fancybox-bg {

  opacity: .8;

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }



.picker__holder {

  min-width: 350px; }

  .picker__holder .picker__button--today, .picker__holder .picker__button--clear, .picker__holder .picker__button--close {

    min-width: 0;

    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

    color: #676767;

    height: auto;

    line-height: normal; }



.picker--opened .picker__holder {

  border: 0;

  outline: 0; }



.hamburger .hamburger-box {

  width: 24px;

  height: 100%;

  top: 0; }

  .hamburger .hamburger-box .hamburger-inner {

    width: 100%;

    height: 2px;

    background: #676767;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px; }

    .hamburger .hamburger-box .hamburger-inner:before, .hamburger .hamburger-box .hamburger-inner:after {

      width: 100%;

      height: 2px;

      background: #676767;

      -webkit-border-radius: 2px;

      -moz-border-radius: 2px;

      border-radius: 2px; }

    .hamburger .hamburger-box .hamburger-inner:before {

      top: -8px; }

    .hamburger .hamburger-box .hamburger-inner:after {

      bottom: -8px; }

.hamburger.hamburger--squeeze.is-active .hamburger-inner:before {

  top: 0; }

.hamburger.hamburger--squeeze.is-active .hamburger-inner:after {

  bottom: 0; }



.mm-opened .hamburger.hamburger--squeeze .hamburger-inner {

  transition-delay: .12s;

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  transform: rotate(45deg); }

  .mm-opened .hamburger.hamburger--squeeze .hamburger-inner:before {

    top: 0;

    transition: top 75ms ease,opacity 75ms ease .12s;

    opacity: 0; }

  .mm-opened .hamburger.hamburger--squeeze .hamburger-inner:after {

    bottom: 0;

    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;

    transform: rotate(-90deg); }



.slick-dotted.slick-slider {

  margin-bottom: 0; }



.slick-slider .slick-slide {

  outline: 0;

  border: 0; }

.slick-slider .slick-dots {

  bottom: 60px; }

  @media (max-width: 767px) {

    .slick-slider .slick-dots {

      bottom: 20px; } }

  .slick-slider .slick-dots li {

    margin: 0 10px; }

    .slick-slider .slick-dots li button {

      min-width: 0;

      padding: 0;

      width: 10px;

      height: 10px;

      -webkit-border-radius: 9px;

      -moz-border-radius: 9px;

      border-radius: 9px;

      background: #c2c0c6;

      box-shadow: none; }

      .slick-slider .slick-dots li button:before {

        display: none; }

    .slick-slider .slick-dots li.slick-active button {

      background: #db802d; }

.slick-slider .slick-prev, .slick-slider .slick-next {

  width: 65px;

  height: 65px;

  background-image: url(images/default/controls.png);

  background-position: 0 0;

  background-repeat: no-repeat;

  background-size: auto 100%;

  min-width: 0;

  box-shadow: none;

  border: 1px solid #fff;

  z-index: 999; }

  .slick-slider .slick-prev:before, .slick-slider .slick-next:before {

    display: none; }

.slick-slider .slick-prev {

  left: 0; }

  @media (max-width: 1160px) {

    .slick-slider .slick-prev {

      left: 30px; } }

.slick-slider .slick-next {

  right: 0;

  background-position: -65px 0; }

  @media (max-width: 1160px) {

    .slick-slider .slick-next {

      right: 30px; } }



.sep {

  margin-bottom: 30px;

  height: 1px;

  background: #cccccc;

  display: block;

  clear: both;

  width: 100%;

  margin-top: 50px; }

  .sep:before, .sep:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .sep:after {

    clear: both; }



.clear:before, .clear:after {

  content: "";

  visibility: hidden;

  height: 0;

  display: table; }

.clear:after {

  clear: both; }



img {

  max-width: 100%; }



.tabs-wrapper .tab-wrapper .tab {

  display: none; }

  .tabs-wrapper .tab-wrapper .tab.active {

    display: block; }



.hide {

  display: none !important; }



@media (max-width: 767px) {

  .container {

    overflow: hidden; }

    .container.visible {

      overflow: visible; } }



.accordion-wrapper .accordion-item {

  border-bottom: 1px solid #cccccc; }

  .accordion-wrapper .accordion-item .accordion-header {

    position: relative;

    padding: 10px 10px 10px 27px;

    margin-top: 5px;

    margin-bottom: 5px;

    cursor: pointer; }

    .accordion-wrapper .accordion-item .accordion-header:before {

      content: "";

      width: 8px;

      height: 6px;

      position: absolute;

      left: 10px;

      top: 16px;

      background-image: url(images/accordion-arrow.png);

      background-position: 0 0;

      background-repeat: no-repeat;

      background-size: 100%; }

    .accordion-wrapper .accordion-item .accordion-header h6 {

      margin: 0;

      font-size: 1.6rem;

      font-weight: 600;

      font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

  .accordion-wrapper .accordion-item .accordion-hidden-content {

    margin-top: 5px;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.3s ease-out; }

    .accordion-wrapper .accordion-item .accordion-hidden-content p {

      margin-left: 30px;

      font-size: 1.4rem;

      line-height: 20px;

      margin-bottom: 15px; }

      @media (max-width: 767px) {

        .accordion-wrapper .accordion-item .accordion-hidden-content p {

          margin-left: 0; } }

  .accordion-wrapper .accordion-item.active .accordion-header:before {

    background-position: 0 -6px; }

  .accordion-wrapper .accordion-item.active .accordion-hidden-content {

    max-height: 700px;

    transition: max-height 0.4s ease-in; }



.mb {

  margin-bottom: 25px; }



.small-mb {

  margin-bottom: 14px; }



.mt {

  margin-top: 60px; }



.small-mt {

  margin-top: 40px; }



.no-mb {

  margin-bottom: 0; }



.fix-load-section {

  width: 100%;

  display: inline-block;

  margin-bottom: 50px;

  margin-top: 20px; }



.complete-height {

  height: 100%; }



.keep-margin {

  margin-bottom: 14px; }

  @media (max-width: 950px) {

    .keep-margin {

      margin-bottom: 0px; } }



@media (max-width: 950px) {

  .mobile-mb {

    margin-bottom: 25px; } }



.greyscale {

  -webkit-filter: grayscale(100%);

  /* Chrome, Safari, Opera */

  filter: grayscale(100%); }



.fancybox-controls button {

  min-width: 0; }



.grid-sizer,

.grid-item {

  width: 25%;

  height: 224px;

  padding: 1px; }

  @media (max-width: 767px) {

    .grid-sizer,

    .grid-item {

      width: 50%; } }



/* 2 columns wide */

.grid-item--width2 {

  width: 50%; }



.grid-item--height2 {

  height: 450px; }



.video-wrapper {

  position: relative;

  /* padding-bottom: 56.25%; */

  padding-bottom: 52.65%;

  padding-top: 30px;

  height: 0;

  overflow: hidden; }

  .video-wrapper iframe, .video-wrapper object, .video-wrapper embed {

    position: absolute;

    top: -1px;

    left: 0;

    width: 100%;

    height: 100%;

    border: 5px solid #f7f7f7; }



.sticky-scroll-box.fixed {

  position: fixed;

  top: 0;

  z-index: 99999; }

.sticky-scroll-box.bottom-fixed {

  bottom: 20px;

  left: 0;

  position: absolute; }



.page-content {

  padding-top: 150px;

  /*padding-top: 90px;*/

  /*&.homepage{

  	padding-top: 120px;

  }*/ }

  @media (max-width: 767px) {

    .page-content {

      /*padding-top: 90px;*/

      padding-top: 50px; } }



.body-style-image {

  background-position: top center;

  background-repeat: no-repeat;

  background-repeat: no-repeat;

  background-size: 100% auto;

  top: 0;

  /* z-index: -1; */

  position: fixed;

  width: 100%;

  height: 100%; }

  @media (max-width: 950px) {

    .body-style-image {

      background-size: auto; } }



.featured-post-area {

  padding-top: 250px;

  text-align: center; }

  @media (max-width: 767px) {

    .featured-post-area {

      padding-top: 150px; } }

  .featured-post-area.featured-post-area-home {

    padding-top: 150px;

    padding-bottom: 100px; }

    @media (max-width: 767px) {

      .featured-post-area.featured-post-area-home {

        padding-top: 70px;

        padding-bottom: 70px; } }

  .featured-post-area h5 {

    font-family: 'Stardos Stencil', cursive;

    font-size: 43px;

    text-transform: uppercase;

    color: #fff !important;

    line-height: 1.4em;

    margin-bottom: 30px;

    font-weight: 900; }

    @media (max-width: 767px) {

      .featured-post-area h5 {

        font-size: 25px; } }

    .featured-post-area h5 a {

      font-family: 'Stardos Stencil', cursive;

      font-weight: 900;

      color: #fff !important; }

  .featured-post-area p a {

    font-family: 'Stardos Stencil', cursive;

    font-weight: 400;

    color: #fff !important;

    text-transform: uppercase;

    font-size: 34px; }

    @media (max-width: 767px) {

      .featured-post-area p a {

        font-size: 20px; } }



.wide-banner-wrapper {

  padding-top: 20px;

  margin-left: -20px;

  margin-right: -20px;

  margin-bottom: 26px; }

  @media (max-width: 1160px) {

    .wide-banner-wrapper {

      margin-left: -10px;

      margin-right: -10px; } }

  @media (max-width: 950px) {

    .wide-banner-wrapper {

      margin-left: 0;

      margin-right: 0; } }



.square-banner-wrapper {

  margin-bottom: 16px; }

  .square-banner-wrapper span.banner-title {

    font-size: 1.1rem;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    color: #656565;

    margin-bottom: 15px;

    margin-top: 10px;

    display: none;

    text-align: left !important; }

    @media (max-width: 767px) {

      .square-banner-wrapper span.banner-title {

        display: block; } }

  @media (max-width: 767px) {

    .square-banner-wrapper {

      text-align: center; } }

  .square-banner-wrapper img {

    margin-bottom: 14px;

    margin-left: auto;

    margin-right: auto; }

    @media (max-width: 767px) {

      .square-banner-wrapper img {

        display: block; } }

    .square-banner-wrapper img:last-child {

      margin: 0;

      margin-left: auto;

      margin-right: auto; }



.split-content:before, .split-content:after {

  content: "";

  visibility: hidden;

  height: 0;

  display: table; }

.split-content:after {

  clear: both; }

.split-content .left-content {

  display: inline-block;

  float: left;

  width: calc(100% - 300px);

  padding-right: 16px; }

  @media (max-width: 767px) {

    .split-content .left-content {

      width: 100%;

      margin-bottom: 15px;

      padding-right: 0; } }

  .split-content .left-content.right {

    float: right;

    padding-right: 0;

    padding-left: 16px; }

    @media (max-width: 950px) {

      .split-content .left-content.right {

        padding-left: 0; } }

.split-content .sidebar {

  display: inline-block;

  float: left;

  width: 300px; }

  @media (max-width: 767px) {

    .split-content .sidebar {

      width: 100%;

      margin-bottom: 15px; } }

  .split-content .sidebar a.more-btn {

    margin-bottom: 15px; }

  .split-content .sidebar .widget {

    margin-bottom: 14px; }

    .split-content .sidebar .widget a.more-btn {

      margin-bottom: 0px; }



.articles-listing article.article-item {

  background: #fff;

  padding: 15px;

  margin-bottom: 14px; }

  .articles-listing article.article-item a.image {

    display: inline-block;

    width: 100%;

    margin-bottom: 13px; }

    .articles-listing article.article-item a.image img {

      width: 100%; }

  .articles-listing article.article-item .meta-info {

    display: inline-block;

    width: 100%;

    margin-bottom: 5px;

    line-height: 16px; }

    .articles-listing article.article-item .meta-info a, .articles-listing article.article-item .meta-info span {

      line-height: inherit;

      display: inline-block;

      float: left;

      margin-right: 10px;

      text-transform: uppercase;

      font-size: 1.3rem;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      font-weight: 300;

      color: #656565; }

    .articles-listing article.article-item .meta-info.full a, .articles-listing article.article-item .meta-info.full span {

      width: 100%; }

  .articles-listing article.article-item h4 {

    font-size: 2.2rem;

    font-weight: 300;

    line-height: 26px;

    margin-bottom: 10px;

    margin-top: 5px; }

  @media (max-width: 767px) {

    .articles-listing article.article-item .mobile-same-size h4 {

      font-size: 1.6rem !important;

      line-height: 16px;

      margin-top: 0;

      margin-bottom: 5px; } }

  .articles-listing article.article-item > div:last-child {

    margin-bottom: 0; }

  .articles-listing article.article-item.small h4 {

    font-size: 1.5rem;

    line-height: 16px;

    margin-top: 0;

    margin-bottom: 5px; }

  .articles-listing article.article-item.smaller h4 {

    font-size: 1.3rem;

    line-height: 16px;

    margin-top: 0;

    margin-bottom: 5px; }

  .articles-listing article.article-item .col_50 a.image, .articles-listing article.article-item .col_66 a.image, .articles-listing article.article-item .col_33 a.image {

    margin-bottom: 0; }

    @media (max-width: 950px) {

      .articles-listing article.article-item .col_50 a.image, .articles-listing article.article-item .col_66 a.image, .articles-listing article.article-item .col_33 a.image {

        margin-bottom: 7px; } }

  .articles-listing article.article-item.big {

    height: 100%; }

    .articles-listing article.article-item.big .custom-style {

      line-height: 28px; }

      .articles-listing article.article-item.big .custom-style a {

        font-size: 2.8rem;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        font-weight: 100; }

    @media (max-width: 767px) {

      .articles-listing article.article-item.big .mobile-same-size .custom-style a {

        font-size: 1.3rem !important;

        font-weight: 300 !important; } }

    .articles-listing article.article-item.big h4 {

      font-size: 2.6rem; }

  .articles-listing article.article-item.no-mb {

    margin-bottom: 0; }

    @media (max-width: 767px) {

      .articles-listing article.article-item.no-mb {

        margin-bottom: 14px; } }

  .articles-listing article.article-item p {

    font-size: 1.3rem;

    line-height: 16px;

    margin-top: 10px; }

.articles-listing.list-style {

  padding: 20px 25px;

  background: #fff; }

  .articles-listing.list-style article.article-item {

    display: inline-block;

    width: 100%;

    padding: 0;

    background: none;

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid #cccccc; }

    .articles-listing.list-style article.article-item a.image {

      display: inline-block;

      float: left;

      width: 162px;

      margin-bottom: 0; }

      @media (max-width: 767px) {

        .articles-listing.list-style article.article-item a.image {

          width: 100%;

          margin-bottom: 10px; } }

    .articles-listing.list-style article.article-item .text-content {

      width: calc(100% - 162px);

      padding-left: 30px;

      display: inline-block;

      float: left; }

      .articles-listing.list-style article.article-item .text-content .meta-info {

        margin-bottom: 0; }

        .articles-listing.list-style article.article-item .text-content .meta-info span {

          border-right: 1px solid #cccccc;

          padding-right: 7px; }

      .articles-listing.list-style article.article-item .text-content h4 {

        font-size: 1.6rem;

        line-height: 20px; }

      .articles-listing.list-style article.article-item .text-content p {

        color: #676767;

        margin-bottom: 0;

        font-size: 1.3rem;

        line-height: 16px; }

        @media (max-width: 767px) {

          .articles-listing.list-style article.article-item .text-content p {

            margin-bottom: 10px; } }

      @media (max-width: 767px) {

        .articles-listing.list-style article.article-item .text-content {

          width: 100%;

          padding-left: 0; } }



.widget {

  background: #fff;

  margin-bottom: 14px; }

  .widget .widget-title {

    border-bottom: 1px solid #cccccc;

    padding: 25px 25px;

    position: relative;

    background: #fff;

    margin: 0;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    font-weight: 100; }

  .widget .articles-listing {

    padding: 20px 20px; }

    .widget .articles-listing .sep {

      margin-bottom: 18px;

      margin-top: 0; }

    .widget .articles-listing article.article-item {

      overflow: hidden;

      padding: 0;

      background: none; }

      .widget .articles-listing article.article-item a.image {

        width: 75px;

        display: inline-block;

        float: left;

        margin-bottom: 0; }

      .widget .articles-listing article.article-item .text-content {

        display: inline-block;

        float: left;

        width: calc(100% - 75px);

        padding-left: 20px; }

      .widget .articles-listing article.article-item .meta-info {

        margin: 0; }

        .widget .articles-listing article.article-item .meta-info a, .widget .articles-listing article.article-item .meta-info span {

          width: 100%; }

      .widget .articles-listing article.article-item h4 {

        margin-top: 2px;

        margin-bottom: 2px;

        font-weight: 300; }

      .widget .articles-listing article.article-item.wide {

        margin-bottom: 15px; }

        .widget .articles-listing article.article-item.wide a.image {

          width: 100%;

          margin-bottom: 10px; }

        .widget .articles-listing article.article-item.wide .text-content {

          width: 100%;

          padding-left: 0; }

          .widget .articles-listing article.article-item.wide .text-content h4 {

            margin-bottom: 10px;

            line-height: 22px; }

        .widget .articles-listing article.article-item.wide .meta-info {

          margin: 0; }

          .widget .articles-listing article.article-item.wide .meta-info a, .widget .articles-listing article.article-item.wide .meta-info span {

            width: auto; }



a.more-btn {

  display: inline-block;

  position: relative;

  z-index: 10;

  padding-left: 33px;

  font-size: 1.3rem;

  text-transform: uppercase;

  font-family: "Kanit", Arial, Helvetica, sans-serif;

  color: #656565; }

  a.more-btn:before {

    content: "";

    width: 22px;

    height: 22px;

    position: absolute;

    left: 0;

    top: -2px;

    background-image: url(images/more-icon.png);

    background-size: 100% auto;

    background-position: center center;

    background-repeat: no-repeat; }



.section-headline {

  border-bottom: 1px solid #cccccc;

  padding: 25px 25px;

  position: relative;

  background: #fff;

  font-size: 0; }

  .section-headline h3 {

    margin: 0;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    font-weight: 100; }

    @media (max-width: 950px) {

      .section-headline h3 {

        font-size: 2.4rem; } }

  .section-headline .more-btn {

    position: absolute;

    right: 35px;

    top: 32px; }



.articles-rotator {

  background: #fff;

  margin-left: 0;

  margin-right: 0;

  padding: 16px 20px;

  overflow: hidden;

  margin-bottom: 17px; }

  .articles-rotator article.article-item {

    padding: 0;

    background: none; }

  .articles-rotator .tab-wrapper {

    display: inline-block;

    width: 65%;

    float: left;

    padding-right: 14px; }

    @media (max-width: 950px) {

      .articles-rotator .tab-wrapper {

        width: 100%;

        padding-right: 0; } }

  .articles-rotator .navigator {

    display: inline-block;

    width: 35%;

    float: left;

    padding: 0 14px;

    border-left: 1px solid #cccccc;

    height: 360px;

    overflow: hidden;

    position: relative; }

    @media (max-width: 950px) {

      .articles-rotator .navigator {

        display: none; } }

    .articles-rotator .navigator article.article-item a.image {

      margin-bottom: 7px; }

    .articles-rotator .navigator article.article-item .meta-info {

      margin-bottom: 0px; }

  .articles-rotator .ps__scrollbar-x-rail {

    display: none !important; }



.ps > .ps__scrollbar-y-rail {

  width: 1px;

  background: #cccccc;

  display: block;

  opacity: 1;

  background-color: #cccccc !important; }



.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {

  background: #000;

  width: 3px;

  right: -1px;

  display: block;

  opacity: 1; }



.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {

  width: 3px; }



.mobile-banner {

  margin-bottom: 15px; }

  .mobile-banner img {

    width: 100%; }

    @media (max-width: 767px) {

      .mobile-banner img {

        width: auto;

        display: block;

        margin: 0 auto; } }

  .mobile-banner span.banner-title {

    font-size: 1.1rem;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    color: #656565;

    margin-bottom: 15px;

    margin-top: 10px;

    display: block;

    padding-left: 5%; }

  .mobile-banner.wide {

    margin-left: -5%;

    margin-right: -5%; }



.load-more-wrapper {

  height: 250px;

  background: #000; }

  @media (max-width: 767px) {

    .load-more-wrapper {

      height: 135px; } }

  .load-more-wrapper a.load-more-btn {

    width: 38px;

    height: 40px;

    display: block;

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    margin: 0 auto;

    background-image: url(images/load-more-icon.png);

    background-size: 100% auto;

    background-repeat: no-repeat; }



.perfect-pullquote blockquote {

  border-top: 7px solid #000 !important;

  padding-top: 20px !important;

  display: inline-block !important;

  font-size: 2.2rem !important;

  line-height: 27px !important;

  color: #656565 !important;

  margin-bottom: 40px !important;

  max-width: 310px !important;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;

  font-weight: 700 !important; }

  @media (max-width: 767px) {

    .perfect-pullquote blockquote {

      max-width: 100% !important; } }

  .perfect-pullquote blockquote p {

    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif !important;

    color: #656565 !important;

    font-size: 2.2rem !important;

    line-height: 27px !important;

    font-weight: 700 !important;

    margin-bottom: 0 !important; }

  .perfect-pullquote blockquote footer {

    margin-top: 4px;

    padding: 0px;

    box-shadow: none; }

    .perfect-pullquote blockquote footer:before {

      content: none !important; }

    .perfect-pullquote blockquote footer cite {

      font-style: normal !important; }

.perfect-pullquote.pullquote-align-full {

  width: 100%;

  border-left: none;

  max-width: 100%;

  width: 100%;

  margin-left: 0 !important;

  padding-left: 0 !important; }

  .perfect-pullquote.pullquote-align-full blockquote {

    float: none;

    display: block !important;

    margin: 0 auto !important;

    margin-left: 0 !important; }

    @media (max-width: 767px) {

      .perfect-pullquote.pullquote-align-full blockquote {

        max-width: 100% !important; } }

.perfect-pullquote.pullquote-align-left, .perfect-pullquote.pullquote-align-right {

  margin: 0;

  padding-right: 0;

  border-left: none;

  border-right: none;

  width: auto;

  max-width: 300px;

  padding-bottom: 0px; }

  @media (max-width: 767px) {

    .perfect-pullquote.pullquote-align-left, .perfect-pullquote.pullquote-align-right {

      margin-left: 0 !important;

      margin-right: 0 !important;

      padding-left: 0 !important;

      width: 100% !important;

      max-width: 100% !important;

      margin-bottom: 0 !important;

      padding-bottom: 0 !important; } }

.perfect-pullquote.pullquote-align-left {

  margin-right: 30px;

  margin-left: -35px; }

.perfect-pullquote.pullquote-align-right {

  text-align: left;

  float: right;

  margin-right: -35px;

  margin-left: 35px; }



.photo-article-slider-wrapper {

  position: fixed;

  top: 60px;

  left: 0;

  z-index: 1;

  width: 100%;

  transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  background: #000; }

  @media (max-width: 767px) {

    .photo-article-slider-wrapper {

      z-index: 99999;

      top: 0;

      opacity: 0;

      visibility: hidden;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; } }

  @media (max-width: 767px) {

    .photo-article-slider-wrapper.visible {

      opacity: 1;

      visibility: visible; } }

  .photo-article-slider-wrapper.sticky-header {

    top: 60px; }

    @media (max-width: 767px) {

      .photo-article-slider-wrapper.sticky-header {

        top: 0; } }

  .photo-article-slider-wrapper a.close-slider {

    display: none;

    position: absolute;

    top: 11px;

    right: 15px;

    z-index: 10;

    width: 30px;

    padding: 5px; }

    .photo-article-slider-wrapper a.close-slider img {

      width: 100%; }

    @media (max-width: 767px) {

      .photo-article-slider-wrapper a.close-slider {

        display: inline-block; } }

  .photo-article-slider-wrapper .slide-item {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    /* background-size: 100% auto; */

    opacity: .2;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    position: relative;

   /*

  .block-post-image{ 

  	img {

  		@include mobile {

  			position: relative;

  		  	top: 50%;

  		  	transform: translateY(-50%);

  		}

  	} 

  }*/ }

    .photo-article-slider-wrapper .slide-item.slick-active {

      opacity: 1; }

    @media (max-width: 767px) {

      .photo-article-slider-wrapper .slide-item {

        background-size: 100% auto;

        opacity: 1;

        height: 100vh; } }

    .photo-article-slider-wrapper .slide-item .bottom-content {

      position: absolute;

      left: 0;

      bottom: -20px;

      background: #000;

      padding: 30px 70px;

      cursor: pointer;

      z-index: 10;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease;

      width: 100%; }

      @media (max-width: 767px) {

        .photo-article-slider-wrapper .slide-item .bottom-content {

                  /*

	padding: 20px 30px;

	bottom: 0; */

          position: relative;

          bottom: auto;

          left: auto;

          padding: 20px 30px; } }

      .photo-article-slider-wrapper .slide-item .bottom-content:before {

        content: "";

        width: 14px;

        height: 7px;

        background-image: url(images/content-arrows.png);

        background-size: 100% auto;

        background-repeat: no-repeat;

        background-position: 0 -7px;

        position: absolute;

        left: 24px;

        top: 35px; }

        @media (max-width: 767px) {

          .photo-article-slider-wrapper .slide-item .bottom-content:before {

            display: none; } }

      .photo-article-slider-wrapper .slide-item .bottom-content p {

        font-size: 1.3rem;

        font-weight: 300;

        text-transform: uppercase;

        color: #fff;

        line-height: normal;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        text-transform: uppercase;

        letter-spacing: 0.05em;

        margin-bottom: 20px; }

        @media (max-width: 767px) {

          .photo-article-slider-wrapper .slide-item .bottom-content p {

            font-size: 1rem; } }

        .photo-article-slider-wrapper .slide-item .bottom-content p span {

          margin-right: 25px; }

          .photo-article-slider-wrapper .slide-item .bottom-content p span img {

            width: 22px;

            margin-right: 7px;

            display: inline;

            margin-left: 10px; }

      .photo-article-slider-wrapper .slide-item .bottom-content .social-networks {

        overflow: hidden; }

        .photo-article-slider-wrapper .slide-item .bottom-content .social-networks a {

          display: inline-block;

          float: left;

          width: 25px;

          height: 25px;

          margin-right: 9px;

          font-size: 1.2rem;

          color: #fff;

          text-align: center;

          line-height: 25px; }

          .photo-article-slider-wrapper .slide-item .bottom-content .social-networks a.facebook {

            background: #3b5999; }

          .photo-article-slider-wrapper .slide-item .bottom-content .social-networks a.twitter {

            background: #55acee; }

      .photo-article-slider-wrapper .slide-item .bottom-content.active {

        bottom: 0; }

        .photo-article-slider-wrapper .slide-item .bottom-content.active:before {

          background-position: 0 0px; }



.pagination-wrapper {

  padding: 20px 0;

  text-align: center; }

  .pagination-wrapper a, .pagination-wrapper span {

    display: inline-block;

    font-size: 1.3rem;

    font-weight: 300;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    margin: 0 12px;

    color: #656565;

    opacity: 0.8; }

    .pagination-wrapper a.active, .pagination-wrapper a.current, .pagination-wrapper a:hover, .pagination-wrapper span.active, .pagination-wrapper span.current, .pagination-wrapper span:hover {

      color: #000;

      opacity: 1; }



.text-content ul li {

  list-style: disc outside none;

  display: list-item;

  margin: 0 0 18px;

  margin-left: 1em;

  font-size: 1.6rem;

  line-height: 24px;

  font-weight: 300;

  color: #676767;

  letter-spacing: normal;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



.text-content ol li {

  list-style: decimal;

  display: list-item;

  list-style-position: inside;

  margin: 0 0 18px;

  font-size: 1.6rem;

  line-height: 24px;

  font-weight: 300;

  color: #676767;

  letter-spacing: normal;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }



.events-listing article.event-item {

  padding: 35px 0;

  border-top: 1px solid #cccccc;

  display: inline-block;

  width: 100%; }

  .events-listing article.event-item .meta-info {

    display: inline-block;

    width: 100%;

    margin-bottom: 5px;

    line-height: 16px; }

    @media (max-width: 950px) {

      .events-listing article.event-item .meta-info {

        margin-bottom: 10px; } }

    .events-listing article.event-item .meta-info a, .events-listing article.event-item .meta-info span {

      line-height: inherit;

      display: inline-block;

      float: left;

      margin-right: 0px;

      text-transform: uppercase;

      font-size: 1.3rem;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      font-weight: 300;

      color: #8a8a8a;

      width: 100%; }

      @media (max-width: 950px) {

        .events-listing article.event-item .meta-info a, .events-listing article.event-item .meta-info span {

          width: auto;

          margin-right: 15px; } }

  .events-listing article.event-item a.image {

    display: inline-block;

    width: 60%;

    float: left; }

  .events-listing article.event-item a.mobile-image {

    margin-bottom: 15px; }

    .events-listing article.event-item a.mobile-image img {

      width: 100%; }

  .events-listing article.event-item .text-content {

    display: inline-block;

    width: 40%;

    float: left;

    padding-right: 60px; }

    .events-listing article.event-item .text-content p {

      font-size: 1.5rem;

      line-height: 23px;

      color: #8a8a8a; }

    .events-listing article.event-item .text-content h3 {

      text-transform: none; }

      @media (max-width: 950px) {

        .events-listing article.event-item .text-content h3 {

          margin-bottom: 10px; } }

      @media (max-width: 767px) {

        .events-listing article.event-item .text-content h3 {

          font-size: 2.2rem;

          line-height: normal; } }

    @media (max-width: 950px) {

      .events-listing article.event-item .text-content {

        width: 100%;

        padding-right: 0; } }



.container-weidth {

  margin-left: -20px;

  margin-right: -20px; }

  @media (max-width: 950px) {

    .container-weidth {

      margin-left: 0;

      margin-right: 0; } }



.wrapp_slider_home {

  margin-bottom: 30px; }

  .wrapp_slider_home .wrapp_slider_home_title {

    background: #db802d;

    padding: 10px 15px;

    margin-bottom: 15px; }

    .wrapp_slider_home .wrapp_slider_home_title p {

      margin-bottom: 0;

      color: #fff; }

  .wrapp_slider_home .wrapp_slider_home_ul_sld {

    background: #fff;

    padding: 15px; }

    .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp {

      padding: 0 10px;

      position: relative; }

      @media (max-width: 767px) {

        .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp {

          padding: 0 5px; } }

      .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info-add {

        position: absolute;

        top: 0;

        right: 10px;

        background: rgba(255, 255, 255, 0.5);

        padding: 0 7px;

        font-size: 10px; }

        @media (max-width: 767px) {

          .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info-add {

            right: 5px; } }

      .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-featured {

        width: 100%;

        height: 120px;

        display: inline-block;

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center center;

        margin-bottom: 15px; }

        @media (max-width: 767px) {

          .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-featured {

            height: 170px; } }

        @media (max-width: 480px) {

          .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-featured {

            height: 155px; } }

        .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-featured.single-slide-featured-ad {

          height: 191px; }

          @media (max-width: 767px) {

            .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-featured.single-slide-featured-ad {

              height: 221px; } }

      .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info .single-slide-info-author {

        font-weight: 300;

        color: #656565;

        font-size: 13px;

        margin-bottom: 5px;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        line-height: 1em; }

        .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info .single-slide-info-author a {

          border-bottom: none;

          font-weight: 300;

          color: #656565;

          font-size: 13px;

          font-family: "Kanit", Arial, Helvetica, sans-serif; }

      .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info .single-slide-info-title {

        margin-bottom: 5px;

        line-height: 1.2em; }

        .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info .single-slide-info-title a {

          border-bottom: none;

          color: #000;

          font-size: 13px;

          font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

          font-weight: 400;

          line-height: 1em; }

          .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .single-slide-wrapp .single-slide-info .single-slide-info-title a:hover {

            color: #db802d; }

    .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .slick-list {

      padding: 0 50px 0 0 !important; }

      @media (max-width: 767px) {

        .wrapp_slider_home .wrapp_slider_home_ul_sld .wrapp_slider_home_ul .slick-list {

          padding: 0 25px 0 0 !important; } }

  .wrapp_slider_home .slick-slider .slick-next,

  .wrapp_slider_home .slick-slider .slick-prev {

    background-image: url(images/arrows-slider.png);

    border: none;

    width: 30px;

    height: 30px;

    z-index: 999999;

    background-size: initial; }

  .wrapp_slider_home .slick-slider .slick-next {

    right: -50px;

    background-position: -30px -35px; }

    .wrapp_slider_home .slick-slider .slick-next:hover {

      background-position: -30px -1px; }

  .wrapp_slider_home .slick-slider .slick-prev {

    left: -50px;

    background-position: -1px -35px; }

    .wrapp_slider_home .slick-slider .slick-prev:hover {

      background-position: -1px -1px; }



.innerslider .onload_loading {

  background: #fff;

  min-height: 250px; }

  .innerslider .onload_loading img {

    margin-top: 0;

    margin-bottom: 50px; }



.slider-posts-mobileview {

  margin-top: 10px; }



.popup-bottom {

  position: fixed;

  /*bottom: 0;*/

  bottom: -100%;

  right: 20px;

  z-index: 9999;

  background: #db802d;

  width: 210px;

  transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease; }

  .popup-bottom .popup-bottom-img {

    width: 100%;

    height: 250px;

    display: inline-block;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    font-size: 0; }

  .popup-bottom .popup-bottom-text {

    position: relative; }

    .popup-bottom .popup-bottom-text .popup-bottom-text-individual {

      padding: 7px 29px 7px 10px;

      color: #fff; }

      .popup-bottom .popup-bottom-text .popup-bottom-text-individual p {

        color: #fff;

        margin-bottom: 0;

        font-size: 14px; }

    .popup-bottom .popup-bottom-text .close-me-popup {

      position: absolute;

      right: 13px;

      top: 8px;

      color: #fff;

      opacity: 0.5;

      font-size: 22px;

      font-weight: 300;

      z-index: 9999;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      background-image: url(images/close-popup-bottom.png);

      background-repeat: no-repeat;

      background-size: contain;

      width: 20px;

      height: 20px; }

      .popup-bottom .popup-bottom-text .close-me-popup:hover {

        opacity: 1; }

  @media (max-width: 767px) {

    .popup-bottom.second_type {

      right: 0;

      width: 200px; } }

  .popup-bottom.second_type .popup-bottom-img {

    display: block; }

  .popup-bottom.second_type .close-me-popup-2 {

    position: absolute;

    right: 5px;

    top: 8px;

    color: #fff;

    font-size: 22px;

    font-weight: 300;

    z-index: 9999;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    background-image: url(images/close-popup-bottom-2.png);

    background-repeat: no-repeat;

    background-size: contain;

    width: 20px;

    height: 20px; }

  .popup-bottom.second_type .popup-bottom-text {

    position: absolute;

    right: 210px;

    bottom: 0;

    background: #e6007d;

    -webkit-border-top-left-radius: 30px;

    -moz-border-radius-topleft: 30px;

    border-top-left-radius: 30px;

    min-width: 90px; }

    @media (max-width: 767px) {

      .popup-bottom.second_type .popup-bottom-text {

        right: 200px; } }

    .popup-bottom.second_type .popup-bottom-text .close-me-popup {

      width: 12px;

      height: 12px;

      right: 3px;

      top: 5px; }

    .popup-bottom.second_type .popup-bottom-text .popup-bottom-text-individual {

      padding: 8px 14px 3px 19px; }

      .popup-bottom.second_type .popup-bottom-text .popup-bottom-text-individual h6 {

        margin-bottom: 0px;

        font-size: 27px;

        font-weight: 700;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        color: #fff;

        line-height: 1em; }

      .popup-bottom.second_type .popup-bottom-text .popup-bottom-text-individual p {

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        font-size: 23px;

        font-weight: 700;

        line-height: 0.8em; }



*:focus {

  outline: none; }



header {

  font-size: 0;

  background: #fff;

  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.35), inset 0px 1px 0px 0px rgba(204, 204, 204, 0.004);

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999999; }

  header .hidden-subscribe {

    display: none;

    background: #fff;

    position: fixed;

    top: 85px;

    left: 0;

    width: 100%;

    height: calc(100% - 85px);

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    overflow: auto; }

    @media (max-width: 767px) {

      header .hidden-subscribe {

        top: 70px;

        height: calc(100% - 70px); } }

    @media (max-width: 767px) {

      header .hidden-subscribe .container {

        overflow: auto; } }

  header .top-header {

    padding: 15px 35px 10px;

    display: inline-block;

    width: 100%;

    position: relative;

    border-bottom: 1px solid #cccccc;

    height: 85px;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease; }

    @media (max-width: 767px) {

      header .top-header {

        border-bottom: 0;

        padding: 10px 20px 5px;

        height: 70px; } }

    header .top-header .white-logo {

      display: none; }

    header .top-header .dark-logo {

      display: block; }

    header .top-header a.slide-menu {

      position: relative;

      z-index: 10;

      display: inline-block;

      margin-top: 10px;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; }

      header .top-header a.slide-menu img {

        width: 33px;

        height: 33px; }

      header .top-header a.slide-menu.active {

        -moz-transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        transform: rotate(90deg); }

    header .top-header .logo-wrapp {

      min-width: 140px; }

    header .top-header a.logo {

      position: absolute;

      left: 50%;

      margin-left: -70px;

      z-index: 6;

      top: 16px;

      display: inline-block;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; }

      @media (max-width: 767px) {

        header .top-header a.logo {

          margin-left: -60px; } }

      header .top-header a.logo img {

        width: 140px;

        transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease; }

        @media (max-width: 767px) {

          header .top-header a.logo img {

            width: 120px; } }

    header .top-header .right-part {

      display: inline-block;

      margin-top: 15px; }

      header .top-header .right-part a {

        display: inline-block;

        float: left;

        margin-left: 35px;

        font-size: 1.3rem;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        text-transform: uppercase;

        font-weight: 300;

        color: #656565;

        position: relative; }

        @media (max-width: 767px) {

          header .top-header .right-part a {

            margin-left: 0; } }

        header .top-header .right-part a img {

          width: 25px; }

        header .top-header .right-part a.open-search .white-icon {

          display: none; }

        header .top-header .right-part a.open-search .dark-icon {

          display: block; }

        @media (max-width: 767px) {

          header .top-header .right-part a.open-search {

            display: none; } }

        header .top-header .right-part a.open-search i {

          opacity: 0;

          font-size: 2.4rem;

          position: absolute;

          left: 3px;

          top: -1px;

          transition: all 0.3s ease;

          -moz-transition: all 0.3s ease;

          -webkit-transition: all 0.3s ease;

          -o-transition: all 0.3s ease; }

        header .top-header .right-part a.open-search img {

          opacity: 1;

          transition: all 0.3s ease;

          -moz-transition: all 0.3s ease;

          -webkit-transition: all 0.3s ease;

          -o-transition: all 0.3s ease; }

        header .top-header .right-part a.open-search.active img {

          opacity: 0; }

        header .top-header .right-part a.open-search.active i {

          opacity: 1; }

        header .top-header .right-part a.open-subscribe.active {

          opacity: .5; }

  header.orange-header .top-header {

    background: #db802d; }

  header.black-header .top-header {

    background: #000; }

  header.green-header .top-header {

    background: #82af3c; }

  header.blue-header .top-header {

    background: #5ca2d7; }

  header.grey-header .top-header {

    background: #888787; }

  header.dark-grey-header .top-header {

    background: #3f3f3f; }

  header.red-header .top-header {

    background: #721014; }

  header .hidden-menu {

    border-bottom: 0px solid #cccccc; }

    @media (max-width: 767px) {

      header .hidden-menu {

        border-bottom: 0;

        border-top: 1px solid #cccccc;

        display: none; } }

    header .hidden-menu.hidden {

      display: none; }

    header .hidden-menu .search-form {

      border-bottom: 1px solid #cccccc;

      background: #e8e9ed; }

      header .hidden-menu .search-form input[type="text"] {

        width: 100%;

        height: 70px;

        border: 0;

        line-height: 70px;

        font-size: 2rem;

        font-weight: 300;

        text-align: center;

        padding: 0 20px; }

    header .hidden-menu ul {

      display: inline-block;

      width: 100%; }

      header .hidden-menu ul li {

        width: calc(100% / 9);

        display: inline-block;

        float: left;

        text-align: center; }

        @media (max-width: 950px) {

          header .hidden-menu ul li {

            width: calc(100% / 7); } }

        @media (max-width: 767px) {

          header .hidden-menu ul li {

            width: calc(100% / 3); } }

        header .hidden-menu ul li a {

          display: inline-block;

          padding: 9px 10px 7px;

          width: 100%;

          border-right: 1px solid #cccccc; }

          @media (max-width: 767px) {

            header .hidden-menu ul li a {

              border-right: 0;

              height: 106px; } }

          header .hidden-menu ul li a img {

            max-height: 50px;

            display: none;

            margin-bottom: 20px; }

            @media (max-width: 767px) {

              header .hidden-menu ul li a img {

                max-height: 40px;

                margin-bottom: 5px;

                display: inline-block; } }

          header .hidden-menu ul li a span {

            display: block;

            text-align: center;

            color: #656565;

            font-size: 1.2rem;

            font-weight: 300;

            text-transform: uppercase;

            font-family: "Kanit", Arial, Helvetica, sans-serif;

            letter-spacing: 0.05em; }

            @media (max-width: 1160px) {

              header .hidden-menu ul li a span {

                letter-spacing: 0.01em; } }

            @media (max-width: 767px) {

              header .hidden-menu ul li a span {

                letter-spacing: normal;

                font-size: 1.2rem;

                font-weight: 400; } }

        header .hidden-menu ul li:last-child a {

          border-right: 0; }

        header .hidden-menu ul li:hover a, header .hidden-menu ul li.current-menu-item a {

          background: #db802d; }

          header .hidden-menu ul li:hover a span, header .hidden-menu ul li.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.orange-hover:hover a, header .hidden-menu ul li.orange-hover.current-menu-item a {

          background: #db802d; }

          header .hidden-menu ul li.orange-hover:hover a span, header .hidden-menu ul li.orange-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.brown-hover:hover a, header .hidden-menu ul li.brown-hover.current-menu-item a {

          background: #000000; }

          header .hidden-menu ul li.brown-hover:hover a span, header .hidden-menu ul li.brown-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.green-hover:hover a, header .hidden-menu ul li.green-hover.current-menu-item a {

          background: #82af3c; }

          header .hidden-menu ul li.green-hover:hover a span, header .hidden-menu ul li.green-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.brown2-hover:hover a, header .hidden-menu ul li.brown2-hover.current-menu-item a {

          background: #000000; }

          header .hidden-menu ul li.brown2-hover:hover a span, header .hidden-menu ul li.brown2-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.blue-hover:hover a, header .hidden-menu ul li.blue-hover.current-menu-item a {

          background: #5ca2d7; }

          header .hidden-menu ul li.blue-hover:hover a span, header .hidden-menu ul li.blue-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.green2-hover:hover a, header .hidden-menu ul li.green2-hover.current-menu-item a {

          background: #000000; }

          header .hidden-menu ul li.green2-hover:hover a span, header .hidden-menu ul li.green2-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.colored-hover:hover a, header .hidden-menu ul li.colored-hover.current-menu-item a {

          background: #888787; }

          header .hidden-menu ul li.colored-hover:hover a span, header .hidden-menu ul li.colored-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.grey-hover:hover a, header .hidden-menu ul li.grey-hover.current-menu-item a {

          background: #000000; }

          header .hidden-menu ul li.grey-hover:hover a span, header .hidden-menu ul li.grey-hover.current-menu-item a span {

            color: #fff; }

        header .hidden-menu ul li.red-hover:hover a, header .hidden-menu ul li.red-hover.current-menu-item a {

          background: #721014; }

          header .hidden-menu ul li.red-hover:hover a span, header .hidden-menu ul li.red-hover.current-menu-item a span {

            color: #fff; }

    header .hidden-menu.active {

      display: block;

      border-bottom: 1px solid #cccccc; }

      header .hidden-menu.active ul li a {

        padding: 38px 15px 50px;

        border-right: 0; }

        header .hidden-menu.active ul li a img {

          display: inline-block; }

        @media (max-width: 767px) {

          header .hidden-menu.active ul li a {

            padding: 20px 10px 20px; } }

  header .bottom-nav {

    text-align: center;

    display: none; }

    header .bottom-nav ul li {

      display: inline-block;

      margin: 0 5%; }

      @media (max-width: 950px) {

        header .bottom-nav ul li {

          margin: 0px 0; } }

      @media (max-width: 767px) {

        header .bottom-nav ul li {

          width: 50%;

          float: left;

          border-right: 1px solid #cccccc;

          border-top: 1px solid #cccccc; } }

      @media (max-width: 767px) {

        header .bottom-nav ul li:last-child {

          width: 100%; } }

      header .bottom-nav ul li a {

        padding: 9px 20px;

        text-transform: uppercase;

        color: #656565;

        font-size: 1.3rem;

        font-weight: 300;

        text-transform: uppercase;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        letter-spacing: 0.05em;

        display: inline-block; }

        @media (max-width: 767px) {

          header .bottom-nav ul li a {

            width: 100%;

            height: auto; } }

        header .bottom-nav ul li a:hover {

          color: #f48120; }

    header .bottom-nav.active {

      display: block; }

  header.category-header .top-header {

    text-align: center;

    border: 0; }

    header.category-header .top-header .white-logo {

      display: block; }

    header.category-header .top-header .dark-logo {

      display: none; }

    header.category-header .top-header a.logo {

      position: static;

      float: left;

      margin-left: 40px; }

      @media (max-width: 767px) {

        header.category-header .top-header a.logo {

          margin-left: -60px;

          position: absolute;

          float: none; } }

    header.category-header .top-header h1 {

      display: inline-block;

      margin: 0;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; }

      @media (max-width: 767px) {

        header.category-header .top-header h1 {

          display: none; } }

      header.category-header .top-header h1 span {

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        color: #fff;

        text-transform: uppercase;

        font-size: 2.8rem;

        font-weight: 100; }

        @media (max-width: 950px) {

          header.category-header .top-header h1 span {

            font-size: 2.2rem; } }

      header.category-header .top-header h1 img {

        max-height: 50px;

        margin-right: 20px; }

        @media (max-width: 950px) {

          header.category-header .top-header h1 img {

            max-height: 40px;

            margin-right: 10px; } }

    header.category-header .top-header .right-part a {

      color: #fff; }

    header.category-header .top-header .right-part a.open-search .white-icon {

      display: block; }

    header.category-header .top-header .right-part a.open-search .dark-icon {

      display: none; }

  header.category-header .hidden-menu {

    margin-top: -1px; }

  header.article-header .top-header {

    text-align: center;

    border: 0; }

    header.article-header .top-header .mobile-share-buttons {

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      z-index: 7;

      background: #fff;

      opacity: 0;

      display: none;

      visibility: hidden;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; }

      @media (max-width: 767px) {

        header.article-header .top-header .mobile-share-buttons {

          display: inline-block; } }

      header.article-header .top-header .mobile-share-buttons a {

        display: inline-block;

        height: 100%;

        width: 70px;

        font-size: 2rem;

        color: #fff;

        line-height: 70px; }

        header.article-header .top-header .mobile-share-buttons a.facebook {

          background: #3b5999; }

        header.article-header .top-header .mobile-share-buttons a.twitter {

          background: #55acee; }

        header.article-header .top-header .mobile-share-buttons a.email {

          background: #000; }

    header.article-header .top-header .white-logo {

      display: block; }

    header.article-header .top-header .dark-logo {

      display: none; }

    header.article-header .top-header a.logo {

      position: static;

      float: left;

      margin-left: 40px; }

      @media (max-width: 767px) {

        header.article-header .top-header a.logo {

          margin-left: -60px;

          position: absolute;

          float: none; } }

    header.article-header .top-header h2 {

      display: inline-block;

      margin: 0;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease;

      font-size: 2.4rem;

      font-weight: 300;

      font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

      color: #fff;

      margin-top: 10px; }

      @media (max-width: 1600px) {

        header.article-header .top-header h2 {

          font-size: 2rem; } }

      @media (max-width: 1160px) {

        header.article-header .top-header h2 {

          font-size: 1.6rem; } }

      @media (max-width: 950px) {

        header.article-header .top-header h2 {

          display: none; } }

    header.article-header .top-header .right-part a {

      color: #fff; }

    header.article-header .top-header .right-part a.open-search .white-icon {

      display: block; }

    header.article-header .top-header .right-part a.open-search .dark-icon {

      display: none; }

  header.article-header .hidden-menu {

    margin-top: -1px; }

  header.photo-article .bottom-header {

    display: none; }

  header.sticky .top-header {

    height: 60px;

    padding: 10px 35px 5px;

    background: #fff; }

    @media (max-width: 767px) {

      header.sticky .top-header {

        height: 70px;

        padding: 10px 20px 5px; } }

    header.sticky .top-header h1, header.sticky .top-header h2 {

      color: #676767; }

    header.sticky .top-header .white-logo {

      display: none; }

    header.sticky .top-header .dark-logo {

      display: block; }

    header.sticky .top-header a.slide-menu {

      margin-top: 3px; }

      @media (max-width: 767px) {

        header.sticky .top-header a.slide-menu {

          margin-top: 10px; } }

    header.sticky .top-header .right-part {

      margin-top: 8px; }

      @media (max-width: 767px) {

        header.sticky .top-header .right-part {

          margin-top: 15px; } }

      header.sticky .top-header .right-part a {

        color: #656565; }

      header.sticky .top-header .right-part a.open-search .white-icon {

        display: none; }

      header.sticky .top-header .right-part a.open-search .dark-icon {

        display: block; }

    header.sticky .top-header a.logo {

      margin-left: -50px;

      top: 10px; }

      @media (max-width: 767px) {

        header.sticky .top-header a.logo {

          top: 16px;

          margin-left: -60px; } }

      header.sticky .top-header a.logo img {

        width: 100px; }

        @media (max-width: 767px) {

          header.sticky .top-header a.logo img {

            width: 120px; } }

  header.sticky .hidden-subscribe {

    top: 60px;

    height: calc(100% - 60px); }

  header.sticky .hidden-menu {

    display: none; }

    header.sticky .hidden-menu.active {

      display: block; }

  header.sticky .bottom-nav {

    display: none; }

    header.sticky .bottom-nav.active {

      display: block; }

  header.sticky.category-header .top-header {

    background: #fff; }

    header.sticky.category-header .top-header h1 {

      margin-top: -8px; }

      header.sticky.category-header .top-header h1 span {

        color: #676767; }

    header.sticky.category-header .top-header .logo {

      margin-left: 40px; }

      @media (max-width: 767px) {

        header.sticky.category-header .top-header .logo {

          margin-left: -60px; } }

  header.sticky.article-header .top-header h2 {

    margin-top: 6px; }

  header.sticky.article-header .top-header .mobile-share-buttons {

    visibility: visible;

    opacity: 1; }

  header.sticky.article-header .top-header .logo {

    margin-left: 40px; }

    @media (max-width: 767px) {

      header.sticky.article-header .top-header .logo {

        margin-left: -60px; } }

  header .search-window {

    position: fixed;

    z-index: 99;

    top: 60px;

    left: 0;

    width: 100%;

    height: calc(100% - 60px);

    background: #fff;

    opacity: 0;

    visibility: hidden;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease; }

    @media (max-width: 767px) {

      header .search-window {

        display: none; } }

    header .search-window .inner-content {

      max-width: 80%;

      position: relative;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%);

      margin: 0 auto; }

      header .search-window .inner-content input[type="text"] {

        font-size: 7rem;

        border: 0;

        font-weight: 700;

        font-style: italic;

        height: 90px;

        line-height: 80px;

        display: inline-block;

        width: 100%;

        text-align: center;

        color: #000; }

      header .search-window .inner-content ::-webkit-input-placeholder {

        font-size: 7rem;

        font-weight: 700;

        color: #cccccc; }

      header .search-window .inner-content :-moz-placeholder {

        /* Firefox 18- */

        font-size: 7rem;

        font-weight: 700;

        color: #cccccc; }

      header .search-window .inner-content ::-moz-placeholder {

        /* Firefox 19+ */

        font-size: 7rem;

        font-weight: 700;

        color: #cccccc; }

      header .search-window .inner-content :-ms-input-placeholder {

        font-size: 7rem;

        font-weight: 700;

        color: #cccccc; }

    header .search-window.active {

      opacity: 1;

      visibility: visible; }

  header.hidden-header {

    display: none; }



.comments-arrea {

  margin-top: 30px; }



.hide {

  display: none; }



header.article-header.sticky .top-header-single,

header.sticky.category-header .top-header-single {

  background-color: #fff !important; }



.text-content.video-content {

  min-height: 100px; }



.general-container-page {

  background: #fff;

  margin-top: 50px;

  margin-bottom: 50px;

  padding: 40px; }



.load-more-button i {

  margin-left: 10px;

  display: none;

  -webkit-animation: spin 1.5s linear infinite;

  -moz-animation: spin 1.5s linear infinite;

  animation: spin 1.5s linear infinite; }



.load-more-orange i {

  position: absolute;

  right: -22px;

  top: 13px;

  color: #d67c1e;

  display: none;

  -webkit-animation: spin 1.5s linear infinite;

  -moz-animation: spin 1.5s linear infinite;

  animation: spin 1.5s linear infinite; }



.onload_loading {

  text-align: center;

  height: 100px; }



.onload_loading.fix {

  text-align: center;

  height: 500px;

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%; }



.onload_loading img {

  margin-top: 80px;

  margin-bottom: 80px;

  position: relative;

  top: 50%;

  transform: translateY(-50%); }



.onload_hide {

  display: none; }



.not-found-section {

  background: #fff;

  padding: 20px 30px;

  text-align: center; }

  .not-found-section i {

    font-size: 70px;

    margin-bottom: 16px; }



.less-top {

  padding-top: 80px; }



@-moz-keyframes spin {

  100% {

    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {

  100% {

    -webkit-transform: rotate(360deg); } }

@keyframes spin {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg); } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .col_33 {

    width: 100%; } }



.wrapp-search-forms {

  display: inline-block; }

  .wrapp-search-forms .wrapp-search-form {

    display: inline-block;

    margin-left: 5px; }

    .wrapp-search-forms .wrapp-search-form input[type='submit'] {

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      border-radius: 0;

      padding: 0;

      height: auto;

      line-height: 1.6em;

      min-width: auto;

      background: transparent;

      box-shadow: none;

      color: #000;

      font-size: 1.3rem;

      font-weight: 300;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      color: #656565;

      letter-spacing: 0.05em;

      text-transform: uppercase; }

      .wrapp-search-forms .wrapp-search-form input[type='submit']:focus {

        outline: none; }

      .wrapp-search-forms .wrapp-search-form input[type='submit'].active {

        color: #000; }



.hide-opacity {

  opacity: 0;

  height: 0; }



.none-opacity {

  opacity: 1;

  height: auto; }



.search-bassic {

  position: relative; }

  .search-bassic img {

    position: absolute;

    left: 0;

    top: 0; }

  .search-bassic input[type="text"] {

    padding-left: 50px;

    border: none; }



.pag-not-found {

  text-align: center; }

  .pag-not-found i {

    font-size: 100px;

    margin-bottom: 30px; }



.nav-list-box {

  display: inline-block;

  width: 100%;

  text-align: center; }

  .nav-list-box .wp-pagenavi a,

  .nav-list-box .wp-pagenavi span {

    display: inline-block;

    font-size: 1.3rem;

    font-weight: 300;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    margin: 0 12px;

    color: #656565;

    opacity: 0.8;

    border: none;

    padding: 0; }

  .nav-list-box .wp-pagenavi .current {

    color: #000;

    opacity: 1; }



.hide-me {

  display: none; }



.large-link-ad {

  display: inline-block;

  width: 100%;

  height: 100%; }



.popup-large {

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.68);

  z-index: 9999999; }

  .popup-large .popup-relative-center {

    position: relative;

    width: 100%;

    height: 100%; }

    .popup-large .popup-relative-center .popup-container {

      position: relative;

      top: 50%;

      transform: translateY(-50%);

      background-size: cover;

      background-repeat: no-repeat;

      width: 750px;

      height: 465px;

      margin: 0 auto; }

      @media (max-width: 767px) {

        .popup-large .popup-relative-center .popup-container {

          width: 100%;

          height: auto; } }

      .popup-large .popup-relative-center .popup-container .popup-close-me {

        position: absolute;

        right: 35px;

        top: 15px;

        z-index: 999; }

      .popup-large .popup-relative-center .popup-container.popup-container-simple {

        background: #000;

        height: auto;

        width: 660px; }

        @media (max-width: 767px) {

          .popup-large .popup-relative-center .popup-container.popup-container-simple {

            width: 100%; } }

        .popup-large .popup-relative-center .popup-container.popup-container-simple .popup-close-me {

          right: 3px;

          top: 1px; }

      .popup-large .popup-relative-center .popup-container .newsletter-content {

        text-align: right;

        color: #fff;

        max-width: 439px;

        margin-left: auto;

        padding: 66px 34px 34px 0px; }

        @media (max-width: 767px) {

          .popup-large .popup-relative-center .popup-container .newsletter-content {

            max-width: 100%;

            padding: 82px 13px 35px 13px;

            background: rgba(0, 0, 0, 0.72);

            text-align: center; } }

        .popup-large .popup-relative-center .popup-container .newsletter-content h3 {

          font-family: 'Stardos Stencil', cursive;

          color: #fff;

          font-size: 3.5rem;

          font-weight: 900;

          margin-bottom: 0;

          line-height: 1.2em; }

          @media (max-width: 767px) {

            .popup-large .popup-relative-center .popup-container .newsletter-content h3 {

              font-size: 2.5rem; } }

        .popup-large .popup-relative-center .popup-container .newsletter-content h4 {

          font-family: 'Stardos Stencil', cursive;

          color: #fff;

          font-size: 2.5rem;

          font-weight: 900;

          margin-bottom: 0;

          line-height: 1.2em; }

          @media (max-width: 767px) {

            .popup-large .popup-relative-center .popup-container .newsletter-content h4 {

              font-size: 1.8rem; } }

        .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter {

          width: 90%;

          display: block;

          margin-left: auto;

          text-align: left; }

          @media (max-width: 767px) {

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter {

              width: 100%; } }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .output-form {

            text-align: right; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .output-form .epm-message p {

              margin-top: 5px;

              margin-bottom: 0; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .output-form .epm-message.success p {

              font-family: 'Stardos Stencil',cursive !important;

              color: #fff !important;

              font-size: 25px !important; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .output-form .epm-message.error p {

              color: #fff; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter form {

            display: inline-block;

            width: 100%;

            margin-top: 16px; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter form .epm-form-field label {

              display: none !important; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter form .mc4wp-form-fields {

              display: inline-block;

              width: 100%; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="email"] {

            border: 1px solid #fff;

            width: 65%;

            float: left;

            height: 48px;

            padding-left: 10px;

            color: #fff;

            font-size: 16px;

            font-family: 'Kanit', sans-serif; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="email"]::-webkit-input-placeholder {

            /* Chrome */

            color: #fff;

            font-family: 'Kanit', sans-serif; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="email"]:-ms-input-placeholder {

            /* IE 10+ */

            color: #fff;

            font-family: 'Kanit', sans-serif; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="email"]::-moz-placeholder {

            /* Firefox 19+ */

            color: #fff;

            opacity: 1;

            font-family: 'Kanit', sans-serif; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="email"]:-moz-placeholder {

            /* Firefox 4 - 18 */

            color: #fff;

            opacity: 1;

            font-family: 'Kanit', sans-serif; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="submit"] {

            background: #fff;

            color: #000;

            border: 0px;

            border-radius: 0;

            width: 35%;

            float: left;

            min-width: auto;

            padding: 0px 6px;

            height: 48px;

            box-shadow: none !important;

            font-family: 'Kanit', sans-serif; }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter input[type="submit"]:hover {

              background-image: none;

              background-image: none;

              box-shadow: none !important;

              background: #f48120;

              color: #fff; }

          .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .block-link {

            display: block;

            width: 100%;

            margin-top: 13px; }

            @media (max-width: 767px) {

              .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .block-link {

                margin-top: 0; } }

            .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .block-link .page-link {

              color: #fff;

              text-transform: uppercase;

              font-family: 'Kanit', sans-serif; }

              .popup-large .popup-relative-center .popup-container .newsletter-content .popup-wrap-newsletter .block-link .page-link:hover {

                color: #f48120; }

      .popup-large .popup-relative-center .popup-container .newsletter-content-large {

        padding: 0; }

        @media (max-width: 767px) {

          .popup-large .popup-relative-center .popup-container .newsletter-content-large {

            padding: 0; } }

        .popup-large .popup-relative-center .popup-container .newsletter-content-large p {

          margin-bottom: 0px; }



@media (max-width: 767px) {

  .text-content.video-content {

    min-height: auto; } }



@media (max-width: 767px) {

  .not-visible-mobile .onload_loading {

    height: auto; } }



@media (max-width: 767px) {

  .not-visible-mobile .onload_loading img {

    display: none !important; } }



.content-box-extra-height {

  display: inline-block;

  width: 100%;

  height: auto; }



@media (max-width: 767px) {

  .container-post-desktop {

    display: none; } }



.container-post-mobile {

  display: none; }

  @media (max-width: 767px) {

    .container-post-mobile {

      display: inline-block;

      width: 100%; } }



.mobile-banner.wide.remove-wide.mobile-only {

  margin-left: 0;

  margin-right: 0; }



.home-image-bg {

  margin-top: 40px; }

  @media (max-width: 767px) {

    .home-image-bg {

      margin-top: 0; } }



.subscribe-boxes-wrapper {

  background: #f7f7f7;

  position: relative;

  z-index: 10; }



.subscribe-boxes {

  background: #fff;

  margin-bottom: 42px;

  overflow: auto; }

  .subscribe-boxes:before, .subscribe-boxes:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .subscribe-boxes:after {

    clear: both; }

  .subscribe-boxes.subscribe-top {

    margin-top: 42px; }

  .subscribe-boxes .subscribe-box {

    display: inline-block;

    float: left;

    width: 33.33%; }

    .subscribe-boxes .subscribe-box input[type="submit"] {

      display: none; }

    @media (max-width: 767px) {

      .subscribe-boxes .subscribe-box {

        margin-bottom: 15px;

        width: 100%; } }

    .subscribe-boxes .subscribe-box .section-headline {

      padding: 15px 25px; }

      .subscribe-boxes .subscribe-box .section-headline h3 {

        color: #000;

        line-height: 30px;

        max-width: 240px; }

    .subscribe-boxes .subscribe-box .box-content-wrapper {

      margin-top: 20px;

      padding-left: 18px;

      padding-right: 18px;

      padding-bottom: 14px;

      border-right: 1px solid #cccccc; }

      @media (max-width: 767px) {

        .subscribe-boxes .subscribe-box .box-content-wrapper {

          border-right: 0; } }

      .subscribe-boxes .subscribe-box .box-content-wrapper .box-content {

        border-bottom: 1px solid #cccccc;

        margin-bottom: 14px;

        background-position: right bottom;

        background-repeat: no-repeat;

        min-height: 110px;

        position: relative;

        padding-top: 70px; }

        .subscribe-boxes .subscribe-box .box-content-wrapper .box-content p {

          font-size: 1.2rem;

          line-height: 14px;

          position: absolute;

          top: 0;

          left: 0; }

        .subscribe-boxes .subscribe-box .box-content-wrapper .box-content input[type="email"] {

          font-size: 1.6rem;

          border-bottom: 0; }

    .subscribe-boxes .subscribe-box:last-child .box-content-wrapper {

      border-right: none; }



footer {

  background: #f7f7f7;

  padding: 45px 0 25px;

  background: #fff;

  position: relative;

  z-index: 10;

  box-shadow: 0px -2px 7px 0px rgba(0, 0, 0, 0.35); }

  footer.empty-footer {

    padding: 0; }

  footer .footer-logo {

    margin-bottom: 30px; }

    footer .footer-logo a {

      display: inline-block; }

      footer .footer-logo a img {

        width: 140px; }

  footer .social-networks {

    display: inline-block;

    margin-bottom: 30px; }

    footer .social-networks a {

      display: inline-block;

      margin: 0 10px;

      width: 50px;

      height: 50px;

      text-align: center;

      color: #fff;

      font-size: 2.4rem;

      line-height: 50px; }

      footer .social-networks a.facebook {

        background-color: #3b5999; }

      footer .social-networks a.instagram {

        background-color: #e4405f; }

  footer .footer-menu {

    margin-bottom: 50px; }

    footer .footer-menu ul {

      display: inline-block; }

      footer .footer-menu ul li {

        display: inline-block;

        border-right: 1px solid #cccccc;

        /* &:nth-child(even) {

        	border-right: 0;

        } */ }

        @media (max-width: 767px) {

          footer .footer-menu ul li {

            display: inline-block;

            width: 50%;

            float: left;

            border-bottom: 1px solid #cccccc;

            border-right: 0; }

            footer .footer-menu ul li:nth-child(odd) {

              border-right: 1px solid #cccccc; } }

        footer .footer-menu ul li a {

          display: inline-block;

          padding: 0 20px;

          font-size: 1.3rem;

          font-family: "Kanit", Arial, Helvetica, sans-serif;

          color: #656565;

          font-weight: 300;

          text-transform: uppercase;

          letter-spacing: 0.05em; }

          @media (max-width: 767px) {

            footer .footer-menu ul li a {

              padding: 13px 10px;

              width: 100%; } }

        footer .footer-menu ul li:last-child {

          border-right: 0; }

          @media (max-width: 767px) {

            footer .footer-menu ul li:last-child {

              width: 100%;

              text-align: center;

              border-right: 0; } }

  footer h6 {

    font-size: 1.4rem;

    font-weight: 400;

    margin-bottom: 20px;

    color: #656565; }

  footer p {

    font-size: 1.3rem;

    line-height: 20px;

    font-weight: 400;

    color: #656565; }



.mc4wp-form .mc4wp-response p,

.subscribe-boxes .subscribe-box .box-content-wrapper .box-content .mc4wp-form .mc4wp-response p {

  position: relative; }



.mc4wp-alert p {

  color: red; }



.mc4wp-success p {

  color: green; }



.mc4wp-error p {

  color: red; }



@media (max-width: 767px) {

  .homepage article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .homepage article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .homepage .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .homepage .to-be-half {

    width: 100%; } }

.homepage .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .homepage .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .homepage .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .col_66 {

    width: 100%; } }

@media (max-width: 767px) {

  .homepage .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .homepage .col_40 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .homepage .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .homepage .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .table-intact.flexible-width .col_66 {

    width: 60%; } }

@media (max-width: 767px) {

  .homepage .table-intact.flexible-width .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .homepage .table-intact.flexible-width .col_33 {

    width: 40%; } }

@media (max-width: 767px) {

  .homepage .table-intact.flexible-width .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .homepage .section-headline .more-btn {

    display: none; } }

@media (max-width: 767px) {

  .homepage.page-content {

    padding-top: 100px; } }

@media (max-width: 767px) {

  .homepage.page-content .mobile-banner.wide {

    margin-left: 0;

    margin-right: 0; } }



@media (max-width: 767px) {

  .type-general .page-content {

    padding-top: 70px; } }



@media (max-width: 767px) {

  .type-general-large .page-content {

    padding-top: 100px; } }



@media (max-width: 767px) {

  .category-page article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .category-page article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .category-page .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .category-page .to-be-half {

    width: 100%; } }

.category-page .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .category-page .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .category-page .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .category-page .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .category-page .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .category-page .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .category-page .section-headline .more-btn {

    display: none; } }

@media (max-width: 767px) {

  .category-page .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .category-page .col_40 {

    width: 100%; } }



.article-page.photo-article {

  padding-top: 0px;

  position: relative;

  z-index: 10;

  background: #f7f7f7; }

  @media (max-width: 767px) {

    .article-page.photo-article {

      padding-top: 40px; } }

.article-page .text-content {

  font-size: 1.6rem;

  line-height: 24px;

  font-weight: 300;

  color: #676767;

  letter-spacing: normal;

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif; }

  .article-page .text-content p b {

    text-transform: uppercase;

    color: #db802d;

    font-weight: 800;

    font-style: normal; }

  .article-page .text-content .text-inner-content {

    margin-top: 30px;

    padding-left: 40px; }

    @media (max-width: 950px) {

      .article-page .text-content .text-inner-content {

        padding-left: 0; } }

.article-page.general-page h1 {

  text-transform: uppercase;

  font-size: 5rem; }

.article-page.general-page .text-content h2, .article-page.general-page .text-content h3, .article-page.general-page .text-content h4 {

  font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

  font-weight: 800;

  text-transform: uppercase; }

.article-page.general-page .text-content h2, .article-page.general-page .text-content h3 {

  font-size: 2.8rem;

  text-transform: uppercase;

  margin-bottom: 20px; }

  @media (max-width: 767px) {

    .article-page.general-page .text-content h2, .article-page.general-page .text-content h3 {

      font-size: 2rem; } }

.article-page.general-page .text-content p a {

  color: #676767;

  font-weight: 300 !important;

  border-bottom: 5px solid #db802d; }

.article-page .text-format-links a,

.article-page .text-format-links a:hover {

  color: #676767;

  font-weight: 300 !important;

  border-bottom: 5px solid #db802d; }

.article-page .widget.alignleft a {

  border-bottom: none !important; }

.article-page .photo-grid {

  margin-left: -5.5%;

  margin-right: -5.5%;

  overflow: hidden;

  margin-bottom: 20px; }

  .article-page .photo-grid a.open-slider {

    display: inline-block;

    width: 33%;

    height: 108px;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    margin-bottom: 10px;

    float: right; }

    @media (max-width: 480px) {

      .article-page .photo-grid a.open-slider {

        height: 54px;

        margin-bottom: 6px; } }

    .article-page .photo-grid a.open-slider.big {

      width: 65%;

      height: 344px;

      float: left; }

      @media (max-width: 480px) {

        .article-page .photo-grid a.open-slider.big {

          height: 174px; } }

  .article-page .photo-grid a:last-child:before {

    content: "";

    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .8; }

  .article-page .photo-grid a:last-child span {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 10;

    display: block;

    margin: 0 auto;

    font-size: 1.4rem;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    font-weight: 400;

    text-align: center;

    color: #fff;

    line-height: 18px; }

    .article-page .photo-grid a:last-child span i {

      margin-right: 5px;

      width: 22px;

      height: 18px;

      background-image: url(images/white-camera-icon.png);

      background-size: 100% auto;

      background-repeat: no-repeat;

      background-position: center;

      display: inline-block; }

.article-page .article-main-content {

  background: #fff;

  padding: 60px 0 0;

  margin-bottom: 26px; }

  .article-page .article-main-content:before, .article-page .article-main-content:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .article-page .article-main-content:after {

    clear: both; }

  .article-page .article-main-content .bottom-buttons {

    padding: 20px 0;

    border-top: 1px solid #cccccc; }

  .article-page .article-main-content .article-meta-info {

    margin-bottom: 15px;

    overflow: hidden; }

    .article-page .article-main-content .article-meta-info a, .article-page .article-main-content .article-meta-info span {

      display: inline-block;

      text-transform: uppercase;

      font-size: 1.3rem;

      font-weight: 300;

      color: #656565;

      letter-spacing: 0.05em;

      margin-right: 20px;

      float: left;

      font-family: "Kanit", Arial, Helvetica, sans-serif; }

  .article-page .article-main-content h1 {

    font-size: 3.8rem;

    line-height: 40px;

    margin-bottom: 40px; }

    @media (max-width: 767px) {

      .article-page .article-main-content h1 {

        font-size: 2.2rem;

        line-height: 24px; } }

.article-page .article-wrapper .share-menu {

  display: inline-block;

  width: 150px;

  min-height: 10px; }

  .article-page .article-wrapper .share-menu .sticky-scroll-box {

    border-top: 7px solid #000; }

    .article-page .article-wrapper .share-menu .sticky-scroll-box.fixed {

      top: 90px; }

  .article-page .article-wrapper .share-menu h3 {

    text-align: center;

    display: block;

    padding: 15px 0;

    border-bottom: 1px solid #cccccc;

    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

    margin-bottom: 20px; }

  .article-page .article-wrapper .share-menu .social-networks .sep {

    margin: 20px 0; }

  .article-page .article-wrapper .share-menu .social-networks a {

    display: inline-block;

    width: 100%; }

    .article-page .article-wrapper .share-menu .social-networks a span.icon {

      display: inline-block;

      float: left;

      width: 40px;

      height: 40px;

      line-height: 40px;

      text-align: center;

      color: #fff;

      font-size: 1.8rem; }

    .article-page .article-wrapper .share-menu .social-networks a p {

      display: inline-block;

      float: left;

      width: calc(100% - 40px);

      margin: 0;

      line-height: normal;

      text-transform: uppercase;

      font-size: 1.3rem;

      font-weight: 300;

      color: #656565;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      line-height: 40px;

      padding-left: 20px; }

    .article-page .article-wrapper .share-menu .social-networks a.facebook span.icon {

      background: #3b5999; }

    .article-page .article-wrapper .share-menu .social-networks a.twitter span.icon {

      background: #55acee; }

    .article-page .article-wrapper .share-menu .social-networks a.email span.icon {

      background: #000000; }

    .article-page .article-wrapper .share-menu .social-networks a.whatsapp span.icon {

      background: #00e777; }

    .article-page .article-wrapper .share-menu .social-networks a.messenger span.icon {

      background: #0083ff; }

.article-page .article-wrapper .article {

  width: calc( 100% - 150px - 300px);

  padding-left: 50px;

  padding-right: 50px; }

  @media (max-width: 950px) {

    .article-page .article-wrapper .article {

      width: calc( 100% - 150px); } }

  @media (max-width: 767px) {

    .article-page .article-wrapper .article {

      width: 100%;

      padding-left: 0;

      padding-right: 0; } }

  .article-page .article-wrapper .article p a {

    font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

    /*font-weight: 700;*/ }

  .article-page .article-wrapper .article .featured-image {

    margin-bottom: 55px; }

    .article-page .article-wrapper .article .featured-image img {

      width: 100%; }

    .article-page .article-wrapper .article .featured-image span {

      width: 100%;

      overflow: hidden;

      display: inline-block;

      font-size: 1.3rem;

      font-weight: 300;

      color: #656565;

      letter-spacing: 0.05em;

      font-family: "Kanit", Arial, Helvetica, sans-serif; }

      .article-page .article-wrapper .article .featured-image span i.icon {

        display: inline-block;

        width: 22px;

        margin-right: 3px; }

    .article-page .article-wrapper .article .featured-image .photo-author {

      text-transform: uppercase; }

    .article-page .article-wrapper .article .featured-image .featured-info {

      display: inline-block;

      width: 100%;

      margin-top: 20px; }

      .article-page .article-wrapper .article .featured-image .featured-info span {

        width: auto;

        display: inline; }

        .article-page .article-wrapper .article .featured-image .featured-info span.image-cap {

          font-weight: 500;

          margin-right: 18px; }

        .article-page .article-wrapper .article .featured-image .featured-info span.photo-author {

          display: inline-block;

          vertical-align: bottom; }

  .article-page .article-wrapper .article h3 {

    text-transform: none; }

  .article-page .article-wrapper .article .widget {

    max-width: 310px;

    border-top: 7px solid #000; }

    @media (max-width: 767px) {

      .article-page .article-wrapper .article .widget {

        max-width: 100%;

        width: 100%; } }

    .article-page .article-wrapper .article .widget h3.widget-title {

      margin-bottom: 14px;

      padding: 23px 0 20px;

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      font-weight: 100;

      text-transform: uppercase; }

    .article-page .article-wrapper .article .widget .articles-listing {

      padding: 0; }

      .article-page .article-wrapper .article .widget .articles-listing article.article-item .meta-info a, .article-page .article-wrapper .article .widget .articles-listing article.article-item .meta-info span {

        width: auto; }

    .article-page .article-wrapper .article .widget.alignleft {

      margin-left: -35px;

      margin-right: 30px; }

      @media (max-width: 767px) {

        .article-page .article-wrapper .article .widget.alignleft {

          margin-left: 0;

          margin-right: 0; } }

    .article-page .article-wrapper .article .widget.alignright {

      margin-right: -35px;

      margin-left: 30px; }

      @media (max-width: 767px) {

        .article-page .article-wrapper .article .widget.alignright {

          margin-left: 0;

          margin-right: 0; } }

  .article-page .article-wrapper .article .tags-wrapper {

    overflow: hidden;

    margin-top: 30px;

    margin-bottom: 70px;

    padding: 20px 0;

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc; }

    .article-page .article-wrapper .article .tags-wrapper a {

      display: inline-block;

      float: left;

      margin-right: 20px;

      text-transform: uppercase;

      font-size: 1.3rem;

      font-weight: 300;

      color: #656565;

      letter-spacing: 0.05em;

      font-family: "Kanit", Arial, Helvetica, sans-serif; }

.article-page .article-wrapper .article-sidebar {

  width: 300px;

  display: inline-block; }

  @media (max-width: 950px) {

    .article-page .article-wrapper .article-sidebar {

      width: 100%; }

      .article-page .article-wrapper .article-sidebar .to-be-fluid {

        width: calc(100% - 300px);

        display: inline-block;

        float: left;

        padding-right: 50px; }

      .article-page .article-wrapper .article-sidebar .to-be-fixed {

        display: inline-block;

        width: 300px;

        float: left; } }

  @media (max-width: 767px) {

    .article-page .article-wrapper .article-sidebar .to-be-fluid {

      width: 100%;

      display: inline-block;

      margin-bottom: 15px;

      float: none;

      padding-right: 0; }

    .article-page .article-wrapper .article-sidebar .to-be-fixed {

      display: inline-block;

      width: 100%;

      margin-bottom: 15px;

      float: none; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .to-be-half {

    width: 100%; } }

.article-page .article-bottom-content .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .article-page .article-bottom-content .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .col_66 {

    width: 100%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .col_40 {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .article-page .article-bottom-content .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .article-page .article-bottom-content .section-headline .more-btn {

    display: none; } }



.sidebar-wrapp-box {

  margin-bottom: 50px;

  display: inline-block;

  width: 100%; }



.block-post-image {

  display: inline-block;

  width: 100%;

  margin-top: 20px; }



.block-post-image img {

  margin: 0 auto; }



.photo-category-page {

  padding-top: 53px; }

  @media (max-width: 767px) {

    .photo-category-page {

      padding-top: 70px; } }

  .photo-category-page .photo-articles-wrapper .photo-article {

    display: inline-block;

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: relative;

    height: 320px;

    padding-left: 105px; }

    @media (max-width: 767px) {

      .photo-category-page .photo-articles-wrapper .photo-article {

        height: 176px;

        padding-left: 45px;

        padding-right: 45px; } }

    .photo-category-page .photo-articles-wrapper .photo-article .overlay {

      display: inline-block;

      width: 100%;

      z-index: 1;

      height: 100%;

      background: #000;

      opacity: .2;

      position: absolute;

      left: 0;

      top: 0;

      transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease; }

    .photo-category-page .photo-articles-wrapper .photo-article .text-content {

      position: relative;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%);

      z-index: 10;

      max-width: 240px;

      position: relative; }

      @media (max-width: 767px) {

        .photo-category-page .photo-articles-wrapper .photo-article .text-content {

          max-width: 210px; } }

      .photo-category-page .photo-articles-wrapper .photo-article .text-content .meta-info a, .photo-category-page .photo-articles-wrapper .photo-article .text-content .meta-info span {

        font-size: 1.3rem;

        color: #fff;

        display: inline-block;

        text-transform: uppercase;

        font-weight: 300;

        font-family: "Kanit", Arial, Helvetica, sans-serif;

        letter-spacing: 0.05em; }

      .photo-category-page .photo-articles-wrapper .photo-article .text-content h3 {

        color: #fff;

        font-size: 2.6rem;

        font-family: "Merriweather Sans", Arial, Helvetica, sans-serif;

        font-weight: 300;

        text-transform: none;

        margin: 10px 0 10px;

        line-height: 28px; }

        @media (max-width: 767px) {

          .photo-category-page .photo-articles-wrapper .photo-article .text-content h3 {

            font-size: 1.8rem;

            line-height: 22px; } }

        .photo-category-page .photo-articles-wrapper .photo-article .text-content h3 a:hover {

          color: #fff; }

    .photo-category-page .photo-articles-wrapper .photo-article:hover .overlay {

      opacity: .4; }



.search-page .section-headline {

  position: relative; }

  .search-page .section-headline .category-icon {

    max-height: 50px;

    margin-right: 20px; }

    @media (max-width: 767px) {

      .search-page .section-headline .category-icon {

        position: absolute;

        max-height: 40px;

        left: 15px;

        top: 30px; } }

  .search-page .section-headline .search-icon {

    max-height: 30px;

    margin-right: 20px; }

    @media (max-width: 767px) {

      .search-page .section-headline .search-icon {

        position: absolute;

        left: 5px;

        top: 8px; } }

  .search-page .section-headline h3 {

    font-weight: 100;

    font-family: "Kanit", Arial, Helvetica, sans-serif; }

    .search-page .section-headline h3 span {

      font-family: "Kanit", Arial, Helvetica, sans-serif; }

    @media (max-width: 767px) {

      .search-page .section-headline h3 {

        margin-left: 45px; } }

.search-page .search-options-bar {

  background: #fff;

  border-bottom: 1px solid #cccccc;

  padding: 20px 25px; }

  .search-page .search-options-bar span, .search-page .search-options-bar a {

    display: inline-block;

    text-transform: uppercase;

    font-size: 1.3rem;

    font-weight: 300;

    font-family: "Kanit", Arial, Helvetica, sans-serif;

    color: #656565;

    letter-spacing: 0.05em; }

    @media (max-width: 767px) {

      .search-page .search-options-bar span, .search-page .search-options-bar a {

        letter-spacing: normal; } }

    .search-page .search-options-bar span.active, .search-page .search-options-bar a.active {

      color: #000; }

  @media (max-width: 950px) {

    .search-page .search-options-bar .search-options {

      width: 100%; } }

  .search-page .search-options-bar .search-options a, .search-page .search-options-bar .search-options span {

    float: left;

    margin-left: 13px; }

    @media (max-width: 950px) {

      .search-page .search-options-bar .search-options a, .search-page .search-options-bar .search-options span {

        margin-left: 0;

        margin-right: 13px; } }

  @media (max-width: 950px) and (max-width: 767px) {

    .search-page .search-options-bar .search-options a, .search-page .search-options-bar .search-options span {

      margin-right: 7px; } }



@media (max-width: 767px) {

  .search-page article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .search-page article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .search-page .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .search-page .to-be-half {

    width: 100%; } }

.search-page .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .search-page .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .search-page .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .col_66 {

    width: 100%; } }

@media (max-width: 767px) {

  .search-page .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .search-page .col_40 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .search-page .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .search-page .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .table-intact.flexible-width .col_66 {

    width: 60%; } }

@media (max-width: 767px) {

  .search-page .table-intact.flexible-width .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .search-page .table-intact.flexible-width .col_33 {

    width: 40%; } }

@media (max-width: 767px) {

  .search-page .table-intact.flexible-width .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .search-page .section-headline .more-btn {

    display: none; } }

.search-page .left-content .articles-listing {

  border-bottom: 1px solid #cccccc; }

  .search-page .left-content .articles-listing article:last-child {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 0; }

.search-page .pagination-wrapper {

  background: #fff;

  margin-bottom: 30px; }

@media (max-width: 767px) {

  .search-page .no-border-on-mobile {

    border-bottom: 0 !important; } }



.video-category-bg {

  background: #eaeaea; }



.fancybox-container {

  z-index: 9999999; }



.article-item-video a.image {

  position: relative; }

  @media (max-width: 767px) {

    .article-item-video a.image {

      display: inline-block;

      float: left;

      width: 101px; } }

  .article-item-video a.image:before {

    content: "";

    position: absolute;

    left: 50%;

    margin-left: -20px;

    width: 40px;

    height: 41px;

    top: 50%;

    z-index: 10;

    margin-top: -21px;

    background-image: url(images/play-icon-white.png);

    background-size: 100% auto;

    background-repeat: no-repeat;

    background-position: center center; }

    @media (max-width: 767px) {

      .article-item-video a.image:before {

        width: 20px;

        height: 21px;

        margin-top: -10px;

        margin-left: -10px; } }



.video-page .more-btn {

  margin: 20px 0; }

.video-page .videos-main-content {

  width: 100%;

  background: #f7f7f7;

  padding: 35px 0 35px; }

  .video-page .videos-main-content .individual-item {

    min-height: 365px; }

    @media (max-width: 767px) {

      .video-page .videos-main-content .individual-item {

        min-height: auto; } }

  .video-page .videos-main-content .articles-listing {

    background: none;

    padding: 0; }

    @media (max-width: 767px) {

      .video-page .videos-main-content .articles-listing .col_33 {

        width: 100%; } }

    .video-page .videos-main-content .articles-listing article.article-item {

      background: none;

      padding: 0;

      position: relative;

      margin-bottom: 30px; }

      @media (max-width: 767px) {

        .video-page .videos-main-content .articles-listing article.article-item {

          width: 100%;

          display: inline-block; } }

      .video-page .videos-main-content .articles-listing article.article-item a.image {

        position: relative; }

        @media (max-width: 767px) {

          .video-page .videos-main-content .articles-listing article.article-item a.image {

            display: inline-block;

            float: left;

            width: 101px; } }

        .video-page .videos-main-content .articles-listing article.article-item a.image:before {

          content: "";

          position: absolute;

          left: 50%;

          margin-left: -20px;

          width: 40px;

          height: 41px;

          top: 50%;

          z-index: 10;

          margin-top: -21px;

          background-image: url(images/play-icon-white.png);

          background-size: 100% auto;

          background-repeat: no-repeat;

          background-position: center center; }

          @media (max-width: 767px) {

            .video-page .videos-main-content .articles-listing article.article-item a.image:before {

              width: 20px;

              height: 21px;

              margin-top: -10px;

              margin-left: -10px; } }

      @media (max-width: 767px) {

        .video-page .videos-main-content .articles-listing article.article-item .text-content {

          display: inline-block;

          width: calc(100% - 101px);

          float: left;

          padding-left: 11px; } }

      .video-page .videos-main-content .articles-listing article.article-item .social-share {

        display: inline-block;

        width: 100%; }

        .video-page .videos-main-content .articles-listing article.article-item .social-share a {

          display: inline-block;

          width: 20px;

          height: 20px;

          line-height: 20px;

          text-align: center;

          font-size: 1.1rem;

          color: #fff;

          margin-right: 5px;

          display: inline-block;

          float: left; }

          .video-page .videos-main-content .articles-listing article.article-item .social-share a.facebook {

            background: #3b5999; }

          .video-page .videos-main-content .articles-listing article.article-item .social-share a.twitter {

            background: #55acee; }

          .video-page .videos-main-content .articles-listing article.article-item .social-share a.pinterest {

            background: #bd081c; }

          .video-page .videos-main-content .articles-listing article.article-item .social-share a.email {

            background: #000; }

      .video-page .videos-main-content .articles-listing article.article-item.small .text-content h4 {

        line-height: 18px;

        margin-bottom: 10px; }

      .video-page .videos-main-content .articles-listing article.article-item.featured-video {

        padding-top: 40px;

        padding-bottom: 25px;

        border-top: 15px solid #000;

        border-bottom: 1px solid #000;

        margin-bottom: 30px; }

        .video-page .videos-main-content .articles-listing article.article-item.featured-video .social-share {

          position: absolute;

          right: 0;

          bottom: -18px;

          z-index: 10;

          padding: 10px;

          background: #f7f7f7;

          width: auto; }

          .video-page .videos-main-content .articles-listing article.article-item.featured-video .social-share a {

            margin-left: 5px;

            margin-right: 0; }

        .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper {

          margin-bottom: 25px; }

          .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper iframe {

            border: 0; }

        @media (max-width: 767px) {

          .video-page .videos-main-content .articles-listing article.article-item.featured-video .text-content {

            display: inline-block;

            width: 100%;

            float: left;

            padding-left: 0px; } }

        .video-page .videos-main-content .articles-listing article.article-item.featured-video .text-content h4 {

          margin-bottom: 15px; }

          @media (max-width: 767px) {

            .video-page .videos-main-content .articles-listing article.article-item.featured-video .text-content h4 {

              font-size: 1.8rem;

              line-height: 22px; } }

        .video-page .videos-main-content .articles-listing article.article-item.featured-video .text-content p {

          color: #282828;

          margin-bottom: 0; }

@media (max-width: 767px) {

  .video-page .col_33 article.article-item .text-content .meta-info a, .video-page .col_33 article.article-item .text-content .meta-info span {

    font-size: 1.2rem; } }

@media (max-width: 767px) {

  .video-page .col_33 article.article-item .text-content .meta-info a:first-child, .video-page .col_33 article.article-item .text-content .meta-info span:first-child {

    display: none; } }

@media (max-width: 767px) {

  .video-page .col_33 article.article-item .text-content h4 {

    font-size: 1.3rem;

    line-height: 16px !important;

    margin-bottom: 5px !important; } }



.event-list-page .events-main-content {

  width: 100%;

  background: #fff;

  padding: 75px 0 50px;

  margin-bottom: 40px; }

  .event-list-page .events-main-content h1 {

    text-transform: uppercase; }

    @media (max-width: 767px) {

      .event-list-page .events-main-content h1 {

        font-size: 2.4rem;

        line-height: normal; } }

  .event-list-page .events-main-content .page-text-content p {

    font-size: 2rem;

    font-weight: 300;

    line-height: 28px;

    margin-bottom: 40px; }



@media (max-width: 767px) {

  .magazine-page article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .magazine-page article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .magazine-page .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .magazine-page .to-be-half {

    width: 100%; } }

.magazine-page .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .magazine-page .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .magazine-page .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .col_66 {

    width: 100%; } }

@media (max-width: 767px) {

  .magazine-page .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .magazine-page .col_40 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .magazine-page .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .magazine-page .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .table-intact.flexible-width .col_66 {

    width: 60%; } }

@media (max-width: 767px) {

  .magazine-page .table-intact.flexible-width .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .table-intact.flexible-width .col_33 {

    width: 40%; } }

@media (max-width: 767px) {

  .magazine-page .table-intact.flexible-width .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .magazine-page .section-headline .more-btn {

    display: none; } }

@media (max-width: 950px) {

  .magazine-page .article-full-tablet {

    width: 100%; } }

.magazine-page .split-content .issues-part {

  display: inline-block;

  float: left;

  width: 300px; }

  @media (max-width: 950px) {

    .magazine-page .split-content .issues-part {

      width: 100%;

      margin-bottom: 15px; } }

  @media (max-width: 950px) {

    .magazine-page .split-content .issues-part .col_33 {

      max-width: 103px;

      height: 152px; } }

  @media (max-width: 767px) {

    .magazine-page .split-content .issues-part .col_33 {

      max-width: none;

      height: auto;

      min-height: 100px;

      width: 33.33%; }

      .magazine-page .split-content .issues-part .col_33 img {

        width: 100%; } }

.magazine-page .issues-listing {

  padding: 20px 20px; }

  .magazine-page .issues-listing h6 {

    font-size: 1.1rem;

    line-height: 12px;

    color: #656565;

    margin-top: 7px; }

    @media (max-width: 767px) {

      .magazine-page .issues-listing h6 {

        min-height: 40px; } }

  @media (max-width: 950px) {

    .magazine-page .issues-listing .row {

      margin-left: -14px;

      margin-right: -14px; } }

  .magazine-page .issues-listing .col_33 {

    margin-bottom: 5px; }

    @media (max-width: 950px) {

      .magazine-page .issues-listing .col_33 {

        padding-left: 14px;

        padding-right: 14px; } }

.magazine-page .list-style {

  padding: 20px 25px;

  background: #fff; }

  .magazine-page .list-style:before, .magazine-page .list-style:after {

    content: "";

    visibility: hidden;

    height: 0;

    display: table; }

  .magazine-page .list-style:after {

    clear: both; }

  @media (max-width: 767px) {

    .magazine-page .list-style {

      margin-bottom: 30px; } }

  .magazine-page .list-style article.article-item a.image {

    display: inline-block;

    float: left;

    width: 250px;

    margin-bottom: 0; }

    @media (max-width: 767px) {

      .magazine-page .list-style article.article-item a.image {

        width: 100%;

        margin-bottom: 10px; } }

  .magazine-page .list-style article.article-item .text-content {

    width: calc(100% - 250px);

    padding-left: 35px;

    padding-top: 20px; }

    @media (max-width: 767px) {

      .magazine-page .list-style article.article-item .text-content {

        width: 100%;

        padding-left: 0;

        padding-top: 5px; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile {

    display: inline-block;

    width: 100%; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile .image {

    display: inline-block;

    float: left;

    width: 250px !important;

    margin-bottom: 0;

    height: 141px !important;

    overflow: hidden; } }

@media (max-width: 767px) {

  .magazine-page .prepaire-mobile .image {

    width: 100% !important;

    height: auto !important; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile .image img {

    height: 141px !important; } }

@media (max-width: 767px) {

  .magazine-page .prepaire-mobile .image img {

    height: auto !important; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile .text-content {

    width: calc(100% - 250px);

    padding-left: 35px;

    padding-top: 20px;

    float: right; } }

@media (max-width: 767px) {

  .magazine-page .prepaire-mobile .text-content {

    width: 100%;

    padding-left: 0px;

    padding-top: 0px;

    display: inline-block;

    float: none; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile .article-item {

    margin-bottom: 0;

    padding-left: 0;

    padding-right: 0;

    display: inline-block;

    width: 100%;

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 1px solid #cccccc; } }

@media (max-width: 950px) {

  .magazine-page .prepaire-mobile .article-item h4 {

    font-size: 1.6rem !important; } }

@media (max-width: 950px) {

  .magazine-page div#update-content2 {

    background: #fff;

    margin-top: 0;

    margin-left: 0;

    margin-right: 0; } }

@media (max-width: 767px) {

  .magazine-page div#update-content2 {

    margin-top: -30px; } }

@media (max-width: 950px) {

  .magazine-page div#update-content2 .wrapp-mag-single-content {

    padding-left: 25px;

    padding-right: 25px; } }

@media (max-width: 950px) {

  .magazine-page div#update-content2 .simple-article-magazine.keep-margin {

    padding-left: 0;

    padding-right: 0;

    background: #fff; } }

@media (max-width: 950px) {

  .magazine-page div#update-content2 .simple-article-magazine.keep-margin:first-child {

    margin-top: -35px; } }



.blog-page .row-blog {

  margin-top: 20px; }

  @media (max-width: 767px) {

    .blog-page .row-blog {

      margin-top: 0; } }

.blog-page .each-blogger {

  min-height: 216px; }

  @media (max-width: 767px) {

    .blog-page .each-blogger {

      min-height: auto; } }

@media (max-width: 767px) {

  .blog-page article.article-item {

    min-height: 0 !important; } }

@media (max-width: 950px) {

  .blog-page article.article-item .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .col_50.get-equal {

    width: 100%; } }

@media (max-width: 767px) {

  .blog-page .col_50 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .col_50.to-be-full {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .to-be-half {

    width: 48%;

    float: left; } }

@media (max-width: 767px) {

  .blog-page .to-be-half {

    width: 100%; } }

.blog-page .to-be-half.no-mb {

  float: right; }

@media (max-width: 950px) {

  .blog-page .col_33 {

    width: 50%; } }

@media (max-width: 767px) {

  .blog-page .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .col_66 {

    width: 100%; } }

@media (max-width: 767px) {

  .blog-page .col_60 {

    width: 100%; } }

@media (max-width: 767px) {

  .blog-page .col_40 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .table-intact .col_66 {

    width: 66.66%; } }

@media (max-width: 767px) {

  .blog-page .table-intact .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .table-intact .col_33 {

    width: 33.33%; } }

@media (max-width: 767px) {

  .blog-page .table-intact .col_33 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .table-intact.flexible-width .col_66 {

    width: 60%; } }

@media (max-width: 767px) {

  .blog-page .table-intact.flexible-width .col_66 {

    width: 100%; } }

@media (max-width: 950px) {

  .blog-page .table-intact.flexible-width .col_33 {

    width: 40%; } }

@media (max-width: 767px) {

  .blog-page .table-intact.flexible-width .col_33 {

    width: 100%; } }

@media (max-width: 767px) {

  .blog-page .section-headline .more-btn {

    display: none; } }

.blog-page .blog-listing {

  padding: 20px 20px;

  margin-bottom: 15px; }

  .blog-page .blog-listing .col_16 {

    border-right: 1px solid #cccccc; }

    @media (max-width: 950px) {

      .blog-page .blog-listing .col_16 {

        width: 25%; } }

    @media (max-width: 767px) {

      .blog-page .blog-listing .col_16 {

        width: 100%;

        border: 0; } }

  .blog-page .blog-listing .blog-item {

    overflow: hidden; }

    @media (max-width: 767px) {

      .blog-page .blog-listing .blog-item {

        padding: 20px 0;

        border-bottom: 1px solid #cccccc; } }

    .blog-page .blog-listing .blog-item a.image {

      display: inline-block;

      width: 100%;

      margin-bottom: 12px;

      text-align: center; }

      @media (max-width: 767px) {

        .blog-page .blog-listing .blog-item a.image {

          width: 75px;

          float: left; } }

    .blog-page .blog-listing .blog-item h5 {

      font-family: "Kanit", Arial, Helvetica, sans-serif;

      font-size: 1.3rem;

      line-height: 16px;

      text-transform: uppercase;

      letter-spacing: 0.05em;

      margin-bottom: 8px;

      color: #656565; }

      @media (max-width: 767px) {

        .blog-page .blog-listing .blog-item h5 {

          width: calc(100% - 90px);

          display: inline-block;

          float: left;

          margin-bottom: 0px;

          margin-left: 15px; } }

    .blog-page .blog-listing .blog-item p {

      font-size: 1.1rem;

      line-height: 13px;

      color: #000000;

      margin-bottom: 0; }

      @media (max-width: 767px) {

        .blog-page .blog-listing .blog-item p {

          width: calc(100% - 90px);

          display: inline-block;

          float: left;

          font-size: 1.3rem;

          line-height: 15px;

          margin: 0;

          margin-left: 15px; } }

  .blog-page .blog-listing .row > div:nth-child(6n) {

    border-right: 0; }

    @media (max-width: 950px) {

      .blog-page .blog-listing .row > div:nth-child(6n) {

        border-right: 1px solid #cccccc; } }

    @media (max-width: 767px) {

      .blog-page .blog-listing .row > div:nth-child(6n) {

        border-right: none; } }

  @media (max-width: 950px) {

    .blog-page .blog-listing .row > div:nth-child(4n) {

      border-right: none; } }

.blog-page .no-border-on-mobile {

  border: 0 !important; }

@media (max-width: 767px) {

  .blog-page .hide-blogger {

    display: none; } }

@media (max-width: 767px) {

  .blog-page .show-more-blog {

    margin-top: 20px; } }

.blog-page .blog-show-top {

  margin-top: 20px; }



/*# sourceMappingURL=style.css.map */

.xoo-el-login-ph{
  display:none;
}

button.button.btn.xoo-el-action-btn.xoo-el-login-btn {
  background: #bf6e13 !important;
}

.xoo-el-form-container .xoo-el-section-login{
  display: block !important;
}

.meta-info img {
  float: right;
  max-width: 25px;
  margin-top: -10px;
}

.hidden{
  display:none !important;
}

body .video-page .articles-listing article.article-item a.image {
  display: inline-block !important;
}
body .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper a.image::before {
  content: "";
  background: none;
  background-color: rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
body .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper a.image::after {
  content: "";
  background-image: url(images/play-icon-white.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 35%;
  left: 49%;
  width: 40px;
  height: 41px;
  z-index: 10;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
body .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper a.image img {
  margin-top: -20px;
  position: relative;
  height: auto;
  width: 98%;
}
body .fancybox-iframe {
  background: transparent;
}

@media (max-width: 767px) {
  body .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper a.image {
    position: relative;
    height: auto;
    width: 98%;
  }
  body .video-page .videos-main-content .articles-listing article.article-item.featured-video .video-wrapper a.image img {
    margin-top: -10px;
    position: relative;
    height: auto;
    width: 98.5%;
  }
}