/* 
Theme Name: Magazina
Theme URI: http://blogwings.com/magazina/
Version: 1.0.9
Description: Magazina is a powerful theme made for Magazine, Newspaper and editorial sites. Theme comes with widget based magazine template 6 post styles with drag & drop functionality, Breaking news slider.  Theme contains amazing features like One click demo import, live customizer, Typography with 250+ Google fonts, Top header, Styling options for each element, Category background color, Social icons, Custom widgets (like: Ad widget, Social media and Recent post with thumbnail), Sidebar alignment ( right & left ).  Theme is well documented.
Author: BlogWings
Author URI:  http://www.blogwings.com/
License: GNU General Public License v3 or later
License URI: license.txt 
Tags: two-columns, grid-layout, right-sidebar, custom-background, custom-colors, custom-menu, theme-options, sticky-post, translation-ready, footer-widgets, blog, news, custom-logo  
Text Domain: magazina
---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling, create a new custom_style.css 
in the theme folder and it will automatically load in the <head>.

*/
@font-face {
  font-family: 'lato-regular';
  src: url('fonts/Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lato-bold';
  src: url('fonts/Lato-Bold') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:'OpenSans-regular';
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'OpenSans-bold';
  src: url('fonts/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
body {
  background:#f5f5f5;
  font-family:"lato-regular", sans-serif;
  color:#424242;
  font-size: 14px;
  letter-spacing: .6px;
  margin:0px;
   -webkit-font-smoothing: antialiased;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #cd9f66;
}

::selection {
    color: #ffffff; 
    background: #cd9f66;
}
#searchform input[type=submit], .search-form input[type=submit]{
    display:none;
}
a, a:hover, #commentform #commentSubmit, #commentform #commentSubmit:hover{
transition: all 0.25s linear;
}
.clearfix:after,.clearfix:before, .container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" "}.clearfix:after, .container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td {
    margin: 0;
    padding: 0;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
span.edit-link a.post-edit-link {
    float: right;
    margin-top: 20px;
    color: #000;
}
img, video, object {
    max-width: 100%;
  height:auto;
  }
input, select, textarea{
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sticky {}
.gallery-caption {}
.commentlist .bypostauthor {}
.container, #page {
max-width:1170px;
min-width:240px;
margin-right: auto;
margin-left:auto;
position:relative;
clear:both;
}
#respond .comment-form-cookies-consent input{
width:auto;
}
#respond .comment-form-cookies-consent label{
display:inline-block;
padding-left:5px;
}
/*pre-loader*/
.group-loader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#1e2021;
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}
.bigSqr {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    top: 50%;
left: 50%;
  display:block;
  background-position: center;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-animation: bigSqrShrink 1s linear infinite;
    animation: bigSqrShrink 1s linear infinite;
}
.square {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #66cda9;
}
.square.first{
  left: 0px;
  top: 20px;
}
.square.second {
    left: 20px;
    top: 20px;
    -webkit-animation: drop2 1s linear infinite;
    animation: drop2 1s linear infinite;
}
.square.third {
    left: 0px;
    top: 0px;
    -webkit-animation: drop3 1s linear infinite;
    animation: drop3 1s linear infinite;
}
.square.fourth {
    left: 20px;
    top: 0px;
    -webkit-animation: drop4 1s linear infinite;
    animation: drop4 1s linear infinite;
}
.text {
    line-height: 16px;
    font-family: "Open Sans", "Roboto", Arial, sans-serif;
    font-weight: 400;
    color: #FFF;
    display: block;
    padding: 3px;
    position: absolute;
    top: 56%;
    left: 49.5%;
}
@-webkit-keyframes bigSqrShrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes bigSqrShrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes drop4 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes drop4 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
/*pre-loader*/
#page {
clear:both;
float:none;
}
.admin-bar header,
.admin-bar header.small {
  top: 32px;
}
.content {
  width: 70%;
  max-width:100%;
  float: left;
}
.page-content {
      padding: 0px;
  margin-bottom:70px;
  margin-top: 0px;
}
.content .page-content{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
  background: #fff;
    padding: 20px;
}
.page-template-magazine-template-php .content .page-content{
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: unset;
}
#page.left .sidebar-wrapper {
    float: left;
}
#page.left .content {
    float: right;
}
#page.no-sidebar .content {
width:100%;
max-width:1170px;
}
#page.no-sidebar .content-wrapper .sidebar{
display:none;
}
.home-container #page{
margin-top:0px!important;
}
div#page.no-sidebar .sidebar {
    display: none;
}
.sidebar-wrapper{
max-width: 400px;
width: 27.5%;
 float: right;
}

aside.sidebar {
    background: none;
    padding: 0px;
      margin-bottom: 50px;
}
.content .page-description {
    margin-bottom: 100px;
}
.blog-single {
    margin-bottom: 40px;
}
.blog-single .nocomments{
  padding-left: 30px;
}
code {
    white-space: pre-wrap;
}
::-webkit-input-placeholder { color: #bababa; }
:-moz-placeholder {color: #bababa; }
::-moz-placeholder {color: #bababa;}
:-ms-input-placeholder { color: #bababa; }
a {
  font-family:"Lato-regular", sans-serif;
      text-decoration: none;
      color: #111;
}
li a:hover{
  color: #cd9f66;
}
h1, h2, h3, h4, h5, h6 {
  font-family:"OpenSans-regular", sans-serif;
  color: #5a5d5a;
  font-weight: 500;
  transition: all 0.25s linear;
  line-height: 1.2;
  margin: 0;
}
p {
  font-family:"OpenSans-regular", sans-serif;
    color: #1f1f1f;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: .7px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 15px;
}
h1 {
    font-size: 28px;
  }
h2 {
  font-size: 26px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}

:focus {
  outline: none;
}
input[type="submit"] {
  cursor: pointer;
}
cite, em, i {
    font-style: italic;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%;
}
caption, th, td {
    text-align: left;
}
th, td {
    border: 1px solid #EAEAEA;
    padding: 6px 10px;
}
th {
    font-weight: bold;
}
dl {
    margin-bottom: 24px;
    font-size: 18px;
}
dt {
    font-weight: bold;
    margin-bottom: 5px;
}
strong {
    font-weight: bold;
}
address {
    display: block;
    font-style: italic;
    margin: 0 0 15px;
}
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
ul li,ol li, ul {
  list-style-type: none;
  margin:0;
  padding:0;
  line-height: 1.3;
}
.description ul li,.description ol li, .description ul {
   margin-bottom: .3rem;
}
#page{
    margin-top:129px;
}
.home #page{
margin-top:129px;
}
.page #page{
 padding-top:30px; 
}
.home.flexslider-wrap #page{
margin-top:50px;
}

.single-post #page,.single #page{
 margin-top:129px
}
.archive .navigation.pagination {
    margin-bottom:30px;
    float:right;
}
.content #main{
float:left;
}
.home.blog.magazine-box .header,.home.blog.magazine-box #page{
box-shadow:none;
}

.home.blog.magazine-single-box .header,.home.blog.magazine-single-box #page{
box-shadow:none;
}
.top-container {
   background: #000;
   color: #fff;
}
.header-wrap-top .top-date i{
margin-right:5px;
}
/***************************************/
/*top-header-css*/
/***************************************/
.header-wrap-top{
float:left;
width:100%;
}
.header-wrap-top .top-social-icon{
float:left;
width: 20%;
text-align: right;
}
.header-wrap-top .top-social-icon li{
display:inline-block;
margin-left:15px;
padding: 10px 0px;
}
.header-wrap-top .top-date{
float:left;
color:#fff;
width: 11%;
padding: 10px 0px;
}
.header-wrap-top .top-date i{
margin-right:5px;
}
.header-wrap-top{
font-size:13px;
}
.header-wrap-top .top-menu{
float: left;
width: 65%;
padding: 10px 0px;
font-size: 12px;
}
.header-wrap-top .top-menu .top li{
display: inline-block;
padding:0px 10px;
}
.header-wrap-top .top-menu .top li a,
.header-wrap-top .top-social-icon li a{
  color:#fff;
}
.header-wrap-top .top-menu .top li a:hover,
.header-wrap-top .top-social-icon li a:hover{
color:#f4c85e;
}
.top-searchfrom{
float:right;
position:relative;
}
.top-searchfrom input#s {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
.top-searchfrom .search-btn{
 padding:10px;
 text-align: center;
 background:rgba(0,0,0,0.2);
 display: block;
 color: #fff;
 width: 35px;
}
.top-header-show #searchform{
position:absolute;
right: 0;
display:none;
z-index:999;
}
.top-header-show #searchform input[type=submit]{
display: block;
    width: 20px;
    position: absolute;
    font-size: 0;
    right: 0px;
    top: 0px;
    height: 20px;
    line-height: 30px;
    z-index: 1;
    background: transparent;
    border: none;
    margin-top: 0px;
    height: 40px;
    width: 40px;

}
.top-searchfrom input#s{
z-index: 1;
    border: none;
    height: 40px;
    line-height: normal;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:#f3f3f3;
    position:relative;
    width: 50px;
    margin-right: 40px;
    top: 100%;
    border: 1px solid #ddd;
    width: 200px;
}
.top-searchfrom #searchform:before{
content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    color: #fff;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 0;
    font-size: 14px;
    text-align: center;
    background: #66cda9;
}
.top-searchfrom{
box-shadow:none;
box-shadow:none;
}

