/*
	TABLE CONTENT
	Wordpress default css
	Global Elements 
	Theme Style Start 
		Primary Color
		Header Style
		Pre page loading
		Row and column gap
		Search popup
		off-canvas
		go to top
		Main nav
		Banner Style 
		Post Style 
			Post Slider Style 
			Video Post Style 
			Audio Post Style 
			Blockquote Post Style 
		Archive Style 
		Page 404 
		Pagination
		Sidebar Style 
		Single post
		Comment style
		Footer Style 
		Page Style 
		Responsive
*/

/* =============================================
     Theme Reset Style
============================================= */
* {
    margin: 0px;
    padding: 0px;
}
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background: #f9f9f9;
    color: #414141;
    font: normal 14px/24px 'Poppins', Arial, Helvetica, sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #414141;
    font-style: normal;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    margin: 0px 0px 8px 0px;
    text-transform: capitalize;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #414141;
}
p a {
    color: #414141;
}
p {
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 10px;
}
a {
    color: #414141;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    outline: none;
    text-decoration: none;
}
ul {
    margin-bottom: 0px;
}
figure {
    margin-bottom: 20px;
    max-width: 100%;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #414141;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.wp-caption.alignleft,
.wp-caption.alignnone {
    width: 100%;
}
select {
    border: 1px solid #d2d2d2;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #414141;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #888;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    height: 50px;
    line-height: 30px;
    outline: none;
    padding: 10px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}
input:focus,
textarea:focus {
    box-shadow: none !important;
    border-color: #616161 !important;
}
form p {
    position: relative;
    width: 100%;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: none;
}
ul ul {
    margin-left: 5px;
}
ol {
    float: none;
    list-style: decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #d2d2d2;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #d2d2d2;
}
table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}
table > tbody + tbody {
    border-top: 2px solid #d2d2d2;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #888;
}
dl dd {
    margin-left: 20px;
}
address {
    font-style: italic;
}
/* =============================================
        Wordpress default css
============================================= */
.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.alignright,
img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.alignnone,
img.alignnone {

}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}
.gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {}
.bypostauthor{}
/* =============================================
    Global Elements 
============================================= */

.theiaStickySidebar:after {
    content: "";
    display: table;
    clear: both;
}
.haslayout {
    width: 100%;
    float: left;
}
.social-icon a.twitter:hover,
.social-icon a.twitter:hover span,
.twitter:hover a span,
a.tw:hover {
    color: #55acce !important;
}
.social-icon a.facebook:hover,
.social-icon a.facebook:hover span,
.facebook:hover a span,
a.fb:hover {
    color: #3b5998 !important;
}
.social-icon a.youtube:hover,
.social-icon a.youtube:hover span:hover a span {
    color: #cc181e !important;
}
.social-icon a.google-plus:hover,
.social-icon a.google-plus:hover span,
.google-plus:hover a span,
a.gp:hover {
    color: #dd4b39 !important;
}
.social-icon a.dribbble:hover,
.social-icon a.dribbble:hover span,
.dribbble:hover a span {
    color: #ea4c89 !important;
}
.social-icon a.pinterest:hover,
.social-icon a.pinterest:hover span,
.pinterest:hover a span {
    color: #cb2027 !important;
}
.social-icon a.reddit:hover,
.social-icon a.reddit:hover span,
.reddit:hover a span {
    color: #ff4501 !important;
}
.social-icon a.linkedin:hover,
.social-icon a.linkedin:hover span,
.linkedin:hover a span {
    color: #3399cc !important;
}
.social-icon {
    text-align: center;
    height: 40px;
    padding: 15px;
}
.social-icon li {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 32px;
}
.social-icon li +li {
    border-left: 1px solid #e9e9e9;
}
.social-icon li a {
    display: block;
    height: 15px;
    line-height: 15px;
    display: block;
    text-align: center;
}
.social-icon li a i {
    display: block;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
}
.alt-img-hover {
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    padding: 20px;
    height: 100%;
    position: absolute;
    visibility: hidden;
    z-index: 2;
}
.alt-img-hover .holder {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
}
.display-table {
    width: 100%;
    height: 100%;
    display: table;
}
.display-table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.post-meta {
    color: #888;
    text-align: center;
    overflow: hidden;
    padding: 0 0 20px;
    font-style: italic;
    font: normal 12px/15px 'Merriweather', Arial, Helvetica, sans-serif;
}
.post-meta span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 15px;
    line-height: inherit;
}
.post-meta span a {

}
.post-meta span a:hover,
.post-meta span a:hover em,
.post-meta span a:hover i {
    text-decoration: none;
    color: #414141;
}
.post-meta span i,
.post-meta span em {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
}
.post-meta span:after {
    content: '/';
    position: absolute;
    top: -2px;
    left: -5px;
    font-size: 15px;
    line-height: 18px;
    color: #888;
}
.post-meta span:first-child {
    padding: 0 15px 0 0;
}
.post-meta span:first-child:after {
    display: none;
}
.no-padding {
    padding: 0;
}
/* =============================================
    Theme Style Start 
============================================= */
/**Primary Color**/

.btn-search:hover,
p a:hover,
a:hover,
a:focus,
a:active,
#nav ul > li.dropdown:hover > a,
#nav ul li.active > a,
#nav ul li a:hover,
a:hover span,
.alt-post-foot .post-meta .alt-post-author a:hover,
.alith-recent-comments-widget .alith-details strong,
.site-pagination span.current,
#wp-calendar a,
.post_content a {
    color: #d4b68a;
}
.search-popup .search-top-bar-submit,
a.back-to-top,
input[type="submit"]:hover {
    background: #d4b68a;
}
#wrapper {
    overflow: hidden;
}
/* =============================================
     Header Style 
============================================= */

