/*
Theme Name: Fetch
Theme URI: http://www.webulousthemes.com/fetch/
Author: N. Venkat Raj  
Author URI: https://www.webulousthemes.com/
Description: Fetch is a WordPress business theme. It is focused on building websites in the Transport, Transportation, Logistic company niches. It can be used for any kind of Transport or manufacturing type business. However, due to its flexibility and easiness it can be used to create any types of sites.  It is an attractive, modern, easy to use and responsive WordPress theme with colorful design and stunning flexibility.
Version: 1.1.0
Requires at least: 5.0
Requires PHP: 7.0
Tested up to: 5.5.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fetch
Tags: blog, news, custom-menu, custom-background, custom-header, custom-logo, featured-images, right-sidebar, sticky-post, threaded-comments, translation-ready, two-columns, one-column, footer-widgets, full-width-template, theme-options, rtl-language-support
 
Fetch WordPress Theme, Copyright (C) 2017, N. Venkat Raj
Fetch is distributed under the terms of the GNU GPL

Fetch is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Grid
3.0 Typography
4.0 Elements
	4.1 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Media
	6.1 Captions
	6.2 Galleries	
7.0 Modules
	7.1 Accessibility
	7.2 Alignments
	7.3 Clearings
	7.4 Infinite scroll
8.0 Header
9.0 Primary
10.0 Secondary
11.0 Footer
12.0 Responsiveness

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

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

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

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

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

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

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

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

a:focus {
  outline: thin dotted; }

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

a img {
  border: 0; }

/*--------------------------------------------------------------
2.0 Grid
--------------------------------------------------------------*/
.container {
  position: relative;
  width: 93%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0; }
  .container .one.column {
    width: 4.1%; }
  .container .two.columns {
    width: 10.4%; }
  .container .three.columns {
    width: 16.6%; }
  .container .four.columns {
    width: 22.9%; }
  .container .five.columns {
    width: 29.16%; }
  .container .six.columns {
    width: 35%; }
  .container .seven.columns {
    width: 41.6%; }
  .container .eight.columns {
    width: 47.9%; }
  .container .nine.columns {
    width: 54.16%; }
  .container .ten.columns {
    width: 60%; }
  .container .eleven.columns {
    width: 66.66%; }
  .container .twelve.columns {
    width: 72.9%; }
  .container .thirteen.columns {
    width: 79.16%; }
  .container .fourteen.columns {
    width: 85%; }
  .container .fifteen.columns {
    width: 91.66%; }
  .container .sixteen.columns {
    width: 97.9%; }
  .container .one-third.column {
    width: 31.25%; }
  .container .one-fourth.column {
    width: 23%; }
  .container .two-thirds.column {
    width: 64.5%; }
  .container .offset-by-one {
    padding-left: 6.25%; }
  .container .offset-by-two {
    padding-left: 12.5%; }
  .container .offset-by-three {
    padding-left: 18.75%; }
  .container .offset-by-four {
    padding-left: 25%; }
  .container .offset-by-five {
    padding-left: 31.25%; }
  .container .offset-by-six {
    padding-left: 37.5%; }
  .container .offset-by-seven {
    padding-left: 43.7%; }
  .container .offset-by-eight {
    padding-left: 50%; }
  .container .offset-by-nine {
    padding-left: 56.25%; }
  .container .offset-by-ten {
    padding-left: 62.5%; }
  .container .offset-by-eleven {
    padding-left: 68.75%; }
  .container .offset-by-twelve {
    padding-left: 75%; }
  .container .offset-by-thirteen {
    padding-left: 81.25%; }
  .container .offset-by-fourteen {
    padding-left: 87.5%; }
  .container .offset-by-fifteen {
    padding-left: 93.75%; }

.column, .columns {
  float: left;
  display: inline;
  margin-left: 1%;
  margin-right: 1%; }
  .column .alpha, .columns .alpha {
    margin-left: 0; }
  .column .omega, .columns .omega {
    margin-right: 0; }

.row {
  margin-bottom: 2%; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 93%; }
    .container .column, .container .columns {
      margin-left: 1.3%;
      margin-right: 1.3%; }
      .container .column .alpha, .container .columns .alpha {
        margin-left: 0;
        margin-right: 1.3%; }
      .container .column .omega, .container .columns .omega {
        margin-left: 1.3%;
        margin-right: 0%; }
    .container .one.column {
      width: 3.64%; }
    .container .two.columns {
      width: 9.89%; }
    .container .three.columns {
      width: 16.1%; }
    .container .four.columns {
      width: 22.39%; }
    .container .five.columns {
      width: 28.64%; }
    .container .six.columns {
      width: 34.89%; }
    .container .seven.columns {
      width: 41.14%; }
    .container .eight.columns {
      width: 47.39%; }
    .container .nine.columns {
      width: 53.64%; }
    .container .ten.columns {
      width: 59.89%; }
    .container .eleven.columns {
      width: 66.14%; }
    .container .twelve.columns {
      width: 72.39%; }
    .container .thirteen.columns {
      width: 78.64%; }
    .container .fourteen.columns {
      width: 84.89%; }
    .container .fifteen.columns {
      width: 91.14%; }
    .container .sixteen.columns {
      width: 97.39%; }
    .container .one-third.column {
      width: 30.72%; }
    .container .one-fourth.column {
      width: 20.72%; }
    .container .two-thirds.column {
      width: 64%; }
    .container .offset-by-one {
      padding-left: 6.25%; }
    .container .offset-by-two {
      padding-left: 12.5%; }
    .container .offset-by-three {
      padding-left: 18.75%; }
    .container .offset-by-four {
      padding-left: 25%; }
    .container .offset-by-five {
      padding-left: 31.25%; }
    .container .offset-by-six {
      padding-left: 37.5%; }
    .container .offset-by-seven {
      padding-left: 43.75%; }
    .container .offset-by-eight {
      padding-left: 45%; }
    .container .offset-by-nine {
      padding-left: 56.25%; }
    .container .offset-by-ten {
      padding-left: 62.5%; }
    .container .offset-by-eleven {
      padding-left: 68.75%; }
    .container .offset-by-twelve {
      padding-left: 75%; }
    .container .offset-by-thirteen {
      padding-left: 81.25%; }
    .container .offset-by-fourteen {
      padding-left: 87.5%; }
    .container .offset-by-fifteen {
      padding-left: 93.75%; } }

@media only screen and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .one-fourth.column,
    .container .two-thirds.column {
      width: 100%; }
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen {
      padding-left: 0; }
  .columns, .column {
    margin: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 93%; }
    .container .one.column,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .one-fourth.column,
    .container .two-thirds.column {
      width: 100%; }
  .columns, .column {
    margin: 0; } }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-cta:before,
.panel-row-style-cta:after,
.panel-row-style-cta:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after,
.panel-row-style-full-width-layout:before,
.panel-row-style-full-width-layout:after,
.panel-row-style-wide-grey:after,
.panel-row-style-wide-grey:before,
.panel-row-style-wide-dark-grey:after,
.panel-row-style-wide-dark-grey:before,
.panel-row-style-section-pattern2:after,
.panel-row-style-section-pattern2:before,
.panel-row-style-section-pattern:before,
.panel-row-style-section-pattern:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* ==|== primary styles =====================================================
   Author: Lucas - Skeleton Based Media Queries
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/*--------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #808080;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Kanit", sans-serif;
  color: #191b30;
  clear: both;
  font-weight: 600;
  margin-bottom: 15px; }

h1 {
  font-size: 48px;
  font-size: 4.8rem; }

h2 {
  font-size: 36px;
  font-size: 3.6rem; }

h3 {
  font-size: 30px;
  font-size: 3rem; }

h4 {
  font-size: 24px;
  font-size: 2.4rem; }

h5 {
  font-size: 18px;
  font-size: 1.8rem; }

h6 {
  font-size: 16px;
  font-size: 1.6rem; }

p {
  margin-bottom: 1.5em; }

b, strong {
  font-weight: bold; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #f5f5f5;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  border-left: 6px solid #dfdfdf;
  border-radius: 5px; }

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

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

mark, ins {
  background: #d7d7d7;
  text-decoration: none; }

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

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
4.0 Elements
--------------------------------------------------------------*/
hr {
  background-color: #d4d2d2;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul li {
  padding: 5px 5px; }
  ul li ul {
    margin-top: 5px; }
    ul li ul li {
      padding: 5px 5px 5px 15px; }