/*breadcum*/
.breadcrumbs a {
color:#777;
}
.breadcrumbs a:hover {
color: #66cda9;
}
.breadcrumbs .current {
color: #66cda9;
padding:0 8px;
}
.breadcrumb ul, .breadcrumb-trail ul {
    padding-left: 0px;
    margin: 0px;
}
.breadcrumb ul li, .breadcrumb-trail ul li {
    list-style-type: none;
    display: inline;
font-size:12px
}
.breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{
display:none;
}

.breadcrumb ul li::after, .breadcrumb-trail ul li::after{
    content: "/";
    font-size: 12px;
    margin-right:5px;
    margin-left:5px;
}
.breadcrumb ul li.trail-end a::after, 
.breadcrumb-trail ul li.trail-end::after{
display:none;
}

nav.breadcrumb-trail{
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px;

  }

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
#page .description ul , #page .description ul li{
    list-style: circle;
}
#page .description ol li{
 list-style-type: inherit;
}
#page .description ol, #page .description ul {
    margin: 0 0 1.41575em 3em;
    padding: 0;
}



.page blockquote {
    border-left: 3px solid #cd9f66;
padding: 0px 10px 0px;
  margin: 10px 0;
  overflow:hidden;
}
.single .format-quote blockquote, .single blockquote  {
    padding: 10px 10px 10px;
    border:none;
    border-left: 5px solid #cd9f66;
}
.single .format-quote blockquote p:before, .single  blockquote p:before{
content:"";
}
.content .post-content .description ul, .page-description ul, .content .post-content .description ol, .page-description ol {
  padding-left:20px;
    letter-spacing:1px;
line-height:25px;
}
.content .post-content .description ul li, .page-description ul li{
  list-style-type: circle;
}
.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: 20px 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 {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    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: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.tagcloud a {
  font-size: 9px;
  padding: 9px 13px;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
  background: #cd9f66;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height:13px;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tagcloud a:hover{
   color:#fff;
}
.textwidget {
    letter-spacing: .5px;
    line-height: 24px;
}
.widget .tagcloud a {
  color:#5a5d5a;
  font-size: 9px!important;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  padding: 8px 13px;
  background-color: #F3F3F3;
  line-height: 1;
  margin: 0 2px 4px;
  border: 1px solid #eee;
}
.widget .tagcloud a:hover{
color: #cd9f66;
}
.footer .widget .tagcloud {
    float: none;
    max-width: 100%;
}
.widget li a {
    letter-spacing: 1px;
}
.home .header-wrapper {
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center center;
   background-size: cover;
}
.widget .cat-item a{
  width:89%;
  display:inline-block;
  font-size: 14px;
}
.sidebar-inner-widget .cat-item:nth-child(odd) {
    background: #fdfdfd;
    padding:5px;
    border-radius:1px;
  text-transform: capitalize;
}
.sidebar-inner-widget .cat-item:nth-child(even) {
   padding:5px;
    border-radius:1px;
    text-transform: capitalize;
}

.widget li.cat-item{
font-size:12px;  
}
/* Logo Style Start*/
header.header-static{
position:absolute;
}
.home header.hdr-transparent{
background:none;
border-bottom: none;
}
.home header.header-hide{
display:none;
}
.home header.header-hide.smaller{
display:block;
}
.home header.header-static.smaller, header.header-static.smaller {
background: none;
}
header {
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   -webkit-transition: height 0.3s;
   -moz-transition: height 0.3s;
   -ms-transition: height 0.3s;
   -o-transition: height 0.3s;
   transition: height 0.3s;
    border-bottom: 1px solid rgba(190, 190, 190, 0.11);
 background-color: rgba(255, 255, 255,1);
}
.home .header {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

#main-menu-wrapper {
    display: block;
    float: right;
}
header h1#logo {
   display: inline-block;
   height: 122px;
   line-height: 110px;
   float: left;
    font-size: 60px;
       -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
.home header {
box-shadow:none;
border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}
.header-wrapper.normal{
padding-top:0px;
}
.single .header-wrapper.normal, .page .header-wrapper.normal {
    padding-bottom: 50px;
}
.header-wrapper.normal header{
 position: static;
}
.normal header.smaller {
    background: none;
background-color:transparent;
}
.home header.smaller, header.smaller {
    height: auto;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11);
    -webkit-box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11);
    -moz-box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11);
    border-bottom: none;
}
.header .logo h1{
  margin:0px;
  padding-bottom:0;
  color:#5a5d5a;
  font-size: 24px;
  line-height: 30px;
}
.header .logo h1 a{
margin:0px;
color:#5a5d5a;
}
.home .header .logo p{
color:#606060;
}
header.smaller .logo h1 a{
color:#606060;
}
header.smaller .logo p{
display:none;
}
header.smaller .header .logo h1 a{
color:#606060;
}
.home .navigation .menu > li > a , 
.home header #main-menu-wrapper .menu-item-has-children > a:after{
color:#606060;
}
.widget_nav_menu .sub-menu { margin-top: 8px }
#main-menu-wrapper .menu-item-has-children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 4px;
    color: rgb(0, 0, 0);
}
.sub-menu .menu-item-has-children > a:after {
    top: 50%;
    margin-top: -12px;
    right: 15px;
}
#main-menu-wrapper nav.navigation .menu{
  padding: 20px 0;
-webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
 
 header.smaller #main-menu-wrapper nav.navigation ul{
  padding: 14px 0;
}
header.smaller #main-menu-wrapper nav.navigation ul.toggle-submenu{
padding:0px;
}
.navigation ul { margin: 0 auto; float: right; }
.navigation .menu > li > a {
      padding: 0 20px;
        font-size: 14px;
    letter-spacing: .5px;
}
.navigation ul li {
  line-height: 44px;
    float: left;
    position: relative;
}
.navigation ul li a, .navigation ul li a:link{
    display: inline-block;
    transition: background-color, color 0.2s linear;
        color: #5a5a5a;
}
.navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
.navigation ul li li {
    border-bottom: 0;
}
.navigation ul ul {
    position: absolute;
    width: 230px;
    padding: 20px 0 0 0;
    padding-top: 0;
    z-index: 400;
    font-size: 12px;
    color: #798189;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(188, 180, 180, 0.1);
}
.navigation ul ul li {
    padding: 0;
    color: #fff;
    line-height: 25px;
}
.navigation ul ul li:hover {
  background-color: #ECECEC;
}
.navigation ul ul.sub-menu a, .navigation ul ul.sub-menu a:link, .navigation ul ul.sub-menu a:visited{
font-size: 12px;
    letter-spacing: 1px;
    padding: 8px 20px 8px 20px;
    position: relative;
    width: 228px;
    border-left: 0;
    background: transparent;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(188, 180, 180, 0.1);
    margin: 0;
    color: #5a5d5a;
}
.navigation ul ul li:last-child a { border-bottom: none }
.navigation ul ul { display: none }
.navigation ul ul ul {
    left: 230px;
    top: 0;
}
.sub-menu .menu-item-has-children:after { color: #fff }
.navigation .toggle-caret { display: none }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix { *zoom: 1  }
a#pull { display: none }
.navigation i { margin-right: 4px }
/*-Custom Nav Widget-*/
.widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px }
.widget_nav_menu .sub-menu { margin-top: 8px }
.widget_nav_menu .menu-item-has-children > a:after { content: '' }
/*-Toggle menu-*/
.toggle-menu ul ul { display: none }
.toggle-menu .toggle-menu-item-parent { position: relative }
.toggle-menu .toggle-caret {
    position: absolute;
    top: 0px;
    right: 0;
    text-align: center;
    cursor: pointer;
    line-height: inherit;
}
.toggle-menu .toggle-caret .fa {
    width: 20px;
    text-align: center;
    font-size: inherit;
    color: inherit;
    line-height: 24px;
}
.toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } 
/***Header for no-home pages***/
.page header{
    background-color: rgba(255, 255, 255,1);
   }
.archive-title h1, .page-title h1{
   letter-spacing: 1px;
   margin-bottom:10px;
   font-size: 26px;
}
.archive-title{
 margin:30px 0px;
border-bottom:1px solid #ddd;
display:inline-block;
}
.page-title{
margin-bottom:30px;
border-bottom:1px solid #ddd;
display:inline-block;
}
 .logo {
  padding:12px 0;
float:left;
-webkit-transition: all 0.5s ease-out;
 -moz-transition: all 0.5s ease-out;
 -o-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
}
.logo img {
 width: auto;
 height: auto;
}
.smaller .navigation .menu > li > a {
  padding: 0 20px;
}
.header .logo{
width:20%;
}