.header_style_two .search-social {
    padding: 60px 0 0;
}
.header_style_two .search-social .social-icon {
    border: 0 none;
    padding-left: 0;
}
.header_style_two .header_two_search {
    padding: 60px 0 0;
}
#header {
    background: #fff none repeat scroll 0 0;
}
.topbar {
    border-bottom: 1px solid #f1f1f1;
    height: 40px;
}
.topbar #news-slider {
    max-height: 25px;
    overflow: hidden;
}
.owl-pagination {
    margin: 10px 0 0 0;
}
.owl-theme .owl-controls .owl-page span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000;
    height: 10px;
    margin: 5px 3px;
    width: 10px;
}
.new-slides {
    font-weight: normal;
    padding: 10px;
    position: relative;
}
#news-slider {
    margin-left: -15px;
    padding-left: 60px;
}
.new-slides p {
    margin: 0;
    line-height: normal;
}
.new-slides .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: -4px;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    background: none;
    margin: 0;
}
.recent-post .owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    top: 35px;
    width: 25px;
}
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-next {
    left: 28px;
}
.recent-post .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.new-slides .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.recent-post .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.recent-post.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background: #414141;
    color: #fff;
}
.new-slides .owl-theme .owl-controls .owl-buttons div i,
.recent-post .owl-theme .owl-controls .owl-buttons div i {
    line-height: 25px;
}
.social-icon,
.btn-search {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
}
.btn-search {
    margin: 0 0 0 20px;
    padding: 12px 0;
}
.dark-mark {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 200;
    display: none;
}
.dark-mark:hover {
    cursor: url("../images/cursor-x.png") 30 15, auto;
}
/**Pre page loading...**/

.no-js #loader {
    display: none;
}
.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("http://www.ilove-morocco.com/wp-content/themes/azumi/assets/images/preloader.gif") center no-repeat #fff;
}
/***Row and column gap**/

.alith-row {
    margin: 0 -10px;
    overflow: hidden
}
.alith-row .alith-col,
.alith-row .alith-col-nr {
    float: left;
    margin: 0 0 20px;
    padding: 0 10px
}
.rtl .alith-row .alith-col,
.rtl .alith-row .alith-col-nr {
    float: right
}
.alith-row .alith-col img,
.alith-row .alith-col-nr img {
    vertical-align: bottom
}
.alith-row .alith-count-1 {
    clear: both
}
.alith-row .alith-col-1 {
    width: 100%
}
.alith-row .alith-col-2 {
    width: 50%
}
.alith-row .alith-col-3 {
    width: 33.33%
}
.alith-row .alith-col-4 {
    width: 25%
}
.alith-row .alith-col-5 {
    width: 20%
}
.alith-row .alith-col-6 {
    width: 16.66666667%
}
.alith-row .alith-col-7 {
    width: 14.285%
}
.alith-row .alith-col-8 {
    width: 12.5%
}
.alith-row .alith-col-9 {
    width: 11.11%
}
.alith-row .alith-col-10 {
    width: 10%
}
.alith-row.alith-gap-0px {
    margin: 0
}
.alith-row.alith-gap-0px .alith-col,
.alith-row.alith-gap-0px .alith-col-nr {
    margin: 0;
    padding: 0
}
.alith-row.alith-gap-1 {
    margin: 0 -0.5px
}
.alith-row.alith-gap-1 .alith-col,
.alith-row.alith-gap-1 .alith-col-nr {
    margin: 0 0 1px;
    padding: 0 0.5px
}
.alith-row.alith-gap-5 {
    margin: 0 -2.5px
}
.alith-row.alith-gap-5 .alith-col,
.alith-row.alith-gap-5 .alith-col-nr {
    margin: 0 0 5px;
    padding: 0 2.5px
}
.alith-row.alith-gap-10 {
    margin: 0 -5px
}
.alith-row.alith-gap-10 .alith-col,
.alith-row.alith-gap-10 .alith-col-nr {
    float: left;
    margin: 0 0 10px;
    padding: 0 5px
}
.alith-row.alith-gap-20 {
    margin: 0 -10px
}
.alith-row.alith-gap-20 .alith-col,
.alith-row.alith-gap-20 .alith-col-nr {
    margin: 0 0 20px;
    padding: 0 10px
}
.alith-row.alith-gap-24 {
    margin: 0 -11px
}
.alith-row.alith-gap-24 .alith-col,
.alith-row.alith-gap-24 .alith-col-nr {
    margin: 0 0 24px;
    padding: 0 11px
}
.alith-row.alith-gap-30 {
    margin: 0 -15px
}
.alith-row.alith-gap-30 .alith-col,
.alith-row.alith-gap-30 .alith-col-nr {
    margin: 0 0 30px;
    padding: 0 15px
}
.alith-row.alith-gap-40 {
    margin: 0 -20px
}
.alith-row.alith-gap-40 .alith-col,
.alith-row.alith-gap-40 .alith-col-nr {
    margin: 0 0 40px;
    padding: 0 20px
}
.alith-row.alith-gap-50 {
    margin: 0 -25px
}
.alith-row.alith-gap-50 .alith-col,
.alith-row.alith-gap-50 .alith-col-nr {
    margin: 0 0 50px;
    padding: 0 25px
}
.alith-row.alith-gap-60 {
    margin: 0 -30px
}
.alith-row.alith-gap-60 .alith-col,
.alith-row.alith-gap-60 .alith-col-nr {
    margin: 0 0 60px;
    padding: 0 30px
}
/*Search popup*/

