/*=============================================

Table of Contents:

1.) GENERAL

2.) HEADER
  
  2.1) Menu
  2.2) Logo

3.) ARCHIVE

  3.1) Posts Navigation

4.) FRONTPAGE

5.) SINGLE

  5.1) Content
  5.2) Post Styles
  5.3) Gallery
  5.4) After Content
  5.5) Comments
  5.6) Sidebar

6.) SPECIAL / 3RD PARTY

7.) FOOTER

8.) MEDIA QUERIES

=============================================*/

/*============================================
*
*   1.) GENERAL
*
=============================================*/

.clearboth{
  clear: both;
}

body{
  background-color: #f3f5f8;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  color:#344147;
}

strong, b {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

td, th {
    border-width: 0 1px 1px 0;
    padding: 0.4375em;
}

table {
  border-collapse: collapse;
  background-color: transparent;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

table, th, td {
  border: 1px solid #d1d1d1;
}

a:hover {
  text-decoration: none;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

a{
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.sticky .sticky-notice{
  position: absolute;
  top: 0;
  background: #333;
  color: white;
  padding:5px 10px;
}
.archive .sticky-notice{
  position: absolute;
  top: 0;
  background: #333;
  color: white;
  padding:5px 10px;
}



/*============================================
*
*   2.) HEADER
*
=============================================*/



/*============================================
*   2.1) Menu
=============================================*/

nav.navbar{
  background: white;
  border-top: 1px solid rgba(160,166,168,0.15);
  border-bottom: 1px solid rgba(160,166,168,0.15);
  text-align: center;
  padding: 0;
}

.navbar-toggle .icon-bar{
  background: #5c5c5c;
}

@media all and (min-width:768px){

  .navbar #main-menu{
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-flex;
    float: none;
  }


  .navbar-nav .nav-item {
    float: left;
    padding: 15px 0px;
    border-left: 0;
  }

  .nav-item:first-of-type {
    border: 0;
  }

  .navbar-nav .nav-link {
    padding-top: 0;
    padding-bottom: 0;
  }

  #main-menu .nav-link {
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #344147;
    border-left: 1px solid #dedede;
    padding: 0 15px;
    float: none;
    text-align: center;
    margin: 0 auto;
  }

  .nav-item:first-of-type a {
    border: 0 !important;
  }

  .logged-in nav.navbar.site-navigation.navbar-fixed-top {
    margin-top: 30px;
  }

  .navbar-fixed-top{
    -webkit-transform: translate3d(0,-80px,0px);
    -moz-transform: translate3d(0,-80px,0px);
    -ms-transform: translate3d(0,-80px,0px);
    -o-transform: translate3d(0,-80px,0px);
    transform: translate3d(0,-80px,0px);
  }

  .navbar-fixed-top.fade-in{
    -webkit-transform: translate3d(0,0,0px);
    -moz-transform: translate3d(0,0,0px);
    -ms-transform: translate3d(0,0,0px);
    -o-transform: translate3d(0,0,0px);
    transform: translate3d(0,0,0px);
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
       transition-duration: 0.6s;
  }

  .mobiledevice  .navbar-fixed-top.fade-in{
    -webkit-transform: translate3d(0,0,0px);
    -moz-transform: translate3d(0,0,0px);
    -ms-transform: translate3d(0,0,0px);
    -o-transform: translate3d(0,0,0px);
    transform: translate3d(0,0,0px);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
       transition-duration: 0.2s;
  }

  /* ===  Submenu === */

  .dropdown-menu {
    display: block;
    min-width: 240px;
    text-align: left;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    border: 0;
    background-color: #222222;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .dropdown-menu .menu-item {
    width: 100%;
    padding: 0 !important;
  }

  #main-menu .dropdown-menu li a.nav-link {
    text-align: left !important;
    padding: 10px 0px!important;
    border-left: 0 !important;
    border-top: 1px solid #333;
    color: #d4d4d4;
    font-weight: normal !important;
    margin: 0 20px;
  }

  .dropdown-submenu.menu-item-has-children .dropdown-menu {
    display: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .menu-item-has-children:hover > .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .dropdown-submenu .dropdown-menu {
    padding: 0;
  }

  .dropdown-submenu.menu-item-has-children > a::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
  }

  .dropdown-submenu.menu-item-has-children:hover > a::after {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  
} /* @media > 768 */

.navbar-nav > li:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 1px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.navbar-nav .nav-item + .nav-item {
  margin-left: 0;
}

.navbar-toggle{
  position: relative;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #dedede;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.navbar-toggle .icon-bar {
  background: #5c5c5c;
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  margin: 3px;
}



/*============================================
*   2.2) Logo
=============================================*/

.small-logo,
.no-logo{
  display: none;
}

.logo-wrapper{
  background: white;
}

.logo-wrapper .container{
  padding:50px 0px;
}

.logo {
  text-align: center;
}



/*============================================
*
*   3.) ARCHIVE
*
=============================================*/

.archive .page-title {
  text-align: center;
  font-size: 25px;
}

.archive-title{
  border: 3px solid rgba(160,166,168,0.15);
  padding: 15px;
  text-align: center;
  margin-bottom: 25px;
}

.archive-title span.title {
  font-size: 17px;
  text-decoration: underline;
  color: #9aa6af;
}

.post-navigation{
  display: none;
}

.search-results .grid-post .entry-title {
    margin-bottom: 1.0em;
    margin-top: 1em;
}


/*============================================
*   3.1) Posts Navigation
=============================================*/

.nav-links .nav-previous{
  float: left;
}

.nav-links .nav-next{
  float: right;
}

.nav-previous a:after {
  content: '\f178';
  font-family: 'fontAwesome';
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  position: relative;
  left: 0px;
  margin-left: 10px;
  font-size: 14px;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 1;
}

.nav-previous span{
  float: left;
}

.nav-previous span:after{
  -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
  -webkit-transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  -o-transition: border-color .3s ease-out,-o-transform .3s ease-out;
  -moz-transition: transform .3s ease-out,border-color .3s ease-out,-moz-transform .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out;
  position: relative;
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
       transform: scaleX(0);
  border-top: 2px solid #000;
  content: '';
  padding-bottom: inherit;
  z-index: 1;
}

.nav-previous:hover span:after{
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
       transform: scaleX(1);
}

.nav-next a:before {
  content: '\f177';
  font-family: 'fontAwesome';
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  position: relative;
  left: 0;
  font-size: 14px;
  margin-right: 10px;
  float: left;
  top: 2px;
}

.nav-next span{
  float: left;
}

.nav-next span:after{
  -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
  -webkit-transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  -o-transition: border-color .3s ease-out,-o-transform .3s ease-out;
  -moz-transition: transform .3s ease-out,border-color .3s ease-out,-moz-transform .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out;
  position: relative;
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
       transform: scaleX(0);
  border-top: 2px solid #000;
  content: '';
  padding-bottom: inherit;
}

.nav-next:hover span:after{
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
       transform: scaleX(1);
}



/*============================================
*
*   4.) FRONTPAGE
*
=============================================*/

.owl-carousel .featured-description {
  background: white;
  padding: 15px;
  text-align: center;
  border-left: 1px solid #f2f2f2;
  min-height: 164px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

h3.featured-post-title {
  font-size: 18px;
  text-align: center;
  line-height: 150%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 10;
}

.featured-post-categories {
  font-size: 13px;
}

a.featured-post-link {
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1.5px;
  font-weight: bold;
  border-width: 0px;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
          border-radius: 30px;
  color: #fff;
  padding: 9px 14px;
  text-transform: uppercase;
  margin: 10px auto 10px;
  display: block;
  width: 130px;
  position: relative;
  z-index: 10;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

a.featured-post-link:hover {
  color: white !important;
  -webkit-box-shadow: 0 4px 12px 0 rgba(160,166,168,0.35);
     -moz-box-shadow: 0 4px 12px 0 rgba(160,166,168,0.35);
          box-shadow: 0 4px 12px 0 rgba(160,166,168,0.35);
}

.owl-item{
  border-bottom: 1px solid #f2f2f2;
  background: white;
  overflow: hidden;
}

.owl-item .media-wrapper {
  overflow: hidden;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.owl-item:hover .featured-description {
  -webkit-transform: translateY(-20px);
     -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
       -o-transform: translateY(-20px);
          transform: translateY(-20px);
  min-height: 184px;
  margin-bottom: -20px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.owl-item:hover .media-wrapper img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
      transform: scale(1.1);
  opacity: 0.8;
}

/*Owl Navigation*/
.owl-prev {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0;
  padding: 12px;
  color: #344147;
}

.owl-next {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 0;
  padding: 12px;
  color: #344147;
}



/*============================================
*
*   5.) SINGLE 
*
=============================================*/

article.page {
  background: white;
  margin-bottom: 50px;
  padding: 60px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
          box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
}

article.post {
  background: white;
  margin-bottom: 30px;
  padding: 60px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
          box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  position: relative;
}

article .entry-title{
  text-align: center;
  line-height: 150%;
}

.entry-content {
  padding-top: 30px;
  padding-bottom: 15px;
}

.entry-footer{
  clear: both;
}

/*Large Post*/
.large-post .post-categories{
  text-align: center;
  font-size: 14px;
  padding-bottom: 15px;
  overflow: hidden;
}

.large-post .post-date {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 25px;
  font-size: 15px;
  color: #9aa6af;
}

.post-link span{
  float: left;
  position: relative;
  z-index: 1;
}

.post-link span:after {
  -webkit-transition: -webkit-transform .3s ease-out,border-color .3s ease-out;
  -webkit-transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  transition: border-color .3s ease-out,-webkit-transform .3s ease-out;
  -o-transition: border-color .3s ease-out,-o-transform .3s ease-out;
  -moz-transition: transform .3s ease-out,border-color .3s ease-out,-moz-transform .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out;
  transition: transform .3s ease-out,border-color .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out,-o-transform .3s ease-out;
  position: relative;
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
       transform: scaleX(0);
  border-top: 2px solid #000;
  content: '';
  padding-bottom: inherit;
}

.post-link:hover span:after{
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
       transform: scaleX(1);
}

/*Grid Post*/
article.grid-post {
  padding: 0;
}

.grid-post .entry-content {
  padding: 20px 40px 40px 40px;
}

.grid-post .entry-title {
  font-size: 21px;
  text-align: left;
  margin-bottom: 1.0em;
  margin-top: 1.0em;
}

.grid-post .post-categories {
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.grid-post .post-date{
  text-align: right;
  font-size: 13px;
  text-transform: uppercase;
  color: #9aa6af;
}

p.excerpt {
  margin-bottom: 25px;
}


/*============================================
*   5.1) Content
=============================================*/

figure.alignleft {
  padding-right: 10px;
  margin-right: 20px;
  max-width: 50%;
}

figure.alignright {
  padding-left: 10px;
  margin-left: 20px;
  max-width: 50%;
}


/* =====  Headings  ===== */

.entry-content h1,
.entry-content h2,
.entry-content h3{
  margin-top: 2em;
  margin-bottom: 2em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6{
  margin-top: 20px;
  margin-bottom: 20px;
}


/* =====  Dropcap  ===== */

p.dropcap:first-letter{
  float: left;
  font-size: 3.7em;
  line-height: 90%;
  font-weight: bold;
  padding: 0 10px 0 0;
}


/* =====  Blockquote  ===== */

.entry-content blockquote{
  font-size: 40px;
  font-style: normal;
  line-height: 120%;
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  margin: 50px auto;
}

.entry-content blockquote:before {
  content: "";
  width: 100px;
  height: 2px;
  display: block;
  margin-top: 10px;
  position: relative;
  top: -20px;
  margin: 0 auto;
}

.entry-content blockquote:after {
  content: "";
  width: 100px;
  height: 2px;
  display: block;
  margin-top: 0;
  position: relative;
  top: 0px;
  margin: 0 auto;
}

.entry-content blockquote cite:before {
  content: "- ";
}

.entry-content blockquote cite {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
}


/* =====  Tags  ===== */

.post-tags a{
  border: 2px solid rgba(160,166,168,0.15);
  padding: 1px 8px;
  margin-right: 3px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  font-size: 13px;
  margin-bottom: 4px;
  display: inline-block;
}


/* =====  Categories  ===== */

.post-categories a,
.featured-post-categories a{
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  word-wrap:break-word;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.post-categories a:hover,
.featured-post-categories a:hover{
  text-decoration: underline;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.posts-navigation{
  overflow: hidden;
  padding: 15px;
  clear: both;
}




/*============================================
*   5.2) Post Styles
=============================================*/

.single-post .post-date ,
.single-page .post-date {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 25px;
  font-size: 15px;
  color: #9aa6af;
}

.single-post .post-categories{
  text-align: center;
}

.single-post .style3 .post-categories{
  text-align: left;
  margin-bottom: 10px;
}

.post-categories span{
  color: #ddd;
  margin: 0px 6px;
}

.post.style2 .entry-header,
.page.style2 .entry-header{
  margin-left: -60px;
  margin-top: -60px;
  margin-right: -60px;
  padding-bottom: 40px;
}

.style3.media-wrapper {
  margin-bottom: 50px;
}

.style3 .gradient-wrapper {
  position: relative;
  min-height: 300px;
  background-color: #444;
  overflow: hidden;
}

.style3 .gradient-wrapper:before {
  bottom: 0;
  content: "";
  display: block;
  height: 45%;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  overflow: hidden;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.style3 header.entry-header {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 0 30px 9px 30px;
  width: 75%;
  z-index: 10;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.style3 h1.entry-title{
  color: white;
  font-size: 40px;
}

.style3 .entry-meta .post-date{
  text-align: left;
}

.style3 .entry-content{
  padding-top: 0;
}

/*Video Playing fix*/
.media-wrapper.playing .gradient-wrapper:before{
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.media-wrapper.playing .gradient-wrapper .entry-header{
  -webkit-transform: translateY(200px);
     -moz-transform: translateY(200px);
      -ms-transform: translateY(200px);
       -o-transform: translateY(200px);
          transform: translateY(200px);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


/*============================================
*   5.3) Gallery
=============================================*/


/* =====  Columns  ===== */

.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: 49%
}

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

.gallery {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}

.gallery-item {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0.6% 0.5%;
  margin-bottom: 0;
}

.wp-caption, .gallery-caption {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  margin-bottom: 1.5em;
  max-width: 100%;
}

.gallery-item img {
  display: block;
}

.gallery-item a {
  display: block;
}

.gallery:hover .gallery-item a {
  opacity: 0.5;
}

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


/* =====  Gallery Lightbox  ===== */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  opacity: 0;
  background: rgba(255, 255, 255, 0.825);
  will-change: opacity;
  -webkit-transition: opacity 600ms 300ms;
  -webkit-transition-delay: ease;
  -webkit-transition: opacity 600ms 300ms ease;
  -moz-transition: opacity 600ms 300ms ease;
  -o-transition: opacity 600ms 300ms ease;
  transition: opacity 600ms 300ms ease;
}

.overlay .overlay-close {
  position: absolute;
  cursor: pointer;
  padding: 20px;
  top: -50px;
  right: -25px;
}

.overlay .overlay-prev {
  position: absolute;
  cursor: pointer;
  padding: 10px;
  top: 50%;
  left: -40px;
  margin-top: -22px;
}

.overlay .overlay-next {
  position: absolute;
  cursor: pointer;
  padding: 10px;
  top: 50%;
  right: -40px;
  z-index: 2;
  margin-top: -22px;
}

.overlay .overlay-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.overlay .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  margin: 0 200px 0 0;
}

.overlay .overlay-inner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  opacity: 0;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  filter: blur(10px);
  -webkit-transition: opacity 600ms ease, -webkit-filter 600ms ease, -webkit-transform 200ms 200ms ease;
  transition: opacity 600ms ease, -webkit-filter 600ms ease, -webkit-transform 200ms 200ms ease;
  -moz-transition: filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease, -moz-transform 200ms 200ms ease;
  -o-transition: filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease, -o-transform 200ms 200ms ease;
  -o-transition: filter 600ms ease, opacity 600ms ease, -o-transform 200ms 200ms ease;
  transition: filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease;
  transition: filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease, -webkit-filter 600ms ease, -webkit-transform 200ms 200ms ease, -moz-transform 200ms 200ms ease, -o-transform 200ms 200ms ease;
  transition: filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease, -webkit-filter 600ms ease, -webkit-transform 200ms 200ms ease;
  -moz-transition: -moz-filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease;
  -webkit-transition: -webkit-filter 600ms ease, opacity 600ms ease, transform 200ms 200ms ease;
  will-change: -webkit-filter, -moz-filter, filter, -webkit-transform, -moz-transform, transform, opacity;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -moz-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
       transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
       transform: scale(0.98);
}

.overlay .overlay-image {
  padding: 15px;
  background: #fff;
}

.overlay .overlay-image .description {
  display: block;
  padding-top: 15px;
}

.overlay.show {
  opacity: 1;
}

.overlay.ready .overlay-inner {
  opacity: 1;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: opacity 600ms 150ms ease, -webkit-filter 600ms 150ms ease, -webkit-transform 200ms 400ms ease-out;
  transition: opacity 600ms 150ms ease, -webkit-filter 600ms 150ms ease, -webkit-transform 200ms 400ms ease-out;
  -moz-transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out, -moz-transform 200ms 400ms ease-out;
  -o-transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out, -o-transform 200ms 400ms ease-out;
  -o-transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, -o-transform 200ms 400ms ease-out;
  transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out;
  transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out, -webkit-filter 600ms 150ms ease, -webkit-transform 200ms 400ms ease-out, -moz-transform 200ms 400ms ease-out, -o-transform 200ms 400ms ease-out;
  transition: filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out, -webkit-filter 600ms 150ms ease, -webkit-transform 200ms 400ms ease-out;
  -moz-transition: -moz-filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out;
  -webkit-transition: -webkit-filter 600ms 150ms ease, opacity 600ms 150ms ease, transform 200ms 400ms ease-out;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
       transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
}

.x {
  position: relative;
  cursor: pointer;
}

.x .x-inner {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.x .line {
  position: absolute;
  top: 11px;
  left: 0;
  height: 4px;
  width: 26px;
  background: #212121;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

.x .line+.line {
  top: 0;
  left: 11px;
  width: 4px;
  height: 26px;
}

.x-prev {
  position: relative;
  cursor: pointer;
}

.x-prev .x-inner {
  width: 23px;
  height: 23px;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg);
}

.x-prev .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 23px;
  background: #212121;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

.x-prev .line+.line {
  top: 0;
  left: 0;
  width: 6px;
  height: 23px;
}

.x-next {
  position: relative;
  cursor: pointer;
}

.x-next .x-inner {
  width: 23px;
  height: 23px;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
       transform: rotate(45deg);
}

.x-next .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 23px;
  background: #212121;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

.x-next .line+.line {
  top: 0;
  left: 17px;
  width: 6px;
  height: 23px;
}

.x-down {
  position: relative;
  cursor: pointer;
}

.x-down .x-inner {
  width: 23px;
  height: 23px;
  position: relative;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
       transform: rotate(135deg);
}

.x-down .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 23px;
  background: #212121;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

.x-down .line+.line {
  top: 0;
  left: 17px;
  width: 6px;
  height: 23px;
}


/* =====  Gallery Carousel  ===== */

.twinkle-post-gallery-carousel .stm-thumbs-car-gallery{
  overflow: hidden;
}

.twinkle-post-gallery-carousel .owl-carousel.owl-drag .owl-item{
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
       backface-visibility: visible !important;
}

.twinkle-thumbs-gallery .owl-prev {
  position: absolute;
  left: -30px;
  top: 0;
  width: 30px;
  height: auto;
  background: rgba(0,0,0,.7);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  margin: 2px 2px 2px 0px;
  bottom: 0;
}

.twinkle-thumbs-gallery .owl-next {
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: auto;
  background: rgba(0,0,0,.7);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  margin: 2px 0px 2px 2px;
  bottom: 0;
}

.twinkle-post-gallery-carousel:hover .twinkle-thumbs-gallery .owl-prev {
  left: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.twinkle-post-gallery-carousel:hover .twinkle-thumbs-gallery .owl-next {
  right: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.twinkle-thumbs-gallery .owl-next:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
   -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
       transform: translate(0,0);
  display: block;
  content: "\f054";
  color: #fff;
  line-height: 100%;
  top: 50%;
  left: 0px;
  position: relative;
  font-size: 14px;
  float: left;
  margin-top: 5px;
}

.twinkle-thumbs-gallery .owl-prev:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
   -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
       transform: translate(0,0);
  content: "\f053";
  color: #fff;
  line-height: 100%;
  top: 50%;
  left: 0px;
  position: relative;
  font-size: 14px;
  float: left;
  margin-top: 5px;
}

.twinkle-thumbs-gallery .twinkle-carousel-single-image:hover {
  cursor: pointer;
}

.twinkle-post-gallery-carousel .owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px,0,0);
}

.twinkle-post-gallery-carousel {
  position: relative;
  overflow: hidden;
  margin-bottom: 45px;
}

.twinkle-post-gallery-carousel .twinkle-thumbs-gallery .owl-item img{
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  padding:2px;
  background: rgba(160,166,168,0.25)
}

.twinkle-post-gallery-carousel .twinkle-thumbs-gallery .owl-item.current img{
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  padding: 2px;
  background: #67A6EA;
}

.twinkle-carousel-single-image .gallery-item{
  padding: 0;
}

.carousel-slide-title-wrapper .slide-title{
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 4px 10px;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.carousel-slide-title-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

/*============================================
*   5.4) After Content
=============================================*/

/* =====  Social Sharing ===== */

.social-sharing-wrapper {
  text-align: center;
  border-top: 4px solid rgba(160,166,168,0.15);
  margin-top: 50px;
  padding-top: 25px;
  padding-bottom: 20px;
}

h3.social-sharing-text {
  padding-bottom: 25px;
}

a.social-share-link {
  display: inline-block;
  background: #aaa;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-decoration: none;
  width: 130px;
  font-size: 13px;
  letter-spacing: 0.2px;
  margin: 0 5px;
  opacity: 0.9;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

a.social-share-link:hover {
  opacity: 1;
  color: white;
}

a.social-share-link.facebook{
  background: #3b5998;
}

a.social-share-link.twitter{
  background: #1da1f2;
}

a.social-share-link.googleplus{
  background: #d73d32;
}

a.social-share-link.linkedin{
  background: #0177b5;
}

a.social-share-link.pinterest{
  background: #cf001a;
}


/* =====  About Author ===== */

.about-the-author-wrapper{
  margin-top: 60px;
}

.boxed {
  background: white;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
          box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 50px 70px;
}

h3.infobox-title {
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.about-the-author {
  overflow: hidden;
}

.author-left {
  float: left;
}

.author-left img.avatar {
  width: 100px;
  height: auto;
  border-radius: 50%;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%;
}

.author-right {
  margin-left: 20px;
  overflow: hidden;
  display: block;
  padding-left: 40px;
}

.author-right .author-title {
  margin: 0;
  font-size: 22px;
  letter-spacing: 1.5px;
}

.author-right .author-subtitle {
  margin: 0;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #666;
  letter-spacing: 1px;
}

.author-right .author-description {
  font-size: 15px;
  line-height: 170%;
  padding-top: 18px;
  color: #676d73;
}

.author-right .about-author-social-wrapper {
  text-align: left;
}

.author-right .about-author-social-wrapper a.about-author-social {
  -webkit-box-shadow: 0 0 0 1px;
     -moz-box-shadow: 0 0 0 1px;
          box-shadow: 0 0 0 1px;
  margin-right: 8px;
}

.author-right .about-author-social {
  width: 26px;
  height: 26px;
}

.author-right .about-author-social:before {
  font-size: 14px;
  line-height: 26px;
}

.author-right .author-description a{
  position: relative;
  top: 10px;
}


/* =====  Similar Posts ===== */

.similar-posts-wrapper {
  margin-top: 60px;
}

h4.similar-posts-title {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.3px;
  text-align: center;
  margin-top: 10px;
}

.similar-posts-wrapper figure{
  overflow: hidden;
}

.similar-posts-wrapper a img{
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
      transform: scale(1.0);
  -webkit-transition: -webkit-transform 580ms ease;
  -moz-transition: -moz-transform 580ms ease;
  transition: -webkit-transform 580ms ease;
  -o-transition: -o-transform 580ms ease;
  -moz-transition: transform 580ms ease, -moz-transform 580ms ease;
  transition: transform 580ms ease;
  transition: transform 580ms ease, -webkit-transform 580ms ease, -moz-transform 580ms ease, -o-transform 580ms ease;
}

.similar-posts-wrapper a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
      transform: scale(1.1);
  -webkit-transition: -webkit-transform 580ms ease;
  -moz-transition: -moz-transform 580ms ease;
  transition: -webkit-transform 580ms ease;
  -o-transition: -o-transform 580ms ease;
  -moz-transition: transform 580ms ease, -moz-transform 580ms ease;
  transition: transform 580ms ease;
  transition: transform 580ms ease, -webkit-transform 580ms ease, -moz-transform 580ms ease, -o-transform 580ms ease;
}

/*============================================
*   5.5) Comments
=============================================*/


#reply-title{
  font-size: 20px;
}

h2.comments-title,
h2.similar-posts-title {
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center;
}

.comment-form-author {
  width: 30%;
  display: block;
  float: left;
}

.comment-form-email {
  width: 30%;
  margin-left: 5%;
  margin-right: 5%;
  display: block;
  float: left;
}

.comment-form-url {
  width: 30%;
  display: block;
  float: left;
}

.comments-area-wrapper{
  margin-top: 50px;
}

.comments-area label {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.comments-area .required-sign {
  font-size: 12px;
}

.comments-area label {
  margin-top: 20px;
}

.comments-area .comment.big-margin-bottom label {
  margin-top: 0;
}

.comments-area .comment.big-margin-bottom {
  margin-bottom: 20px;
}

.comments-area input,
.comments-area textarea {
  border: 1px solid #eceef1;
  background: #f3f5f8;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  width: 100%;
  padding: 6px !important;
  -webkit-transition: border-color 340ms ease, background 340ms ease !important;
  -moz-transition: border-color 340ms ease, background 340ms ease !important;
  -o-transition: border-color 340ms ease, background 340ms ease !important;
  transition: border-color 340ms ease, background 340ms ease !important;
}

.comments-area input:focus,
.comments-area textarea:focus {
  background-color: #fefefe !important;
  border-color: #ccced1;
  -webkit-appearance: none !important;
  outline: none;
}

.comments-area .form-submit {
  clear: both;
}

.comments-area input.submit {
  display: block;
  width: 100%;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  border: none;
  background-color: transparent;
  color: #212121;
  text-align: left;
  text-shadow: none;
  padding: 0 !important;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 30px;
  -webkit-transition: color 170ms ease !important;
  -moz-transition: color 170ms ease !important;
  -o-transition: color 170ms ease !important;
  transition: color 170ms ease !important;
}

.comments-area input.submit:hover {
  color: #eb2315;
}

.comments-area input[type="submit"] {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 10px 18px !important;
  margin-top: 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  border: 0!important;
  width: auto;
  opacity: 0.85;
   -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.comments-area input[type="submit"]:hover{
  opacity: 1;
}

ol.comment-list {
  margin-left: 0;
  margin-bottom: 30px;
  padding: 0;
}

.comment-list li.pingback,
.comment-list li.comment {
  position: relative;
  clear: both;
  list-style: none;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
}

.comment-list li img.avatar {
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comment-list ul li img.avatar {
  top: 25px;
}

.comment-list ul ul {
  margin-left: 1em;
}

.comment-list .comment-body {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  padding-top: 10px;
}

h4.comment-heading {
  margin: 0;
  margin-left: 80px;
  float: left;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  font-size: 18px;
}

.comment-body time a,
.comment-heading a {
  text-decoration: none;
}

.comment-list .comment-content-wrapper{
  margin-left: 80px;
  clear: both;
  padding: 10px 0;
  margin-bottom: 0;
}

.comment-list p {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background: #f6f7f9;
  padding: 7px 12px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  float: left;
  clear: both;
  margin-bottom: 10px;
}

.comment-reply-link {
  float: right;
  text-align: right;
  display: inline-block;
  text-decoration: none;
  padding-bottom: 15px;
}

.comment-edit-link {
  float: right;
  display: inline-block;
  text-decoration: none;
  padding-right: 20px;
  padding-bottom: 15px;
}

.comment-reply-link,
.comment-edit-link {
  font-size: 13px;
  color: #344147;
  letter-spacing: 0.2px;
  line-height: 170%;
}

.comment.depth-2{
  margin-left: 80px;
}

.comment-list ul li {
  margin-bottom: 5px !important;
}

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

.comment-list ul li .comment-body {
  padding-top: 25px;
}

.comments-area .comment-navigation {
  margin: 1.5em 0;
}

.comments-area .nav-previous {
  float: left;
}

.comments-area .nav-next {
  float: right;
}

.comments-area .nav-previous,
.comments-area .nav-next {
  margin: 0;
}

.comments-area .nav-previous a,
.comments-area .nav-next a {
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

/*Comments without Global Modification*/
.comment-list li .comment-body{
  position: relative;
  border-top: 4px solid rgba(160,166,168,0.15);
  padding-top: 25px;
}

ol.comment-list{
  border-bottom: 4px solid rgba(160,166,168,0.15);
}

.comment-list li .comment-meta,
.comment-list li .comment-content{
  margin-left: 80px;
}

.comment-list li .comment-content{
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.comment-list li .comment-author.vcard{
  float: left;
  width: 100%;
}

.comment-list li .comment-metadata{
  float: left;
  width: 100%;
  line-height: 130%;
  margin-bottom: 10px;
}

.comment-list li .comment-meta{
  overflow: hidden;
  clear: both;
}

.comment-list span.edit-link {
  position: absolute;
  top: 28px;
  right: 50px;
}

.comment-list .reply {
  position: absolute;
  top: 28px;
  right: 0;
}

.comment-list ul.children{
  padding: 0;
}

.comment-list li:first-of-type article {
  border-top: 0;
}

.comment-list li:first-of-type .children article {
  border-top: 2px solid rgba(160,166,168,0.15);
}

.comment-list ul.children article {
  border-top: 2px solid rgba(160,166,168,0.15);
}

.comment-list li img.avatar{
  top: 25px;
}

.comment-list span.says{
  display: none;
}

.comment-metadata time{
  font-size: 13px;
  color: #686B70;
}

p.comment-notes {
  background: none;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 0px;
  font-size: 13px;
}

.comments-area #respond{
  position: relative;
}

.form-submit,
.comment-subscription-form{
  background: none !important;
}

.comment-subscription-form input{
  border: 0;
  background: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  width: auto;
  padding: 0 !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.comment-subscription-form input:focus{
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
}

#reply-title small{
  margin-left: 20px;
  font-size: 14px;
  float: right;
  margin-top: 5px;
}


/*============================================
*   5.6) Sidebar  
=============================================*/

aside.widget {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 4px solid rgba(160,166,168,0.15);
}

#primary {
  padding-right: 60px;
}


/* =====  Widgets  ===== */

h3.widget-title {
  font-size: 22px;
  margin-bottom: 20px;
}

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

.widget li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.widget li a {
  color: #686B70;
  font-size: 16px;
  text-transform: none;
}

.widget_archive ul li, .widget_categories ul li, .widget_recent_comments ul li {
  border-bottom: 1px solid rgba(160,166,168,0.15);
  float: none;
  width: 100%;
  text-align: left;
  font-size: 14px;
}

.widget li a:before {
  font-family: "FontAwesome";
  margin-right: 10px;
  display: inline-block;
  content: "\f105";
  font-weight: bold;
  color: rgba(160,166,168,0.45);
}

.widget li a {
  color: #686B70;
  font-size: 16px;
  text-transform: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 0;
  -webkit-transition: all 220ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
  -moz-transition: all 220ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
  -o-transition: all 220ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
  transition: all 220ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
}


/*About Author Widget*/

figure.about-image{
  text-align: center;
}

figure.about-image img{
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  max-width: 200px !important;
}

h4.about-name {
  margin: 0;
  letter-spacing: 1px;
  text-align: center;
  font-size: 22px;
  padding-top: 15px;
  padding-bottom: 20px;
}

p.about-content {
  text-align: center;
}

.about-author-social-wrapper {
  text-align: center;
}

.about-author-social {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  margin: 4px;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #000;
  text-decoration: none;
}

.about-author-social:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.about-author-social:before {
  font-family: "FontAwesome";
  speak: none;
  font-size: 16px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}

.about-author-social-wrapper .facebook:before {
  content: '\f09a';
}

.about-author-social-wrapper .twitter:before {
  content: '\f099';
}

.about-author-social-wrapper .googleplus:before {
  content: '\f0d5';
}

.about-author-social-wrapper .pinterest:before {
  content: '\f231';
}

.about-author-social-wrapper .linkedin:before {
  content: '\f0e1';
}

.about-author-social-wrapper .instagram:before {
  content: '\f16d';
}

.about-author-social-wrapper .dribbble:before {
  content: '\f17d';
}

.about-author-social-wrapper a.about-author-social {
  -webkit-box-shadow: 0 0 0 1px;
     -moz-box-shadow: 0 0 0 1px;
          box-shadow: 0 0 0 1px;
  overflow: hidden;
  -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  -webkit-transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s, -moz-box-shadow 0.3s;
  -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s, -moz-box-shadow 0.3s;
}

a.about-author-social:hover{
  text-decoration: none;
}

.about-author-social-wrapper a.about-author-social:after {
  display: none;
}

.about-author-social-wrapper a.about-author-social:hover:before {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  -moz-animation: toTopFromBottom 0.3s forwards;
    -o-animation: toTopFromBottom 0.3s forwards;
       animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
             transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
             transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
                -o-transform: translateY(-100%);
           transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                -o-transform: translateY(100%);
           transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                  -o-transform: translateY(-100%);
             transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
                  -o-transform: translateY(100%);
             transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.about-author-social-wrapper .facebook:hover{
  color: #3b5998;
  -webkit-box-shadow: 0 0 0 1px #3b5998 !important;
     -moz-box-shadow: 0 0 0 1px #3b5998 !important;
          box-shadow: 0 0 0 1px #3b5998 !important;
}

.about-author-social-wrapper .twitter:hover{
  color: #1da1f2;
  -webkit-box-shadow: 0 0 0 1px #1da1f2 !important;
     -moz-box-shadow: 0 0 0 1px #1da1f2 !important;
          box-shadow: 0 0 0 1px #1da1f2 !important;
}

.about-author-social-wrapper .googleplus:hover{
  color: #d73d32;
  -webkit-box-shadow: 0 0 0 1px #d73d32 !important;
     -moz-box-shadow: 0 0 0 1px #d73d32 !important;
          box-shadow: 0 0 0 1px #d73d32 !important;
}

.about-author-social-wrapper .pinterest:hover{
  color: #cf001a;
  -webkit-box-shadow: 0 0 0 1px #cf001a !important;
     -moz-box-shadow: 0 0 0 1px #cf001a !important;
          box-shadow: 0 0 0 1px #cf001a !important;
}

.about-author-social-wrapper .linkedin:hover{
  color: #0177b5;
  -webkit-box-shadow: 0 0 0 1px #0177b5 !important;
     -moz-box-shadow: 0 0 0 1px #0177b5 !important;
          box-shadow: 0 0 0 1px #0177b5 !important;
}

.about-author-social-wrapper .instagram:hover{
  color: inherit;
}

.about-author-social-wrapper .dribbble:hover{
  color: #ed6499;
  -webkit-box-shadow: 0 0 0 1px #ed6499 !important;
     -moz-box-shadow: 0 0 0 1px #ed6499 !important;
          box-shadow: 0 0 0 1px #ed6499 !important;
}


/*Search Widget*/

.widget_search .form-control {
  border: 1px solid rgba(160,166,168,0.15);
  -webkit-border-radius: 30px 0 0 30px;
     -moz-border-radius: 30px 0 0 30px;
          border-radius: 30px 0 0 30px;
  padding: 9px;
}

input#searchsubmit {
  -webkit-border-radius: 0 30px 30px 0;
     -moz-border-radius: 0 30px 30px 0;
          border-radius: 0 30px 30px 0;
}


/*Latest Posts Widget*/

.twinkle_latest_posts li {
  border-bottom: 1px solid rgba(160,166,168,0.15);
  padding-bottom: 0px;
  margin-bottom: 15px;
  width: 100%;
  float: left;
}

.twinkle_latest_posts figure.entry-image {
  float: left;
  width: 116px;
  margin-right: 10px;
  position: relative;
}

.twinkle_latest_posts figure.entry-image img {
  margin: 0;
}

.twinkle_latest_posts .widget-post-title {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.3px;
}

.twinkle_latest_posts .widget-post-date {
  color: #9aa6af;
  text-transform: uppercase;
  font-size: 70%;
}

.twinkle_latest_posts span.post-type-icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: white;
  margin-top: -14px;
}

.twinkle_latest_posts span.post-type-icon:before {
  font-family: Genericons;
  position: absolute;
  float: left;
  width: 28px;
  height: 28px;
  border: 3px solid white;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  vertical-align: top;
  line-height: 22px;
  font-size: 24px;
  padding: 0px;
  margin-left: -14px;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.twinkle_latest_posts span.post-type-icon.video:before {
  content: '\f452';
}

.twinkle_latest_posts span.post-type-icon.quote:before {
  content: '\f106';
  font-size: 20px;
}

.twinkle_latest_posts span.post-type-icon.link:before {
  content: '\f107';
}

.twinkle_latest_posts li:hover span.post-type-icon:before {
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.twinkle_latest_posts .noimage-placeholder {
  width: 116px;
  height: 80px;
  background-color: #212121;
}

.twinkle_latest_posts figure {
  position: relative;
  overflow: hidden;
}

.twinkle_latest_posts figure img {
  -webkit-transition: -webkit-transform 580ms ease;
  -moz-transition: -moz-transform 580ms ease;
  transition: -webkit-transform 580ms ease;
  -o-transition: -o-transform 580ms ease;
  -moz-transition: transform 580ms ease, -moz-transform 580ms ease;
  transition: transform 580ms ease;
  transition: transform 580ms ease, -webkit-transform 580ms ease, -moz-transform 580ms ease, -o-transform 580ms ease;
}

.twinkle_latest_posts a:hover figure img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
      transform: scale(1.1);
}

.twinkle_latest_posts li a:before {
  display: none;
}

.twinkle_latest_posts li a {
  padding: 0;
  display: inline;
  text-transform: none;
}

.twinkle_latest_posts .widget-post-title {
  text-transform: none;
}



/*============================================
*
*   6.) SPECIAL / 3RD PARTY
*
=============================================*/



/* =====  404 page ===== */

section.error-404.not-found {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.error-404 h1 {
  font-size: 7em;
  text-align: center;
  margin-bottom: 50px;
}

.error-404 form{
  margin-top: 50px;
}


/* =====  Contact Form 7 ===== */

.wpcf7 textarea{
  border: 1px solid #eceef1;
  background: #f3f5f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 6px !important;
  -webkit-appearance: none !important;
  outline: none;
  -webkit-transition: border-color 340ms ease, background 340ms ease !important;
  -moz-transition: border-color 340ms ease, background 340ms ease !important;
  -o-transition: border-color 340ms ease, background 340ms ease !important;
  transition: border-color 340ms ease, background 340ms ease !important;
}

.wpcf7 input{
  border: 1px solid #eceef1;
  background: #f3f5f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 50%;
  padding: 6px;
  -webkit-appearance: none !important;
  outline: none;
  -webkit-transition: border-color 340ms ease, background 340ms ease !important;
  -moz-transition: border-color 340ms ease, background 340ms ease !important;
  -o-transition: border-color 340ms ease, background 340ms ease !important;
  transition: border-color 340ms ease, background 340ms ease !important;
}

input.wpcf7-submit{
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 13px 30px !important;
  margin-top: 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  border: 0!important;
  width: auto;
  opacity: 0.85;
  line-height: 11px;
  background:#344147;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.wpcf7-submit:hover{
  opacity: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus{
   background-color: #fefefe !important;
   background:  #fefefe !important;
   border-color: #ccced1;
}

/*============================================
*
*   7.) FOOTER 
*
=============================================*/

#wrapper-footer{
  background: rgba(160,166,168,0.15);
}

#wrapper-footer-full .widget_column .widget-title{
  margin-top: 15px;
}

#wrapper-footer-full.four-columns .widget_column{
  width: 20%;
  float: left;
  margin-right: 5%;
}

#wrapper-footer-full.four-columns .widget_column:nth-child(4){
  margin-right: 0;
  width: 25%;
}

#wrapper-footer-full.three-columns .widget_column{
  width: 30.99%;
  float: left;
  margin-right: 3.5%;
}

#wrapper-footer-full.three-columns .widget_column:nth-child(3){
  margin-right: 0 !important;
  float: right;
  width: 30.99%;
}

#wrapper-footer-full.two-columns .widget_column{
  width: 48%;
  float: left;
  margin-right: 2%;
}

#wrapper-footer-full.two-columns .widget_column:nth-child(2){
  margin-right: 0;
  width: 50%;
}

#wrapper-footer-full.one-column .widget_column{
  width: 100%;
  clear: both;
  float: left;
  text-align: center;
}

/*============================================
*
*   8.) MEDIA QUERIES 
*
=============================================*/

@media all and (min-width: 768px){

  .navbar-toggleable-sm{
    height: auto !important;
  }

} /* @media > 768 */


@media all and (max-width: 1199px){

  .blog-grid-item{
    width: 100%;
  }

} /* @media < 1199 */


@media all and (min-width:900px) and (max-width: 1319px){

  .twinkle_latest_posts figure.entry-image {
    float: left;
    width: 90px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 20px;
  }

  #secondary{
    width: 30%;
  }

  #primary{
    width:70% !important;
  }

  #full-width-page-wrapper #primary{
    width: 100% !important;
  }

} /* @media  900 -> 1319  */


@media all and (max-width: 1059px){

  h1{
    font-size: 1.7em; 
  }

  h2{
    font-size: 1.5em;
  }

  h3{
    font-size: 1.4em;
  }

  h4{
    font-size: 1.3em;
  }

  h5{
    font-size: 1.2em;
  }

  h6{
    font-size: 1.1em;
  }

  .entry-content blockquote {
    font-size: 30px;
    max-width: 100%;
    margin: 40px auto;
  }

  .similar-posts-wrapper .col-md-4{
    padding-left: 8px;
    padding-right: 8px;
  }

  h4.similar-posts-title {
    font-size: 13px;
  }

  .entry-content h1, .entry-content h2, .entry-content h3 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  article.post,
  article.page{
    padding: 45px;
  }

  .post.style2 .entry-header,
  .page.style2 .entry-header {
    margin-left: -45px;
    margin-top: -45px;
    margin-right: -45px;
    padding-bottom: 30px;
  }

  .style3 h1.entry-title {
    font-size: 30px;
  }

  h4.comment-heading {
    margin-top: 0px;
  }

  .comment-body time {
    float: left;
    clear: both;
    margin-top: 5px;
  }

  .comment-list p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin-left: 0;
    margin-top: 15px;
  }

  .comment-list li .comment-content{
    margin-left: 0;
  }

  .comment.depth-2 {
    margin-left: 30px;
  }
  
} /* @media  < 1059  */


@media all and (min-width: 900px) and (max-width: 1059px){

  #wrapper-footer-full.four-columns .widget_column{
    width: 45% !important;
    float: left;
    margin-right: 5%;
  }

  #wrapper-footer-full.four-columns .widget_column:nth-child(3){
    clear: both;
  }

  #wrapper-footer-full.four-columns .widget_column:nth-child(2){
    margin-right: 0;
  }

} /* @media  900 -> 1059  */