.header #main-menu-wrapper{
width:80%;
}
header .logo img{
 -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
header.smaller .logo img{
width: auto;
    height: auto;
    max-width: 70%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}




/* Logo Style End*/
/****Contact form start*******/
.wpcf7 p {
   color: #777;
   font-style: italic;
   margin-bottom: 16px;
}
.wpcf7 input, .wpcf7 textarea {
   font-size: 12px;
   margin-top: 6px;
}
.wpcf7 input {
   width: 300px;
}
.wpcf7 .wpcf7-submit {
   font-size: 12px;
   margin-top: 0;
   }
   input[type=submit]:hover {
   background: #222;
   color: #FFF;
}
input, select, textarea {
   border: 1px solid #ddd;
   color: #5a5d5a;
   padding: 9px 10px;
   width: 100%;
   box-sizing: border-box;
}
input[type=submit] {
      text-transform: uppercase;
   letter-spacing: 2px;
   background: #F3F3F3;
  border:1px solid #f3f3f3;
    font-size: 10px;
   color: #777;
   padding: 11px 21px;
   margin-top: 14px;
   display: inline-block;
   transition: all 0.25s linear;
   cursor: pointer;
   width: auto;
}

/****Slider*******/
.flex-slider .fs-caption-overlay{
    background: rgba(0, 0, 0, 0.18);
    top: 0px;
    width: 100%;
    z-index: 9999;
    height: 100%;
}
.flex-slider {
  margin: 0!important;
     }

.flex-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flex-slider,
.flex-slider .flex-viewport {
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
}

.flex-slider .slides {
  height: 100% !important;

}

.flex-slider .flex-direction-nav a {
 position:absolute;
z-index:99;
 height:50px;
}

.flex-slider .slides li {
position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
}
.flex-slider li .caption-content {
  position: absolute;
  top: 30%;
  color: white;
  max-width: 60%;
  left:7%;
}
li.bg-dark.flex-active-slide .caption-content {
  left:7%;
 -webkit-animation: slideIn;
-moz-animation: slideIn;
-o-animation: slideIn;
animation: slideIn;
-webkit-animation-duration: .8s;
-moz-animation-duration: .8s;
-o-animation-duration: .8s;
animation-duration: .8s;
}

.flex-slider li .fs-fs-category {
    display: flex;
    flex-direction: row;
}

.flex-slider li .fs-category p {
    background: #e43837;
    margin-right: 7px;
    font-size: 1.1em;
    padding: 12px 18px 10px;
    font-weight: 300;
 }
.slider-post-date{
  margin-bottom:15px;
}
.read-more.read-more-slider {
    margin-top: 40px;
    display: inline-block;
}
.read-more.read-more-slider a{
color: #fff;
    border: 1px solid #fff;
    padding: 9px 15px;
    display: inline-block;
  }
.read-more.read-more-slider a:hover{
border:1px solid #cd9f66;
}
.flex-slider li .fs-category span {
  text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 4px 20px 4px;
       color: #fff;
}
.flex-slider li .caption-content a, .flex-slider li .caption-content p{
       color: #fff;
}
.flex-slider li .caption-content h1{
 font-weight: normal;
    font-size: 60px;
    line-height: 66px;
    margin: 0 0 18px;
    letter-spacing: 1px;
    color: #fff;
}

.flex-direction-nav {
    position: absolute;
    top:50%;
      width: 100%;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    margin: 20px 0 0;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    opacity: .5;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
    text-align: left;
    left: 1%;
}

.flex-direction-nav .flex-next {
    text-align: right;
    right:1%;
}

.flexslider:hover .flex-prev {
    left: 5%;
}

.flexslider:hover .flex-next {
    left: 30px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.flex-direction-nav a:before {
    font-family: FontAwesome;
    content: '\f104';
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 1px;
    padding: 2px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}
@-webkit-keyframes slideIn { 0% { left: 12%; opacity: 0; }
100% { left: 7%; opacity: 1; } }
@-moz-keyframes slideIn { 0% { left: 12%; opacity: 0; }
100% { left: 7%; opacity: 1; } }
@-o-keyframes slideIn { 0% { left: 12%; opacity: 0; }
100% { left:7%; opacity: 1; } }
@keyframes slideIn { 0% { left: 12%; opacity: 0; }
100% { left: 7%; opacity: 1; } }
.flex-slider.slider-center .caption-content{
left:7%;
right:7%;
text-align:center;
max-width: 100%;
}

.flex-slider.slider-right .caption-content{
left:auto;
right:7%;
text-align:right;
max-width: 100%;
}
/*button-style-one*/
.flex-slider.button-one .read-more.read-more-slider a{
font-weight: 600;
    font-size: 13px;
    letter-spacing: 4px;
    color: #ffffff;
    background-color: #e91e63;
    border: none;
    border-radius: 40px;
    padding: 16px 38px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.flex-slider.button-one .read-more.read-more-slider a:hover{
    background-color: #e91e63;
    color: #fff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
}
.button-one .read-more.read-more-slider{
padding:0px 5px 10px 5px;
}
/*button-style-two*/
.flex-slider.button-two .read-more.read-more-slider a{
font-size: 18px;
background: #8d9092;
color:#fff;
 border-radius: 0px;
font-weight: bold;
 font-style: normal;
text-transform: uppercase;
text-decoration: none;
    letter-spacing: 2px;
    position: relative;
    padding: 0.7em 1em;
    border: 2px solid #8d9092;
    -webkit-border-radius: 3px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

}.flex-slider.button-two .read-more.read-more-slider a:after {
content:"\f105"!important;
font-family:"FontAwesome";
position: absolute;
font-size:21px;
margin-left: -1em;
opacity: 0;
line-height: 1.1em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
font-weight: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none;
speak: none;
display: inline-block;
}
.flex-slider.button-two .read-more.read-more-slider a:hover {
border-radius: 0px;
letter-spacing: 2px;
padding-left: 0.7em;
padding-right: 1.7em;
}
.flex-slider.button-two .read-more.read-more-slider a:hover:after {
    margin-left:15px;
    opacity: 1;
}
.flex-slider.button-two .read-more.read-more-slider a:before,
.flex-slider.button-two .read-more.read-more-slider a:after{
height:0;
left: inherit;
margin-right: inherit;
}
.flex-slider.button-two .read-more.read-more-slider a:hover{
background:#8d9092;
color: #fff;
transition: all 0.2s;
}

/****Search page start*******/
.search .content .search-form, .error404 .content .search-form{
margin-top:30px;
text-align:left;
}
.search .pagination .older{
float:left;
display:inline-block;
}
.search .pagination .newer{
float:right;
display:inline-block;
}
.search .page-content{
margin:0;
}
.search #page {
margin-top: 80px;
}

/*image hover animation*/
.th-widget-recent-post .thumb,.th-aboutme .thumb{
position:relative;
overflow:hidden;
}
.th-widget-recent-post .thumb{
    display: inline;
}
.th-widget-recent-post .thumb:after,.th-aboutme .thumb:before{
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.th-aboutme .thumb:hover::before,.th-widget-recent-post .thumb:hover::after{
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
/***Gallery page CSS start here***/

.gallery .gallery-item h2 {
  margin: 0px;
}
.gallery .gallery-item{
padding:5px;
  margin:0px!important;
   display: inline-block;
}
.gallery .gallery-item img{
max-width:100%
}
.gallery-columns-3 .gallery-item {
  width: 33.33333333%!important;
}
.gallery-columns-5 .gallery-item {
  width: 20%;
}
.gallery-columns-6 .gallery-item {
  width: 16.6666666667%!important;
}
/***Gallery page CSS end here***/
/****Single page slider start*******/
.owl-controls .owl-prev:before {
    content: "\f104";
font-family:fontawesome;
font-size:50px;
color:#fff;
}
.owl-controls .owl-next:before {
    content: "\f105";
font-family:fontawesome;
font-size:50px;
color:#fff;
}
.owl-controls .owl-prev {
    top:44%;
position:absolute;
left:1%;
cursor: pointer;
}
.owl-controls .owl-next {
    top:44%;
position:absolute;
right:1%;
cursor: pointer;
}
/****Single page slider End*******/
.home .layout-top {
    margin-top: 30px;
}
 .header-bottom-wrapper{
 margin-bottom:40px;
border-bottom:1px solid rgba(221, 221, 221, 0.35);
}
.header-bottom-wrapper, .header-bottom, .header-bottom .social-icon , .header-bottom .search-wrapper{
    background-color: #fff;
}
.header-bottom .search-wrapper input[type="submit"]{
background:none;
border:none;
}
.header-bottom .social-icon {
float:left;
padding:22px 25px;
border-left:1px solid rgba(221, 221, 221, 0.35);
border-right:1px solid rgba(221, 221, 221, 0.35);
}
.header-bottom .social-icon ul li{
display:inline;
}
.social-icon ul li i {
font-size:16px;
padding: 0 5px;
}
.header-bottom .search-wrapper{
float:right;
}
.header-bottom .search-wrapper form{
margin-bottom:0px;
}
.header-bottom .search-wrapper a{
font-size:16px;
}
.header-bottom .search-wrapper input[type="text"] {
    height: 61px;
    width: 200px;
 border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: 1px solid rgba(221, 221, 221, 0.35);
  padding-left:20px;
}
.header-bottom .search-wrapper #searchform{
border-right: 1px solid rgba(221, 221, 221, 0.35);
padding-right:20px;
}
.header-bottom .search-wrapper #searchform #s {
font-size:15px;
    letter-spacing: 1px;
}
.content-wrapper .content .layout-top {
border-bottom:1px solid #ddd;
overflow:hidden;
padding:10px 10px 10px 0;
margin-bottom:30px;
}
.content-wrapper .content .layout-top .post-heading {
  text-align: center;
  padding-bottom: 25px;
}
.content-wrapper .content .layout-top .post-heading h1{
  text-transform:uppercase;
  margin:0px;
  font-weight: bold;
}
.content-wrapper .content .layout-top .view-buttons{
padding-top:2px;
float:right;
}
.content-wrapper .content .layout-top .view-buttons i{
font-size:20px;
margin-right:10px;
}
.two-grid-layout .double-post{
width:49%;
float:left;
}
/* Global Style for posts Start*/
   .post-title h2{
 display: inline-block;
}
.post-title h2:hover{
  color: #cd9f66;
  transition: all 0.25s linear;
}
.content .post img {
  max-width:100%;
  height:auto;
}
.post-img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
}
.content  .post-last{
margin-right:0px!important;
} 
.content .post, .content .type-post{
clear: none;
margin-bottom:30px;
}
.content .standard-layout .post, .content .two-grid-layout .post, .content .three-grid-layout .post, .content .four-grid-layout .post,  
.content .five-grid-layout .post, .content .boxed-layout .post, .content .masnory-layout .post, .content ul.list-layout .post{
    box-shadow: 0 0 1px #DDD;
  -webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
    background: #fff;
}
.content .standard-layout .post, .content .two-grid-layout .post:hover, .content .three-grid-layout .post:hover, .content .four-grid-layout .post:hover,  .content .five-grid-layout .post:hover,  .content .masnory-layout .post:hover{
     box-shadow: 0 0 1px #E5E5E5;
}
.post-content {
    padding: 17px 3% 35px;
}
.two-grid-layout .post-content{
  padding:17px 6% 35px 6%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;

}

.two-grid-layout .post-content h2 {
font-size:22px;
}
.content  .post-content .post-date{
text-align:center;
color:#999;
}
.content .post-content .description{
padding-top:25px;
padding-bottom:25px;
}
.content .post-content .description p a, .page-description p a {
color:#cd9f66;
}
.content .four-grid-layout .post-content .read-more, .content .three-grid-layout .post-content .read-more{
display:none;
}
.content .post-content .read-more{
text-align:center;
}
.content  .post-content .read-more a{
padding:0px 0px 3px;
display: inline-block;
font-size:13px;
letter-spacing:1px;
  font-weight: 600;
}
.content .post-content .read-more a:hover, ol.commentlist li .reply a:hover, a.more-link:hover {
text-decoration: underline!important;
}
.content .post .post-meta .post-date, .slider-post-date span,
 .th-recent-post .th-recent-meta .post-date, .post span.post-comment a,
 .post span.post-comment {
  font-size:12px;
  color:#bababa;
  letter-spacing: .7px;
  padding-top: 8px;
  font-style: italic;
}
.th-recent-post p{
font-size:13px;
line-height:20px;
}

.th-recent-post a.more-link{
margin:0;
padding:0;
text-align:left;
display: inline-block;
}
.content .post .post-meta .post-author a{
  font-size:12px;
  color:#bababa;
  letter-spacing: 1px;
}
.content .post .post-author-pic img {
    vertical-align: middle;
    max-width: 80px;
 margin:0 10px!important;
border-radius: 100%;
}
ul.slider-post-social.social-icon li.share-text, .post-share .share-text, .single-bottom-meta .post-share .share-text{
 font-style: italic;
    letter-spacing: 1.5px;
}
.post .post-content .post-meta .post-comment {
float:right;
}
.post .post-content .post-meta .post-date {
float:left;
}
.post .post-content .post-header {
text-align:center;
overflow:hidden;
}
.post .post-category, .single-meta .post-category, .slider-post-category span  {
  text-align: center;
  display:inline-block;
  text-transform: uppercase;
  font-size:12px;
  margin: 0 4px 10px 4px;
  padding:5px;
  color:#fff;
}
.slider-post-category span a{
  color:#fff;
} 
.post .post-category a,.single-meta .post-category a{
color:#bababa;
}
ul.two-grid-layout li.post:nth-of-type(even){
margin-right:0px;
}
ul.two-grid-layout li.post:nth-child(2n+1), ul.three-grid-layout li.post:nth-child(3n+1), ul.four-grid-layout li.post:nth-child(4n+1), ul.five-grid-layout li.post:nth-child(5n+1) {
    clear: both;
}
/* Global Style for posts End*/
/*---------masnory grid------------*/
ul.masnory-layout li.post {
width:30.53%;
float:left;  
}
.masnory-layout .post {
margin:1.4%;
}
.masnory-layout .post img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
/*-----------------------------------------*/


/* Sidebar two grid style start */
 ul.two-grid-layout li.post{
width:48%;
float:left;
}
.two-grid-layout .post {
margin-right:4%;
}
/* Sidebar two grid style end */
/* Sidebar three grid style start */
ul.three-grid-layout li.post {
width:30.6%;
float:left;
}
ul.three-grid-layout li.post:nth-of-type(3n+3) {
margin-right:0px;
}
 .three-grid-layout .post {
margin-right:4%;
}
.three-grid-layout .post-content{
padding: 17px 6% 0px 6%;
}
.three-grid-layout .post-content h2{
font-size:18px;
line-height: 26px;
text-align:center;
}
/* Sidebar three grid style end */
/* Sidebar four grid style start */

 ul.four-grid-layout li.post {
width:22%;
float:left;
}
 .four-grid-layout .post {
margin-right:4%;
}
ul.four-grid-layout li.post:nth-of-type(4n+4) {
margin-right:0px;
}

.four-grid-layout .post-content {
padding: 10% 6% 3% 6%;
}
.four-grid-layout .post-content h2{
font-size:16px;
line-height: 26px;
text-align:center;
}

/* Fullwidth Five grid style Start */
ul.five-grid-layout li.post {
width:17.6%;
float:left;
}

 .five-grid-layout .post-content {
padding:15px 6% 20px 6%;
}
 .five-grid-layout .post {
margin-right:3%;
}
  .five-grid-layout .post-content h2{
font-size:16px;
line-height: 26px;
text-align:center;
}
ul.five-grid-layout li.post:nth-of-type(5n+5) {
margin-right:0px;
}

/* Fullwidth Five grid style end */



/* box list Post Style Start */
ul.boxed-layout .post .post-img  {
width:50%;
float:left;
display:inline-block;
position:relative;
}
ul.boxed-layout .post .post-img img {
max-width:100%;
height:auto;
vertical-align:top;
}
ul.boxed-layout .post .post-content {
padding: 20px 30px;
display: table;
width: 50%;
min-height: 266px;
}
#page.no-sidebar ul.boxed-layout .post .post-content {
padding: 20px 30px;
min-height: 338px;
}
ul.boxed-layout .post .post-content .post-content-inner { 
vertical-align: middle;
display: table-cell;
}
ul.boxed-layout li.post:nth-child(even) .post-img {
    float: right;
}
/* box list Post Style end */
/* list Post Style start */
ul.list-layout .post .post-img {
    width: 40%;
    float: left;
    display: inline-block;
    position: relative;
}
.content ul.list-layout .post{
box-shadow:none;
overflow:hidden;
}
ullist-layout .post .post-content .post-content-inner {
    vertical-align: middle;
    display: table-cell;
}
ul.list-layout .post .post-content {
    padding: 20px 3% 20px;
    display: table;
    width: 60%;
   }
