/*------------------------------------------------------------------/*
Theme Name: Hamlet
Theme URI: https://zthemes.net/themes/hamlet
Description: A WordPress Theme for Bloggers. More info: https://zthemes.net/themes/hamlet
Author URI: https://zthemes.net/
Author: ZThemes
Version: 1.0.4
Tested up to: 5.5.1
Requires PHP: 5.6
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: theme-options, translation-ready, custom-colors, two-columns, right-sidebar, featured-images, custom-menu, post-formats, sticky-post
Text Domain: hamlet

/*----------------------------------------------------------------
[Table of contents]

1. WORDPRESS CORE
2. HEADER
  2.1. TOUCH SIDEBAR
  2.2 HEADER STYLE 2
  2.3 HEADER STYLE 3
3. BLOG
  3.1 Blog standard
  3.2 Post-format
  3.3 Pagination
  3.4 BLOG ZIGZAG
  3.5 BLOG LIST
  3.6 BLOG GRID
  3.7 BLOG FULL
4. SINGLE POST
  4.1 Post comment
  4.2 Pagination single
5. SIDEBAR
  5.1 Category
  5.2 About me
  5.3 Social widget
  5.4 Instagram
  5.5 Lastest post
  5.6 Newsletter
  5.7 Form search
6. PAGE
  6.1 Contact form 7
  6.2 Page 404
7. FOOTER  WIDGET
8. FOOTER
  8.1 INSTAGRAM FOOTER
9. FEATURED
  9.1 Featured default
  9.2 Featured 2 post
  9.3 Featured 1 post
  9.4 Featured 3 post
  9.5 Featured 4 post
  9.6 Featured 5 post
  9.7 Featured SLIDER

10. RESPONSIVE
-------------------------------------------------------------------*/

*{
    margin:0;padding:0;
}
body {
    font-family: 'Lato', sans-serif;
    color: #656565;
    font-size: 14px;
    overflow-x: hidden;
    line-height: 30px;
    font-weight: 400;
}
img {
    max-width: 100%;
    border: 0;
    padding: 0;
    height: auto
}
.hamlet-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
ul, ol{
  margin: 0;
  padding: 0;
  padding-left: 35px;
  margin-bottom: 25px;
}
ul ul, ol ol, ul ol, ol ul{
  padding-left: 30px;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Playfair Display', serif;
  line-height: 1.1em;
  margin-right: 0;
  font-weight: 400;
  margin-top: 0;
  letter-spacing: 0.75px;
  color: #000000;
}
h1{
  font-size: 35px;
}
h2{
  font-size: 30px;
}
h3{
  font-size: 25px;
}
h4{
  font-size: 20px;
}
h5{
  font-size: 15px;
}
h6{
  font-size: 12px;
}
p{
  margin-bottom: 25px;
}
#main-container{
  padding-top: 60px;
}
.main-page-container {
    margin-top: 60px;
}
a{
  color: #000;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover, a:focus{
  text-decoration: none;
  outline: none;
  color: #949494;
}
iframe{
  width: 100%;
}

select{
  border: 1px solid #ebebeb;
  line-height: 22px;
  font-size: 12px;
  padding: 10px;
  letter-spacing: 0.75px;
  color: #999999;
  max-width: 100%;
}
input[type="email"], input[type="text"], input[type="password"]{
  border: 1px solid #ebebeb;
  line-height: 22px;
  font-size: 12px;
  padding: 10px;
  letter-spacing: 0.75px;
  color: #080808;
}
input[type="submit"], button, .button{
  font-weight: bold;
  border: none;
  background-color: #000000;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 2px;
  padding: 6px 15px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
input[type="submit"]:hover, button:hover, .button:hover{
  background-color: #000;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
abbr[data-original-title], abbr[title]{
  border-bottom: none;
}
::-webkit-input-placeholder {
   color: #999999;
   opacity: 1;
   filter: alpha(opacity=1);
}

:-moz-placeholder { /* Firefox 18- */
  color: #999999;
  opacity: 1;
   filter: alpha(opacity=1);
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;
   opacity: 1;
   filter: alpha(opacity=1);
}

:-ms-input-placeholder {  
   color: #999999; 
   opacity: 1;
   filter: alpha(opacity=1);
}
.ts-table{
  display: table;
  height: 100%;
  width: 100%;
}
.ts-tablecell{
  display: table-cell;
  vertical-align: middle;
}
.container{max-width: 100%;}

/*-------------------------------*/
/*          WORDPRESS CORE
/*-------------------------------*/
.sticky {
}
.screen-reader-text {
}
.gallery-caption {
}
.bypostauthor{ 
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: inherit;
  font-style:italic;
  color:inherit;
  line-height: 17px;
  margin: 8px 0 0;
}

table, th, td{
  border: 1px solid rgba(0,0,0,0.08);
}
th, td {
  padding: 0.4em;
}

table {
  border-collapse: separate;
  border-spacing: 0;
 border: none;
  margin: 0 0 1.6em;
  table-layout: auto;
  width: 100%;
}
th {
  border-width: 0 1px 1px 1px;
}
td {
  border-width: 0 1px 1px 1px;
}
th {
  border-width: 0 1px 1px 0px;
}
td {
  border-width: 0 1px 1px 0px;
}
tbody tr th{
    font-weight: 400;
}
tbody tr:first-child th{
  border-top-width: 1px;
}
tr td:first-child, tr th:first-child{
  border-left-width: 1px;
}
table tbody tr:first-child td,
table thead tr:first-child th,
table tbody tr:first-child td,
table thead tr:first-child th{
  border-top-width: 1px;
}
table thead + tbody tr:first-child td,
table thead + tbody tr:first-child td,
table tfoot + tbody tr:first-child td{
  border-top-width: 0;
}
label{font-weight: 500;}
.hamlet-content-post h1, .hamlet-content-post h2, .hamlet-content-post h3, 
.hamlet-content-post h4, .hamlet-content-post h5, .hamlet-content-post h6{
  margin-bottom: 20px;
  margin-top: 20px
}
dt, dd {
  line-height: inherit;
}
.hamlet-content-post table{text-align: center;}
.hamlet-content-post input[type="text"],
.hamlet-content-post input[type="password"]{
  padding: 9px 10px;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}
/* --------------------------- */
/*            HEADER           */
/* --------------------------- */
#header{
  background-image: url(images/bg-header.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 585px;
  position: relative;
}
#header .hamlet-overlay{
  background-color: rgba(0,0,0,0.2);
}
#logo{
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  max-width: 100%;
  padding: 0 40px;
  text-align: center;
  width: 100%;
}
#primary-navigation{
  position: absolute;
  background: transparent;
  bottom: 0;
  width: 100%;
  height: 62px;
}
#primary-navigation.fixed{
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
}
.admin-bar #primary-navigation.fixed{
  top: 32px;
}
#primary-navigation.fixed ul.hamlet-main-menu > li > a, #primary-navigation.fixed .hamlet-main-menu > ul > li > a{
  color: #424243;
}
#primary-navigation.fixed ul.hamlet-main-menu > li > a:hover, #primary-navigation.fixed div.hamlet-main-menu > ul > li > a:hover{
  color: #000;
}
#primary-navigation.fixed #nav-wrapper .hamlet-main-menu > li.menu-item-has-children > a:after{
  color: #424243;
}
.header-normal #primary-navigation{
  background-color: #fff;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
.top-navigation {
    position: relative;
    top: 0;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    z-index: 999;
}
#primary-navigation:before,
#primary-navigation:after{
  content: "";
  display: table;
  clear: both;
}
ul.hamlet-main-menu > li,
div.hamlet-main-menu > ul > li{
  display: inline-block;
}
ul.hamlet-main-menu > li > a,
div.hamlet-main-menu > ul > li > a{
  text-transform: uppercase;
  font-family: 'Karla';
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 20px 40px 20px 0;
  display: inline-block;
  font-weight: bold;
  color: #DCDCDC;
}
#nav-wrapper .hamlet-main-menu > li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: 7px;
    color: #fff;
    font-size: 12px;
}
ul.hamlet-main-menu > li > a:hover,
div.hamlet-main-menu > ul > li > a:hover{
  color: #fff;
}
.header-top-menu .hamlet-main-menu > ul > li > a:hover,
.header-normal .hamlet-main-menu > ul > li > a:hover{
  color: #000 !important;
}
.hamlet-main-menu ul.sub-menu,
.hamlet-main-menu ul.children{
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
  filter: alpha(opacity=0);
  min-width: 220px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #000;
  padding: 0 0 10px 0;
  border-top: 2px solid #000;
  z-index: 10;
  text-align: justify;
}
.hamlet-main-menu ul.sub-menu .sub-menu,
.hamlet-main-menu ul.children .children{
  left: 100%;
  top: -2px;
}
.hamlet-main-menu li.menu-item,
.hamlet-main-menu li.page_item{
  position: relative;
}
.hamlet-main-menu li.menu-item:hover > ul.sub-menu,
.hamlet-main-menu li.page_item:hover > ul.children{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}
.hamlet-main-menu ul.sub-menu li,
.hamlet-main-menu ul.children li{
  list-style: none;
  line-height: 40px;
  padding: 0 15px;
}
.hamlet-main-menu ul.sub-menu li a,
.hamlet-main-menu ul.children li a{
  color: #DCDCDC;
  /* text-align: justify; */
}
.hamlet-main-menu ul.sub-menu li a:hover,
.hamlet-main-menu ul.children li a:hover{
  color: #fff;
  margin-left: 2px;
}
#nav-wrapper{
  float: none;
  text-align: center;
}
#top-text-info .sub{
  font-size: 12px;
  color: #fff;
  letter-spacing: 1.5px;
}
#top-social a{
  color: #fff;
  font-size: 16px;
  padding-right: 12px;
}