.search-popup {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    cursor: url("../images/cursor-x.png") 30 15, auto;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
.search-popup .search-top-bar-popup {
    display: inline-block;
    margin: 0 auto;
    max-width: 600px;
    position: relative;
    top: 30%;
    width: 100%;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.search-popup .search-field-top-bar {
    border: medium none;
    border-radius: 0;
    height: 60px;
    padding: 10px 23px;
    width: 100%;
}
.search-popup .search-top-bar-submit {
    border: medium none;
    border-radius: 0;
    bottom: 0;
    color: #fff;
    font-size: 2rem;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}
/**off-canvas*/

.off-canvas {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 100%;
    overflow: auto;
    padding: 40px;
    position: fixed;
    right: -16px;
    top: 0;
    width: 400px;
    z-index: 200;
}
/**go to top**/

a.back-to-top,
a.back-to-top:hover i {
    color: #fff;
}
.back-to-top {
bottom: 20px;
color: #fff;
cursor: pointer;
display: none;
font-size: 14px;
height: 35px;
line-height: 35px;
position: fixed;
right: 20px;
text-align: center;
width: 32px;
z-index: 99;
}
/**open sidebar button**/

#open-side-bar {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    color: #000;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: fixed;
    right: 20px;
    text-align: center;
    top: 100px;
    width: 40px;
    z-index: 99;
}
.admin-bar .close-off-canvas {top: 30px;}
.close-off-canvas {
    background: #f1f1f1 none repeat scroll 0 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.logo-box {
    padding: 50px 0;
}
.logo {
    width: 320px;
    height: 48px;
    display: block;
    margin: 0 auto 4px;
}
.logo a {
    display: block;
}
.logo a img {
    display: block;
}
.slogn {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 5px;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
}
/*Main nav*/
.admin-bar #nav {margin-top: 30px;}
.navbar-header .navbar-toggle {
    border-radius: 0;
    float: right;
    margin-right: 15px;
}
#nav.affix {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff;
}
#nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    margin: 0;
	text-align: center;
}
#nav ul {    
    width: 100%;
}
.navbar-collapse {
    padding: 0;
}
#nav ul li {
    float: none;
    padding: 15px 12px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    line-height: normal;
    position: relative;
}
#nav ul li a {
    padding: 0;
    display: block;
    background: none;
    color: #414141;
    line-height: normal;
}
#nav ul li.active > a,
#nav ul li a:hover {
    background: none;
}
#nav ul li.dropdown {} #nav ul li .dropdown-menu {
    width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    display: block;
    opacity: 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    line-height: normal;
    border-radius: 0;
    border: 0;
}
#nav ul li:hover .dropdown-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
#nav ul li .dropdown-menu li {
    display: block;
    line-height: inherit;
    padding: 8px 13px;
}
#nav ul li .dropdown-menu li a {
    display: block;
}
/*level 3*/

#nav ul.dropdown-menu > li.dropdown:after {
    font-family: FontAwesome;
    content: "\f105";
    margin-top: -2px;
    position: absolute;
    right: 10px;
    top: 50%;
}
#nav ul.dropdown-menu > li.dropdown > ul.dropdown-menu {
    left: 100%;
    top: 0;
    display: none;
    opacity: 0;
}
#nav ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu,
#nav ul.dropdown-menu > li.dropdown:focus > ul.dropdown-menu {
    display: block;
    opacity: 1;
}
/* =============================================
            Banner Style 
============================================= */

.img-dark-mark::before {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s linear 0s;
    visibility: hidden;
    z-index: 1;
}
.img-dark-mark {
    display: block;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    position: inherit;
    width: 100%;
}
.alt-banner-poststyle:hover .img-dark-mark::before {
    opacity: 1;
    visibility: visible;
}
.img-dark-mark a {
    cursor: url("../images/cursor-open.png") 30 15, auto;
}
.alt-banner {
    margin: 50px 0 0;
}
.alt-banner-poststyle {
    overflow: hidden;
    position: relative;
}
.alt-banner-poststyle figure {
    overflow: hidden;
    margin: 0;
}
.alt-banner-poststyle figure a {
    display: block;
}
.alt-banner-poststyle img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 1;
}
.alt-banner-poststyle .post-content {
    position: absolute;
    top: 0;
    left: 33.33%;
    width: 33.33%;
    height: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, 0.95);
    z-index: 2;
}
.alt-banner-poststyle .title {
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    text-align: center;
    margin: 0 0 20px;
}
.alt-banner-poststyle .title h1 {
    margin: 0;
    text-transform: uppercase;
}
.alt-banner-poststyle .title h1 span {
    letter-spacing: 14px;
    display: block;
}
.alt-latestnewsform {
    overflow: hidden;
    padding: 5px 0 5px 25px;
}
.alt-latestnewsform .form-group {
    margin: 0;
}
button[type="submit"] {
    display: block;
    background: #fff;
    color: #414141;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding: 10px;
    border-radius: 0;
    font-weight: 600;
}
button[type="submit"]:hover {
    background: #414141;
    color: #fff;
}
.author-name .author-first-name {
    margin: 0 5px 0 0;
    display: inline-block;
}
.alt-categories {
    margin: 50px 0 0;
}
.alt-categories .owl-item {
    padding: 0 10px;
}
.alt-category {
    overflow: hidden;
    position: relative;
}
.alt-category figure {
    margin: 0;
    position: relative;
    z-index: 1;
}
.alt-category figure a {
    display: block;
}
.alt-category figure a img {
    display: block;
    width: 100%;
    height: auto;
}
.category-content {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    padding: 20px;
}
.category-content .display-table {
    border: 1px solid #fff;
    text-align: center;
}
.category-content .display-table .display-table-cell {
    background: rgba(255, 255, 255, 0.95);
    visibility: hidden;
    opacity: 0;
}
.alt-category:hover .display-table .display-table-cell {
    visibility: visible;
    opacity: 1;
}
.alt-category .post-meta {
    font-size: 11px;
    line-height: 14px;
}
.alt-category .post-meta span:after {
    font-size: 13px;
    line-height: 16px;
}
/* =============================================
                        Post Style 
============================================= */

.alt-post {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 0 50px;
    overflow: hidden;
    padding: 0;
}
.alt-post figure {
    overflow: hidden;
    margin: 0;
}
.alt-post figure.media {overflow: hidden;}