ul.list-layout .post .post-content .post-header{
text-align:left;
}
ul.list-layout .post .post-content .post-meta .post-date, ul.list-layout .post .post-content .post-meta .post-comment{
margin-right:10px;
float:none;
}

.content .list-layout .post-content .description {
    padding-top: 20px;
    padding-bottom: 15px;
}
ul.list-layout .post .post-content .read-more{
    text-align: left;
}
.content .ul.list-layout .post-content .read-more a {
    border: none;
    padding: 0;
}
/* list Post Style end */


/**SIDEBAR START**/
.widget {
  word-wrap: break-word;
}
/*.widget:last-child .sidebar-inner-widget{
margin-bottom:0;
}*/

.widget img {
    max-width: 100%;
    height: auto;
}
.sidebar-inner-widget {
  word-wrap: break-word;
  overflow: hidden;
  background:#fff;
  padding:15px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
  margin: 0 0 1.5em;
   -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.widgettitle {
    border-bottom: 1px solid;
    border-color: rgba(221, 221, 221, 0.35);
    font-size: 14px;
    color: #5a5d5a;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Lato-regular";
    text-align: center;
    margin-bottom: 25px;
    padding: 5px 0;
}
.footer-wrapper .widget .widgettitle{
padding: 0;
padding-bottom: 20px;
text-align: left;
}
.sidebar-inner-widget .widgettitle{
   padding: 0 15px;
    line-height: 33px;
    font-size: 15px;
    color: #fff;
    border:0;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: inline-block;
    background-color:#66cda9;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.widget ul {
  margin: 0;
  padding: 0;
}
.widget li {
  margin: 0;
  padding: 0.335em 0;
  list-style: none;
  clear: both;
}
.widget ul ul {
  margin: 6px 0 -6px 0px;
  padding: 0;
  border-top: none;
}
.widget ul ul li {
  margin: 0;
  padding-left: 10px;
}
.tagcloud {
    overflow: hidden;
}
.recent-comments-list .avatar {
    margin-right: 1em;
    float: left;
    border-radius: 1px;
}
.recent-comments-list .post-excerpt {
    padding-left: 70px;
    display: block;
}
.recent-comments-list li {
    margin-bottom: 1.55em;
    position: relative;
}
.widget .flickr_badge_image {
    margin-top: 0.556em;
}
.widget .flickr_badge_image img {
  width: 81px;
  height: 81px;
  margin-right: 0.667em;
  margin-bottom: 0.667em;
  float: left;
}
.widget #wp-calendar caption {
  font-weight: bold;
  padding-bottom: 10px;
}
.widget #wp-calendar td {
  width: 51px;
  padding: 6px 2px;
  text-align: center;
}
 .footer-wrapper tbody>tr>td>a {  
     background: #CDCDCD;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
.widget img{
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.widget #wp-calendar th {
text-align:center;
    background: #F9F9F9;
}
.widget #wp-calendar caption {
    letter-spacing: 1px;
    font-weight: normal;
  }