#top-social a:last-child{
  padding-right: 0px;
}

/* ----TOUCH SIDEBAR---- */
.togole-sidebartouch{
  font-size: 13px;
  color: #DCDCDC;
}
.togole-sidebartouch i{
  font-size: 16px;
  margin-left: 10px;
}
.togole-sidebartouch:hover{
  color: #FFF;
}

#sidebartouch {
    height: 45px;
    line-height: 45px;
}
.hamlet-sidebar-touch {
  background: #fff none repeat scroll 0 0;
  padding: 80px 65px 40px;
  position: fixed;
  top: 0;
  width: 470px;
  z-index: 999999;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  right: -470px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.admin-bar .hamlet-sidebar-touch {
  margin-top: 32px;
}
.hamlet-sidebar .hamlet-sidebar-touch{
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.hamlet-sidebar-touch .widget {
  margin-bottom: 50px;
}
.hamlet-sidebar-touch .widget ul, .hamlet-sidebar-touch .widget ol{
  padding-left: 0;
}
.hamlet-sidebar-touch .widget .widget-title::after{
  background-color: #ffffff
}
.hamlet-sidebar-touch .widget.widget_mc4wp_widget .widget-title::after,
.widget.widget_mc4wp_widget .widget-title::after{
  background-color: #efefef
}
.a-wrapper-header {
    width: 100%;
    margin: 5px auto;
    margin-bottom: 50px;
    text-align: center;
}
.a-wrapper-header.on_bottom{
  margin-top: 30px;
}

/*** HEADER STYLE 2 ***/
#header.header-normal{
  background-image: none;
  background-color: #fff;
  min-height: 480px;
}
#header.header-normal .hamlet-overlay{
  background-color: #fff;
}
.top-navigation-nomarl{
  background-color: #000;
  position: relative;
  z-index: 999;
}

.header-normal ul.hamlet-main-menu > li > a, .header-normal .hamlet-main-menu > ul > li > a{
  color: #424242;
}
.header-normal #nav-wrapper .hamlet-main-menu > li.menu-item-has-children > a:after{
  color: #424242;
}