.alt-post figure:hover .alt-img-hover {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}
.alt-post figure .alt-img-hover a {
    width: 60px;
    height: 60px;
    color: #000;
    background: rgba(255, 255, 255, 0.95);
    display: block;
    text-align: center;
    position: absolute;
    top: 20%;
    left: auto;
    right: 50%;
    margin: -30px -62px 0 0;
    border: 1px solid #414141;
}
.alt-post figure .alt-img-hover a:first-child {
    top: 80%;
    left: 50%;
    margin: -30px 0 0 -62px;
}
.alt-post figure:hover .alt-img-hover a {
    top: 50%;
}
.alt-post figure .alt-img-hover a i {
    display: block;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
}
.alt-post figure img {
    display: block;
    position: relative;
    z-index: 1;
}
.alt-post .post-format-icon {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
border-radius: 3px;
font-size: 12px;
height: 35px;
line-height: 35px;
position: absolute;
right: 10px;
text-align: center;
top: 10px;
width: 35px;
z-index: 4;
}
.alt-post-content {
    overflow: hidden;
    padding: 40px 40px 0 40px;
    text-align: center;
}
.alt-post-content h3 {
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 22px;
}
.alt-post-content .post-meta .alt-post-author span {padding: 0 10px 0 0;}
.alt-post-content .post-meta span {
    padding: 0 10px;
    position: relative;
}
.alt-post-content .post-meta a span {
    padding: 0;
    color;
    #000;
}
.alt-post-content .post-meta span.date:before,
.alt-post-content .post-meta span.date:after {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 80px;
    content: '';
    display: block;
    height: 1px;
    background: #b7b5b5;
}
.alt-post-content .post-meta span.date:before {
    left: auto;
    right: 100%;
}
.alt-post-content .description {
    overflow: hidden;
    padding: 0 0 0;
    text-align: left;
}
.small-thumb .alt-post-content .description {
	padding: 0 !important;
}
.alt-post-content .description p {
    margin: 0 0 35px;
}
#content .small-thumb figure {
    width: 38.96%;
    float: left;
    position: relative;
}
#content .small-thumb .alt-post-content {
    float: left;
    padding: 30px;
    text-align: left;
    width: 61.04%;
}


#content .small-thumb .alt-post-content h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 20px;
    text-transform: none;
}
#content .small-thumb .description p {
    margin: 0 0 25px;
}
#content .small-thumb .alt-post-foot {
    padding: 0;
}
#content .small-thumb .post-meta {
    padding: 0;
}
#content .post-format-quote .post-meta,
#content .post-format-quote .post-title,
#content .post-format-quote .alt-btn-countinuereading,
#content .post-format-quote .alt-post-foot {
    display: none;
}
#content .post-format-quote .description::before {
    content: "“";
    display: inline-block;
    font-family: menu;
    font-size: 7em;
    line-height: 0;
    opacity: 0.3;
    position: absolute;
}
#content .post-format-quote .description {
    border: medium none;
    font: 1em/15px "Merriweather", Arial, Helvetica, sans-serif;
    margin: 0;
    opacity: 0.6;
    position: relative;
    text-align: center;
}
#content .post-format-quote .description p {
    font-size: 1.25em;
    font-style: italic;
    line-height: 1.6em;
    margin: 0;
    padding: 0 5%;
}
.post-format-quote .description {
    padding: 40px;
}

.sticky {}
#content .post-sticky .post-format-icon, #content .post-sticky .post-format-icon:hover {color: #fff !important;}
.small-thumb .post-media img:hover {
    transform: scale(1.1)
}
.alt-btn-countinuereading {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 14px;
    position: relative;
    margin: 0 0 40px;
}
.alt-btn-countinuereading:before,
.alt-btn-countinuereading:after {
    width: 1px;
    height: 70%;
    display: block;
    content: '';
    background: #888;
    left: 0;
    top: 15%;
    position: absolute;
}
.alt-btn-countinuereading:before {
    left: auto;
    right: 0;
}
.alt-post-foot {
    overflow: hidden;
    padding: 0 0 20px;
}
.post-social-icons {
    float: left;
}
.post-social-icons li {
    float: left;
    width: 32px;
    list-style: none;
}
.post-social-icons li a {
    display: block;
    height: 15px;
    line-height: 15px;
    text-align: center;
}
.post-social-icons li a i {
    display: block;
    text-align: center;
}
.alt-post-foot .alt-post-author {
    display: block;
    padding: 0;
    color: #414141;
}
.alt-post-foot .alt-post-author:after {
    display: none;
}
.alt-post-foot .post-meta .alt-post-author a {
    display: inline;
    color: #414141;
}
.gallery-post .alt-gallery {
    overflow: hidden;
    margin: 0 0 35px;
}
.gallery-post .alt-gallery figure {
    padding: 5px;
    float: left;
    margin: 0;
}
.gallery-post .alt-gallery figure.small {
    width: 31.7%;
}
.gallery-post .alt-gallery figure.large {
    width: 68.3%;
}
/* =============================================
                        Post Slider Style 
============================================= */

.alt-post.alt-post-slider .post-slider {
    margin: 0 0 40px;
}
.alt-post.alt-post-slider .post-slider .item {
    overflow: hidden;
}
.alt-post.alt-post-slider .post-slider figure {
    margin: 0;
}
.post-meta.category-name span {
    text-transform: uppercase;
}
.post-meta.category-name a {
    margin: 0 10px;
}
/* =============================================
                        Video Post Style 
============================================= */

.alt-post .thumbnail-video {
    overflow: hidden;
    margin: 0 0 40px;
}
.alt-post .thumbnail-video iframe {
    height: 470px;
    width: 100%;
}
.single-main-content .thumbnail-video iframe {
    height: 470px;
    margin: 0 0 20px;
    width: 100%;
}
#content .small-thumb .thumbnail-video iframe {
    min-height: 215px;
    min-width: 330px;
}
#content .small-thumb .thumbnail-video {
    float: left;
    margin: 0;
    overflow: hidden;
}
#content .small-thumb #alt-post-slider {
    width: 330px;
    float: left;
    margin: 0;
    overflow: hidden;
}
.single-main-content .thumbnail-audio {
    margin: 0 0 20px;
    overflow: hidden;
}
.single-format-quote .single-main-content-bottom,
.single-format-quote .author-bio {
    display: none;
    opacity: 0;
    height: 1px;
}
/* =============================================
                        Audio Post Style 
============================================= */

.alt-post.alt-audio-post .audio {
    overflow: hidden;
    margin: 0 0 40px;
}
.alt-post.alt-audio-post .audio iframe {
    height: 200px;
    width: 100%;
}
/* =============================================
    Blockquote Post Style 
============================================= */