tfoot tr #prev a{
float:left;
}
.widget .twitter-user a {
    color: darkkhaki;
}
.widget .twitter-list .twitter-timestamp {
  font-style: italic;
  font-size: 90%;
  display: block;
}
.widget .follow-user {
  margin: 0;
  padding: 5px 0;
}
.widget .feature-posts-list br {
  display: none;
}
.widget .feature-posts-list .post-img {
  margin: 4px 12px 10px 0;
  float: left;
}
.widget .feature-posts-list small {
  font-style: italic;
  font-size: 90%;
  display: block;
  margin: 0 0 3px;
}
.widget .feature-posts-list .feature-posts-title {
  margin: 0.250em 0 0.188em;
  padding-left: 1em;
}
.widget .feature-posts-list .post-excerpt {
  display: block;
  padding-left: 5em;
  padding-top: 8px;
  padding-bottom: 10px;
}
.widget .feature-posts-list .avatar {
  border-radius: 1px;
  float: left;
}
.widget .about-img {
text-align:center;
}
.widget .about-square{
margin-bottom: 10px;
    max-width: 100%;
    height: auto;
  border-radius:2px;
  
}
.instagram-pics li{
padding:0px;
display:inline-block;
    max-width: 31%;
    margin: 0px 1% 1% 1%;
}
.instagram-pics li:last-child{
    margin-right:0px;
}
.instagram-pics li img{
width:100%;
}
.widget .th-aboutme{
text-align:left;
line-height: 26px;
}
.widget .th-aboutme img{
max-width:100%;
}
.th-aboutme ul li {
    padding: 0px 10px;
    display: inline-block;
}
.th-aboutme a.read-more {
    display: block;
}
.about-social-meta{
  padding-top:20px;
}

.widget .th-aboutme p {
    margin: 0;
}
.page-template-magazine-template .widgettitle{
text-align:left;
}
.th-widget-recent-post{
padding-bottom:12px;
overflow:hidden;
}
.th-widget-recent-post .thumb{
max-width: 34%;
float:left;
}
.th-widget-recent-post .thumb img{
max-width: 100%
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.th-widget-recent-post .th-recent-post{
overflow:hidden;
padding:0px 10px
}
.th-widget-recent-post .th-recent-post h5{
line-height:20px;
padding-bottom:0px;
}
.th-widget-recent-post .th-recent-post h5 a{
    display: block;
    font-size: 14px;
}
/*social-widget*/
ul.latest-social {
  overflow: hidden;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.latest-social li{
background: none;
    width: 33.33%;
    float: left;
    padding: 0;
    padding: 0;
    text-align: center;
    clear: none;
}
ul.latest-social li a i {
    color: #fff;
    display: block;
    padding: 15px 18px;
    vertical-align: middle;
    font-size: 21px;
}
ul.latest-social li a i.fa-facebook,ul.latest-social li a i.fa-linkedin,ul.latest-social li a i.fa-twitter {
    background: #101820;
}
ul.latest-social li a i.fa-pinterest,ul.latest-social li a i.fa-google-plus,ul.latest-social li a i.fa-youtube-play{
background:#1b2835;
}
ul.latest-social li a i:hover {
    opacity: .9;
}

.widget span.screen-reader-text {
    display: none;
}
form.search-form{
text-align:center;
} 
.widget input.search-field{
width:100%;
}
.widget input.search-field, .search input.search-field, .error404 input.search-field{
height:45px;
max-width: 350px;
padding-left:15px;
border:1px solid #eee;
padding-right:10px;
    font-size: 15px;
    letter-spacing: 1px;
}

.widget .tweet-content {
    padding: 6px;
    line-height: 18px;
      letter-spacing: 1px;
}
.widget .tweet-content .time{
    padding-top: 5px;
    display: block;
    text-align: right;
}
.widget .twitter-user {
    padding-top: 10px;
      letter-spacing: 1px;
}
.mc4wp-form{
   margin: 0!important;
    background: #f3f3f3;
    padding: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.mc4wp-form input[type=email]{ 
   height:41px;
}
.footer .mc4wp-form {
    background: none;
}
.mc4wp-form label {
    display:none!important;
}
.mc4wp-form input[type=submit] {
  
    padding: 10px 0;
    float: right;
    border: 0;
    width: 100%;
    height: 41px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    color: white;
    transition: all 0.25s linear;
    background: #cd9f66;
    margin-top: 15px;
      -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form.mc4wp-form input[type="email"] {
-webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
 border-radius: 3px; 
    width: 100%;
    background-color: #fff;
    float: left;
    padding: 12px 0;
    text-indent: 10px;
    color: #999;
    border: 1px solid #DDD;
    box-shadow: 1px 1px 3px #EEE inset;
    box-sizing: border-box;
letter-spacing: 1px;}

/**SIDEBAR END**/

/* Back to top Start */
#move-to-top {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 9px 10px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 40px;
    z-index: 999;
    background: #cd9f66;
    transition: all 0.25s linear;
    -webkit-backface-visibility: hidden;
    text-align: center;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
   box-sizing: border-box;
}
#move-to-top:not(.filling) {
    opacity: 0;
    visibility: hidden;
}
#move-to-top .fa-angle-up:before {
    font-size:20px;
}
/* Back to top end */
/* Footer Style Start */
.hk-instagram h4.widgettitle {
    background-color: #fff;
    border: 0;
    font-size: 19px;
    font-weight: 500;
    color: #5a5d5a;
    margin: 0;
    padding: 20px 0;
}
.hk-instagram .instagram-pics li a {
    margin: 0;
    padding: 0;
    border: 0;
     vertical-align: baseline;
}
.hk-instagram .instagram-pics li {
    padding: 0px;
    display: inline-block;
    max-width: 12.5%;
    margin: 0;
   background: none;
    border: 0;
    vertical-align: top;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.hk-instagram .instagram-pics li img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    vertical-align: middle;
}
.hk-instagram .widget{
margin:0;
}
.footer .footer-widget-column .widget {
    width: 22.3%;
    float: left;
    position: relative;
    margin-bottom:30px;
    margin-right: 3.6%;
}
.footer .footer-widget-column.footer-widget-3column-active .widget {
   width: 30.9%;
}
.footer .footer-widget-column .widget:last-child, 
.footer .footer-widget-column.footer-widget-3column-active .widget:last-child{
 margin-right: 0%;
}

 .footer-wrapper {
    background-color: #111;
}

.footer-wrapper .footer-copyright {
    text-align: center;
    overflow:hidden;
    padding:30px 0;
}
.footer-wrapper .footer-copyright .copyright {
display: block;
color: #ddd;
}
.footer-wrapper .footer-copyright .copyright a{
color: #ddd;
}
.footer-wrapper .footer-copyright ul li {
display:inline;
}
.footer-wrapper .footer-copyright .social-icon {
display:block;
}
.footer-wrapper .footer-copyright .social-icon ul li{
display:inline;
}
.footer-copyright {
    padding: 0 20px;
}
.footer-wrapper .footer-copyright ul li.social-icon ul{ 
 padding-top: 10px;
}
.footer {
overflow: hidden;
padding-top: 0px;
}
.footer-widget-column .widget{
margin-top:0px;
}
.single .sidebar-wrapper  .tagcloud{
max-width: 100%;
}
.footer-inner-widget{
 margin-top:50px
}
/* Footer Style End */
/* Page Style Start */
.pagewrap {
    margin-top: 140px;
}
.pagewrap img{
max-width:100%;
}
  
  .pagewrap ul, .pagewrap ol {
    padding-left: 45px;
    margin-bottom: 20px;
}
.pagewrap ul li {
    margin-bottom: 12px;
    list-style: square;
}
.pagewrap ol li {
    margin-bottom: 12px;
    list-style: decimal;
}
/* Page Style End */

/* Single Page Style Start */

.content .post-title {
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.single .post-content {
  padding:0px 30px 40px 30px;
  height:auto;
  background:#fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
}
.single .navigation.post-navigation .nav-previous, .single .navigation.post-navigation .nav-next {
  background: #ffffff;
  padding: 10px 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    position:relative;
}
.single .navigation.post-navigation span.meta-nav {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.7px;
}
.single .navigation.post-navigation {
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.single .post-content img{
max-width:100%;
margin-bottom:20px;
}
.single .single-meta{
  text-align:center;
  padding: 30px 30px 0;
  background: #fff;
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.1);
  box-shadow: 0 -1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
}
.navigation.post-navigation .nav-previous, .navigation.post-navigation .nav-next, .related-post, span.edit-link a, #commentsbox {
    padding: 0 30px;
}

.single #commentsbox {
    padding: 15px 15px 30px;
    border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;

}
.single #commentsbox h1.post-info{
    font-size: 28px;
    line-height:36px;
}