/*** 2.3 HEADER STYLE 3 ***/ 
#header.header-top-menu{
  background-image: none;
  background-color: #fff;
  min-height: 360px;
}
.top-nav-style{
  position: fixed;
  top: 0;
  background-color: #fff;
  z-index: 9999;
  width: 100%;
  -webkit-box-shadow: 2px 0 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 0 5px rgba(0,0,0,.2);
  -ms-box-shadow: 2px 0 5px rgba(0,0,0,.2);
  -o-box-shadow: 2px 0 5px rgba(0,0,0,.2);
  box-shadow: 2px 0 5px rgba(0,0,0,.2);
}
.admin-bar .top-nav-style{
  top: 32px;
}
.admin-bar .top-nav-style #primary-navigation.fixed{
  top:0;
}
.top-nav-style #primary-navigation{
  position: relative;
  top: 0;
  float: left;
  width: auto;
  z-index: 99;
}
.top-nav-style .top-navigation-right{
  position: relative;
  line-height: 62px;
  height: 62px;
}
.top-nav-style #top-social,.top-nav-style  #sidebartouch{
  display: block;
  height: 62px;
  line-height: 62px;
  margin-left: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.top-nav-style #top-social{
  margin-right: 35px;
}
.header-top-menu ul.hamlet-main-menu > li > a, .header-top-menu .hamlet-main-menu > ul > li > a{
  color: #000;
}
.header-top-menu #nav-wrapper .hamlet-main-menu > li.menu-item-has-children > a:after{
  color: #424242;
}
.header-top-menu #top-social a{color: #000;}
.header-top-menu .togole-sidebartouch{color: #000;}

.header-top-menu #nav-wrapper{width: auto;padding: 0 25px;}

.body-ovelay{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 30;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
body.hamlet-sidebar .body-ovelay{
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
}
.close-sidebar {
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}
.admin-bar .close-sidebar{
  top: 30px;
}
.close-sidebar i{
  font-size: 18px;
}
/* scroll custom */
.hamlet-sidebar-touch .content-scroll{
  padding: 80px 65px 40px;
}
.hamlet-instagram .content-scroll{
  padding: 35px 30px;
}
.nano-scroll > .content-scroll {
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 0;
}
.nano-scroll > .nano-pane{
  background : transparent;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano-scroll > .nano-pane > .nano-slider {
  background: #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0 1px;
  position: relative;
}
.nano-scroll:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed{
  opacity: 1;
  filter: alpha(opacity=1);
}

/* --------------------------- */
/*          3. BLOG            */
/* --------------------------- */
.hamlet-content-post a{
  font-weight: bold;
}
.hamlet-content-post a:hover{
  text-decoration: underline;
}
.hamlet-banner-port{
  background-color: #ffffff;
  padding: 95px 0 85px 0;
  margin-top: 2px;
}
.blog-post-feature .post-info{
  text-align: center;
}
.blog-post-feature .post-fomat{margin-bottom: 15px;}
.hamlet-list-layout .post-category, .hamlet-list-layout .post-meta{
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hamlet-1full-list-layout .btn-more{
  margin-top: 20px;
}
.blog-post-feature .post-category, .blog-post-feature .post-meta{
  text-align: center !important;
}

.blog-post-feature .post-meta{
  margin-bottom: 20px !important;
}
.blog-post-feature .title-post{
  margin-bottom: 0px !important;
}
.blog-item .post-category{
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  display: block;
  max-width: 100%;
}
.blog-item .post-category a{
  color: #cea525;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 600;
}
.blog-item .post-title{
  display: inline-block;
  padding: 10px 5px;
  width: 100%;
}
.blog-item .post-info .title-post{
  text-transform: uppercase;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.blog-item .post-title h3 a{
  color: #000000;
}
.blog-item .post-title h3 a:hover{
  color: #000;
}
.blog-item .post-meta,.post-meta{
  line-height: 24px;
  padding: 0 25px;
  color: #999999;
  margin-top: 5px;
  letter-spacing: 1.25px;
  font-size: 12px;
  text-align: center;
}

 .blog-item .post-title .title-post {
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-align: center;
}
.blog-item .title-post{
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.hamlet-list-layout .sticky .title-post,
.hamlet-grid-layout .sticky .title-post{
  border-bottom: 1px dashed #e6e6e6;
}

.hamlet-blog-standard .sticky .post-title,
.hamlet-1fullpost-grid-layout .blog-post-feature.sticky .post-title{
  background-color: #f3f3f3
}
.hamlet-grid-layout.hamlet-1fullpost-grid-layout .blog-post-feature.sticky .title-post{
  border-bottom: none;
}
/* Blog standard */
.hamlet-blog-standard .blog-item{
  margin-bottom: 80px;
  overflow: hidden;
}
.hamlet-blog-standard .hamlet-format-inforpost{
    position: relative;
    overflow: hidden;
    /* margin: 0 -15px; */
}
.hamlet-blog-standard .post-format{
  width: 58.3333%;
  float: left;
  padding: 0 15px;
}
.hamlet-blog-standard .post-info{
  position: absolute;
  width: 50%;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  padding: 25px 30px;
  background-color: #fff;
  box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}
.hamlet-blog-standard .hamlet-content-post{
  margin-top: 20px;
  width: 100%;
  text-align: justify;
}
.hamlet-blog-standard .blog-item .post-category,
.hamlet-blog-standard .blog-item .post-meta{
}
/* post-format */
.blog-item .post-format.post-standard{text-align: center;}
.blog-item .post-format .button-media img{width: auto;}
.post-format.post-audio,
.post-format.post-video{
  position: relative;
}
.post-format.post-audio .button-media,
.post-format.post-video .button-media{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.button-media i.fa-play{
    display: inline-block;
    background-color: rgba(0,0,0,0.2);
    font-size: 20px;
    line-height: 48px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.button-media i.fa-headphones{
    display: inline-block;
    background-color: rgba(0,0,0,0.2);
    font-size: 20px;
    line-height: 48px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.hamlet-slider .owl-nav > div{
  display: inline-block;
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 47px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  background-color: rgba(0,0,0,0.3);
  color: #ffffff;
  margin: 0 2px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.hamlet-slider .owl-nav > div.owl-prev{
  left: 20px;
}
.hamlet-slider .owl-nav > div.owl-next{
  left: 70px;
}
.hamlet-slider .owl-nav > div:hover{
  background-color: #000;
}
.post-format.post-link{
  position: relative;
}
.post-format.post-link > a{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 24px;
  line-height: 48px;
  font-family: 'Playfair Display', serif;
  z-index: 1;
  letter-spacing: 1px;
}
.post-format.post-link > a:hover{
  text-decoration: underline;
  color: #000;
}
.post-format.post-link:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,0.7);
  right: 0;
  height: 100%;
}
.hamlet-blog-standard  .post-format.post-link:after{
  left: 15px;
  right: 15px;
}
/* Pagination */
.hamlet-pagination{
  text-align: center;
  padding: 30px 0 60px 0;
  border-top: 1px solid #ebebeb;
  display: inline-block;
  width: 100%;
}
.hamlet-pagination .page-numbers{
  font-size: 16px;
  color: #A0A0A0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  margin: 0 3px;
}
.hamlet-pagination .page-numbers:hover{
  color: #cea525;;
}
.hamlet-pagination .page-numbers.current{
  color: #000000;
  font-weight: 600;
}
.hamlet-pagination .page-numbers.prev {
  margin-right: 40px
}
.hamlet-pagination .page-numbers.next{
  margin-left: 40px;
}
.hamlet-pagination li.prev-page a,
.hamlet-pagination li.next-page a{
  font-size: 18px;
  color: #666666;
  line-height: 24px;
}
.hamlet-content-post {
    text-align: justify;
    margin-top: 10px;
}
/* BLOG ZIGZAG */
.hamlet-zigzag-layout .blog-item:nth-child(2n) .post-format{
  float: right;
}
.hamlet-zigzag-layout .blog-item:nth-child(2n) .post-info{
  right: auto;
  left: 1px;
}
.hamlet-zigzag-layout .blog-item:nth-child(2n) .hamlet-content-post{
  float: right;
}
/* BLOG LIST */
.hamlet-list-layout .blog-item{
  overflow: hidden;
  margin-bottom: 60px;
}
.hamlet-list-layout .blog-item .left-post{
  float: left;
  position: relative;
  margin-right: 30px;
}
.hamlet-list-layout .blog-item .post-info {
  overflow: hidden;
}
.hamlet-list-layout .blog-item .post-meta{padding: 0}
.hamlet-list-layout .blog-item .post-format img{
  max-width: 370px;
}
.hamlet-list-layout .blog-item .title-post{
  line-height: 30px;
  font-size: 18px;
  margin-bottom:15px;
}
.hamlet-list-layout .blog-item .post-category{
  line-height: 25px;
  padding: 0 15px;
  margin-bottom: 15px;
}
.blog-item .post-info .title-post > a{
  color: #000000;
}
.blog-item .post-info .title-post > a:hover{
  color: #000
}

.hamlet-list-layout .hamlet-content-post  p{
  margin-bottom: 0
}
.logged-user{
  text-transform: uppercase;
  margin: 0 5px;
}

/* BLOG GRID */
.hamlet-grid-layout .blog-item .title-post{
  text-align: center;
  line-height: 30px;
  font-size: 18px;
}
.hamlet-grid-layout .blog-post-feature.blog-item .post-info .title-post{
  font-size: 22px;
}
.hamlet-grid-layout .post-format{
  position: relative;
  margin-bottom: 15px;
}
.hamlet-grid-layout .post-format .post-category{
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hamlet-grid-layout{
  margin: 0 -15px;
}
.hamlet-grid-posts{
  display: inline-block;
  width: 100%
}
.hamlet-grid-layout .blog-item.blog-post-feature{
  width: 100%;
}
.hamlet-grid-layout .blog-item.blog-post-feature .post-info{
  padding: 0 40px;
}
.btn-more {
    text-align: center;
    margin-bottom: 10px;
}
.btn-more a.more-link{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #424243;
    display: inline-block;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
    box-sizing: border-box;
}
.btn-more a.more-link span:after {
    content: '';
    border-top: 1px solid;
    display: block;
    max-width: 40px;
    margin: 3px auto 10px;
    color: #6d6d6d;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.btn-more a.more-link:hover{
    color: #000;
}
.btn-more a.more-link:hover span:after{
  color: #000;
  max-width: 55px;
}

.hamlet-grid-layout .blog-item{
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  margin-bottom: 50px;
}
.hamlet-1fullpost-grid-layout .blog-item{
  width: 50%;
}
.hamlet-grid-layout .blog-item .post-meta{
  line-height: normal;
  padding: 0;
  margin-bottom: 20px;
  margin-top: 0;
}
.hamlet-grid-layout .blog-item.blog-post-feature .post-title{
  margin-bottom: 10px;
}
.hamlet-grid-layout.hamlet-1fullpost-grid-layout .hamlet-grid-posts .blog-item:nth-child(2n+1){
  clear: both;
}
/* BLOG FULL */
.hamlet-blog-fullpost .post-format.post-standard{
  padding: 15px 0;
}
.hamlet-blog-fullpost .btn-more{
  margin-top: 20px;
}
.hamlet-blog-fullpost .hamlet-pagination{
  border-top: none;
  margin-top: 15px;
  margin-bottom: 15px;
}
.hamlet-blog-fullpost article.blog-item{
  margin-top: 35px;
}
.hamlet-blog-fullpost article.blog-item:first-child{
  margin-top: 5px;
}
/* --------------------------- */
/*        4. SINGLE POST       */
/* --------------------------- */
#main-container.hamlet-single-full-post-format{padding-top: 0}
.single-full-post-format .post-format > img{width: 100%;}
.hamlet-single-post .post-info{
    text-align: center;
    z-index: 9;
    position: relative;
}
.single-full-post-format .post-info{
  padding: 35px 0;
}
.single-full-post-format .post-info .post-category{
  margin-bottom: 10px;
}
.single-full-post-format .post-info .title-post{
  margin-bottom: 15px;
  letter-spacing: 3px;
}
.hamlet-single-post .single-has-sidebar .post-info{
  padding: 0;
}
.hamlet-single-post .post-format{
  text-align: center;
  margin-bottom: 20px;
}
.hamlet-single-post .post-format.post-video,
.hamlet-single-post .post-format.post-audio{
  margin-bottom: 40px;
}
.blog-item.hamlet-single-post .post-info .title-post{
  line-height: 35px;
}
.hamlet-single-post.blog-item .post-meta{
  margin-top: 0;
  margin-bottom: 25px;
}
.hamlet-single-post .hamlet-slider .owl-nav > div{
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}
.hamlet-single-post .hamlet-slider .owl-nav > div.owl-prev{
  left: 0;
}
.hamlet-single-post .hamlet-slider .owl-nav > div.owl-next{
  right: 0;
  left: auto;
}
blockquote {
    font-family: 'Playfair Display', serif;
    border: none;
    padding: 20px 35px;
    background-color: #F3F3F3;
    position: relative;
    font-size: 14px;
    line-height: 36px;
    color: #292929;
    display: inline-block;
    width: 100%;
    margin: 10px 0 25px;
    letter-spacing: 0.5px;
    text-align: justify;
}

blockquote cite{font-size: 15px;}
.hamlet-post-tags{margin-bottom: 58px;margin-top: 25px;}
.hamlet-post-tags  a{
line-height: 24px;
    border: 1px solid #e8e8e8;
    padding: 0px 12px;
    display: inline-block;
    color: inherit;
    font-weight: 600;
    color: #424243;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-size: 10px;
}
.hamlet-post-tags  a:hover{
  color: #cea525;
}
.hamlet-post-share{
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 25px 5px;
  margin-bottom: 60px;
  overflow: hidden;
}
.hamlet-post-share.gird-page{
  padding: 12px 10px;
  border:none;
  margin-bottom: 0px;
}
.hamlet-post-share.gird-page .post-meta{
  float: right;
  margin: 0;
  padding: 0;
  line-height: 30px;
  color: #B3B3B3;
}
.hamlet-post-share.home-page {
    padding: 12px 10px;
    margin-bottom: 20px;
    border-top: none;
}
.hamlet-post-share > div{display: inline-block;float: left;}
.hamlet-post-share .social-share{float: right;}
.hamlet-post-share a{color: #424243;}
.hamlet-post-share a:hover{color: #cea525}
.hamlet-like-post-count{padding-left: 3px;}
.social-share a{
  color: #424243;
  margin-left: 30px;
}
.social-share a:first-child{margin-left: 0}
.social-share a:hover{
  color: #cea525;
}
.hamlet-post-author{
  padding: 30px;
  background-color: #ffffff;
  margin-bottom: 48px;
  overflow: hidden;
  border: 1px solid #ebebeb;
}
.hamlet-post-author .author-img {
  float: left;
  margin-right: 25px;
}
.hamlet-post-author .author-img img{
  max-width: 120px;
}
.hamlet-post-author .author-content{overflow: hidden;}
.author-content h3{text-transform: uppercase; font-size: 18px;}
.author-content h3 a{color: inherit;}
.author-content p{margin-bottom: 20px}

/* Post comment */
#comments h3,
#respond h3{
  text-transform: uppercase;
  margin-bottom: 25px;
  text-align: center;
  font-size: 20px;
}
#comments .comment-list{
  margin-bottom: 50px;
}
#comments ol.comment-list, #comments .comment > ol.children{list-style: none;}
.comment-list .comment-body{
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 25px;
}
.comment-body .comment-author{
  float: left;
  margin-right: 22px;
}
.comment-body .comment-author img{max-width: 70px}
.comment-body .comment-content{overflow: hidden;}
.comment-body .comment-content .author-name{
  text-transform: uppercase;
  margin-right: 20px;
  margin-bottom: 0;
  display: inline-block;
}
.comment-body .comment-content .author-name a{
  color: inherit;
}
.comment-body .date-comment{
  font-family: 'Playfair Display', serif;
  font-size: 12px;
  color: #999999;
}
.comment-body .date-comment a{
  color: inherit;
}
.comment-body .comment-content .reply{
  float: right;
}
.comment-body .comment-content .reply a{
  font-weight: bold;
  margin-left: 10px;
  letter-spacing: 0.75px;
}
.comment-body .comment-content .reply a:hover{text-decoration: underline;}
.comment-body .comment-content .reply a.comment-edit-link{
  color: #949494;
}
.comment-body .comment-content .comment-text{
  letter-spacing: 0.75px;
  margin-top: 10px;
}
.comment-body .comment-content .comment-text p{margin-bottom: 10px}
/* comment form */
#respond{
  margin-top: 60px;
  margin-bottom: 40px;
}
.comment-form .input-form{
  width: 100%;
  border: 1px solid #ebebeb;
  background-color: transparent;
  font-size: 14px;
  margin-bottom: 25px;
  padding: 12px 20px;
}
.comment-form textarea{
  width: 100%;
  border: 1px solid #ebebeb;
  background-color: transparent;
  font-size: 14px;
  min-height: 240px;
  padding: 12px 20px;
  margin-bottom: 15px;
}
.comment-form p.form-submit{margin-bottom: 0}
.comment-form input[type="submit"]{
    background-color: transparent;
    margin: 15px auto;
    border: 1px solid #CCCCCC;
    min-width: 205px;
    text-align: center;
    color: #797979;
    display: block;
}
.comment-form input[type="submit"]:hover{
  color: #ffffff;
  background-color: #000000;
}
/* pagination single */
.hamlet-single-post-next-prev{
  padding: 48px 0;
  line-height: 28px;
  overflow: hidden;
  padding-top: 0;
  font-size: 12px;
}
.hamlet-single-post-next-prev a{
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.75px;
}
.hamlet-single-post-next-prev .prev-post{
  float: left;
}
.hamlet-single-post-next-prev .next-post{
  float: right;
}
.hamlet-single-post-next-prev a:hover{
  color: #000;
}
.hamlet-single-post-next-prev .prev-post a{
  margin-left: 20px;
}
.hamlet-single-post-next-prev .next-post a{
  margin-right: 20px;
}

/* --------------------------- */
/*          5. SIDEBAR         */
/* --------------------------- */
.sidebar-right{
  padding-left: 50px;
}
.sidebar .widget{
  margin-bottom: 50px;
  border: 1px solid #ebebeb;
  padding: 28px 25px;
  box-sizing: border-box;
}
.widget .widget-title{
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-align: center;
  padding-bottom: 13px;
  margin-bottom: 30px;
  background-size: 100%;
  position: relative;
  color: #cea525;
  font-weight: 600;
}

.widget ul li{
  list-style: none;
  display: block;
}
.widget ul li{
  line-height: 36px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dotted #ebebeb;
  padding: 2px 0;
  letter-spacing: 0.75px;
}
.widget ul li:last-child{
  border-bottom: none;
}
.widget ul li a
{
  color: #000;
  display: inline-block;
}
.widget ul li a:hover{
  color: #000;
}
/* category */
.widget_categories ul li{
  color: #cacaca;
}
.widget_categories ul li a{
  margin-right: 15px;
}
/* about me */
.about-widget{
  text-align: center;
}
.about-title{
  text-transform: uppercase;
  letter-spacing: 0.75px;
  margin: 30px 0 25px 0;
  font-size: 18px;
}
.about-widget p{
  margin: 0;
}
.about-widget .about-img img{
  width: 100%;
}
/* social widget */
.social-widget {
  text-align: center;
}
.social-widget > a{
  font-size: 14px;
  line-height: 36px;
  padding: 0 15px;
  color: #424243;
}
.social-widget > a:hover{
  color: #cea525;;
}
/* instagram */
.widget .instagram-pics{
  overflow: hidden;
  padding: 0;
}
.widget .instagram-pics li{
  float: left;
  display: inline-block;
  width: 33.33%;
  padding: 7px;
  border: none;
  overflow: hidden;

}
.instagram-pics li a{
  width: 100%;
}
/* Lastest post */
.widget ul{
  padding-left: 0;
}
ul.latest-post li{
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px dotted #ebebeb;
}
ul.latest-post li:last-child{border-bottom: 0;}
ul.latest-post li .post-image{
  float: left;
  margin-right: 20px;
    max-width:35%;
}
ul.latest-post li .post-image img{
  width: 100%;
}
ul.latest-post li .post-item-text{
  overflow: hidden;
}
ul.latest-post .post-item-text h4{
  margin-bottom: 0;
  line-height: 24px;
  font-size: 14px;
}
ul.latest-post .post-item-text h4 a{
  color: #000000;
}
ul.latest-post .post-item-text h4 a:hover{
  color: #000;
}
ul.latest-post .post-item-text .post-meta{
  padding: 0;
  font-size: 12px;
  margin: 0;
  line-height: normal;
  letter-spacing: 0;
}
/* newsletter */
.widget_mc4wp_form_widget{
  background-color: #efefef;
  padding: 25px 30px;
}
.widget_mc4wp_form_widget .mc4wp-form label{
  text-align: center;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
  font-weight: normal;
  display: block;
}
.widget_mc4wp_form_widget form input{
  line-height: 22px;
  width: 100%;
}
.widget_mc4wp_form_widget input[type="submit"]{
  width: 100%;
  text-align: center;
  line-height: 30px;
  padding: 10px 15px;
}
.widget_mc4wp_form_widget input[type="submit"]:hover{
  background-color: #636363;
}
.widget_mc4wp_form_widget input[type="text"]{border-width: 2px;}
/* form search */
#cls-searchform{
  display: table;
  padding-right: 12px;
  border: 1px solid #656565;
  padding-left: 10px;
}
#cls-searchform input[type="text"]{
  display: table-cell;
  width: 100%;
  border: none;
}
#cls-searchform span{
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
#cls-searchform span button[type="submit"]{
  background-color: transparent;
  padding: 0;
  color: #000;
}
#cls-searchform span button[type="submit"]:hover{
  color: #cea525;
}
/* monster widget */
.widget_archive label{
  display: block;
}
.widget select{
  min-width: 270px;
}
#wp-calendar, #wp-calendar th{text-align: center;}
.widget_rss li{margin-bottom: 30px;}
.tagcloud a{
  border: 1px solid #ebebeb;
  color: inherit;
  display: inline-block;
  line-height: 28px;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 0 20px;
  font-size: inherit!important;
}
.tagcloud a:hover{
  border-color: #000;
  background-color: #000;
  color: #fff;
}

/* --------------------------- */
/*            6. PAGE          */
/* --------------------------- */
.page-has-sidebar .page-info{
  padding: 0 40px;
}

.blog-item.page{margin-bottom: 45px}
.blog-item.page .post-share{
  text-align: center;
}
.blog-item.page .post-format{
  margin-bottom: -70px;
}
.title-page{
  line-height: 40px;
  text-transform: uppercase;
}
.blog-item.page .post-title{
  text-align: center; 
  letter-spacing: 0.75px;
  margin-bottom: 45px;
}
.blog-item.page .post-title h2{margin-bottom: 5px}
.blog-item.page .post-title p{
  font-family: 'Playfair Display', serif;
  color: #999999;
  margin-bottom: 0
}

.archive-box {
  border: 1px solid #e6e6e6;
  margin-bottom: 50px;
  padding: 20px 30px;
  text-align: center;
}
.archive-box span{
  font-family: 'Playfair Display', serif;
  display: inline-block;
  letter-spacing: 2px;
}
.archive-box h1{
  display: inline-block;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 30px;
  margin-left: 8px;
  letter-spacing: 2px;
}
/* contact form 7 */
.wpcf7-form .wpcf7-form-control,
.hamlet-content-post .wpcf7-form .wpcf7-form-control{
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #ebebeb;
  margin-bottom: 25px;
  padding-left: 0;
  padding-right: 0;
  line-height: 30px;
  width: 100%;
  font-size: inherit;
  color: #999999;
}
.wpcf7-form textarea.wpcf7-form-control {
  max-height: 240px;
  background: url(images/bg-textarea.png) repeat;
}
.wpcf7-form input[type="submit"].wpcf7-form-control {
  background-color: transparent;
  margin: 25px 0 10px;
  border: 2px solid #000000;
  min-width: 205px;
  text-align: center;
  color: #000000;
  width: auto;
}
.wpcf7-form input[type="submit"].wpcf7-form-control:hover{
  color: #ffffff;
  background-color: #000000;
}
.search-results .blog-item{
  margin-bottom: 45px
}
.search-results .blog-item.page .post-format{
  margin-bottom: 0;
}
/* page 404 */
.error-page{
  padding: 0px 0 120px 0;
  text-align: center;
}
.error-page h1 {
  font-size: 100px;
  line-height: normal;
  margin: 0;
}
.error-page > form#cls-searchform {
  width: 400px;
  margin: 0 auto;
  max-width: 100%;
}
h3.title-post{
  text-transform: uppercase;
}
h3.title-post a{
  color: inherit;
}
h3.title-post a:hover{
  color: #000;
}

/* --------------------------- */
/*       7. FOOTER  WIDGET     */
/* --------------------------- */

#widget-area {
    margin: 20px 0;
    padding-top: 25px;
}
#widget-area .about-title{
  font-size: 18px;
}

/* --------------------------- */
/*          8. FOOTER          */
/* --------------------------- */

/* INSTAGRAM FOOTER */
#instagram-footer {
  text-align: center;
    overflow: hidden;
    margin-top: 10px;
    padding-top: 30px;
}
#instagram-footer .widget-title:after{
  content: none;
}