ol {
  list-style: decimal; }
  ol li {
    padding: 5px 5px; }
    ol li ol {
      margin-top: 5px; }
      ol li ol li {
        padding: 5px 5px; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em;
  margin-top: 10px; }

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

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }
  table th {
    font-family: "Kanit", sans-serif;
    text-transform: uppercase; }
    table th a {
      font-weight: 400; }
  table td, table th {
    border-bottom: 1px solid #d4d2d2;
    padding: 10px; }
  table thead tr th {
    font-weight: 700; }

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

select {
  background: #fff url("images/down.png") no-repeat 95% 50%;
  border: 1px solid #d4d2d2;
  padding: 5px 10% 5px 3%;
  -moz-appearance: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  background: #0e2a567a;
  text-transform: uppercase;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  line-height: 1;
  padding: 13px 30px;
  color: #fff;
  font-weight: 700;
  transition: all 0.5s ease; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #191b30;
  background-color: #191b30;
  position: relative;
  color: #fff; }

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

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

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

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #000;
  border-width: 1px;
  border-style: solid;
  border-color: #d4d2d2; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #000;
  border-color: #3c82f4; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 6px 15px;
  width: 100%; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul li {
  padding: 5px 5px; }
  ul li ul {
    margin-top: 5px; }
    ul li ul li {
      padding: 5px 5px 5px 15px; }

ol {
  list-style: decimal; }
  ol li {
    padding: 5px 5px; }
    ol li ol {
      margin-top: 5px; }
      ol li ol li {
        padding: 5px 5px; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em;
  margin-top: 10px; }

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #3c82f4;
  text-decoration: none;
  transition: all 0.5s ease; }
  a:visited {
    color: #3c82f4; }
  a:hover, a:focus, a:active {
    color: #191b30;
    outline: none;
    outline-offset: 0; }

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* home page brandign  */
.header-full-nav .top-nav {
  background-color: #0e2a56;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .header-full-nav .top-nav a {
    color: #fff !important; }
    .header-full-nav .top-nav a:hover {
      color: #191b30 !important; }

.header-full-nav .branding {
  border-bottom: none;
  background-color: #0e2a56;
  color: #fff;
  padding: 10px 0 0; }
  .header-full-nav .branding .site-branding {
    margin: 0; }
    .header-full-nav .branding .site-branding .site-title a {
      color: #fff; }
      .header-full-nav .branding .site-branding .site-title a:hover {
        color: #191b30; }
    .header-full-nav .branding .site-branding .site-description {
      color: #fff; }

.header-full-nav .header-right {
  color: #fff; }
  .header-full-nav .header-right a {
    color: #fff; }

.header-full-nav .header-menu-wrapper {
  border: 20px solid #0e2a56;
  position: relative; }
  .header-full-nav .header-menu-wrapper .main-navigation {
    margin-top: 0; }
    .header-full-nav .header-menu-wrapper .main-navigation ul {
      float: unset; }
  .header-full-nav .header-menu-wrapper .nav-wrap {
    background: #fff;
    border-radius: 5px;
    padding: 0px 10px;
    position: absolute;
    width: 100%;
    top: -15px;
    z-index: 10;
    box-shadow: 0 1px 13px -7px #191b30; }

.main-navigation {
  display: block;
  position: relative;
  float: right;
  font-weight: 700;
  margin-top: 15px; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-top: 0px;
    float: right; }
    .main-navigation ul li {
      padding: 0px; }
    .main-navigation ul ul.sub-menu, .main-navigation ul ul.children {
      box-shadow: none;
      float: left;
      text-align: left;
      position: absolute;
      top: auto;
      left: -999em;
      z-index: 99999;
      margin-top: 5px; }
      .main-navigation ul ul.sub-menu ul, .main-navigation ul ul.children ul {
        left: -999em;
        top: 0;
        margin-top: 5px; }
      .main-navigation ul ul.sub-menu li, .main-navigation ul ul.children li {
        margin: 0;
        height: auto;
        float: left;
        color: #fff;
        position: relative; }
        .main-navigation ul ul.sub-menu li:last-child a, .main-navigation ul ul.children li:last-child a {
          border: 0; }
        .main-navigation ul ul.sub-menu li:hover > ul, .main-navigation ul ul.children li:hover > ul {
          right: 100%; }
      .main-navigation ul ul.sub-menu a, .main-navigation ul ul.children a {
        min-width: 230px;
        color: #fff;
        height: auto;
        font-weight: normal;
        position: relative;
        font-family: "Lato", sans-serif;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 12px 7px 10px 20px;
        text-transform: none;
        background: #191b30;
        font-size: 16px;
        font-size: 1.6rem; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li.menu-item-has-children a, .main-navigation li.page_item_has_children a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 80px 20px 0px;
    position: relative;
    font-weight: 700;
    position: relative; }
    .main-navigation li.menu-item-has-children a:after, .main-navigation li.page_item_has_children a:after {
      position: absolute;
      content: '\f107';
      font-family: "FontAwesome";
      padding-left: 8px; }
  .main-navigation li {
    float: left;
    position: relative; }
    .main-navigation li:hover ul {
      margin-top: 0px;
      border: 2px solid #191b30;
      border-radius: 12px 12px 5px 5px;
      border-top: 5px solid transparent; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    color: #0e2a567a;
    text-transform: uppercase;
    padding: 20px 50px 20px 0px;
    position: relative;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem; }
  .main-navigation .children .current_page_item > a,
  .main-navigation .children .current-menu-item > a,
  .main-navigation .children .current_page_ancestor > a {
    color: #fff;
    background-image: none; }
  .main-navigation li li a {
    margin-right: 0; }
    .main-navigation li li a:after {
      display: none; }
  .main-navigation a:hover,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-parent > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current_page_parent > a {
    color: #1c3b6d; }

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

@media screen and (max-width: 600px) {
  .menu-toggle,
  .main-navigation.toggled ul.nav-menu {
    display: block;
    margin: auto; }
    .menu-toggle li,
    .main-navigation.toggled ul.nav-menu li {
      border-bottom: 1px solid #bababa;
      float: none; }
    .menu-toggle ul,
    .main-navigation.toggled ul.nav-menu ul {
      padding-left: 10%;
      position: static;
      text-align: none;
      float: none; }
      .menu-toggle ul li,
      .main-navigation.toggled ul.nav-menu ul li {
        background-color: transparent; }
        .menu-toggle ul li a,
        .main-navigation.toggled ul.nav-menu ul li a {
          color: #191b30; }
  .main-navigation ul ul.sub-menu a, .main-navigation ul ul.children a {
    background-color: transparent; }
  .main-navigation li:hover ul {
    border: none; }
  .main-navigation ul {
    float: none; }
  .main-navigation ul.nav-menu {
    display: none; }
  .menu-toggle li, .main-navigation.toggled ul.nav-menu li {
    text-align: left; } }

.comment-navigation,
.paging-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation {
  margin-bottom: 2.5em; }

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
  float: left;
  width: 48%; }

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
  float: right;
  text-align: right;
  width: 47%; }

.post-navigation span {
  display: none; }

.post-navigation .meta-previuous-post, .post-navigation .meta-next-post {
  display: block;
  text-transform: capitalize;
  color: #191b30;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 25px; }
  .post-navigation .meta-previuous-post:before, .post-navigation .meta-next-post:before {
    position: absolute;
    content: "\f177";
    font-family: "FontAwesome";
    font-size: 16px;
    font-size: 1.6rem;
    left: 0;
    top: 2px;
    font-weight: 400; }
  .post-navigation .meta-previuous-post:hover:before, .post-navigation .meta-next-post:hover:before {
    color: #3c82f4; }

.post-navigation .meta-next-post {
  padding-right: 25px; }
  .post-navigation .meta-next-post:before {
    left: auto;
    content: "\f178";
    right: 0; }

.post-navigation a {
  color: #191b30 !important;
  font-weight: 400;
  border: none !important;
  padding: 0px !important;
  display: inline-block !important;
  font-family: "Lato", sans-serif !important; }
  .post-navigation a:hover {
    color: #3c82f4 !important;
    background-color: transparent !important; }

.post-navigation .nav-previous a {
  padding-left: 0 !important; }

.post-navigation .nav-next a {
  padding-right: 0 !important; }

.post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a {
  background-color: transparent !important; }

.navigation a,
.comment-navigation a {
  color: #808080;
  border: 1px solid #f5f5f5;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block; }
  .navigation a:hover,
  .comment-navigation a:hover {
    background-color: #fff;
    border-color: #808080;
    color: #808080; }

.comment-navigation {
  position: relative; }
  .comment-navigation .nav-previous a {
    padding-left: 50px;
    position: relative;
    font-weight: 700; }
  .comment-navigation .nav-previous:hover a {
    background: #808080;
    color: #fff; }
    .comment-navigation .nav-previous:hover a .meta-nav {
      color: #fff; }
  .comment-navigation .nav-next a {
    padding-right: 50px;
    position: relative;
    font-weight: 700; }
  .comment-navigation .nav-next:hover a {
    background: #808080;
    color: #fff; }
    .comment-navigation .nav-next:hover a .meta-nav {
      color: #fff; }

.nav-links,
.more-link, .comment-navigation {
  position: relative; }
  .nav-links a,
  .more-link a, .comment-navigation a {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "Kanit", sans-serif; }
  .nav-links .meta-nav,
  .more-link .meta-nav, .comment-navigation .meta-nav {
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: inline-block;
    color: #191b30;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border-radius: 25px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    position: absolute;
    line-height: 18px;
    top: 30%;
    font-weight: 700; }
  .nav-links .nav-previous a,
  .more-link .nav-previous a, .comment-navigation .nav-previous a {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    display: inline-block; }
  .nav-links .nav-previous .meta-nav,
  .more-link .nav-previous .meta-nav, .comment-navigation .nav-previous .meta-nav {
    left: 20px; }
  .nav-links .nav-previous:hover a,
  .more-link .nav-previous:hover a, .comment-navigation .nav-previous:hover a {
    background: #3c82f4;
    color: #fff; }
    .nav-links .nav-previous:hover a .meta-nav,
    .more-link .nav-previous:hover a .meta-nav, .comment-navigation .nav-previous:hover a .meta-nav {
      color: #3c82f4;
      background: #fff; }
  .nav-links .nav-next a,
  .more-link .nav-next a, .comment-navigation .nav-next a {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;
    display: inline-block; }
  .nav-links .nav-next .meta-nav,
  .more-link .nav-next .meta-nav, .comment-navigation .nav-next .meta-nav {
    right: 20px; }
  .nav-links .nav-next:hover a,
  .more-link .nav-next:hover a, .comment-navigation .nav-next:hover a {
    background: #3c82f4;
    color: #fff; }
    .nav-links .nav-next:hover a .meta-nav,
    .more-link .nav-next:hover a .meta-nav, .comment-navigation .nav-next:hover a .meta-nav {
      color: #3c82f4;
      background: #fff; }

.nav-links a:hover .meta-nav {
  background-color: transparent;
  color: #808080; }

.page-navigation {
  margin-top: 60px;
  text-align: center; }

.menu.nav-menu::after, .menu.nav-menu::before {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.navigation.pagination {
  margin: 0;
  list-style-type: none;
  position: relative;
  text-align: center;
  margin: 50px 0px; }
  .navigation.pagination .page-numbers {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 10px 5px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #808080; }
  .navigation.pagination .page-numbers.current {
    color: #808080;
    border: 2px solid #808080;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px; }
  .navigation.pagination .prev.page-numbers, .navigation.pagination .next.page-numbers {
    border: none; }

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

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

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

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

/*--------------------------------------------------------------
6.2 Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
7.0 Modules
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #fff;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */ }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em !important; }

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

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

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

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
8.0 Header
--------------------------------------------------------------*/
.branding {
  border-bottom: 1px solid #d4d2d2; }
  .branding .site-branding {
    text-align: left;
    position: relative;
    margin: 5px 0px 15px; }
    .branding .site-branding .site-description {
      font-size: 14px;
      font-size: 1.4rem;
      color: #808080;
      font-family: "Lato", sans-serif;
      padding: 0px 10px 10px 0px;
      position: relative;
      margin-bottom: 0;
      margin-top: -12px; }
    .branding .site-branding .site-title {
      margin-bottom: 0; }
      .branding .site-branding .site-title a {
        display: block;
        color: #191b30; }
      .branding .site-branding .site-title a:hover {
        color: #3c82f4; }

.sticky-nav {
  position: fixed;
  top: -2px;
  left: 0;
  width: 100%;
  z-index: 1000; }

.admin-bar .nav-wrap.sticky-nav {
  top: 30px; }

.no-sidebar {
  float: none;
  margin: 0 auto;
  display: block; }

/* Breadcrumb */
.breadcrumb {
  /* ff3.6+ */
  /* safari4+,chrome */
  /* safari5.1+,chrome10+ */
  /* opera 11.10+ */
  /* ie10+ */
  background: linear-gradient(270deg, #3c82f4 0%, #294073 67%, #212035 99%, #212034 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212034', endColorstr='#3c82f4',GradientType=1 );
  /* ie6-9 */
  position: relative;
  padding: 35px 0px 55px;
  color: #fff;
  margin-top: 0; }
  .breadcrumb a {
    color: #fff; }
    .breadcrumb a:hover {
      color: #191b30; }
  .breadcrumb h1 {
    color: #fff;
    margin-bottom: 0;
    font-weight: 600; }
  .breadcrumb .breadcrumb-text {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    color: #fff;
    text-transform: capitalize; }
  .breadcrumb #crumbs {
    display: inline-block; }
    .breadcrumb #crumbs span {
      padding: 0px 5px; }

.breadcrumb.header-style-2 {
  background: linear-gradient(360deg, #3c82f4 0%, #294073 67%, #212035 99%, #212034 100%);
  /* w3c */ }

.top-nav {
  background: #f5f5f5;
  margin-bottom: 0px;
  line-height: 40px;
  color: #191b30; }
  .top-nav aside {
    margin-bottom: 10px;
    display: inline-block; }
  .top-nav .textwidget {
    padding: 0; }
  .top-nav .widget_text {
    margin: 0px; }
  .top-nav a {
    color: #191b30;
    font-size: 14px;
    font-size: 1.4rem; }
    .top-nav a:hover {
      color: #3c82f4 !important; }
  .top-nav i, .top-nav .fa {
    padding-right: 7px; }
  .top-nav .cart-left {
    font-size: 15px; }
    .top-nav .cart-left a {
      color: #191b30;
      font-size: 14px;
      font-size: 1.4rem; }
      .top-nav .cart-left a i, .top-nav .cart-left a .fa {
        padding-right: 7px; }
  .top-nav .cart-right {
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem; }
    .top-nav .cart-right a {
      color: #191b30;
      font-size: 15px; }
    .top-nav .cart-right ul li {
      margin-right: 5px; }
      .top-nav .cart-right ul li a {
        padding: 0px 5px; }
        .top-nav .cart-right ul li a i {
          font-size: 14px; }
  .top-nav ul {
    margin: 0; }
    .top-nav ul li {
      list-style: none;
      padding: 0px;
      display: inline-block;
      border-bottom: none !important;
      margin-right: 30px; }
      .top-nav ul li a {
        color: #191b30;
        display: inline;
        font-size: 13px;
        padding: 0px 10px; }
      .top-nav ul li i {
        font-size: 15px;
        font-size: 1.5rem;
        padding-right: 5px;
        display: inline-block; }

/*Header Right*/
.header-right {
  padding: 25px 0px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff; }
  .header-right i, .header-right span {
    color: #fff; }
  .header-right .columns, .header-right .columns {
    display: inline-block;
    font-weight: 700; }
    .header-right .columns i, .header-right .columns i {
      font-size: 30px;
      font-size: 3rem;
      float: left;
      margin-right: 10px;
      margin-top: 4px; }
    .header-right .columns span, .header-right .columns span {
      display: inline-block;
      font-weight: 400; }

/*--------------------------------------------------------------
9.0 Primary
--------------------------------------------------------------*/
.site-content, .home .site-content.default {
  padding-top: 50px;
  margin-bottom: 100px; }

.home .site-content {
  padding-top: 0px;
  margin-bottom: 0px; }

.site-main {
  margin: 1.5em 0; }
  .site-main article.post {
    padding: 30px 0 20px 0px; }

.single .site-main article.post {
  padding-top: 0; }

.share-box .widget-title {
  margin-bottom: 50px;
  color: #191b30; }

.share-box ul {
  margin: 0; }
  .share-box ul li {
    border: 0;
    padding: 0;
    margin: 0 10px 0px 0px;
    display: inline-block; }
    .share-box ul li a {
      width: 35px;
      height: 35px;
      color: #191b30;
      display: inline-block;
      background-color: #191b30;
      text-align: center;
      line-height: 35px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      color: #fff; }
      .share-box ul li a:hover {
        color: #fff;
        background-color: #3c82f4; }
      .share-box ul li a i {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        font-size: 14px;
        font-size: 1.4rem; }

.share-box {
  margin-bottom: 50px; }
  .share-box h4 {
    margin-bottom: 15px; }

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

.comment-navigation {
  clear: both; }

.comment-content p {
  font-size: 14px;
  font-size: 1.4rem; }

.bypostauthor {
  display: block; }

h2.comments-title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: normal; }

ol.comment-list {
  margin: 0;
  list-style-type: none;
  margin-bottom: 30px;
  background: #f5f5f5; }

ol.comment-list ol.children {
  list-style-type: none;
  margin-left: 10%; }

ol.comment-list > li {
  margin-bottom: 20px; }

.comment-body {
  position: relative; }

ol.comment-list .reply {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  left: -111px;
  top: 110px;
  padding: 1px 25px; }
  ol.comment-list .reply a {
    color: #3c82f4; }
  ol.comment-list .reply:hover a {
    color: #191b30; }

.comment-author {
  display: inline;
  text-transform: uppercase;
  color: #808080; }
  .comment-author img {
    position: absolute;
    left: 0; }
  .comment-author .fn {
    font-style: normal; }
    .comment-author .fn a {
      color: #3c82f4; }
      .comment-author .fn a:hover {
        color: #191b30; }

ol.comment-list article {
  margin-top: 30px;
  margin-bottom: 30px;
  width: calc(100% - 140px);
  float: right;
  position: relative;
  z-index: 1;
  min-height: 120px;
  padding-right: 30px; }
  ol.comment-list article .fn {
    font-family: "Kanit", sans-serif;
    cursor: pointer;
    color: #191b30;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500; }
  ol.comment-list article p {
    color: #808080; }
  ol.comment-list article blockquote p, ol.comment-list article q p {
    color: #fff; }

ol.comment-list article .comment-author img {
  top: -5px;
  left: -120px;
  width: 100px;
  height: 100px; }

.comment-meta .edit-link {
  position: absolute;
  right: 0;
  top: -4px; }
  .comment-meta .edit-link a {
    color: #3c82f4;
    padding: 5px 12px; }
    .comment-meta .edit-link a:hover {
      background-color: #3c82f4;
      color: #fff !important; }

.comment-metadata {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 10px;
  display: inline-block;
  padding-left: 20px; }
  .comment-metadata a {
    color: #191b30; }
    .comment-metadata a:hover {
      color: #3c82f4; }

.byuser .comment-metadata a:hover,
.byuser .comment-content a:hover {
  color: #808080; }

ol.comment-list li {
  clear: both; }
  ol.comment-list li ol {
    clear: both; }
    ol.comment-list li ol li {
      clear: both; }

.comment-form input[type="text"], .comment-form input[type="email"] {
  float: left;
  width: 32.5%;
  margin-top: 20px;
  padding: 8px 5px;
  margin-bottom: 20px;
  background: #f7f7f7;
  font-size: 13px;
  text-transform: uppercase; }

.comment-form textarea {
  background: #f5f5f5; }

.comment-form input[type="email"] {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.comment-form .form-submit {
  float: right;
  margin-top: 15px; }
  .comment-form .form-submit input {
    border-radius: 2px;
    font-size: 1.6rem;
    text-transform: capitalize; }

.comment-respond h3 {
  position: relative;
  font-size: 1.6rem; }

.hentry.sticky {
  color: #fff;
  padding: 25px !important;
  padding-bottom: 50px !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 5px;
  position: relative;
  margin-bottom: 70px !important;
  border: 1px solid #3c82f4;
  border-bottom: 1px solid #3c82f4 !important;
  background: #3c82f4; }
  .hentry.sticky:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -40px;
    height: 3px;
    width: 100%;
    border-bottom: 1px solid #d4d2d2; }
  .hentry.sticky .entry-date {
    border: 2px solid #fff; }
  .hentry.sticky .entry-date .date-structure, .hentry.sticky .entry-date .date-structure h2 {
    color: #fff; }
  .hentry.sticky h3.entry-title a {
    color: #fff; }
    .hentry.sticky h3.entry-title a:hover {
      color: #191b30; }
  .hentry.sticky .entry-content ul li {
    list-style: square; }
  .hentry.sticky a {
    color: #fff; }
    .hentry.sticky a:hover {
      color: #808080; }
  .hentry.sticky code {
    color: #000; }
  .hentry.sticky .entry-footer span {
    background-color: #3c82f4;
    color: #fff; }
    .hentry.sticky .entry-footer span i, .hentry.sticky .entry-footer span a {
      color: #fff; }
  .hentry.sticky .entry-footer,
  .hentry.sticky .entry-meta {
    margin-bottom: 0;
    border: 0; }
    .hentry.sticky .entry-footer a,
    .hentry.sticky .entry-meta a {
      color: #fff !important; }
      .hentry.sticky .entry-footer a:hover,
      .hentry.sticky .entry-meta a:hover {
        color: #191b30; }

.hentry.post {
  margin: 0 0 1em;
  border-bottom: 1px solid #d4d2d2; }

.single .byline,
.group-blog .byline {
  display: inline; }

article .latest-content .header-content h3 a {
  color: #191b30; }

article .latest-content .header-content .entry-meta span a {
  color: #808080;
  font-size: 14px;
  padding-right: 30px; }
  article .latest-content .header-content .entry-meta span a:hover {
    color: #3c82f4; }

article .latest-content .header-content .entry-meta span i {
  font-size: 14px;
  margin-right: 8px; }

article .latest-content .header-content .entry-meta span:last-child:after {
  display: none; }

article .latest-content .header-content .entry-meta .author a {
  padding-left: 0px; }

article .latest-content .header-content .entry-content .portfolio-readmore a.more-link {
  background: #3c82f4;
  padding: 8px 30px;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500; }
  article .latest-content .header-content .entry-content .portfolio-readmore a.more-link:hover {
    background: #191b30;
    color: #fff; }

article .latest-content .header-content .entry-footer {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  margin: 0 0 1.5em;
  padding: 12px;
  text-align: center;
  color: #fff;
  background-color: #3c82f4;
  display: inline-block; }
  .page-links a {
    padding: 5px 10px;
    color: #191b30; }
    .page-links a:hover {
      color: #d4d2d2; }

blockquote, q {
  position: relative;
  margin: 0;
  color: #fff;
  background-color: #3c82f4;
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 20px;
  font-size: 2rem;
  padding: 25px 10px 25px 55px;
  border-radius: 3px; }
  blockquote:before, q:before {
    position: absolute;
    content: "\f10d";
    font-size: 22px;
    font-size: 2.2rem;
    font-family: 'FontAwesome';
    left: 2px;
    top: 20px;
    color: #fff;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px; }
  blockquote p, q p {
    margin-bottom: 0;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 20px 20px 0px;
    color: #fff;
    position: relative; }
    blockquote p:last-of-type, q p:last-of-type {
      padding: 0; }
    blockquote p cite, q p cite {
      font-style: normal;
      text-transform: uppercase;
      color: #fff; }
    blockquote p a, blockquote p a:visited, q p a, q p a:visited {
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem; }
    blockquote p a:hover, q p a:hover {
      color: #808080; }

.related-posts {
  padding: 20px 0; }
  .related-posts ul#fetch-related-posts {
    list-style-type: none;
    margin: 0; }
    .related-posts ul#fetch-related-posts li {
      width: 23%;
      float: left;
      margin: 1%;
      line-height: normal; }
      .related-posts ul#fetch-related-posts li a {
        line-height: normal; }
      .related-posts ul#fetch-related-posts li:nth-child(4n+1) {
        clear: both; }

/* Single post Author Box */
.author-bio {
  clear: both;
  margin-bottom: 10px; }
  .author-bio .avatar {
    float: left; }
  .author-bio .description {
    display: inline-block;
    margin-left: 30px;
    text-align: left; }

.single-post #primary .latest-content {
  margin-bottom: 20px; }

.single-post #primary .entry-footer {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 45px; }
  .single-post #primary .entry-footer a {
    color: #3c82f4;
    border: 1px solid #d4d2d2;
    padding: 5px 10px;
    margin: 0px 2px; }
  .single-post #primary .entry-footer .tag-title {
    color: #3c82f4;
    text-transform: uppercase;
    color: #808080; }

/* Search Page */
.search article .entry-meta {
  text-transform: uppercase; }
  .search article .entry-meta span {
    position: relative; }
    .search article .entry-meta span:after {
      position: absolute;
      content: "-";
      font-size: 17px;
      top: auto;
      left: auto; }
    .search article .entry-meta span a {
      color: #191b30;
      font-size: 14px;
      padding: 0px 10px 0px 20px; }
      .search article .entry-meta span a:hover {
        color: #3c82f4; }
    .search article .entry-meta span:last-child:after {
      display: none; }
  .search article .entry-meta .author a {
    padding-left: 0px; }

.search article .entry-date {
  border: 2px solid #3c82f4;
  float: left;
  text-align: center;
  width: 15%; }
  .search article .entry-date .date-structure {
    display: inline-block;
    padding: 5px 0px;
    color: #3c82f4;
    line-height: 1; }
    .search article .entry-date .date-structure h2 {
      font-size: 54px;
      color: #3c82f4;
      margin-bottom: 0px; }
    .search article .entry-date .date-structure span {
      display: block;
      font-size: 16px;
      font-weight: bold; }

/* Gutenberg CSS style */
.wp-block-latest-posts.aligncenter {
  margin-left: 3em; }

.wp-block-verse {
  color: #808080; }

.wp-block-quote {
  padding: 20px; }
  .wp-block-quote:before {
    content: "";
    border: 0px; }
  .wp-block-quote p {
    padding: 20px !important; }
  .wp-block-quote cite {
    margin: 0px;
    padding-left: 20px; }

.wp-block-quote.is-large {
  border: 0px;
  color: #191b30;
  padding: 20px; }
  .wp-block-quote.is-large cite {
    text-align: right;
    display: block;
    color: #fff;
    font-style: italic;
    padding-right: 20px; }

.wp-block-pullquote {
  padding: 0px;
  padding-bottom: 10px;
  margin: 0 auto;
  border-left: none !important;
  margin-bottom: 20px; }
  .wp-block-pullquote p {
    padding: 20px !important; }
  .wp-block-pullquote:before {
    content: "";
    border: 0px; }

.wp-block-pullquote.alignleft {
  margin-right: 25px; }

.wp-block-pullquote.alignright {
  margin-left: 25px; }

.wp-block-button a:hover {
  padding: 11px 24px;
  box-shadow: 3px 3px black;
  -webkit-box-shadow: 3px 3px black; }

.wp-block-cover-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.wp-block-audio {
  text-align: center; }

.wp-block-button.aligncenter {
  margin-bottom: 1.5em; }

.home .site-header {
  border-bottom: none; }

.home .site-main {
  margin-bottom: 100px; }

.home .home-divider {
  display: block;
  border-top: 1px solid #d4d2d2; }

.home.blog .site-content {
  padding-top: 100px;
  margin-bottom: 100px; }

/* Service Section */
.section-head {
  margin-bottom: 70px; }
  .section-head h1 {
    text-align: center;
    line-height: normal;
    margin-bottom: 0px; }
  .section-head p {
    font-size: 18px;
    text-align: center; }

/* white color scetion head */
.section-head.clr-white {
  color: #fff; }
  .section-head.clr-white h1, .section-head.clr-white p {
    color: #fff; }

.service-wrapper {
  padding-top: 50px; }
  .service-wrapper .section-head p {
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem; }

.services-wrapper .service {
  padding: 0 10px;
  margin-bottom: 20px; }

.services-wrapper .icon-wrapper {
  margin-bottom: 10px; }
  .services-wrapper .icon-wrapper i {
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 100px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background-color: #3c82f4; }

.services-wrapper .service-content h4 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 5px; }
  .services-wrapper .service-content h4 a {
    color: #191b30; }

.services-wrapper .service-content p {
  margin-bottom: 10px; }

.services-wrapper .service-content p a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #3c82f4;
  padding: 8px 0; }

.services-wrapper .service-content:hover p a {
  color: #191b30; }

.services-wrapper .service-content:hover h4 a {
  color: #3c82f4; }

/*  About us section */
.content-section-wrapper {
  background: url(images/bg.png);
  padding: 70px 0px;
  color: #fff;
  margin-bottom: 100px; }
  .content-section-wrapper .site-main {
    margin: 0px; }
  .content-section-wrapper h1, .content-section-wrapper h2, .content-section-wrapper h3, .content-section-wrapper h4, .content-section-wrapper h5, .content-section-wrapper h6 {
    color: #fff;
    margin-bottom: 0; }
  .content-section-wrapper #aboutus-form {
    margin-right: 20px; }
    .content-section-wrapper #aboutus-form input[type="text"], .content-section-wrapper #aboutus-form input[type="email"], .content-section-wrapper #aboutus-form input[type="url"], .content-section-wrapper #aboutus-form input[type="password"], .content-section-wrapper #aboutus-form input[type="search"], .content-section-wrapper #aboutus-form textarea {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
    .content-section-wrapper #aboutus-form select {
      background: transparent url("images/select-down.png") no-repeat scroll 95% 50%;
      width: 100%;
      padding: 8px 10% 8px 3%;
      color: #fff;
      border-color: #fff; }
    .content-section-wrapper #aboutus-form option {
      color: #191b30; }
    .content-section-wrapper #aboutus-form input::-webkit-input-placeholder {
      color: #fff;
      opacity: 1; }
    .content-section-wrapper #aboutus-form input:-ms-input-placeholder {
      color: #fff;
      opacity: 1; }
    .content-section-wrapper #aboutus-form input::placeholder {
      color: #fff;
      opacity: 1; }
    .content-section-wrapper #aboutus-form input[type="submit"], .content-section-wrapper #aboutus-form button[type="submit"] {
      width: 100%;
      background-color: #fff;
      color: #191b30;
      margin-top: 15px;
      font-weight: 500;
      padding: 13px 30px; }
      .content-section-wrapper #aboutus-form input[type="submit"]:hover, .content-section-wrapper #aboutus-form button[type="submit"]:hover {
        background-color: #191b30;
        border-color: #191b30;
        color: #fff; }
    .content-section-wrapper #aboutus-form p:not(:last-of-type) {
      float: left;
      width: calc(50% - 16px);
      margin: 12px 8px; }
  .content-section-wrapper .aboutus-img {
    text-align: right; }

/* Recent Post section */
.post-wrapper {
  padding: 0px 0px 70px; }
  .post-wrapper .latest-posts .one-third:nth-child(3n+1) {
    clear: both; }
  .post-wrapper .latest-posts .latest-post {
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    margin-bottom: 2.5em;
    background: #fff;
    text-align: left;
    margin: 0px 10px 2.5em 10px;
    border: 1px solid #d4d2d2; }
  .post-wrapper .latest-posts .latest-post-thumb img {
    display: block; }
  .post-wrapper .latest-posts .latest-post-details {
    padding: 20px 25px 0px 25px;
    border-top: 0px; }
    .post-wrapper .latest-posts .latest-post-details h4 {
      margin-bottom: 0;
      font-weight: 600; }
      .post-wrapper .latest-posts .latest-post-details h4 a {
        color: #191b30; }
        .post-wrapper .latest-posts .latest-post-details h4 a:hover {
          color: #3c82f4; }
    .post-wrapper .latest-posts .latest-post-details .entry-meta {
      border: none;
      padding: 0;
      margin-bottom: 15px;
      position: absolute;
      bottom: 18px; }
      .post-wrapper .latest-posts .latest-post-details .entry-meta .data-structure span {
        display: inline-block;
        text-align: left;
        color: #808080;
        text-transform: uppercase;
        font-weight: 700; }
        .post-wrapper .latest-posts .latest-post-details .entry-meta .data-structure span:hover {
          color: #191b30; }
    .post-wrapper .latest-posts .latest-post-details .latest-post-content {
      margin: 10px 0 30px;
      text-align: justify; }
      .post-wrapper .latest-posts .latest-post-details .latest-post-content h1, .post-wrapper .latest-posts .latest-post-details .latest-post-content h2, .post-wrapper .latest-posts .latest-post-details .latest-post-content h3, .post-wrapper .latest-posts .latest-post-details .latest-post-content h4, .post-wrapper .latest-posts .latest-post-details .latest-post-content h5, .post-wrapper .latest-posts .latest-post-details .latest-post-content h6 {
        line-height: normal; }
    .post-wrapper .latest-posts .latest-post-details .btn-readmore {
      display: inline-block;
      padding: 20px 0px 0px 20px;
      color: #3c82f4; }
      .post-wrapper .latest-posts .latest-post-details .btn-readmore:hover {
        color: #191b30; }

.error-404.not-found {
  text-align: center; }
  .error-404.not-found h1.page-title {
    text-align: center;
    margin-bottom: 30px; }
    .error-404.not-found h1.page-title span {
      color: #808080;
      display: block; }

.no-results input[type="search"], .not-found input[type="search"] {
  float: left;
  width: 75%; }

.no-results input[type="submit"], .not-found input[type="submit"] {
  float: left;
  width: 20%;
  position: relative;
  right: -4px;
  top: 0; }

.flexslider {
  border: 0 !important;
  margin-bottom: 0;
  box-shadow: inset 0 0 0 transparent !important;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 0px !important;
  background: transparent !important; }
  .flexslider .slides > li {
    position: relative; }
  .flexslider .flex-direction-nav li {
    border: 0 !important;
    padding: 0; }
  .flexslider .flex-direction-nav a {
    margin: 0;
    text-align: center;
    top: 45%;
    opacity: 1;
    overflow: visible;
    width: 32px;
    height: 70px;
    font-size: 0px;
    font-size: 0rem;
    line-height: 70px;
    background: transparent;
    border: 1px solid #fff; }
    .flexslider .flex-direction-nav a:before {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      font-family: "FontAwesome"; }
    .flexslider .flex-direction-nav a:hover {
      background-color: #3c82f4;
      border-color: #3c82f4; }
      .flexslider .flex-direction-nav a:hover:before {
        color: #fff; }
  .flexslider .flex-direction-nav a.flex-prev {
    left: 12px; }
    .flexslider .flex-direction-nav a.flex-prev:before {
      content: "\f104"; }
    .flexslider .flex-direction-nav a.flex-prev:after {
      left: 5px; }
  .flexslider .flex-direction-nav a.flex-next {
    text-align: center;
    right: 15px; }
    .flexslider .flex-direction-nav a.flex-next:before {
      content: "\f105"; }
    .flexslider .flex-direction-nav a.flex-next:after {
      right: 5px; }
  .flexslider .flex-control-nav {
    text-align: right;
    bottom: 0; }
    .flexslider .flex-control-nav li {
      display: block;
      float: left;
      margin: 0; }
  .flexslider ol.flex-control-paging {
    text-align: center;
    bottom: 15px;
    z-index: 10; }
    .flexslider ol.flex-control-paging li {
      float: none;
      display: inline;
      padding: 0px; }
      .flexslider ol.flex-control-paging li a {
        display: inline-block;
        background-color: transparent;
        border: 1px solid #fff !important;
        text-indent: -9999em !important;
        margin: 0 5px;
        box-shadow: none;
        border-radius: 0;
        width: 10px;
        height: 10px; }
      .flexslider ol.flex-control-paging li a.flex-active, .flexslider ol.flex-control-paging li a:hover {
        border: 1px solid #3c82f4 !important;
        background-color: #3c82f4; }
  .flexslider:hover .flex-direction-nav a.flex-prev {
    opacity: 1; }
  .flexslider:hover .flex-direction-nav a.flex-next {
    opacity: 1; }

.flexslider .flex-caption {
  position: absolute;
  top: 20%;
  right: 5%;
  color: #fff;
  width: 55%;
  padding: 30px 50px 20px 40px;
  text-align: left;
  margin: 0 auto;
  background: rgba(33, 32, 51, 0.75); }
  .flexslider .flex-caption h1, .flexslider .flex-caption h2, .flexslider .flex-caption h4, .flexslider .flex-caption h5, .flexslider .flex-caption h6 {
    color: #fff;
    position: relative;
    line-height: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    margin-bottom: 30px; }
  .flexslider .flex-caption p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px; }
  .flexslider .flex-caption p a {
    color: #191b30;
    padding: 10px 25px 10px 25px;
    font-weight: 700;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    background: #fff; }
    .flexslider .flex-caption p a:hover {
      background-color: #3c82f4;
      color: #fff; }
      .flexslider .flex-caption p a:hover:after {
        color: #191b30; }

.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce #content table.cart input,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input {
  transition: all 0.5s ease; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  color: #fff;
  background: #191b30; }

.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
  background: none !important;
  background-color: #3c82f4 !important;
  color: #fff; }

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt {
  background: #272727 !important;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #272727 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */
  border: 1px solid #333; }

.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
  border-color: #000;
  background: #666 !important;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #666 0%, #45484d 100%) !important;
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#45484d',GradientType=0 ) !important;
  /* IE6-9 */ }

.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before {
  background-color: #333; }

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
  border-color: #333; }

.order-total .amount,
.cart-subtotal .amount {
  color: #3c82f4; }

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
  background: #f2f9fe;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
  color: #191b30; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  background-color: #666;
  color: #fff; }

.woocommerce a.added_to_cart:hover,
.woocommerce-page a.added_to_cart:hover {
  background-color: #000; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  color: #fff; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #f2f9fe;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f2f9fe 0%, #d6f0fd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
  color: #3c82f4; }

.woocommerce #content table.cart a.remove:hover,
.woocommerce table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover {
  background-color: #191b30; }

.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  background-color: #d4d2d2; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  background: #3c82f4;
  color: #fff; }

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background: #fceabb;
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
  /* IE6-9 */ }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  background-color: #191b30;
  color: #fff !important; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  background-color: #3c82f4;
  color: #fff; }

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce #content nav.woocommerce-pagination ul {
  background-color: #191b30; }

.woocommerce-error li strong {
  color: #B81C23; }

.woocommerce .site-content,
.woocommerce-page .site-content {
  margin-bottom: 0; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  border: 0;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  text-shadow: 0 0 0;
  font-weight: 400; }

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0;
  height: 2.5em;
  line-height: 2.5;
  width: 2em; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
  line-height: normal;
  border: 1px solid #aea9a9;
  color: #000; }

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
  padding: 2px 15px 1px 30px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 3px; }

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a {
  text-decoration: none; }

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
  color: #3c82f4; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
  padding: 0.5em 1em;
  background-color: transparent;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 0;
  box-shadow: 0 0 0;
  border-top: 0;
  position: static; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  position: static; }

.woocommerce #content div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations,
.woocommerce-page #content div.product form.cart table.variations,
.woocommerce-page div.product form.cart table.variations,
.woocommerce #content div.product form.cart table.variations td,
.woocommerce div.product form.cart table.variations td,
.woocommerce-page #content div.product form.cart table.variations td,
.woocommerce-page div.product form.cart table.variations td {
  border: 0; }

.cross-sells h2,
.shipping_calculator h2 {
  font-size: 1.6em; }

.woocommerce #content table.cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce-page #content table.cart a.remove,
.woocommerce-page table.cart a.remove {
  margin: 0 auto; }

.woocommerce #content table.cart td.actions input#coupon_code,
.woocommerce table.cart td.actions input#coupon_code,
.woocommerce-page #content table.cart td.actions input#coupon_code,
.woocommerce-page table.cart td.actions input#coupon_code {
  width: auto; }

.woocommerce button.button,
.woocommerce-page button.button {
  padding: 10px 12px; }

.woocommerce .cart button.single_add_to_cart_button {
  padding: 6px 12px 5px; }

.woocommerce button.button, .woocommerce-page button.button,
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
  padding: 20px;
  border: 1px solid #e0dadf;
  border-top: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0; }

.woocommerce #content table.cart td.actions .coupon #coupon_code,
.woocommerce table.cart td.actions .coupon #coupon_code,
.woocommerce-page #content table.cart td.actions .coupon #coupon_code,
.woocommerce-page table.cart td.actions .coupon #coupon_code {
  padding: 4px 6px; }

.woocommerce #content div.product .stock,
.woocommerce div.product .stock,
.woocommerce-page #content div.product .stock,
.woocommerce-page div.product .stock {
  text-decoration: underline;
  color: #333; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: #191b30;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 0;
  margin: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  color: #fff;
  text-shadow: 0 0 0;
  padding: 7px 20px !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover {
  text-decoration: none; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
  z-index: 2;
  border-bottom-color: transparent; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
  box-shadow: 0; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before {
  display: none !important; }

.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  display: none !important; }

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

.woocommerce span.onsale, .woocommerce-page span.onsale {
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-radius: 50px;
  padding: 10px 12px; }

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
  margin: -15px -15px 0 0; }

.woocommerce #content nav.woocommerce-pagination ul li a,
.woocommerce #content nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page #content nav.woocommerce-pagination ul li a,
.woocommerce-page #content nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  border: 0;
  padding: 3px 10px; }

.woocommerce #content nav.woocommerce-pagination ul li a:focus,
.woocommerce #content nav.woocommerce-pagination ul li a:hover,
.woocommerce #content nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul li {
  border: 0; }

.woocommerce #content nav.woocommerce-pagination ul {
  padding: 7px 10px;
  border: 0; }

.woocommerce-page .site-footer,
.woocommerce-page .footer-bottom,
.woocommerce-page .woocommerce-breadcrumb {
  padding: 0 50%;
  box-sizing: content-box;
  margin: 0 -50%; }

.woocommerce a.remove {
  background: #3c82f4;
  color: #fff !important; }

.woocommerce #primary {
  margin: 50px 0px; }

/*--------------------------------------------------------------
10.0 Secondary
--------------------------------------------------------------*/
#secondary {
  padding-left: 30px; }

#content div#secondary:first-of-type {
  padding-left: 0px !important;
  padding-right: 50px; }

#secondary .left-sidebar {
  padding: 0px 10px 40px; }

.widget-area h4.widget-title {
  padding-bottom: 5px;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  text-transform: uppercase; }

.widget-area ul {
  padding: 0px; }
  .widget-area ul li {
    padding: 8px 0px;
    list-style: none;
    border-bottom: 1px solid #d4d2d2; }
    .widget-area ul li a {
      color: #808080; }
      .widget-area ul li a:hover {
        color: #3c82f4; }
    .widget-area ul li li:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .widget-area ul li ul.children,
    .widget-area ul li .sub-menu {
      padding-top: 5px; }
      .widget-area ul li ul.children li:last-child,
      .widget-area ul li .sub-menu li:last-child {
        padding-bottom: 0; }

.widget-area select {
  width: 100%;
  background: url("images/down.png") no-repeat 95% 50%;
  -moz-appearance: none;
  border: 1px solid #d4d2d2;
  padding: 5px 10% 5px 3%; }

.widget-area ul li {
  transition: all 0.5s ease;
  color: #808080; }
  .widget-area ul li li {
    padding-left: 5px; }
  .widget-area ul li:hover {
    background-position: 10px 16px; }

.widget-area ul.children {
  padding-top: 0 !important;
  margin-left: -25px;
  border-top: 1px solid #d4d2d2;
  padding-left: 0;
  margin-top: 10px !important; }
  .widget-area ul.children li {
    padding-left: 15px;
    list-style: none;
    background-position: 25px 16px; }
    .widget-area ul.children li:hover {
      background-position: 37px 16px; }
  .widget-area ul.children ul.children {
    margin-left: -50px; }
    .widget-area ul.children ul.children li {
      padding-left: 15px;
      list-style: none;
      background-position: 50px 16px; }
      .widget-area ul.children ul.children li:hover {
        background-position: 67px 16px; }
    .widget-area ul.children ul.children ul.children {
      margin-left: -75px; }
      .widget-area ul.children ul.children ul.children li {
        padding-left: 15px;
        list-style: none;
        background-position: 75px 16px; }
        .widget-area ul.children ul.children ul.children li:hover {
          background-position: 92px 16px; }

#secondary .widget, .site-footer .widget, .site-header .widget {
  margin: 0 0 3.5em 0;
  /* Make sure select elements fit in widgets */ }
  #secondary .widget ul, #secondary .widget ol, .site-footer .widget ul, .site-footer .widget ol, .site-header .widget ul, .site-header .widget ol {
    padding: 0;
    margin: 0; }
  #secondary .widget select, .site-footer .widget select, .site-header .widget select {
    max-width: 100%; }

.site-header .widget {
  margin: 0; }

#secondary .left-sidebar aside {
  margin: 0 0 5.5em 0; }
  #secondary .left-sidebar aside:last-child {
    margin-bottom: 0; }

#secondary #recentcomments a {
  color: #808080; }
  #secondary #recentcomments a:hover {
    color: #3c82f4; }

.site-info .left-sidebar .widget-title, .top-nav .widget-title, .top-right .widget-title {
  display: none; }

.widget_calendar table th, .widget_calendar table td {
  text-align: center;
  padding: 7px 5px;
  border-bottom: 1px solid #d4d2d2; }
  .widget_calendar table th a, .widget_calendar table td a {
    display: block;
    color: #808080; }
    .widget_calendar table th a:hover, .widget_calendar table td a:hover {
      color: #3c82f4; }

.widget_calendar table thead {
  border-bottom: 1px solid #d4d2d2; }

.widget_calendar table tfoot {
  border: 0; }

.widget_calendar table tr {
  border-bottom: 1px solid #d4d2d2; }

.widget_calendar table th {
  color: #808080;
  font-weight: 700;
  border-right: 1px solid #d4d2d2; }
  .widget_calendar table th:first-child {
    border-left: 1px solid #d4d2d2; }

.widget_calendar table td {
  border-right: 1px solid #d4d2d2; }
  .widget_calendar table td:first-child {
    border-left: 1px solid #d4d2d2; }

.widget_calendar table td#prev {
  text-align: left; }

.widget_calendar table td#next {
  text-align: right; }

.widget_calendar table tfoot td:first-child, .widget_calendar table tfoot tr, .widget_calendar table tfoot td {
  border: none; }

.widget_calendar table tbody tr:nth-child(even) th, .widget_calendar table tbody tr:nth-child(even) td {
  background-color: #fff;
  color: #808080; }

.widget_calendar table tbody tr:nth-child(odd) th {
  background-color: #fff;
  color: #808080; }

.widget_calendar table tbody tr:nth-child(odd) td {
  background-color: #fff;
  color: #808080; }

.widget_calendar table caption {
  text-align: center;
  background-color: #3c82f4;
  color: #fff;
  padding: 5px 0;
  position: relative; }

/* Footer */
.site-footer .widget_calendar table a {
  color: #3c82f4; }

.widget-area .rss-date,
.widget-area .widget_rss cite {
  display: block;
  color: #808080;
  margin: 5px 0; }

.widget-area .widget_rss span {
  color: #3c82f4; }

.widget-area .widget_rss cite {
  color: #808080; }

.widget-area .widget_rss a {
  color: #191b30;
  font-family: "Kanit", sans-serif; }
  .widget-area .widget_rss a:hover {
    color: #3c82f4; }

.widget-area .widget_rss .widget-title .rsswidget {
  color: #191b30; }
  .widget-area .widget_rss .widget-title .rsswidget img {
    margin: 0; }

.widget-area .widget_rss ul {
  padding-left: 0px !important; }
  .widget-area .widget_rss ul li {
    background: none;
    list-style: none;
    border-bottom: 1px solid #d4d2d2;
    padding-top: 15px; }
    .widget-area .widget_rss ul li:last-child {
      border-bottom: 0; }
    .widget-area .widget_rss ul li a {
      font-size: 16px; }

.widget-area .rssSummary {
  font-size: 16px;
  padding-top: 5px; }

.widget_search .search-form {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem; }
  .widget_search .search-form label {
    display: block; }
  .widget_search .search-form input[type="search"] {
    color: #808080;
    width: 100%;
    padding: 5px;
    background: transparent;
    border-radius: 3px; }
  .widget_search .search-form input[type="search"]:focus {
    background: #fff;
    color: #808080 !important; }
  .widget_search .search-form input[type="submit"] {
    border: 0;
    position: absolute;
    right: -11px;
    top: 1px;
    font-weight: normal;
    padding: 10px;
    font-size: 14px;
    border-radius: 0;
    height: 39px;
    background: transparent;
    text-indent: -9999em;
    background: url("images/icon-search-black.png") no-repeat 0% center; }

.nav-wrap .search-form {
  top: 13px;
  text-align: right;
  position: relative;
  margin: 0px 10px; }
  .nav-wrap .search-form .search-submit {
    position: absolute;
    right: -5px;
    margin: 0;
    padding: 5px;
    top: 10px;
    border: none;
    color: transparent; }

.widget-area .textwidget select {
  padding: 5px 10px;
  background-color: transparent;
  border: 1px solid #d4d2d2; }

.wp-caption .wp-caption-text {
  margin: 0; }

.widget_tag_cloud a {
  padding: 4px 15px !important;
  color: #fff;
  margin: 3px;
  font-size: 16px !important;
  display: inline-block;
  background-color: #3c82f4;
  border: 1px solid #3c82f4; }
  .widget_tag_cloud a:hover {
    background: #191b30; }

.widget_nav_menu a {
  display: block; }

.widget_nav_menu ul.sub-menu li {
  text-indent: 0; }

.widget_nav_menu ul.sub-menu {
  padding-top: 0 !important;
  padding-left: 0;
  border-top: 1px solid #d4d2d2;
  margin-top: 10px !important; }
  .widget_nav_menu ul.sub-menu li {
    padding-left: 15px; }

/*--------------------------------------------------------------
11.0 Footer
--------------------------------------------------------------*/
.site-footer .footer-widgets {
  margin-top: 0; }

.site-footer {
  background: #191b30;
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7); }
  .site-footer .footer-widgets .one-third.column aside {
    margin: 0 2.7em 3.5em 0; }
  .site-footer .footer-widgets .one-third.column:last-child aside {
    margin-right: 0px; }
  .site-footer .footer-widgets input[type="text"], .site-footer .footer-widgets input[type="email"], .site-footer .footer-widgets input[type="url"], .site-footer .footer-widgets input[type="password"], .site-footer .footer-widgets input[type="search"], .site-footer .footer-widgets textarea {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7); }
  .site-footer .footer-widgets button, .site-footer .footer-widgets input[type="button"], .site-footer .footer-widgets input[type="reset"], .site-footer .footer-widgets input[type="submit"] {
    color: #fff;
    font-weight: 500; }
  .site-footer .footer-widgets {
    padding: 100px 0 50px; }
    .site-footer .footer-widgets h4.widget-title {
      color: #fff;
      margin-bottom: 15px; }
    .site-footer .footer-widgets ul li {
      padding: 5px 0px 5px 0;
      list-style: none;
      position: relative;
      transition: all 0.5s ease; }
      .site-footer .footer-widgets ul li i, .site-footer .footer-widgets ul li .fa {
        padding-right: 5px; }
      .site-footer .footer-widgets ul li:hover {
        background-position: 10px 12px; }
      .site-footer .footer-widgets ul li ul li {
        padding: 5px 5px 5px 15px; }
    .site-footer .footer-widgets ul.children,
    .site-footer .footer-widgets .widget_nav_menu ul.sub-menu {
      border-color: rgba(255, 255, 255, 0.2); }
    .site-footer .footer-widgets .calendar_wrap td, .site-footer .footer-widgets .calendar_wrap th {
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap a {
      color: #3c82f4; }
      .site-footer .footer-widgets .calendar_wrap a:hover {
        color: #fff; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(odd) th {
      background-color: #191b30;
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(odd) td {
      background-color: #191b30;
      color: #fff; }
    .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(even) th, .site-footer .footer-widgets .calendar_wrap tbody tr:nth-child(even) td {
      background-color: #191b30;
      color: #fff; }
    .site-footer .footer-widgets .widget_calendar table caption {
      background: #3c82f4; }
    .site-footer .footer-widgets select {
      width: 100%;
      background: #fff url("images/down.png") no-repeat 95% 50% white;
      -moz-appearance: none;
      border: 1px solid #d4d2d2;
      padding: 5px 10% 5px 3%; }
    .site-footer .footer-widgets .widget_search .search-form input[type="search"] {
      color: #fff; }
    .site-footer .footer-widgets a {
      color: rgba(255, 255, 255, 0.7); }
      .site-footer .footer-widgets a:hover {
        color: #3c82f4; }
    .site-footer .footer-widgets p {
      margin-bottom: 0; }
    .site-footer .footer-widgets .widget_nav_menu ul {
      clear: both; }
    .site-footer .footer-widgets .widget_nav_menu li {
      border-bottom: none; }
      .site-footer .footer-widgets .widget_nav_menu li ul.sub-menu {
        border-top: none;
        margin-left: 12px; }
        .site-footer .footer-widgets .widget_nav_menu li ul.sub-menu li {
          float: none; }
    .site-footer .footer-widgets .widget_tag_cloud a:hover {
      color: #fff; }
    .site-footer .footer-widgets .widget_tag_cloud a {
      color: #fff; }
    .site-footer .footer-widgets .widget_rss ul li {
      background: none; }
  .site-footer .scroll-to-top {
    background: #3c82f4;
    color: #fff;
    bottom: 10%;
    cursor: pointer;
    position: fixed;
    right: 20px;
    z-index: 999;
    text-align: center;
    line-height: 40px;
    width: 40px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border-radius: 4px;
    transition: background-color 0.3s linear; }
  .site-footer .scroll-to-top:hover {
    background: rgba(60, 130, 244, 0.8); }

.site-info {
  background: #0e2a567a; }
  .site-info .copyright {
    padding: 10px 0px;
    color: #fff;
    text-align: center; }
    .site-info .copyright p {
      margin-bottom: 0px; }
      .site-info .copyright p a {
        color: rgba(255, 255, 255, 0.9); }
        .site-info .copyright p a:hover {
          color: #191b30; }

/*--------------------------------------------------------------
12.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  .main-navigation ul ul li:hover > ul {
    right: 100%; }
  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form input[type=text] {
    width: 48%; }
  .top-nav .one.columns {
    display: none; } }

@media only screen and (max-width: 850px) {
  .widget_nav_menu ul.sub-menu li {
    padding-left: 15px !important; }
  .header-right {
    font-size: 14px;
    font-size: 1.4rem; }
    .header-right .columns i {
      font-size: 14px;
      font-size: 1.4rem; } }

@media only screen and (min-width: 961px) and (max-width: 1200px) {
  .top-nav .one.columns {
    margin: 0px; } }

@media only screen and (min-width: 770px) and (max-width: 1000px) {
  .flexslider .flex-caption {
    padding: 10px 10px 10px 20px;
    width: 85%; } }

@media only screen and (max-width: 768px) {
  .header-right {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 0; }
    .header-right .columns i {
      font-size: 14px;
      font-size: 1.4rem;
      float: none; }
    .header-right div {
      margin-bottom: 10px; }
  .breadcrumb-left, .breadcrumb-right {
    text-align: center !important; }
  .breadcrumb, .branding {
    text-align: center; }
    .breadcrumb .container .eight.columns, .branding .container .eight.columns {
      width: 100%;
      text-align: center; }
    .breadcrumb .site-title, .breadcrumb .site-description, .branding .site-title, .branding .site-description {
      text-align: center; }
  .top-nav .cart-left, .top-nav .cart-right {
    text-align: center; }
  .post-wrapper .latest-posts .latest-post-thumb img {
    width: 100%; }
  .post-wrapper .latest-post {
    padding: 0px;
    margin-bottom: 50px !important; }
  .widget_calendar table th, .widget_calendar table td {
    padding: 7px 2px; }
  table td {
    padding: 7px 2px; }
  .site-branding {
    text-align: center; }
    .site-branding img {
      margin: 0 auto; }
  .main-navigation {
    margin: 0;
    float: none; }
  #secondary {
    padding-left: 0; }
  .flexslider .flex-caption {
    position: static;
    background-color: #191b30;
    padding: 30px 20px;
    min-height: 300px;
    width: 100%; }
  .flexslider ol.flex-control-paging {
    bottom: 0; }
  .nav-wrap .search-form {
    margin-bottom: 30px; }
  #secondary {
    left: 0 !important; }
  .site-footer .footer-widgets .widget_nav_menu li {
    float: none;
    width: 100%; } }

@media only screen and (max-width: 700px) {
  #commentform .comment-form-author,
  #commentform .comment-form-email,
  #commentform .comment-form-url {
    width: 100%;
    float: none;
    margin-right: 0; }
  .top-nav {
    padding: 10px 0px;
    text-align: center; }
    .top-nav .seven.columns .cart-right, .top-nav .eight.columns .cart-right {
      text-align: center; }
      .top-nav .seven.columns .cart-right ul li, .top-nav .eight.columns .cart-right ul li {
        margin-right: 0px; }
    .top-nav .one.columns {
      display: none; }
  .comment-form input[type=text],
  .comment-form input[type=email],
  .comment-form input[type=text] {
    width: 100%; }
  .comment-form input[type=email] {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .nav-links .nav-previous,
  .nav-links .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    width: 100%;
    float: none;
    margin: 0px;
    margin-bottom: 10px; }
  .post-navigation .nav-links a,
  .comment-navigation .nav-previous a,
  .comment-navigation .nav-next a {
    display: block;
    text-align: center; }
  .service-wrapper .six.columns .service-image-section {
    position: static;
    margin-bottom: 70px; } }

@media only screen and (max-width: 480px) {
  .main-navigation {
    padding: 10px 0; }
    .main-navigation button.menu-toggle {
      margin: 0 auto;
      font-size: 15px;
      font-size: 1.5rem;
      background: #191b30;
      border: 1px solid #191b30; }
      .main-navigation button.menu-toggle:hover {
        background: #3c82f4; }
    .main-navigation .menu-all-pages-container {
      padding-top: 0; }
  .blog article .latest-content .entry-date {
    width: 25%; }
  .blog article .latest-content .header-content {
    width: 100%; }
  ol.comment-list ol.children {
    margin-left: 1em; } }