.single span.post-date, .single span.post-author {
    padding-right: 10px;
padding-left: 10px;
}

.content .standard-layout .post .post-meta .post-author, .content .standard-layout .post .post-meta .post-date {
   position: static;
   display: inline-block;
   width: 30%;
}
.content .standard-layout  .post .post-meta .post-author{
text-align: right;
}
.content .standard-layout .post .post-meta .post-date{
text-align: left;
}
.single span.byline {
    padding-right: 5px;
}
.single .post-content .post-share {
float:right;
    display: inline-flex;
  padding: 5px 0px;
}
ul.single-social-icon li {
    display: inline-block;
        margin-left: 9px;
}
ul.single-social-icon li  a i{
    font-size:16px;
}
.single-bottom-meta {
    overflow: hidden;
    padding-bottom: 10px;
}
.single .tagcloud {
float:left;
  max-width: 60%;
}

.post-nav .prev {
    float: left;
    text-align: left;
    
}
.post-nav .next {
    float: right;
    text-align: right;
    
}
.content .navigation.post-navigation .nav-links a, .search .pagination a{
    padding:15px 5px;
    color: #6f6f6f;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}
.related-post { 
  padding:0;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
li.sl-related-thumbnail {
  width: 30.6%;
  float: left;
  list-style-type: none;
  margin-right: 4%; 
  background:#fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
}
li.sl-related-thumbnail img{
width:100%;
height:auto;
-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.related-post li.sl-related-thumbnail h3{
  text-align: center;
  display: inline-block;
  margin: 10px 0;
  font-size:15px;
  padding:0 15px;
  border:none;
}
.related-post li:last-child {
    margin-right: 0px;
}
/*Comment Style Start*/
#commentsbox {
  margin: 0;
  padding:0;
}
ol.commentlist {
  clear: both;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0px;
}
ol.commentlist li {
  line-height: 18px;
  margin: 15px 0 15px;
  padding: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
ol.commentlist li .comment-body {
  margin-left: 80px;
  position: relative;
  border: 1px solid rgba(221, 221, 221, 0.35);
  padding: 10px 10px 5px 15px;
 background: transparent;
  border-radius: 3px;   
}
ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited {
  color: #5a5d5a;
  text-decoration: none !important;
  font-size: 13px;
}
.comment-author.vcard {
  display: inline;
}
.comment-metadata time{
    font-size: 12px;
    letter-spacing: 1px;
}
.comment-author.vcard a {
    margin-bottom: 8px;
    font-size: 16px;
}
.comment-author.vcard span.says {
  display: none;
}
cite.fn {
 color: #5a5d5a;
  font-style: normal;
  margin-right: 8px;
}
b.fn {
    font-size: 15px;
    letter-spacing: 1px;
    color: #424242;
    font-weight: normal;
}
ol.commentlist li .comment-author .avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  position: absolute;
  left: -81px;
  top: -1px;
  width: 60px;
  height: 60px;
  border-radius: 3px;
  border: 1px solid rgba(221, 221, 221, 0.35);
  padding: 5px;
}
ol.commentlist li .comment-author .avatar:hover {
  -webkit-animation: bounceIn_single 0.7s ease-in-out;
  -moz-animation: bounceIn_single 0.7s ease-in-out;
  -o-animation: bounceIn_single 0.7s ease-in-out;
  animation: bounceIn_single 0.7s ease-in-out;
}
ol.commentlist li .comment-meta {
  display: inline;
}
ol.commentlist li .comment-meta a {
  color: #858484;
  text-decoration: none !important;
  display: inline-block;
}
ol.commentlist li p {
  line-height: 22px;
  margin-top: 5px;
  color: #666;
}
ol.commentlist li .reply {
  margin-top: 10px;
  font-size: 10px;
  text-align: right;
  padding-bottom: 20px;
  display: block;
  margin-left: -25px;
  margin-right: -10px;
  padding-right: 10px;
}
ol.commentlist li .reply a {
  color: #2f516d;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  right: 0px;
  padding-right: 20px;
  letter-spacing: 1px;
}
ol.commentlist li ul.children {
  list-style: none;
  text-indent: 0;
  margin: 1em 0 0;
}
.comment-nav {
  height: 20px;
  padding: 5px;
}
.comment-nav a:link, .comment-nav a:visited {
  color: #f96e02;
}
#respond {
  margin: 10px 0;
  padding: 0;
}
#respond h3 {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
#respond label{
    display: block;
}
#commentform input#author, #commentform input#email, #commentform input#url{
height:35px;
width:316px;
border:1px solid #eee;
padding:0 5px;
}
textarea#comment {
    width: 100%;
height:200px;
margin-top:40px;
padding:5px;
border:1px solid #eee;
}
p.comment-form-email, p.comment-form-url{
margin-top:20px;
}
#commentform input#submit {
  background-color:#66cda9;
  color: #fff;
  border: none;
  padding: 10px;
  margin-top: 20px;
  border-radius: 2px;
}
.nav-next {
    float: right;
}
.nav-links .nav-next a:after , .content #main .pagination .newer a:after{
    font-size: 18px;
    font-family: FontAwesome;
    content: "\f101";
    line-height: 10px;
    position: absolute;
    top: 40%;
    left: auto;
    margin-left: 8px;
    right: 10px;
    }
.nav-links .nav-previous {
    float: left;
}
.nav-links .nav-previous a:before, .content #main .pagination .older a:before{
        font-size: 18px;
    font-family: FontAwesome;
    content: "\f100";
    line-height: 10px;
    position: relative;
        top: 40%;
    position: absolute;
    left: 8px;
    margin-right: 5px;
    }
.multipage-links {
    text-align: right;
margin-bottom:40px;
}
.multipage-links span{
    padding: 3px 6px;
    display: inline-block;
}
.multipage-links span.meta-nav{
  color:#5a5d5a;
}
.multipage-links span{
  color:#cd9f66;
border-bottom:1px solid #cd9f66;
}
.multipage-links a span, .multipage-links span.meta-nav{
   color:#5a5d5a;
border-bottom:none;
}
ol.commentlist li ul.children {
margin-left: 80px;
}
/*Comment Style End*/
/***Post Format Start***/
/*Standard post layout*/
.standard-layout .post-title h2, .single .post-title h1  {
    font-size: 28px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.6px
}
.standard-layout .post .description{
padding:30px 30px 0px 30px;
}
.content .standard-layout .post .post-gallery-slider img{
margin-bottom:0px;
}
.owl-wrapper-outer.autoHeight {
    overflow: hidden;
}
a.more-link {
    color: #cd9f66;
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    letter-spacing: 1.5px;
}
.content .standard-layout .post {
    box-shadow: none;
      }