.instagram-title {
  display:none;
}
#instagram-footer .instagram-pics li {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 5px;
}
#instagram-footer .instagram-pics li img {
  max-width:100%;
  vertical-align:middle;
}
#instagram-footer .instagram-pics li img:hover {
  opacity:.87;
}
#instagram-footer p.clear {
  display:none;
}

#hamlet-footer{border-top: 1px solid #ededed;}
.main-footer{
  text-align: center;
  padding-top: 45px;
  padding-bottom: 15px;
}
.main-footer .logo-footer{
  display: inline-block;
  padding: 0 20px;
  width: 26%;
  vertical-align: top;
}
#footer-social a {
    font-size: 16px;
    color: #424243;
    padding: 10px;
    margin-right: 8px;
    display: inline-block;
}
#footer-social a:hover{
  color: #cea525;
}
#footer-social {
    padding: 20px 0;
    margin-bottom: 10px;
}
.hamlet-menu-footer{
  display: inline-block;
  width: 36%;
  vertical-align: top;
}
.hamlet-menu-footer ul li{
  display: inline-block;
  font-family: 'Karla';
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.hamlet-menu-footer > ul > li > a{
  padding: 19px 21px;
  color: #999999;
  display: inline-block;
}
.hamlet-menu-footer > ul > li > a:hover{color: #000}
#menu-footer-left-menu{text-align: right;}
#menu-footer-right-menu{text-align: left;}
.copyright{
  font-size: 11px;
  padding: 22px;
  text-align: center;
  background-color: #F3F3F3;
  letter-spacing: 2px;
}
.copyright p{
  margin: 0
}

/* --------------------------- */
/*         9. FEATURED         */
/* --------------------------- */

/* --- Featured default --- */
.section-feat-header{padding-top: 45px;padding-bottom: 25px;}
.feat-title{ text-align: center; letter-spacing: 1.75px;}
.feat-sub-title{text-align: center; letter-spacing: 1.25px;}
.featured-area-normal {
  height: 485px;
  position: relative;
}
.featured-nor-3{
  position: relative;
  height: 100%;
}
.feat-normal-1{
    position: relative;
    display: block;
    height: 100%;
    width: 52.888%;
    background-size: cover;
}
.feat-normal-2{
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    width: 47%;
    height: 49.6666%;
    background-size: cover;
}
.feat-normal-3{
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    width: 47%;
    height: 50%;
    background-size: cover;
}

.entry-featured-media a:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: .5;
  bottom: 0;
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
  background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#000));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
  background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.feat-nor-text {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    left: 0;
    right: auto;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    pointer-events: none;

}
.feat-nor-text a{
  color: #fff;
}
.feat-nor-cat{
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  color: #fff;
}
.feat-nor-text h3{
  font-weight: 600;
  line-height: 30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  font-size: 22px;
}
.entry-featured-media{
  width: 100%;
  height: 100%;
}
.entry-featured-media a img{
  width: 100%;
  height: 100%;
}

/* --- Featured 2 post --- */
.featured-nor-3.number-2 .feat-normal-1, .featured-nor-3.number-2 .feat-normal-2{
  width: 49.888%;
  height: 485px;
}
/* --- Featured 1 post --- */
.featured-area-normal.grid-1{
  height: 550px;
}
/* --- Featured 3 post --- */
.featured-nor-3.number-1 .feat-normal-1{
  width: 100%;
  height: 100%;
}

.featured-nor-3 figure{
  position: absolute;
  background-size: cover;
}
/* --- Featured 4 post --- */
.featured-area-normal.grid-4{
  height: 525px;
}
.featured-nor-3.number-4{
  height: 100%;
}
.featured-nor-3.number-4 .feat-normal-1{
    position: relative;
    display: block;
    height: 100%;
    width: 49.8888%;
}
.featured-nor-3.number-4 .feat-normal-2 {
    right: 0;
    left: auto;
    top: 0;
    width: 50%;
    height: 49.666%;
}
.featured-nor-3.number-4 .feat-normal-3 {
    right: 0;
    left: 50%;
    bottom: 0;
    width: 25%;
    height: 50%;
}
.featured-nor-3.number-4 .feat-normal-4 {
    right: 0;
    left: auto;
    bottom: 0;
    width: 24.8%;
    height: 50%;
}
/* --- Featured 5 post --- */
.featured-area-normal.grid-5{
  height: 525px;
}
.featured-nor-3.number-5{
  height: 100%;
}

.featured-nor-3.number-5 .feat-normal-1{
  height: 100%;
  width: 49.888%;
}
.featured-nor-3.number-5 .feat-normal-2 {
    right: 0;
    left: 50%;
    top: 0;
    width: 25%;
    height: 50%;
}
.featured-nor-3.number-5 .feat-normal-3 {
    right: 0;
    left: auto;
    top: 0;
    width: 24.8%;
    height: 50%;
}
.featured-nor-3.number-5 .feat-normal-4 {
    right: 0;
    left: 50%;
    bottom: 0;
    width: 25%;
    height: 49.555%;
}
.featured-nor-3.number-5 .feat-normal-5 {
    right: 0;
    left: auto;
    bottom: 0;
    width: 24.8%;
    height: 49.555%;
}

/* --- Featured SLIDER --- */
.featured-area.fullwidth .feat-slider-boxes {
  height: 100%;
}
.feat-slider-boxes {
    width: 100%;
    height: 100%;
}
.feat-slider-boxes .feat-overlay{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,.2);
}

.feat-slider-boxes .feat-text a{
  color: #fff;
}
.feat-slider-boxes  .feat-text {
    width: 80%;
    margin: 0 auto;
    max-width: 720px;
    margin-top: -20px;
}
.feat-slider-boxes .feat-text h3{
    font-size: 32px;
    line-height: 44px;
    padding-top: 10px;
    letter-spacing: 0.75px;
}
.feat-slider-boxes .feat-text .feat-cat{
  letter-spacing: 1.75px;
  text-transform: uppercase;
}

/* --------------------------- */
/*        11. WooCommerce       */
/* --------------------------- */
.woocommerce #primary {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.woocommerce #main {
    width: 100%;
    float: none;
}
h2.woocommerce-loop-product__title {
    text-align: center;
}
/** Shop page **/