@media all and (max-width: 899px){

  #primary{
    width: 100%;
    padding-right: 15px;
  }

  #secondary{
    width: 75%;
    margin-top: 60px;
    margin-left:12.5%;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .overlay .overlay-content {
    margin: 0 auto !important;
    max-width: 95%;
  }

  .overlay .overlay-prev, .overlay .overlay-next {
    -webkit-transform: scale(0.75) translate(0, 0);
    -ms-transform: scale(0.75) translate(0, 0);
    -moz-transform: scale(0.75) translate(0, 0);
    -o-transform: scale(0.75) translate(0, 0);
    transform: scale(0.75) translate(0, 0);
  }

  .overlay .overlay-prev {
    position: absolute;
    cursor: pointer;
    padding: 10px;
    top: -25px;
    left: -5px;
  }

  .overlay .overlay-next {
    position: absolute;
    cursor: pointer;
    padding: 10px;
    top: -25px;
    left: 25px;
    z-index: 2;
    right: auto;
  }

  #wrapper-footer-full .footerwidgets{
    width: 75%;
    margin-left: 12.5%;
    margin-top: 60px;
  }

  #wrapper-footer-full .widget_column{
    width: 100% !important;
  }

} /* @media  < 899  */


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

  body{
    font-size: 15px;
    line-height: 1.6;
  }

  .logo-wrapper .container {
    padding: 20px 0px;
  }

  .logo img{
    max-height: 70px;
  }

  .dropdown-menu{
    display: none;
  }

  .navbar-nav > li:hover > .dropdown-menu {
     display: none; 
  }

  .navbar-nav .open .dropdown-menu {
    position: static !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;

    border: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    margin-left: 15px;
  }

  #main-menu a{
    text-align: left;
  }
  
  .open .dropdown-menu{
    display: block !important;
  }

  nav.navbar{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  nav.navbar .container {
    width: 100%;
    max-width: 100%;
  }

  .navbar #main-menu{
    float: none;
  }

  .navbar-nav .nav-link {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  a.nav-link {
    border-top: 1px solid rgba(160,166,168,0.35);
  }

  h1, .h1 {
    font-size: 1.5rem; 
  }

  h2, .h2 {
    font-size: 1.4rem; 
  }

  h3, .h3 {
    font-size: 1.25rem; 
  }

  h4, .h4 {
    font-size: 1.1rem; 
  }

  h5, .h5 {
    font-size: 1rem; 
  }

  h6, .h6 {
    font-size: 1rem; 
  }

  article.post,
  article.page{
    padding: 40px;
  }

  .post.style2 .entry-header,
  .page.style2 .entry-header {
    margin-left: -40px;
    margin-top: -40px;
    margin-right: -40px;
    padding-bottom: 25px;
  }

  .wpcf7 input{
    width: 100%;
  }

  article.grid-post {
    padding: 0;
  }

  .post.style2 .entry-header {
    margin-left: -40px;
    margin-top: -40px;
    margin-right: -40px;
  }

  a.social-share-link {
    height: 35px;
    line-height: 35px;
    width: 100px;
    font-size: 12px;
    margin-bottom: 10px;
  }

  .social-share-link span{
    padding-right: 0;
  }

  .boxed {
    padding: 20px 40px;
  }

  .author-right .author-description{
    line-height: 150%;
  }

  .similar-post-wrapper{
    text-align: center;
    margin-bottom: 20px;
  }

  ol.comment-list {
    padding-left: 0;
  }

  .gallery .gallery-item {
    max-width: 49%;
  }

  .gallery-columns-1 .gallery-item{
    max-width: 100%;
  }

  .author-left {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }

  .author-right {
    width: auto;
    padding-left: 0;
    margin-left: 0;
  }

  .form-group {
    margin-bottom: 1rem;
    width: 100% !important;
    margin: 2% 0% !important;
  }

  .style3.media-wrapper {
    margin-bottom: 30px;
  }

  .style3 header.entry-header {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0 10px 5px 20px;
    width: 100%;
    z-index: 10;
  }

  .video-header .entry-title,
  .image-header .entry-title{
    font-size: 25px !important;
  }

  .video-header .post-date,
  .image-header .post-date{
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .video-header .post-categories,
  .image-header .post-categories{
    margin-bottom: 5px;
  }

  .entry-content blockquote{
    max-width: 100%;
    font-size: 1.8em;
    line-height: 140%;
    margin: 20px auto;
  }

  .sticky-nav .post-grid-wrapper{
    padding-top: 80px;
  }

  .sticky-nav #single-wrapper{
    padding-top: 80px;
  }

  .logo-wrapper .container {
    padding: 20px 0px;
  }

  .logo img{
    max-height: 70px;
  }

  nav.navbar{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  nav.navbar .container {
    width: 100%;
    max-width: 100%;
  }

  .navbar #main-menu{
    float: none;
  }

  .navbar-nav .nav-link {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  a.nav-link {
    border-top: 1px solid rgba(160,166,168,0.35);
  }

  .logo-wrapper{
    display: none;
  }

  .small-logo,
  .no-logo{
    display: block;
    float: left;
    width: 70%;
  }

  .no-logo.navbar-brand h1{
    font-size: 20px;
    margin-bottom: 0;
  }

  .no-logo.navbar-brand{
    margin-top: 10px;
    vertical-align: baseline;
    margin-bottom: 10px;
    margin-left: 15px;
    text-align: left;
  }

  .navbar-brand > img {
    display: block;
    padding: 8px;
    max-height: 50px;
  }

  .navbar-toggle {
    border: 0;
    float: right;
  }

  .navbar .collapse {
    clear: both;
  }

  .navbar-toggleable-sm{
    clear: both;
  }

  .navbar #main-menu {
    float: none;
    padding-left: 15px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-nav .nav-link {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .dark-header #main-menu .nav-link {
    border-left: 0;
  }

  .dark-header .navbar-toggle .icon-bar {
    background: white;
    margin: 4px;
  }

   .icon-bar{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .opened.navbar-toggle .icon-bar:nth-of-type(2) {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .01s ease;
    -moz-transition: all .01s ease;
    -o-transition: all .01s ease;
    transition: all .01s ease;
  }

  .opened.navbar-toggle .icon-bar {
    -webkit-transform: rotate(45deg) translate(0,0);
    -ms-transform: rotate(45deg) translate(0,0);
    -moz-transform: rotate(45deg) translate(0,0);
    -o-transform: rotate(45deg) translate(0,0);
    transform: rotate(45deg) translate(0,0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  .opened.navbar-toggle .icon-bar:last-child {
    -webkit-transform: rotate(-45deg) translate(3px,-5px);
    -ms-transform: rotate(-45deg) translate(3px,-5px);
    -moz-transform: rotate(-45deg) translate(3px,-5px);
    -o-transform: rotate(-45deg) translate(3px,-5px);
    transform: rotate(-45deg) translate(3px,-5px);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }

  .comment.depth-2 {
    margin-left: 30px;
  }

} /* @media < 767 */


@media all and (max-width: 600px){

  figure.alignleft, figure.alignright {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .comment-list .reply {
    position: absolute;
    bottom: -5px;
    right: 0;
    top: auto;
  }

  .comment-list span.edit-link {
    bottom: -5px;
    top: auto;
  }

  .comment-list li .comment-content {
    padding-bottom: 25px;
  }

} /* @media < 600 */


@media all and (max-width: 500px){

  .style3 header.entry-header {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 0 10px 5px 20px;
    width: 100%;
    z-index: 10;
  }

  .video-header .entry-title,
  .image-header .entry-title{
    font-size: 20px !important;
  }

  .video-header .post-date,
  .image-header .post-date{
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .video-header .post-categories,
  .image-header .post-categories{
    margin-bottom: 3px;
  }

  .fotorama__video-play{
    -webkit-transform: scale(0.7) !important;
       -moz-transform: scale(0.7) !important;
        -ms-transform: scale(0.7) !important;
         -o-transform: scale(0.7) !important;
            transform: scale(0.7) !important;
  }

  .style3.image-header .gradient-wrapper {
    min-height: 1px;
  }

  .gallery .gallery-item {
    max-width: 100%;
  }

  .entry-content blockquote{
    max-width: 100%;
    font-size: 1.5em;
    line-height: 140%;
    margin: 20px auto;
  }

  article.post,
  article.page{
    padding: 20px;
  }

  .post.style2 .entry-header,
  .page.style2 .entry-header {
    margin-left: -20px;
    margin-top: -20px;
    margin-right: -20px;
    padding-bottom: 25px;
  }

  figure.alignleft, figure.alignright {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  
} /* @media < 500 */