.comment object, .comment embed,  iframe {
    max-width: 100%;
/**padding:20px 0px; **/
}
  
.content .standard-layout .post .post-header, .standard-layout .format-link .post-title{
text-align:center;
 padding: 30px 30px 0px 30px;
}
.standard-bottom-meta {
    overflow: hidden;
     padding: 30px 30px 30px 30px;
}
.content .standard-layout .post  span.post-comment{
float:left;
}
.content .standard-layout .post .post-share {
    float: right;
    display: inline-flex;
    padding: 5px 0px;
}
.post-gallery-slider {
    padding-bottom: 20px;
}
.post-gallery-slider .item img{
    margin-bottom: 0px;
}
/***Post format start here***/
.video-wrapper {
    padding-top: 56.25%;
  width: 100%;
    position: relative;
}
  .video-wrapper iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***Audio post format***/
.format-audio .video-wrapper {
    padding:0;
}
.format-audio iframe {  
position: relative;
    width: 100%;
    height: 185px;
}
/***Link post format***/
.standard-layout .format-link {
    background: #ececec;
    min-width: 100%;
}
.standard-layout .format-link h2{
    color: #cd9f66;
    font-size: 26px;
padding:50px 50px 50px 80px;
line-height:40px;
    font-style: italic;
letter-spacing:1px;
}
.standard-layout .format-quote blockquote{
border:none!important;
}
.standard-layout .format-link h2:before{
content:"\f0c1";
font-family:fontawesome;
font-size:40px;
padding-right:10px;
vertical-align: middle;
}
/***Quote post format***/
.format-quote blockquote {
    padding: 60px 30px 40px;
    margin: 20px 0;
   }
.format-quote blockquote p{
    font-size: 26px;
    line-height: 40px;
    font-style: italic;
}
.format-quote blockquote a{
    font-style: normal;
}
.format-quote blockquote p:before {
font-style: normal;
        font-family: Playfair Display;
    content: '\201c';
    font-size: 160px;
    color: #cd9f66;
    vertical-align: middle;
}
/***Post format end here***/
/***Pagination start here***/
.navigation.pagination{
margin-bottom:70px;
}
.navigation.pagination .nav-links{
text-align:center;
}
.nav-links .page-numbers.current,.nav-links .page-numbers:hover{
border: 1px solid #cd9f66;
  background:#cd9f66;
  color:#fff;
}
.nav-links .page-numbers{
border: 1px solid #cd9f66;
    padding: 5px 10px!important;
    font-size: 14px;
    color: #adadad;
    background-color: #fff;
    margin: 0px 5px;
}
.nav-links .page-numbers {
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
   box-sizing: border-box;
   margin: 0 0 1.5em;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;
}
/***Pagination load more button start here***/
.th_more_posts {
    text-align: center;
    margin-bottom: 70px;
    display: block;
}
.th_more_posts a#more_posts {
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #cd9f66;
    padding: 7px 10px;  
display: inline-block;
}
.th_more_posts a#more_posts:hover{
color:#fff;border: 1px solid #cd9f66;
  background:#cd9f66;
}
.th_more_posts a#more_posts.no-load-more, .th_more_posts a#more_posts.no-load-more:hover{
    cursor: not-allowed;
  background:#EAEAEA;
  border:none;
  color: #666666;
}
  a#inifiniteLoader {
    position: fixed;
    z-index: 2;
    bottom: 15px;
    right: 0;
    left: 0;
    text-align: center;  
  display:none;
}
a#more_posts img {
    z-index: 2;
    bottom: 15px;
    right: 0;
    left: 0;
    text-align: center;  
  display:none;
}

/* Single Page Style End */
/****Image Effect***********/
.post-img img{
vertical-align:bottom;
-webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.content .standard-layout .post.format-standard .post-img {
    position: relative;
    border-top: 4px solid #cd9f66;
}

.content .standard-layout .post.format-standard .post-img :before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
.content .standard-layout .post.format-standard .post-img :hover:before {
    background: rgba(0,0,0,0.5);
}
.content .two-grid-layout .post-img {
    position: relative;
    border-top: 4px solid #cd9f66;
}
.content .two-grid-layout .post-img :before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
.content .two-grid-layout .post-img :hover:before {
    background: rgba(0,0,0,0.5);
}
.content .three-grid-layout .post-img {
    position: relative;
    border-top: 4px solid #cd9f66;
}
.content .three-grid-layout .post-img :before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
.content .three-grid-layout .post-img :hover:before {
    background: rgba(0,0,0,0.5);
}

ul.list-layout .post .post-img{
    position: relative;
    border-top: 4px solid #cd9f66;
}
ul.list-layout .post .post-img :before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
ul.list-layout .post .post-img :hover:before {
    background: rgba(0,0,0,0.5);
}
ul.boxed-layout .post .post-img{
    position: relative;
    border-top: 4px solid #cd9f66;
}
ul.boxed-layout .post .post-img :before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
ul.boxed-layout .post .post-img :hover:before {
    background: rgba(0,0,0,0.5);
}
/****Image Effect End***********/

@media screen and (max-width: 1230px){
#page, .container {
    max-width: 96%;
}
}
@media screen and (max-width:1024px){ 
nav.breadcrumb-trail{
    display:flex;
  }
/*body-overlay*/
body.mobile-menu-active:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
        z-index: 999;
    background:rgba(255, 255, 255, 0.81);
     -webkit-animation-name: bodyfadeIn;
            animation-name: bodyfadeIn;
            
}
.mobile-menu-active .header a#pull{
z-index:999;
}
@-webkit-keyframes bodyfadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
}
         
         @keyframes bodyfadeIn{
            0% {opacity: 0;}
            100% {opacity: 1;}
 }
   
nav.breadcrumbs li{
    width: auto!important;
}
 .header .logo {
    width: 80%;
}
.header #main-menu-wrapper{
  width: 20%;
}

  header.smaller #main-menu-wrapper nav.navigation ul {
    padding: 30px 0;
}
  #main-menu-wrapper nav.navigation .menu{
  padding:0px;
  }
    .navigation { width: 100%; border: none !important; display: none; }
        .navigation ul .current-menu-item > a, .navigation ul li a:hover {   background: #cd9f66; color: #fff; }
    .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #000!important; background: transparent; }
    .navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; }
    .navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; }
    .navigation ul li li { background: transparent; border: 0; }
    nav { height: auto }
    nav li, .navigation ul li li { width: 100%!important; float: left; position: relative; }
    .navigation ul li:after { display: none }
    .navigation ul li:before { display: none }
    nav li a { border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; }
    nav a { text-align: left; width: 100%; text-indent: 25px; }
    .header a#pull { top: 16px; display: block; width: 100%; color: #000; padding: 10px 0; text-indent: 15px; text-align: right;  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;}
  .home .header a#pull {
    color: #fff;     
    }
  .single .smaller .header a#pull, .page .smaller .header a#pull {
    top:0px;
    }
    a#pull:after { content: "\f0c9"; display: inline-block; font-size:30px; font-family: FontAwesome; }
  .mobile-menu-active a#pull:after {
  content: "\f00d";
}
  .header-wrapper header.smaller a#pull {color: #000;}
      .navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent }
    
    .mobile-menu-active .main-container, .mobile-menu-active #site-header, .mobile-menu-active .footer { left: 300px; transition: left 500ms ease; }
    .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0px; left: -300px; width: 300px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden;   z-index: 99999;}
    .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0 }
    .navigation ul li { width: 100%; display: block; }
    .navigation ul li:hover { background: none }
    .navigation ul li a, .navigation ul ul a { padding: 9px 0; width: 100%; border: none; }
    .navigation ul ul { position: static; width: 100%; border: none; }
    .navigation ul ul li { background: none; width: 100%; }
    .navigation i { display: inline }
    .navigation ul ul a { padding: 9px 18px !important }
    .navigation ul ul ul a { padding: 9px 27px !important }
    .navigation ul ul ul ul a { padding: 9px 36px !important }
    .navigation .toggle-caret { display: block; width: 43px; height: 44px; line-height: 43px; color: #6C6969; border-left: 1px solid rgba(193, 193, 193, 0.2); }
    .navigation .toggle-caret i { margin-right: 0 }
   #main-menu-wrapper .menu-item-has-children > a:after{
display:none;
}
.top-searchfrom {
position:absolute;
right:30px;
}
.top-searchfrom input {
    background: rgba(255, 255, 255, 0.14);
    border: none;
    position:relative;
    color: #fff;
    height:auto;
    line-height: normal;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none:;
    margin-left: 25px;
}
.top-searchfrom input#s{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
.top-searchfrom #searchform:before{
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
}
/*top-menu-responsive*/
.mobile-top-menu-active .inner-wrap-top{
    left: 0;
}
.inner-wrap-top{
    display: block;
    position: fixed;
    top: 0px;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color:#0e0e0e;
    border-right: 1px solid rgba(0, 0, 0, 0.2)!important;
    overflow: auto;
    transition: left 500ms ease;
    -webkit-backface-visibility: hidden;
    z-index: 99999;
}
.header-wrap-top a#pull {
    display:block;
}
.header-wrap-top a#pull {
    display:block;
    position: absolute;
    color: #fff;
    right:0;padding:10px 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.header-wrap-top a#pull:after {
    content: "\f0c9";
    display: inline-block;
    font-size: 14px;
    font-family: FontAwesome;
}
.mobile-top-menu-active .header-wrap-top a#pull:after {
    content: "\f00d";
}
.header-wrapper header.smaller .header-wrap-top a#pull{
color:#fff;
}
.header-wrap-top .top-date{
  width:auto;
}
.header-wrap-top .top-menu {
    float: none;
    width: 100%;
}
.logged-in .header-wrap-top .top-menu .top{
margin-top:40px;
text-align:left;
}
.header-wrap-top .top-menu .top{
text-align:left;
}
.header-wrap-top .top-menu .top li{
width:100%;
line-height: 44px;
border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important;
    width: 100%!important;
    box-sizing: border-box;
padding-left:25px;
}
.header-wrap-top .top-social-icon{
float:left;
width:100%;
text-align:left;
margin: 0px 25px
}
.header-wrap-top .top-social-icon li {
    display: inline-block;
    margin-left: 0px;
    margin-right: 15px;
}
.widgettitle {
  letter-spacing: 0.6px;
}
.widget .cat-item a,.th-widget-recent-post .th-recent-post h5 a{
  font-size:13px;
}
.content .post .post-meta .post-date, .slider-post-date span, 
.th-recent-post .th-recent-meta .post-date, 
.post span.post-comment a, 
.post span.post-comment {
    font-size: 11px;
}
ul.latest-social li a i{
  font-size:16px;
}
.standard-layout .post-title h2, .single .post-title h1 {
    font-size: 26px;
    line-height: 34px;
  }