.woocommerce h2, .woocommerce h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
#container{
  width: 940px;
  margin: 0 auto;
}
.woocommerce #container{
  margin-top: 50px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto;
  margin-bottom: 8px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width:30.8%;
  margin-bottom:50px;
}
.woocommerce ul.products li.product a img {
  margin-bottom:8px;
}
.woocommerce ul.products li.product h3 {
  color:#000;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:1px;
    font-size: 12px;
  padding: 12px 0;
}
.woocommerce ul.products li.product .price {
  text-align:center;
    font-size: 12px;
    color: #868686;
  padding: 3px 0;
  letter-spacing: 1px;
}
.woocommerce ul.products li.product .price del {
  display:inline;
  margin-right:3px;
}
.woocommerce ul.products li.product .price ins {
  font-weight:400;
  text-decoration:none;
}
.woocommerce ul.products li.product .button {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.widget_product_categories .count {
  font-size:14px;
  color:#999;
}
.woocommerce ul.products li.product .onsale {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    background-color: #424243;
    top: -18px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color:#eee;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color:#d8d8d8;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color:#d8d8d8;
}
.woocommerce .woocommerce-ordering {
    margin-top: -15px;
    margin-bottom: 40px;
}
.woocommerce .woocommerce-ordering select {
  padding:7px 9px;
  color:#999;
  border-radius:2px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
  border:none;
  background:#f7f7f7;
  max-width:180px;
}
.woocommerce .page-title {
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:3px;
  margin-bottom:5px;
}
.woocommerce .woocommerce-result-count {
    color: #ABABAB;
    font-style: italic;
    font-size: 12px;
}
.woocommerce nav.woocommerce-pagination ul {
  border:none;
}
.woocommerce nav.woocommerce-pagination ul li {
  border:1px solid #e5e5e5;
  margin:0 3px;
  border-radius:3px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background:#f7f7f7;
  color:#888;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  color:#999;
  font-size:12px;
}
.woocommerce input, .woocommerce select{
  border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}
.woocommerce td.product-name dl.variation dt{
  line-height: 28px;
    margin-right: 6px;
}

/** Single Product **/
.woocommerce div.product .product_title {
  font-size: 23px;
    letter-spacing: 3px;
    text-transform: uppercase;
  color:#000;
  margin-bottom: 5px;
}
.woocommerce .star-rating {
  font-size:11px;
  color:#CAAE57;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: 1em 8px 0 0;
}
a.woocommerce-review-link {
  font-size:10px;
  color:#999;
  text-transform:uppercase;
  letter-spacing:2px;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom:0;
}
.woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price {
  font-size:21px;
  color:#000;
  margin-top:15px;
}
.woocommerce #content div.product div.summary p {
  margin-bottom:20px;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
  font-weight:400;
  text-decoration:none;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
  margin-top:30px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color:#000;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:2px;
  padding:12px 18px 14px;
  font-weight:700;
  border-radius:2px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color:#333;
}
.woocommerce .quantity .qty {
    padding: 3px 8px;
    margin-right: 10px;
    border: 1px solid #E0E0E0;
}
.product_meta {
  text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}