.alt-post.alt-blockpuote-post .blockquote {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 2;
    padding: 80px 100px;
    text-align: center;
}
.blockquote blockquote {
    font-size: 28px;
    line-height: 36px;
    color: #000;
    padding: 0;
    margin: 0;
    border: 0;
}
.writter-name {
    overflow: hidden;
}
.writter-name span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    position: relative;
    color: #000;
    font-size: 18px;
    line-height: 21px;
}
.writter-name span:before,
.writter-name span:after {
    width: 70px;
    height: 1px;
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    background: #b7b5b5;
}
.writter-name span:before {
    left: auto;
    right: 100%;
}
.alt-post.alt-blockpuote .blockquote {
    position: static;
    background: #fbfbfb;
    color: #414141;
    padding: 40px 100px;
    text-align: center;
    margin: 0 0 40px;
    font-weight: normal;
}
.alt-post.alt-blockpuote .blockquote blockquote {
    font-size: 18px;
    line-height: 26px;
}
.next-previous {
    overflow: hidden;
    padding: 80px 0;
}
.next-previous .older-post {
    float: right;
    position: relative;
    padding: 0 10px;
    margin: 0 50px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
.next-previous .older-post:before,
.next-previous .older-post:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #b7b5b5;
    position: absolute;
    top: 50%;
    left: 100%;
}
.next-previous .older-post:before {
    left: auto;
    right: 100%;
}
.next-previous .older-post a {
    display: block
}
/* =============================================
        Single post
============================================= */

.alt-box-shadow {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 0 30px;
}
.post_content p {
    margin: 0 0 20px 0;
}
.post_content ul {
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
}
.post_content ul li,
.comment-content ul li,
.comment-content ol li

{
    color: #888;
    list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
}
.single-main-content .post_content {
    padding: 20px 40px;
}
.single-main-content .single-main-content-bottom {
border-top: 1px solid #eee;
clear: both;
margin: 20px 0 0;
overflow: hidden;
padding: 20px 40px;
}
.single-main-content .single-main-content-bottom .post-tags {
    color: #888;
    font: 12px/15px "Merriweather", Arial, Helvetica, sans-serif;
}
.single-main-content .single-main-content-bottom .post-tags a {
    margin: 0 5px;
}
.single-main-content blockquote::before,
.single-format-quote .post_content::before {
    content: "“";
    display: block;
    font-family: menu;
    font-size: 7em;
    line-height: 0;
    opacity: 0.3;
    position: relative;
}
.single-main-content article {
    overflow: hidden;
}
.single-main-content blockquote,
.single-format-quote .post_content {
    border: medium none;
    font: 1em/15px "Merriweather", Arial, Helvetica, sans-serif;
    margin: 45px 0 25px;
    opacity: 0.6;
    position: relative;
    text-align: center;
}
.single-main-content blockquote p,
.single-format-quote .post_content p {
    font-size: 1.25em;
    font-style: italic;
    line-height: 1.6em;
    margin: 0;
    padding: 0 5%;
}
figcaption.wp-caption-text {
    text-align: center;
    background: #f9f9f9;
    padding: 10px;
    color: #888;
    font-size: 90%;
}
.author-bio {
    padding: 40px;
}
.author-bio .author-bio-avatar {
    float: left;
    margin: 0 20px 0 0;
}
.author-bio .author-bio-avatar img {
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    padding: 2px;
}
.author-bio .author-bio-content .alt-post-author {
    font-size: 18px;
    font-weight: bold;
}
.author-bio .author_description {
    margin: 10px 0 0 80px;
}
.post-nav {
    padding: 40px;
}
.post-nav .arrow {
    display: block;
}
.post-nav .arrow i {
    margin: 0 5px;
}
.single_post_meta {
    color: #888;
    font: 12px/15px "Merriweather", Arial, Helvetica, sans-serif;
    overflow: hidden;
    padding: 0 0 20px;
}
.single_post_meta i {
    margin: 0 5px 0 0;
}
.related_posts {
    margin: 0 0 50px 0;
}
.related_posts .alt-categories {
    margin: 0;
}
.related_posts h4.related_title span::before {
    left: auto;
    right: 100%;
}
.related_posts .recent-post .post-data {
    overflow: unset;
    padding: 0;
}
.related_posts .recent-post .post-thumb {
    background: #eee none repeat scroll 0 0;
    float: none;
    margin: 0 0 20px;
    min-height: 120px;
    overflow: hidden;
}
.related_posts .related-post-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 7px;
}
.related_posts .related-post-box .post-data {
    padding: 0 10px;
}
/* =============================================
        Archive Style 
============================================= */

.archive-header {
    padding: 50px 0;
    text-align: center;
}
.archive-header-2 {
    padding: 20px 0;
}
.archive-header .archive-title h2{
	font-size: 34px;
} 

.archive-header .archive-description {
    color: #888;
    font: italic 12px/15px "Merriweather", Arial, Helvetica, sans-serif;
    overflow: hidden;
    text-align: center;
}
.archive-header .bread li {
    display: inline;
    margin: 0 3px;
}
.archive-header .bread li.separator {
    color: #888;
}
.archive-header .bread li strong {
    color: #888;
    font-weight: 500;
}
.masonry .masonry-item .alt-post {
    margin: 0;
}
.masonry .masonry-item .alt-post-content {
    text-align: left;
}
.masonry .masonry-item h3.post-title {
    font-size: 18px;
}
.archive-header .author_box img {
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 0 20px;
    padding: 2px;
}
/* =============================================
                        Page 404 
============================================= */

.page_404 {
    min-height: 500px;
    padding: 50px 0;
    text-align: center;
}
.search-404 input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 20px 0 0;
    width: 50%;
}
/* =============================================
                        Pagination 
============================================= */

.site-pagination {
    margin-bottom: 30px;
}
.site-pagination ul {
    margin: 0;
    padding: 0;
}
.site-pagination li {
    display: inline;
    list-style: outside none none;
}
.site-pagination a,
.site-pagination span {
    background-color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 3px;
    min-width: 40px;
    padding: 0 15px;
    text-align: center;
}
.site-pagination span.current {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    height: 40px;
    line-height: 40px;
    min-width: 40px;
}
/* =============================================
                        Sidebar Style 
============================================= */
.grid-wrap {
  overflow: hidden;
}
.grid-wrap .style-2 {
  height: 450px;
  width: 25%;
}
.grid-post, .poster-image {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
}
.grid-post {
  float: left;
  overflow: hidden;
  position: relative;
}
.grid-post {
  height: 560px;
  width: 50%;
}
.grid-post .wrap {
  display: block;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.grid-post .layouts, .latest-big .post-data {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.41) 100%) repeat scroll 0 0;
  bottom: 0;
  padding: 50px 30px 30px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.grid-post:hover .layouts {
	 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.51) 100%) repeat scroll 0 0;
}
.grid-post.style-1.nr-1 h2 {
  font-size: 46px;
  line-height: 1;
}
.grid-post h2 a, .grid-post .poster-comments a, .grid-post .poster-shares {
  color: #fff;
}
.grid-post h2 {
  color: white;
  font-weight: 900;
  padding: 5px 0 0;
  text-shadow: 0 0 100px rgb(0, 0, 0);
}
.grid-post .post-meta {
  color: #fff;
  display: inline-table;
  font-size: 12px;
	overflow: hidden;
	text-align: center;
}
.grid-post.nr-2.style-1 {
  height: 280px;
  width: 50%;
}
.grid-post.style-1.nr-3, .grid-post.style-1.nr-4 {
  height: 280px;
  width: 25%;
}
.grid-post .wrap {
  display: block;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}