.content .navigation.post-navigation .nav-links a{
  padding:0;
}
}

/****Slider media End*******/
@media screen and (min-width: 767px){
ul.five-grid-layout li.post .post-content .post-meta .post-date, 
ul.five-grid-layout li.post .post-content .post-meta .post-comment{
    float: none;
    display: block;
    width: 100%;
    line-height: 15px;
}
}
@media screen and (max-width: 768px){
.content {
    width: 68%;
  }
.sidebar-wrapper {
    width: 30.5%;
}
.widget .cat-item a {
    width: 84%;
  }
 #commentform textarea#comment{
    width:100%;
}
ul.three-grid-layout li.post, ul.four-grid-layout li.post, ul.five-grid-layout li.post{
width:48%
}
ul.three-grid-layout li.post:nth-of-type(even), ul.four-grid-layout li.post:nth-of-type(even), ul.five-grid-layout li.post:nth-of-type(even) {
margin-right:0px;
}
ul.three-grid-layout li.post:nth-of-type(2n+1), ul.five-grid-layout li.post:nth-of-type(2n+1){
    margin-right: 4%;
}

.footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(3n+3){
   margin-top:0px;
} 
ul.boxed-layout .post .post-img, .content .boxed-layout .post  {
    width: auto;
    max-width: 585px;
    margin-left:auto;
    margin-right:auto;
}
ul.boxed-layout .post .post-content {
    width: 100%;
  padding: 17px 4% 35px!important;
}
ul.three-grid-layout li.post:nth-child(3n+1), ul.four-grid-layout li.post:nth-child(4n+1), ul.five-grid-layout li.post:nth-child(5n+1){
clear:none;
}
ul.three-grid-layout li.post:nth-child(2n+1), ul.four-grid-layout li.post:nth-child(2n+1), ul.five-grid-layout li.post:nth-child(2n+1){
clear:both;
}
  .single-bottom-meta, .footer-wrapper .footer-copyright  {
    text-align: center;
}
.single .tagcloud, .single .post-content .post-share{
padding:10px 0;
float:none;
}
  .single .tagcloud {
  max-width: 100%;
}
  .footer-wrapper .footer-copyright .copyright, .footer-wrapper .social-icon {
  display:block;
  }
.related-post{
margin-top:0px;
}
  .sl-related-thumbnail h3{
  line-height:22px;
  }
  .slider-post-content-wrapper p{
display:none;
}
.slider-post-content .read-more-slider a {
   padding: 7px 10px;
    font-size: 12px;
}
.slider-post-category span a {
       font-size: 11px;
}
}
@media screen and (max-width: 767px){
.content {
    width: 100%;
    max-width: 100%;
    float: none;
   margin:0 auto;
   clear:both;
}
.sidebar-wrapper{
max-width: 400px;
width: 100%;
float:left;
margin: 0px auto 0px;
}
.sidebar{
margin-left:0px;
}
.related-post {
    padding:0;
    margin-bottom: 85px;
    overflow: initial;
    display: inline-block;
    width: 100%;
}
.related-post li.sl-related-thumbnail{
  background:#fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-sizing: border-box;
}
.related-post li.sl-related-thumbnail h3{
    padding:0 15px;
    border:none;
}
.page-content {
  margin-bottom: 30px;
}
.page .sidebar-wrapper{
    margin-top: 30px;
    float:none!important;
        margin: 0px auto 0px;
}
.footer .footer-widget-column.footer-widget-3column-active .widget{
    max-width: 100%;
    width:445px;
    margin:0 auto;
    float: none;
}
.footer .footer-widget-column .widget:last-child, 
.footer .footer-widget-column.footer-widget-3column-active .widget:last-child{
margin-right:auto;
}
}
@media screen and (max-width: 550px){
  .slider-post-content .read-more-slider {
    margin-top: 5px;
}
.slider-post-content .slider-post-title h2 {
    font-size: 40px;
    line-height: 18px;
}
  .flex-slider li .caption-content h1 {
    font-size: 30px;
    line-height: 36px;
}
.fs-desc {
    display: none;
}
.flex-slider li .caption-content {
    left: 14%;
}
.read-more.read-more-slider {
    margin-top: 20px;
}
.header-bottom .social-icon {
    float: none;
    text-align: center;
    border-bottom: 1px solid rgba(221, 221, 221, 0.35);
}
.header-bottom .search-wrapper {
    float: none;
    text-align: center;
}
.header-bottom .search-wrapper #searchform {
    padding-right: 0px;
}
.header-bottom .search-wrapper input[type="text"]{
width:100%;
}
.header-bottom .search-wrapper input[type="submit"]{
display:none;
}
 ul.two-grid-layout li.post,  ul.three-grid-layout li.post, ul.four-grid-layout li.post,ul.five-grid-layout li.post {
width:100%;
margin-right:0px;
}
  .standard-layout .format-link h2 {
    padding: 25px 25px 25px 25px;
    }
  li.sl-related-thumbnail, .related-post li:last-child {
    width: 100%;
    max-width:358px;
    margin: 0 auto 40px;
    text-align: center;
    float: none;
}
  .related-post {
    margin-bottom:0px;
    }

.content ul.list-layout .post, ul.list-layout .post .post-content .read-more, ul.list-layout .post .post-content .post-header
{
text-align:center;
}
ul.list-layout .post .post-img {
    max-width: 320px;
    width:auto;
    float: none;
   }
ul.list-layout .post .post-content {
    padding: 17px 3% 35px;
       width: auto;
    max-width: 320px;
    margin: 0 auto;
}
ul.list-layout .post .post-content .read-more {
    text-align: center;
}

/*start masnory responsive*/
ul.load_post.masnory-layout{
    max-width: 365px;
    margin: 0 auto;
}
ul.masnory-layout li.post {
    width:100%;
    float:none;
    max-width: 365px;
   
}
.masnory-layout .post {
 margin:1%;
}
ol.commentlist li ul.children {
margin-left:auto;
}
}
/*end masnory responsive*/
@media screen and (max-width: 480px) {
a#pull {
right:15px;
}
.logo{
max-width:180px;
}
  .slider-post-content .read-more-slider a {
    padding: 5px 5px;
    font-size: 10px;
}
.header-bottom .contact-details .social-icon, .header-bottom .contact-details .search-wrapper {
 float: none; 
}
.header-bottom .contact-details .social-icon{
border-bottom:1px solid #ddd;
text-align: center;
}
.header-bottom .contact-details  .search-wrapper {
    text-align: center;
border-left:1px solid #ddd
}
.header-bottom .contact-details .search-wrapper input[type="text"] {
    border-left:none;
}
  #commentform input#author, #commentform input#email, #commentform input#url{
width:100%;
    }
}