.product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as {
  display:block;
}
.product_meta a {
  color:#aaa;
}
.woocommerce span.onsale {
  min-height:28px;
  min-width:50px;
  line-height:28px;
  top:15px;
  left:15px;
  background-color:#fff;
  color:#000;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  padding:0;
  padding-left:2px;
  border-radius:0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  width:53%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width:43%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 3px 8px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
  font-weight:400;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  margin-bottom:15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color:#f1f1f1;
}
.related.products h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 700;
}
.woocommerce-tabs.wc-tabs-wrapper {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 35px;
}
.added_to_cart.wc-forward{
  display: block !important;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
/* attributes */
.woocommerce table.shop_attributes th {
  font-weight:400;
}
.woocommerce table.shop_attributes td {
  padding-left:15px;
}

/* Comments / Reviews  */
.woocommerce #reviews #comments ol.commentlist {
  padding-left:0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  position:relative;
  border:none;
  background:none;
  border-radius:100%;
  height:50px;
  width:50px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border:none;
  border-radius:0;
  margin-left:65px;
  padding:0 0 0 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  margin-bottom:3px;
}
.woocommerce .comment-text p.meta strong {
  color:#000;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:2px;
}
.woocommerce .star-rating {
  float:none;
  margin-bottom:8px;
}
.woocommerce #reviews #comments ol.commentlist li {
  border-bottom:1px solid #eee;
  padding-bottom:25px;
}
.woocommerce #reviews h3 {
  margin-bottom:10px;
}
.woocommerce #review_form #respond p {
  margin-bottom:10px;
}
.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 {
  border-right:1px solid #eee;
}
.woocommerce #review_form #respond textarea {
  margin-bottom:0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #fff;
    border-radius: 0;
    font-size: 11px;
    color: #6B6B6B;
    padding: 10px;
    display: inline-block;
    border: 1px solid #DCDCDC;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    width: auto;
    font-weight: 400;
    font-family: 'Karla';
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { 
  background:#333;
  color:#FFF;
}

/** My account **/
.woocommerce-account .addresses .title h3, .woocommerce-account h2 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
.woocommerce table.my_account_orders th {
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:400;
  padding:10px;
}
.woocommerce table.shop_table td {
  border:none;
}
.woocommerce table.my_account_orders .order-actions .button {
  padding:7px 14px 8px 16px;
  font-size:10px;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
  padding:8px 8px;
}
.woocommerce table.shop_table {
  margin-bottom:35px;
}
.woocommerce-page .col2-set.addresses {
  margin-top:30px;
}
.woocommerce-page .col2-set.addresses address {
  color:#888;
}
p.myaccount_user {
  margin-bottom:35px;
}
address {
  line-height:24px;
}
.woocommerce-account .addresses .title .edit {
  font-size:11px;
  text-decoration:underline;
}

/** Empty cart **/
.cart-empty {
  text-align:center;
}
.return-to-shop {
  text-align:center;
}

/** Order ID **/
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th {
  border-bottom:none;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
  font-weight:400;
}
mark {
  background-color:#fff;
  border-bottom:3px solid #eee;
}

/** Checkout **/
.woocommerce .woocommerce-info:before {
  color:#888;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  padding: 0.8em 2em 1em 3.5em!important;
  background-color:#f7f7f7;
}
.woocommerce .woocommerce-info {
    border-top-color: #e5e5e5;
}
a.showcoupon {
  text-decoration:underline;
}
.woocommerce-checkout h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}
input#ship-to-different-address-checkbox {
    width: auto;
    vertical-align: middle;
}
.woocommerce-checkout h3 {
  margin-top:30px;
}
.woocommerce-checkout #payment ul.payment_methods li {
  list-style:none;
}
.woocommerce-checkout #payment ul.payment_methods li input {
  width:auto;
}
.woocommerce-checkout #payment {
  background-color:#f7f7f7;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom:none;
}
.woocommerce-checkout #payment div.payment_box:before {
  border:1em solid #ebebeb;
  border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout #payment div.payment_box {
  background-color:#ebebeb;
  color:#888;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border:1px solid #e5e5e5;
}
.woocommerce-cart .wc-proceed-to-checkout {
    margin-bottom: 20px;
}
.woocommerce-billing-fields input, .woocommerce-shipping-fields textarea{
    border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}
.woocommerce-checkout-review-order{
  margin-bottom: 20px;
}
.checkout_coupon input#coupon_code{
    border: 1px solid #ddd;
    color: #888;
    padding: 9px 10px;
}

/** Order received **/
.woocommerce .order_details li {
  list-style:none;
}
.woocommerce .order_details {
  padding-left:0;
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  top:11px;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  border: 1px solid #ECECEC;
  line-height:32px;
}
.woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li {
  margin-bottom:0;
}


/** Cart **/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width:100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th {
  padding-left:15px;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
  border-top:none;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  font-size:10px;
  padding:8px 14px 9px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding:5px 6px;
  margin-right:10px;
  line-height: 1.3;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width:110px;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
  background:#f7f7f7;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  padding:15px;
  border-top:1px solid #e5e5e5;
}
.woocommerce a.remove {
  color:#000 !important;
}
.woocommerce a.remove:hover {
  background:none !important;
  color:#000 !important;
  text-decoration:none;
}
.cart_item a {
  color:#000;
}