.grid-post, .poster-image {
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
}
.altpost-image {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.altpost-image img {
  height: auto;
  left: 50%;
  min-height: 101%;
  min-width: 101%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.grid-post .post-meta span a {
  color: #fff;
}
.poster-cat .alttheme-background {
  color: #fff;
  padding: 2px 10px;
}













.widget-area select { max-width: 200px; }
.widget-area select option{ max-width: 200px; }
.sidebar-widget {
	margin: 0 0 30px;
}
#sidebar .sidebar-widget {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 0 30px;
    overflow: hidden;
    padding: 25px 15px;
}
.sidebar-widget h4 {
    text-align: center;
    margin: 0 0 20px;
    overflow: hidden;
    line-height: normal;
}
.sidebar-widget h4 span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 10px;
}
.sidebar-widget h4 span:before,
.sidebar-widget h4 span:after {
    content: '';
    display: block;
    width: 500px;
    position: absolute;
    top: 50%;
    left: 100%;
    background: #eee;
    height: 1px;
}
.sidebar-widget h4 span:before {
    left: auto;
    right: 100%;
}
.widget_categories ul {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.widget_categories ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_archive ul li:first-child,
.widget_meta ul li:first-child,
.widget_rss ul li:first-child,
.widget_nav_menu ul li:first-child,
.widget_pages ul li:first-child
 {
    border: 0 none;
    padding-top: 0;
}
.widget_categories li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_meta li,
.widget_rss li,
.widget_nav_menu li,
.widget_pages li
 {
    border-top: 1px solid #dedede;
    list-style: outside none none;
    overflow: hidden;
    padding: 5px;
}
.sidebar-widget .facebook-plugin {
    overflow: hidden;
}
.sidebar-widget.add img,
.sidebar-widget .facebook-plugin img {
    display: block;
    width: 100%;
    height: auto;
}
.widget_search .search-field {
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 12px;
font-weight: 400;
height: 40px;
line-height: 40px;	
}
.widget_search .search-submit {
border: 0 none;
color: #222;
float: right;
font-weight: normal;
padding: 5px 15px;
text-transform: uppercase;
}
.widget-area .widget_alithemes_about {
    text-align: center;
}
.about-widget-social-network {
    border: 0 none;
}
.widget-area .about-widget-img {
    background: #fff none repeat scroll 0 0;
    
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    padding: 5px;
}
.widget_alithemes_about .circle .about-widget-img {
	border-radius: 100%;
}
.about-widget-img {
    margin: 0 0 20px;
}
.about-widget-img-admin {
    width: 100px;
    height: auto;
}
.about-widget-content {} .author-img {
    width: 176px;
    height: 176px;
    border: 1px solid #e0e0e0;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
}
.author-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 3px solid #fff;
}
.author-img:hover img,
.author-img:hover {
    border-radius: 0;
}
.alith-banner-adv {text-align: center;}
.recent-post ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.recent-post ul li {
    list-style: none;
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #eee;
}
.recent-post ul li:first-child {
    padding-top: 0;
    border: 0;
}
.recent-post-big-thumb {
    overflow: hidden;
}
.recent-post-big-thumb img.mini-widget-thumb {
    margin: 0 0 20px 0;
}
.recent-post-big-thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.recent-post-big-thumb ul li {
    list-style: none;
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #eee;
}
.recent-post-big-thumb ul li:first-child {
    padding-top: 0;
    border: 0;
}
/***Tags**/

.sidebar-widget .tagcloud a {
    border-bottom: 1px solid #dedede;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 2px 10px;
}
/*comment widget*/