/** login **/
input#rememberme {
    width: auto;
}
.woocommerce .login #password {
  margin-bottom:20px;
}
.woocommerce .login .button {
  margin-right:10px;
}
.woocommerce form .form-row .input-checkbox {
  width:auto;
}
.lost_password {
  font-size:12px;
}
.woocommerce .login label{
  display: block !important;
  margin-top: 5px;
}

/** cart widget **/
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
  font-size:16px;
  line-height:18px;
  font-weight:700;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
  font-weight:400;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
  width:60px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
  margin-bottom:8px;
}
.widget_shopping_cart .quantity {
  color:#999;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
  margin-bottom:15px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
  border-top:1px solid #eee;
  padding-top:10px;
  margin-bottom:15px;
}
.widget_shopping_cart a.button, .woocommerce .widget_price_filter .price_slider_amount .button {
  font-size:10px;
  padding:10px 16px 11px;
  margin:0 5px 0 0;
}

/** product widget **/
.woocommerce.widget_products ul.product_list_widget li img, .woocommerce.widget_recently_viewed_products ul.product_list_widget li img,
.woocommerce.widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_top_rated_products  ul.product_list_widget li img {
  float:left;
  margin-left:0;
  margin-right:14px;
  width:80px;
}
.woocommerce.widget_products ul.product_list_widget li, .woocommerce.widget_recently_viewed_products ul.product_list_widget li,
.woocommerce.widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_top_rated_products  ul.product_list_widget li {
  margin-bottom:8px;
}
.woocommerce.widget_products .amount, .woocommerce.widget_recently_viewed_products .amount, .woocommerce.widget_recent_reviews .amount, 
.woocommerce.widget_top_rated_products .amount {
  color:#999;
}
.woocommerce.widget_products span.product-title, .woocommerce.widget_recently_viewed_products span.product-title,
.woocommerce.widget_recent_reviews span.product-title, .woocommerce.widget_top_rated_products span.product-title {
    margin-bottom: 5px;
}

/** review widget **/
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
  margin-top:8px;
  margin-bottom:3px;
}
.woocommerce ul.product_list_widget .reviewer {
  color:#999;
  font-style:italic;
  font-size:12px;
}

/** widget filter **/
.woocommerce.widget_layered_nav_filters ul li { margin-right:10px; }
.woocommerce.widget_layered_nav ul li .count { color:#999; }
.woocommerce.widget_layered_nav ul li a:hover{ text-decoration:none; }

/* woocommerce pagination */
.woocommerce nav.woocommerce-pagination {
  margin-top: 25px;
  margin-bottom:70px;
}

/* --------------------------- */
/*        11. RESPONSIVE       */
/* --------------------------- */
.togole-mainmenu{
  display: none;
  color: #000000;
  float: left;
  font-size: 15px;
  padding: 15px;
}
.togole-mainmenu:hover, .togole-mainmenu:focus{
  color: #000;
}
.hamlet-main-menu{
  float: left;
  width: 100%;
  text-align: center;
  padding-left: 0;
}
@media(min-width: 1200px){
  .container{
    width: 1200px;
  }
}

@media(min-width: 1200px) and (max-width: 1335px){
  #primary-navigation > .container {
      max-width: 1040px;
  }
}

@media(min-width: 992px) and (max-width: 1199px){
    h3{font-size:20px}
  #primary-navigation > .container{max-width: 845px}
  .hamlet-menu-footer > ul > li > a{padding: 13px 10px}
    .hamlet-list-layout .blog-item .post-format img{max-width: 300px}
    .hamlet-list-layout .blog-item .title-post{font-size:15px}
    .sidebar-right{padding-left:15px}

.featured-nor-3.number-2 .feat-normal-1, .featured-nor-3.number-2 .feat-normal-2 {
    height: 420px;
}

}


@media(min-width: 768px) and (max-width: 991px){
  ul.hamlet-main-menu > li > a, div.hamlet-main-menu > ul > li > a{padding: 20px 12px 20px 0;}
  .togole-sidebartouch{left: 20px}
  #primary-navigation > .container {max-width: 650px; padding-left: 0}
  #header.header-normal{min-height: 460px;}
  .hamlet-main-menu ul.sub-menu li, .hamlet-main-menu ul.children li{line-height: 35px;}
  .hamlet-main-menu ul.sub-menu li a, .hamlet-main-menu ul.children li a{font-size: 12px;}
  .hamlet-main-menu ul.sub-menu, .hamlet-main-menu ul.children{min-width: 200px}
  .hamlet-menu-footer ul li{font-size: 10px;}
  .hamlet-menu-footer > ul > li > a{padding: 8px;}
  .hamlet-banner-port{
    padding: 60px 0 50px;
  }
  #main-container {padding-top: 70px;}
  .hamlet-grid-layout .blog-item{width: 50%;}
  .blog-item .post-title{padding: 8px 15px}
  .hamlet-blog-standard .hamlet-content-post{
    margin-top: 5px;
    line-height: 24px;
  }
  .blog-item .post-meta, .post-meta{padding: 0 20px;}
  .blog-item .post-info .title-post{
    font-size: 20px;line-height: 30px;
  display: block;
  height: auto;
  }

  blockquote{padding: 80px 30px 35px;}
  .blog-item .post-title .title-post{display: block;}

.featured-nor-3.number-2 .feat-normal-1, .featured-nor-3.number-2 .feat-normal-2 {
    height: 400px;
}
.featured-nor-3 .feat-nor-text h3{font-size: 18px;line-height: 24px;}
.featured-area-normal.grid-3{height: 430px;}
.featured-area-normal.grid-4{height: 425px;}
.featured-area-normal.grid-5{height: 395px;}
.owl-item .item {height: 485px;}
.feat-slider-boxes .feat-text h3{font-size: 24px;line-height: 30px;}
.fullwidth .owl-item .item{height: 525px;}

}