.alith-recent-comments-widget {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.alith-recent-comments-widget li {
    margin: 0;
    padding: 6px 0;
}
.alith-recent-comments-widget .alith-avatar {
    float: left;
    margin-right: 20px;
    width: 45px;
}
.alith-recent-comments-widget .alith-avatar img {
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    padding: 2px;
}
.alith-recent-comments-widget .alith-details {
    color: #484848;
    overflow: hidden;
}
.alith-recent-comments-widget .alith-details strong {
    font-weight: 500;
}
.alith-recent-comments-widget .alith-details span {
    font-family: "PT Serif";
}
.alith-recent-comments-widget .alith-details a {
    color: #000;
    font-style: italic;
}
#categories-slider {overflow: unset !important;}
#categories-slider .owl-item > div {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    padding: 10px;
}
#categories-slider .owl-controls .owl-buttons div.owl-prev {
	left: -15px;
}
#categories-slider .owl-controls .owl-buttons div.owl-next {
	right: -15px;
}
.recent-post .post-thumb {
    background: #f9f9f9 none repeat scroll 0 0;
    float: left;
    margin: 0 15px 0 0;
    min-height: 75px;
    min-width: 75px;
    overflow: hidden;
}
.recent-post-big-thumb .post-thumb, .alith-banner-adv .adv-thumb {
    overflow: hidden;
}
.recent-post h5,
.recent-post-big-thumb h5 {
    font-size: 14px;
}
.time-ago {
    display: inline-block;
    font: italic 10px/15px "Merriweather", Arial, Helvetica, sans-serif;
}
.show_hide.fa.fa-close.pull-right {
    margin: 18px;
}
.recent-post .post-thumb a {
    display: block;
}
.recent-post .post-thumb a img {
    display: block;
}
.recent-post .post-thumb a img:hover,
.recent-post-big-thumb .post-thumb a img:hover,
.alt-post figure.post-media  img:hover,
.alith-banner-adv a img:hover
 {
    transform: scale(1.1)
}
.recent-post .post-data {
    min-height: 72px;
    overflow: hidden;
    padding: 0 0 6px;
}
.recent-post .post-data span {
    display: inline-block;
    font: normal 10px/15px 'Merriweather', Arial, Helvetica, sans-serif;
    font-style: italic;
}
.recent-post .post-data span.date {
    display: block;
}
.post-data span.number {
    float: left;
    font-family: serif;
    font-size: 30px;
    font-style: italic;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 50px;
}
.widget_alith_instagram li a {
    display: block;
    overflow: hidden;
}
.widget_alith_instagram li a img:hover {
    transform: scale(1.1)
}
#sidebar .sidebar-widget.alt-search {
    padding: 18px;
    margin: 0 0 30px;
    background: #fbfbfb;
}
.alt-search-form {
    overflow: hidden;
    border: 1px solid #b7b5b5;
    position: relative;
}
.alt-search-form fieldset {
    overflow: hidden;
}
.alt-search-form fieldset input {
    padding: 0 40px 0 10px;
    height: 37px;
    line-height: 37px;
    border: 0;
}
.alt-search-form fieldset input:focus {
    border: 0;
}
.alt-search-form fieldset button {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 4px 10px;
}
.blog-category {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-category li {
    overflow: hidden;
    list-style: none;
    padding: 5px;
    border-top: 1px solid #dedede;
}
.blog-category li:first-child {
    padding-top: 0;
    border: 0;
}
.blog-category li a {
    display: block;
    clear: both;
}
.blog-category li a em {
    float: left;
}
.blog-category li a i {
    float: right;
}
.blog-category li a em,
.blog-category li a i {
    font-style: normal;
}

/*=======================================
		comment style
========================================*/

.comment-wrapper {
    overflow: hidden;
    padding: 40px;
}
.comment-wrapper {
    margin-bottom: 40px;
}
.comment-wrapper li {
    list-style: none;
}
.comment-wrapper #comments label {
    display: none;
}
textarea {
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-height: 150px;
    outline: 0 none;
    padding: 15px;
    width: 100%;
}
.comment-wrapper #comments .form-submit {
    margin-top: 10px;
}
.comment-wrapper input[type="submit"],
.post_content input[type="submit"] {
    border: 0 none;
    float: right;
    font-weight: normal;
    text-transform: uppercase;
    width: 33.333%;
}
.comment-wrapper input[type="submit"]:hover,
.post_content input[type="submit"]:hover {
    color: #fff;
}
.comment-wrapper input,
.post_content input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #222;
    font-weight: normal;
    outline: 0 none;
    padding: 10px;
    width: 100%;
}
.comment-wrapper #comments h3 small {
    font-size: 12px;
}
.comment-wrapper .commentlist {
    margin-top: 70px;
}
.comment-wrapper .commentlist {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.comment-wrapper.commentlist li {
    margin-bottom: 25px;
    overflow: hidden;
    list-style: none;
}
.comment-wrapper .commentlist li .comment-meta {
    margin: 40px 0 0;
    overflow: hidden;
}
.comment-wrapper .commentlist li .comment-author.vcard img {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
    float: left;
    height: 60px;
    margin-right: 15px;
    padding: 2px;
    width: 60px;
}
.comment-wrapper .commentlist li .comment-author.vcard .fn {
    float: left;
    margin: 0 10px 0 0;
}
.comment-wrapper .commentlist li .comment-metadata {
    float: left;
}
.comment-wrapper .commentlist article {
    margin: 0 0 30px 0;
}
.comment-wrapper .commentlist li .comment-metadata a {
    color: #999;
    font-size: 12px;
}
.comment-wrapper .commentlist li p.comment-awaiting-moderation {
    color: orange;
    margin-top: 30px;
}
.comment-wrapper .commentlist li .comment-content {
    margin: 0 0 10px 75px;
}
.comment-wrapper .commentlist li .reply {
    margin-left: 75px;
}
.comment-wrapper .commentlist li ul.children {
    list-style: outside none none;
    margin: 25px 0 25px 25px;
    padding: 0;
}
.comment-wrapper .commentlist li ul.children li:last-child {
    margin-bottom: 0;
}
.comment-wrapper .commentlist li ul.children .comment-content {
    margin: 0 0 10px 75px;
}
.comment-wrapper .commentlist li ul.children .reply {
    margin-left: 75px;
}
.comment-wrapper .commentlist li .reply a {
    border-bottom: 1px solid #eee;
    border-radius: 0;
    float: right;
    font-size: 90%;
    padding: 0 10px;
}
.comment-wrapper .comment-date {
    color: #888;
    font-size: 12px;
}
.comment-wrapper .comment-respond {
    padding: 40px 0 0 0;
}
h3#comments {
    font-size: 18px;
}
/* =============================================
        Footer Style 
============================================= */

#footer .bottom ul.alith-instagram-grid-widget {
    background: #fff;
    padding: 20px 0;
}
#footer h5.widget-title {
    margin: 0 0 30px 0;
}
#footer .plugin-instagram {
    overflow: hidden;
    text-align: center;
}
#footer .plugin-instagram h4 {
    margin: 0 0 30px;
    text-transform: uppercase;
}
.instagram-gallery {
    overflow: hidden;
}
.instagram-gallery .item {
    float: left;
    width: 14.28%;
    overflow: hidden;
}
.instagram-gallery .item a {
    display: block;
}
.instagram-gallery .item img {
    display: block;
    width: 100%;
    height: auto;
}
.instagram-gallery .item img:hover {
    transform: scale(1.1);
}
#footer .box .social-icon {
    border: 0;
    padding: 0;
    height: auto;
    line-height: normal;
}
#footer .box .social-icon li {
    line-height: normal;
}
.form-newsletter {
    overflow: hidden;
}
.form-newsletter fieldset {
    overflow: hidden;
}
.form-newsletter fieldset .form-group {
    margin-bottom: 9px;
}
.form-newsletter fieldset .form-group input {
    width: 100%;
    background: none;
    border: 1px solid #e7e7e7;
    height: 35px;
    line-height: 35px;
    padding-top: 0;
    padding-bottom: 0;
}
button[type="submit"].btn-send {
    background: #414141;
    width: 180px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 0;
    float: left;
}
.form-newsletter fieldset .form-group button:hover,
button[type="submit"].btn-send:hover {
    background: #ccc;
    color: #414141;
}
.form-newsletter fieldset .form-group button {
    background: #414141;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    padding: 0;
}
#footer .box .instagram {
    overflow: hidden;
    margin: -5px;
}
#footer .box .instagram .item {
    width: 25%;
    float: left;
    padding: 5px;
    overflow: hidden;
}
#footer .box .instagram .item a {
    display: block;
    overflow: hidden;
}
#footer .box .instagram .item a img:hover {
    transform: scale(1.1)
}
.three-columns {
    background: #fbfbfb;
    overflow: hidden;
    padding: 80px 0;
}
.copyright {
    background: #414141;
}
.copyright p {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin: 30px 0;
    text-align: center;
}
/* =============================================
    Three Columns Post Style 
============================================= */

.three-columns-post #content {
    padding: 0 0 50px;
}
.three-columns-post .alt-post {
    padding: 2px;
    border: 1px solid #f3f3f3;
    border-top: 0;
    border-radius: 3px;
    margin: 0 0 30px;
}
.three-columns-post .alt-post figure {
    margin: 0 0 20px;
}
.three-columns-post .alt-post-content {
    padding: 0 10px;
}
.three-columns-post .alt-post-content h3 {
    margin: 0 0 5px;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 22px;
}
.three-columns-post .alt-post-content .post-meta {
    padding: 0 0 10px;
}
.three-columns-post .alt-post-content .post-meta span.date:before,
.three-columns-post .alt-post-content .post-meta span.date:after {
    width: 30px;
}
.three-columns-post .alt-post-content .description {
    padding: 0 0 20px;
}
.three-columns-post .alt-post-content .description p {
    margin: 0;
}
.three-columns-post .alt-post-content .alt-btn-countinuereading {
    margin: 0 0 15px;
}
.three-columns-post .alt-post-content .alt-post-foot {
    padding: 0;
    border: 0;
}
.three-columns-post .alt-post-content .alt-post-foot .alt-post-author {
    padding: 0;
}
.three-columns-post .post-social-icons {
    padding: 8px 0 5px;
    overflow: hidden;
    float: none;
    text-align: center;
    border-top: 1px solid #d9d9d9;
}
.three-columns-post .post-social-icons li {
    width: 20%;
}
.post-meta span.author img {
  border-radius: 100%;
  float: left;
  height: 15px;
  margin: 0 5px 0 0;
  width: 15px;
}
/* =============================================
     Masonry Post Style 
============================================= */

.three-columns-post .portfolio-content .alt-post {
    border: 1px solid #f3f3f3;
}
.masonry-grid {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}
.three-columns-post .portfolio-content .alt-post figure {
    margin: 0;
}
.three-columns-post .portfolio-content .alt-post .alt-post-content {
    padding-top: 20px;
}
.three-columns-post .portfolio-content .alt-post blockquote {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
/* =============================================
     Page Style 
============================================= */

.page #content figure {
    margin: 0 0 30px;
}
.page #content h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 30px;
}
.page #content .description {
    padding: 0 0 55px
}
.page #content .description p {
    margin: 0 0 25px;
}
.page #content .description h2 {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 21px;
}
.reply-form {
    overflow: hidden;
}
.reply-form textarea,
.header-search-form input,
.reply-form .form-control {
    color: #414141;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}
.reply-form textarea {
    height: 230px;
    line-height: 24px;
    resize: none;
    padding: 5px 10px;
}

.page.post-detail #content .description {
    padding: 0;
}
.page #content .description p strong {
    font-size: 18px;
    font-weight: 600;
}
.alt-tags {
    overflow: hidden;
    text-align: center;
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
    font-style: italic;
    padding: 0 0 30px;
}
.alt-tags li {
    display: inline-block;
    vertical-align: middle;
}
.alt-tags li a {
    display: block;
    color: #888;
}
.page.post-detail #content .next-previous {
    padding: 40px 0;
}
.next-previous .prev-post,
.next-previous .next-post {
    float: right;
    position: relative;
    padding: 0 10px;
    margin: 0 50px;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
.next-previous .prev-post {
    float: left;
}
.next-previous .prev-post:after,
.next-previous .prev-post:before,
.next-previous .next-post:after,
.next-previous .next-post:before {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #b7b5b5;
    position: absolute;
    top: 50%;
    left: 100%;
}
.next-previous .prev-post:before,
.next-previous .next-post:before {
    left: auto;
    right: 100%;
}
.next-previous .older-post a {
    display: block
}
.author .author-img img {
    border: 1px solid #fff;
}
.meta {
    overflow: hidden;
    padding: 21px 0;
    text-align: right;
    line-height: 16px;
    font-size: 12px;
    font-style: italic;
    font-family: 'Merriweather', Arial, Helvetica, sans-serif;
}
.meta span {
    display: block;
}
.alt-banner #home-slider figure img {max-height: 500px;}
.home-slider .owl-controls .owl-buttons div {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #414141;
}
.home-slider .owl-controls .owl-buttons div i {
    line-height: 80px;
}
.home-slider .owl-controls .owl-buttons div {
    height: 80px;
}
.home-slider .owl-controls .owl-buttons div.owl-next {
    margin: -40px 0 0;
}
.home-slider .owl-controls .owl-buttons div.owl-prev:hover,
.home-slider .owl-controls .owl-buttons div.owl-next:hover {
    background: rgba(66, 66, 66, 0.5)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    float: left;
}
.masonry {
    display: block;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
/* 5 columns */

.masonry.masonry-columns-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}
@media(max-width: 1170px) {
    .masonry.masonry-columns-5 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}
/*-4 columns------*/

.masonry.masonry-columns-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
/*-3 columns------*/

.masonry.masonry-columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
/*-2 columns------*/

.masonry.masonry-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
/*-1 columns------*/

.masonry.masonry-columns-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
/*--------Responsive---------*/