@media only screen and (max-width: 767px) {
  h2{font-size: 25px;}
  h3{font-size: 20px;}
  h4{font-size: 16px;}
  #header,#header.header-normal {min-height: 425px;}
  #top-social{display: none;}
  #top-text-info{float: left;}
  #sidebartouch{float: right;}
  .blog-item .post-title .title-post{display: block;height: auto;}
  .togole-sidebartouch{left: auto;right: 70px;}
  #nav-wrapper{
    display: none;
    background: #ffffff;
    left: 0;
    position: absolute;
    top: 100%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 9;
    width: 100%;
    padding: 0 15px;
    border-top: 1px solid #f1f1f1;
  }
  .hamlet-main-menu li.menu-item, .hamlet-main-menu li.page_item{
    display: list-item;
    list-style: none;
  }
  ul.hamlet-main-menu > li > a, div.hamlet-main-menu > ul > li > a{
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: #383838;
  }
  ul.hamlet-main-menu > li > a:hover, div.hamlet-main-menu > ul > li > a:hover{
    color: #999;
  }
  ul.hamlet-main-menu > li:last-child > a, div.hamlet-main-menu > ul > li:last-child > a{
    border-bottom: none;
  }
  .togole-mainmenu{display: block;width: 100%;}
  .header-banner .togole-mainmenu{color: #fff;}
  .fixed .togole-mainmenu{color: #000;}
  .hamlet-main-menu ul.sub-menu, .hamlet-main-menu ul.children{background-color: #fff;}
  .hamlet-main-menu ul.sub-menu li a, .hamlet-main-menu ul.children li a{color: #999;}
  .hamlet-main-menu ul.sub-menu li a:hover, .hamlet-main-menu ul.children li a:hover{color: #000;}
  #primary-navigation{min-height: 60px;}
  .hamlet-main-menu ul.sub-menu, .hamlet-main-menu ul.children{
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    border-top: none;
    padding: 0 0 0 20px;
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .hamlet-main-menu ul.sub-menu .sub-menu, .hamlet-main-menu ul.children .children{
    left: 0;
    top: 0;
  }
  .hamlet-main-menu ul.sub-menu li, .hamlet-main-menu ul.children li{
    padding: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .hamlet-main-menu ul.sub-menu li:last-child, .hamlet-main-menu ul.children li:last-child {
    border-bottom: medium none;
  }
  .blog-item .post-title{padding: 15px 20px;}
  .hamlet-grid-layout .blog-item.blog-post-feature .post-info { padding: 0 20px;}
  .hamlet-1fullpost-grid-layout .blog-item { width: 100%;}
  .hamlet-grid-layout .blog-post-feature.blog-item .post-info .title-post {font-size: 20px;line-height: 30px;}
  .blog-item .post-info .title-post{font-size: 18px; line-height: 30px;}
  .blog-item .post-category{padding: 0 10px;}
  .sidebar-right {padding-left: 15px;}
  .about-title{margin: 20px 0 15px 0;}
  .hamlet-menu-footer{width: 100%;}
  .hamlet-menu-footer > ul > li > a{padding-left: 10px;padding-right: 10px;}
  .hamlet-banner-port .blog-post-feature.blog-item .post-title{width: 85%;}
  .hamlet-banner-port{padding: 60px 0 40px;}
  #main-container { padding-top: 65px;}
  .hamlet-grid-layout .blog-item .title-post{font-size: 15px;line-height: 25px;}
  .hamlet-blog-standard .hamlet-format-inforpost{margin: 0;}
  .hamlet-blog-standard .post-format{width: 100%;float: none !important;}
  .hamlet-blog-standard .post-info{
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    background-color: transparent;
    padding: 10px;
    margin-top: 40px;
  }
  .hamlet-blog-standard .blog-item .post-category, .hamlet-blog-standard .blog-item .post-meta {margin-left: 0;}
  .blog-item .post-category{white-space: nowrap;}
  .hamlet-list-layout .blog-item .post-category {margin-top: 10px !important;}
  .hamlet-blog-standard .hamlet-content-post {margin-top: 0;width: 100%;padding: 10px;}
  .hamlet-blog-standard .blog-item{margin-bottom: 40px;}
  .hamlet-zigzag-layout .blog-item:nth-child(2n) .post-category, .hamlet-zigzag-layout .blog-item:nth-child(2n) .post-meta {float: none;margin-right: 0;}
  .blog-item .post-meta, .post-meta{line-height: inherit;padding: 0;}
  .hamlet-grid-layout .blog-item{width: 100%;}
  .hamlet-list-layout .blog-item .left-post{width: 100%;}
  .hamlet-list-layout .blog-item .title-post{font-size: 15px; line-height: 25px; margin: 10px 0;}
  .title-page{font-size: 20px; line-height: 30px;}
  .blog-item.page .post-format { margin-bottom: 0;}
  .owl-carousel .owl-nav{display: none;}
  .main-footer .logo-footer{width: 100%}
  .hamlet-sidebar-touch{width: 400px;padding: 60px 20px 40px;}
  .hamlet-instagram{width: 35px 20px;max-width: 400px;}
  #menu-footer-left-menu, #menu-footer-right-menu{text-align: center;}
  .post-format > img, .post-format figure > img,
  .post-format.post-standard a > img{width: 100%;}
  .comment-list .comment-body{padding: 25px;}
  .comment-body .comment-author{margin-right: 15px;}
  blockquote::before{left: 23px;top: 23px;}
  blockquote{font-size: 15px; line-height: 30px; padding: 60px 20px 25px;}
  .comment-body .date-comment{display: block;}
  .comment-body .comment-content .reply{width: 100%;float: left;}
  .comment-list ol.children{padding-left: 20px;}
  .blog-item.hamlet-single-post .post-info .title-post{line-height: 30px;}
  .hamlet-post-author .author-img {float: none; margin-bottom: 25px;margin-right: 0;width: 100%;text-align: center;}
  .hamlet-single-post-next-prev .prev-post a { margin-left: 10px;}
  .hamlet-single-post-next-prev .next-post a {margin-right: 10px;}
  .hamlet-single-post .single-has-sidebar .post-info{padding: 0 20px;}
  .hamlet-post-tags a{margin-right: 5px;}
  .gallery-item{width: 100%;}
  .hamlet-single-post .single-has-sidebar .post-info{padding: 0;}
  .hamlet-list-layout .blog-item .post-format img{max-width:100%}
  .hamlet-list-layout .blog-item .post-info{display:block;width: 100%;}
  .main-page-container {margin-top: 0px;}

  .featured-nor-3.number-1 .feat-normal-1 {height: 425px;}
  .featured-nor-3.number-2 .feat-normal-1, .featured-nor-3.number-2 .feat-normal-2 {height: 350px;}
  .featured-area-normal.grid-3{height: 350px;}
  .featured-area-normal.grid-4{height: 380px;}
  .featured-area-normal.grid-4 .feat-nor-text h3{font-size: 18px;line-height: 24px;}

  .featured-area-normal.grid-5{height: 100%;}
  .featured-area-normal.grid-5 .feat-nor-text h3{font-size: 18px;line-height: 24px;}
  .featured-area-normal.grid-5 .feat-normal-1{width: 100%;position: relative;height: auto;margin-bottom: 10px;}
  .featured-area-normal.grid-5 .feat-normal-2,.featured-area-normal.grid-5 .feat-normal-3{width: 49%;position: relative;height: auto;margin-bottom: 10px;}
  .featured-area-normal.grid-5 .feat-normal-4,.featured-area-normal.grid-5 .feat-normal-5{width: 49%;position: relative;height: auto;}
  .featured-area-normal.grid-5 .feat-normal-2,.featured-area-normal.grid-5 .feat-normal-4{left: 0;float: left;}
  .featured-area-normal.grid-5 .feat-normal-3,.featured-area-normal.grid-5 .feat-normal-5{left: 0;float: right;}

  .owl-item .item {height: 385px;}
  .feat-slider-boxes .feat-text h3{font-size: 22px;line-height: 28px;}
  .fullwidth .owl-item .item{height: 455px;}

  #container {
      width: 98%;
      margin: 0 auto;
      max-width: 480px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 48%;
  }
  .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
    width: 100%;
    float: none;
  }

}

@media only screen and (max-width: 480px) {
  h2{font-size: 20px;}
  h3{font-size: 18px;}
  h4{font-size: 15px;}
  #top-social{display: none;}
  #top-text-info{float: left;line-height: 50px;}
  #top-text-info .sub{font-size: 11px;letter-spacing: 1.25px;}
  #sidebartouch{float: right;line-height: 50px;font-size: 12px;}
  #header.header-normal{min-height: 320px;}
  #header.header-banner{min-height: 300px;}
  ul.hamlet-main-menu > li > a:hover, div.hamlet-main-menu > ul > li > a:hover, .hamlet-main-menu li.current-menu-item > a{color: #000;}
  ul.hamlet-main-menu > li > a, div.hamlet-main-menu > ul > li > a{color: #999;}
  #nav-wrapper .hamlet-main-menu > li.menu-item-has-children > a:after{color: #999;}
  .togole-mainmenu{width: 100%;}
  .header-banner .togole-mainmenu{color: #fff;}
  .fixed .togole-mainmenu{color: #000;}
  .hamlet-main-menu ul.sub-menu, .hamlet-main-menu ul.children{background-color: #fff; display: none;}
  .m_active{display: block !important;}
  .hamlet-main-menu{padding-left: 0;}
  .hamlet-main-menu ul.sub-menu li a, .hamlet-main-menu ul.children li a{color: #999;}
  .hamlet-sidebar-touch{width: 290px;}
  #main-container {padding-top: 35px;}
  .main-page-container {margin-top: 0px;}
  .hamlet-instagram{max-width: 290px;}
  #instagram-footer .instagram-pics li {width: 50%;display: inline-block;float: left;padding: 5px;}
  .blog-item .post-info .title-post {font-size: 16px;line-height: 28px;}
  .hamlet-sidebar-touch .content-scroll {padding: 50px 28px 30px;}
  .about-title { font-size: 14px; line-height: 24px;}
  .widget p{line-height: 24px;}
  blockquote {font-size: 13px;line-height: 25px;padding: 20px 15px;}
  .post-format {padding: 10px 0;}
  /*** FEATURED ***/
  .featured-area-normal.grid-1 {height: 225px;}
  .featured-nor-3.number-1 .feat-normal-1 {height: 225px;}
  .featured-nor-3.number-2 .feat-normal-1, .featured-nor-3.number-2 .feat-normal-2 {height: 300px;width: 100%;float: none;display: block;position: relative;margin-bottom: 10px;}
  .featured-area-normal.grid-2{height: 620px;}
  .featured-nor-3.number-3 figure {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  .featured-area-normal.grid-3 {
    height: 100%;
  }
  .featured-nor-3.number-4 figure {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 12px;
    left: 0 !important;
  }
  .featured-area-normal.grid-4 {
    height: 100%;
  }
  .featured-area-normal.grid-5 .feat-normal-2,.featured-area-normal.grid-5 .feat-normal-3,
  .featured-area-normal.grid-5 .feat-normal-4,.featured-area-normal.grid-5 .feat-normal-5{width: 100%;position: relative;height: auto;margin-bottom: 10px;}
  .owl-item .item {height: 350px;}
  .feat-slider-boxes .feat-text h3{font-size: 18px;line-height: 22px;}
  .fullwidth .owl-item .item{height: 355px;}
}