/*
Theme Name: Mixano
Theme URI: https://wowlayers.com/wordpress-themes/mixano-landing/
Author: WOW Layers
Author URI: https://wowlayers.com/
Description: Minimal theme built for speed. Achieve perfect desktop and mobile page speed score. Built-in optimization. Layout with 1, 2, 3, 4 columns, and sidebar. Customize logo, colors, blog layout, add social link profiles.
Version: 1.2.6
Tags: blog, news, two-columns, right-sidebar, featured-images, translation-ready, custom-header, theme-options, custom-colors, footer-widgets
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mixano
*/

/*
TABLE OF CONTENTS
*****************************************************************************************
1.Reset CSS
2.Grid
3.WordPress Core
4.Theme core
5.Colors
6.Header
7.Menu
8.Breadcrumb navigation
9.Blog
10.Widgets
11.Slick Slider
12.Various ( Search page, 404 page, pagination, social share, footer, responsive trigger, slider , contact form 7 )
13.Responsive
*/
html {
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body {
  margin: 0;
  position:relative;
}

main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0; 
  overflow: visible; 
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}
a {
  background-color: transparent;
	
}
a, 
button{ 
	-webkit-tap-highlight-color:  rgba(0, 0, 0, 0); 
	outline: none;
}
abbr[title] {
  border-bottom: none; 
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}
*:focus:not(.focus-visible) {
  outline: none;
}
.focus-visible {
  outline: lightgreen solid 2px;
}
input[name="MERGE0"].focus-visible ,
input[name="s"].focus-visible {
  outline: none
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  display: block;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  outline:none
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 1.85em 0.625em;
  margin-bottom: 20px;
  border-width:1px;

}

legend {
  box-sizing: border-box; 
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal; 
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  line-height: 1.7em;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}


details {
  display: block;
}

summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}

/*
2.Grid
================================================================================================================================
*/
.col-desktop-1,
.col-desktop-10,
.col-desktop-11,
.col-desktop-12,
.col-desktop-2,
.col-desktop-3,
.col-desktop-4,
.col-desktop-5,
.col-desktop-6,
.col-desktop-7,
.col-desktop-8,
.col-desktop-9,
.col-tablet-1,
.col-tablet-10,
.col-tablet-11,
.col-tablet-12,
.col-tablet-2,
.col-tablet-3,
.col-tablet-4,
.col-tablet-5,
.col-tablet-6,
.col-tablet-7,
.col-tablet-8,
.col-tablet-9,
.col-small-tablet-1,
.col-small-tablet-10,
.col-small-tablet-11,
.col-small-tablet-12,
.col-small-tablet-2,
.col-small-tablet-3,
.col-small-tablet-4,
.col-small-tablet-5,
.col-small-tablet-6,
.col-small-tablet-7,
.col-small-tablet-8,
.col-small-tablet-9,
.col-mobile-1,
.col-mobile-10,
.col-mobile-11,
.col-mobile-12,
.col-mobile-2,
.col-mobile-3,
.col-mobile-4,
.col-mobile-5,
.col-mobile-6,
.col-mobile-7,
.col-mobile-8,
.col-mobile-9 {
	position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
	min-width: 0px;
}
@media (max-width:479px){ 
	.col-mobile-12{
        flex: 0 0 100%;
		max-width:100%;
    }
    .col-mobile-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-mobile-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-mobile-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-mobile-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-mobile-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-mobile-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-mobile-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-mobile-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-mobile-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-mobile-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-mobile-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:480px) and ( max-width:767px ){ 
	.col-small-tablet-12{
        flex: 0 0 100%;
		max-width:100%;
    }
    .col-small-tablet-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-small-tablet-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-small-tablet-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-small-tablet-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-small-tablet-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-small-tablet-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-small-tablet-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-small-tablet-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-small-tablet-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-small-tablet-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-small-tablet-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:767px) and ( max-width:1023px ){  
	.col-tablet-12{
        flex: 0 0 100%;
		max-width:100%;		
    }
    .col-tablet-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-tablet-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-tablet-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-tablet-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-tablet-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-tablet-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-tablet-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-tablet-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-tablet-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-tablet-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-tablet-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:1024px){
    .col-desktop-12{
        flex: 0 0 100%;
		max-width:100%;
    }    
    .col-desktop-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-desktop-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-desktop-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-desktop-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-desktop-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-desktop-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-desktop-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-desktop-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-desktop-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-desktop-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-desktop-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
	
	.col-single-10{
        flex: 0 0 10%;
		max-width:10%;
    }	
	.col-single-50{
        flex: 0 0 50%;
		max-width:50%;
    }	
	.col-single-13{
        flex: 0 0 13%;
		max-width:13%;
    }	
	.col-single-27{
        flex: 0 0 27%;
		max-width:27%;
    }
}
.site-grid{
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
	position:relative;
	
}
.site-grid:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:200px;
	
}
.site-grid-inner{
	padding:0 25px;
	position:relative;
}
.mixano-row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -25px;
    margin-left: -25px;
}
.mixano-inner-row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container{
	max-width:1090px;
	margin:auto;
	position: relative;
	width: 100%;
}
.container.carousel{
	max-width:1300px;
	margin:auto;
}

/*
3.WordPress Core
================================================================================================================================
*/
.alignnone {
    margin: 5px 20px 20px 0;
}

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

.alignright {
    float:right;
	margin: 25px 0 40px 20px;
}
p .alignright{
	clear:both
}
.alignleft,
.wp-block-cover.alignleft{
    float: left;
    margin: 25px 20px 40px 0;
}
.wp-block-image {
    margin-left:0;
    margin-right:0;
	margin-top: 40px;
}
.wp-block-column > p:first-of-type,
.wp-block-column > ol:first-of-type,
.wp-block-column > ul:first-of-type{
	margin:0
}
.wp-block-group__inner-container{
	padding:25px;
	margin:50px 0;
	display:block
}
body .wp-block-image figcaption{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 9px;
    margin-top: 30px
}
a img.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

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

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

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border-style:solid;
	border-width:1px;
    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;
    padding: 10px;
    width: auto;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.wp-block-gallery .blocks-gallery-item figcaption{
	box-sizing:border-box
}
.wp-block-gallery.alignleft{
	margin-right:20px;
	margin-top:20px
}
.wp-block-gallery.alignright{
	margin-left:20px;
	margin-top:20px
}
.blocks-gallery-caption{
	margin:0 0 20px 0
}
.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
    border-radius: 0 0 4px 4px;
}
body .blocks-gallery-grid .blocks-gallery-image figcaption, 
body .blocks-gallery-grid .blocks-gallery-item figcaption, 
body .wp-block-gallery .blocks-gallery-image figcaption, 
body .wp-block-gallery .blocks-gallery-item figcaption {
    padding: 40px 10px 19px;
    line-height: 1.4em;
}
dl.gallery-item img{
	text-align:center;
	margin:auto;
	margin-bottom:10px;
	border:none !important
}
.wp-block-table{
	overflow-X:auto;
}
.gallery-item .gallery-icon{
	padding:5px
}
.wp-block-media-text.has-background.has-media-on-the-right{
	padding:20px 30px 20px 0;
	margin-top:40px
}
.wp-block-audio{
	margin-left:0
}
.wp-caption-text.gallery-caption{
	font-size:14px
}
.entry-attachment .article-title{
	padding-top: 40px;
}
.entry-attachment p{
    padding-bottom: 30px;
    margin-bottom: 0;
}
.entry-attachment img{
    padding-bottom: 30px;
}
.wp-block-quote,
.wp-block-pullquote {
    padding: 0 30px;
    margin: 0 0 25px 0;
    position: relative;
    z-index: 1;
}
figure.wp-block-quote,
figure.wp-block-pullquote{
	padding-left:0
}
body .wp-block-cover p:not(.has-text-color){
	color:#fff
}
.wp-block-button{
	margin-bottom: 20px;
}
.wp-block-button__link{
	transition: all .3s ease;
	font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
blockquote.is-style-large,
blockquote.is-style-large p{
	font-size:24px
}
.article-single ul.wp-block-gallery,
.page ul.wp-block-gallery{
	padding-left:0 !important;
	padding-right:20px
}
ul[class^=wp-block-]{
	margin-left:0;
	padding-left:0
}
.wc-block-grid__product-image img {
    height: auto;
}
.wp-block-search{
	position:relative
}
.wp-block-search button[type="submit"]{
	position: absolute;
    right: 0;
    top: 24px;
}
.rtl .wp-block-search button[type="submit"]{
	position: absolute;
    right: auto;
	left:0;
    top: 24px;
}
.wp-block-table{
	margin:0;
	margin-bottom:30px
}
.is-style-stripes table td{
	border:none
}
.is-style-regular table td,
.is-style-regular table th{
	padding: 10px;
}
.gallery-caption{

}
.bypostauthor{
	
}
.wp-block-embed{
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    overflow-x: auto;
}
.wp-block-embed iframe{
	width:100%
}
.twitter-tweet{
	overflow-x:auto
}
.widget_media_gallery img{
	height:auto;
	border:none !important;
	border-radius:5px
}
.widget_media_gallery dt{
	margin-right:8px
}
.widget_media_gallery .gallery-item{
	margin:0 !important
}
.has-large-font-size {
    line-height: normal;
}
div[class^=wc-block] ul{
	list-style-type:none
}
body .articles .post.sticky:after{
	opacity:1;
	width:100%
}
pre.wp-block-code {
    background: none;
    padding: 0;
}
body .wp-block-cover, 
body .wp-block-cover-image {
    height: auto;
	margin: 20px 0;
}

/* 4.Theme core */
body{
	font-size:16px;
	counter-reset: menu-counter;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
::-moz-selection {
  color: #FFF;
  background: #ff4f37;
}

::selection {
  color: #FFF;
  background:  #ff4f37;
}
h1{
	font-size:56px;
	line-height:1.25em;
	letter-spacing: -0.025em;
}
h2{
	font-size:42px;
	line-height:1.4em;
	letter-spacing: -0.025em;
}
h3{
	font-size:32px;
	line-height:1.25em
}
h4{
	font-size:24px;
	line-height:1.33em
}
h5{
	font-size:18px;
}
h6{
	font-size:16px;
}
.widget br {
   display: block;
   margin: 10px 0;
   line-height:22px;
   content: " ";
}
.upper-heading,
.widget h2{
    font-size: 12px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    transform: scale(1, 0.88);
    -webkit-transform: scale(1, 0.88);
    -moz-transform: scale(1, 0.88);
    -ms-transform: scale(1, 0.88);
    -o-transform: scale(1, 0.88);
	display: inline-block;
}
.upper-heading-2{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
}
.line,
.dark-line{
    width: 20px;
    height: 1px;
    display: inline-block;
    margin-left: 10px;
	vertical-align: middle;
	margin-top: -4px;
}
.rtl .line,
.rtl .dark-line{
    margin-left: 0;
    margin-right: 10px;
}
.overlay-text:after{
	position:absolute;
	font-size:300px;
	width:100%;
	left:0;
	top:0;
	z-index:0;
	text-align:center;
	font-weight:700;
	overflow:hidden;
	letter-spacing:-0.04em
}
a{
	text-decoration:none;
	transition: color .2s, border-color .2s;
	cursor:pointer;
}
p{
	line-height:1.7em;
	margin:30px 0
}
li{
	position:relative
}
li,dt,dd{
	line-height:1.7em
}
ul{
	list-style-type:none;
	padding-left:20px
}
b, strong, dt, th{
	font-weight:bold
}
img{
	max-width:100%;
	transition:all .3s ease
}
table {
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  padding: 10px 15px 10px 0;
  border-left: none;
  border-top: none;
  border-right: none;
}
pre,code{
    font-size: 14px;
    line-height: 1.33em;
	border-radius:5px;
}
pre{
	padding:20px;
}
code{
	padding:5px 15px;
	display:inline-block;	
}
input[type="submit"]{
	border:none;
	border-radius:5px;
	padding:14px 24px;
	transition:background 0.3s ease;
	cursor:pointer;
}
input[type="search"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type=tel],
textarea{
	border-radius:5px;
	padding:13px 24px;
	border-width: 1px;
	border-style: solid;
	box-sizing:border-box;
	width:100%
}
button,
a.button,
.form-submit #submit,
.wpcf7 .wpcf7-submit{
	border-radius:0px 24px 24px 24px;
	border:none;
	padding:22px 24px;
	transition:all .4s ease;
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing: 1px
}
button:hover,
a.button:hover,
.form-submit #submit:hover,
.wpcf7 .wpcf7-submit:hover{
	border-radius:0px;
}
.slick-slider button:hover{
	border-radius:50% !important
}

select {
    width: 100%;
    padding:15px 24px;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABa0lEQVQ4jaWTMUtcQRSFv/PYYlkkhUhYxJntQrCwTJXKyjrYaCGyIZDUKUIQsUgRUqdLk3TiH5FgIbKFWFjITJfCIoQgYXknRXY2T90XIt5q4N7z3TvnzsiY+0SnLZFT7tvuS/puO8VBHM+qq1rED4E9SQe2P0tabms0EwDM235i+xHwFFi8K2Cak/Svmj8e5JQr2z1J4xDDVVtxTrkD9ICfIYYxQJVTriZj7tveySkvFIGkprgLrNs+sD3MKc+VCfq230haA1aBBeBjEdsuoGfAB2AJWAFGwNcO8AM4m4h7wEvgse0HjQk2gE2gI6kGzm1fAsi47Py9pO3GlWvb1QRS89fwEfAcOA4x1CovcbL7d8CW7W7xwHbxY2z7GHgRB3FUukxXFGL4BuwCnyRNDWycDyW9aoqvARqQPeAL8Ms2tuvG2CfcCM36TDnleeCt7aGkI+B1iOH0VmEboAFZsZ0kXYQY6jsB/jd+AygPouJBTG3AAAAAAElFTkSuQmCC) no-repeat 95% center;
    font-size: 14px;
    margin-bottom: 20px;
	border-radius:5px
}
.rtl select{
	background-position: 5% center;	
}
svg{
	display: inline-flex;
    align-self: center;
	width:1em;
	fill:inherit;
	transition:color .3s ease
}
.wp-block-quote,
.wp-block-pullquote,
blockquote,
blockquote p{
	font-size:18px;
	/* font-weight:bold; */
	position:relative;
}
blockquote p{
	padding-top:0;
	margin-top:0
}
blockquote{
	position:relative;
	margin-left: 0;
	padding:0 30px
}
.rtl blockquote{
	margin-right: 0;
}
blockquote::before{
	position:absolute;
	content:' ';
	width:5px;
	height:100%;
	left:0;
	top:0;
	border-radius:5px
}
.rtl blockquote::before{
	right:0;
	left:auto;
}
cite{
	font-size:14px;
	font-weight:normal
}
::placeholder{
	font-size:15px
}
::-webkit-input-placeholder{
	font-size:15px
}
:-moz-placeholder{
	font-size:15px
}
::-moz-placeholder{
	font-size:15px
}
:-ms-input-placeholder{
	font-size:15px
}
.align-center{
	text-align:center;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.width100{
	width:100%
}
.visible{
	opacity:1 !important
}
.article-single ul,
.page-content ul{
	list-style-type:square
}
.overlay::before{
    content: ' ';
    opacity: 0;
    transition: all .3s ease;
    transform: translateY(180px);
}
.overlay.visible::before{
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    background: rgba(255,255,255,.98);
    z-index: 4;
    opacity: 1;
    height: calc( 100% + 180px );
    transform: translateY(0);
}
.mixano-border-top{
	border-width:1px;
	border-style:solid none none none;
}
.mixano-border-bottom{
	border-width:1px;
	border-style:none none solid none;
}
.vertical-line:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 100%;
    max-height: 130px;
    left: calc( 50% - 1px );
    right: 0;
	transition: all .4s ease;
	top:0
}
.rtl .vertical-line:before {
    left: auto;
    right: calc( 50% - 1px );
}
.vertical-text{
	font-size: 15px;
    transform: translateY(0) rotate(270deg);
    position: absolute;
    line-height: 1px;
    z-index: 2;
    transform-origin: center right;
    top: 0;
    right: 50%;
    margin-top: 150px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

/* 5.Colors */

/* Core colors */

body,
.body-color,
.pagination a,
.tagcloud a,
ul.tags a,
.widget h2,
.social-profiles.share a,
.widget .wp-caption-text{
	color:#4e4e58; /* Body color */
}
.social-profiles.share svg{
	fill:#4e4e58;
}

h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a,
.widget a,
.sub-menu a,
header .logo h1,
.comment-reply a,
.category-link,
.arrow-read-more-2,
.social-profiles.share li:first-child,
.post-content,
.page-content{
	color:#2b2f46
}
.mobile-trigger.is-active .mobile-trigger-inner,
.mobile-trigger.is-active .mobile-trigger-inner::before,
.mobile-trigger.is-active .mobile-trigger-inner::after,
.mobile-trigger-inner, 
.mobile-trigger-inner::before, 
.mobile-trigger-inner::after,
.intro-holder .highlight:hover:after{
	background-color:#2c2d3c;
}
td, th,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type=tel],
textarea,
select,
body .wp-block-table.is-style-stripes td,
.breadcrumb-navigation,
#sidebar .widget,
fieldset{
	border-color:rgba( 14,22,56 , .1 );
}
.tagcloud a,
ul.tags a{
	border-color:rgba( 14,22,56 , .1 );
}
.search-trigger.mobile svg{
	fill:#2c2d3c
}
/* White color */

.download-button a,
.download-button a:hover,
body .pagination a:hover,
.pagination li.active a,
.single .pagination span.current,
input[type="submit"],
button,
a.button,
a.button:hover,
footer#footer,
footer .widget a,
footer .widget h1,
footer .widget h3,
footer .widget h4,
footer .widget h5,
footer .widget h6,
.footer-logo h1,
.popular,
.popular h2,
.popular h3,
.popular h5,
.copyright .social-profiles a,
.highlight,
.popular h4,
.popular p,
.copyright,
.menu > .menu-item > a,
.menu .page_item > a,
div#primary .current_page_item > a,
div#primary > ul > li > a,
.intro-holder h2,
.intro-holder h4,
.intro-holder p,
.menu > .menu-item > a:hover,
.menu > .current-menu-item > a,
.single .article-details .article-title,
.article-details li,
.post-category.single .category-link,
.breadcrumb-navigation h1,
.logo a,
.logo a:hover,
.logo p,
.breadcrumb-navigation a,
.breadcrumb-navigation,
.pagination.content a:hover,
.big-category a,
.big-category a:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link{
	color:#fff;
}
.white,
.pagination a,
.single .pagination span,
.views-and-downloads span,
.sub-menu,
.wp-caption,
.line,
.copyright .social-profiles a:after,
.freebies,
.articles .article:hover,
.sidebar,
.article-share,
.post-content,
.popular-carousel,
.subscribe-holder,
.related-articles .articles .article,
.popular-carousel > .slick-list > .slick-track > .slick-slide:hover,
.articles .premium,
.article-share.white-bg,
footer .widget select,
body,
.go_up_btn{
	background-color:#fff;
}
.slick-arrow svg,
.download-button svg,
#after-footer .search-button svg,
footer .post-widget span svg,
#searchform a.submit svg,
.search-button svg,
.author-date svg,
.author-dropdown svg,
.breadcrumb-navigation svg,
footer .widget_nav_menu svg,
.social-profiles.icons svg{
	fill:#fff
}
footer#footer .widget .textwidget,
footer#footer .widget .rssSummary{
	color:rgba( 255,255, 255 , .8 );
}
footer td, 
footer th,
footer input[type="search"],
footer input[type="text"],
footer input[type="email"],
footer input[type="password"],
footer textarea,
.copyright .container{
	border-color:rgba( 255,255, 255 , .1 );
}
footer .tagcloud a,
.download-button .premium{
	border-color:rgba( 255,255,255, .5 );
}
.social-profiles a{
	color:rgba( 255,255,255, .9 );
}
.action-bar .social-profiles a:hover,
.copyright .social-profiles a:hover,
footer .widget p,
.popular p,
.intro-holder p,
.author-breadcrumb p{
	color:rgba( 255,255,255, .7 );
}
footer .widget h2,
.popular .upper-heading,
.popular .upper-heading-2,
footer .category-count span,
.intro-holder .upper-heading,
.intro .vertical-text,
.popular .vertical-text,
.article-details .date-published span.big,
.article-info,
.single .author-link,
.article-extra li strong,
.go-to-comments{
	color:rgba(255,255,255,.5)
}
.copyright p{
	color:rgba(255,255,255,.8)
}
.social-profiles a:after{
	background:rgba( 255,255,255, .5 );
}

.progress-bar{
	background:rgba( 255,255,255, .8 );
}
.search-button a,
.progress-container{
	background:rgba( 255,255,255, .2 );
}
.menu-item .sub-menu:before{
	background:rgba( 255,255,255, .35 );
}
.popular.overlay-text:after{
    color: rgba( 255,255, 255,.03 );
}
header .search-button a:hover svg,
header .author-dropdown:hover svg,
li.author:hover > a.author-dropdown > svg{
	fill:rgba( 255,255,255, .7 );
}
.intro:before,
.article-details:before,
.author .breadcrumb-navigation .vertical-line:before,
#freebies .vertical-line,
.popular .vertical-line:before,
footer#footer .vertical-line:before{
	 background-color: rgba( 255,255,255,.3 );
}


.dark-line,
.sidebar .line{
	background-color:#2c2d3c
}

/* Theme main color 1 */

a,
a:not(.elementor-button-link):hover
.color-1,
.widget .color-1,
.widget a:hover,
.sub-menu .current-menu-item > a,
.sub-menu a:hover,
ul.tags a:hover,
.widget th a,
.widget td a,
.main-color-1,
.author-details .social-profiles a:hover,
.comment-reply:hover a,
.page-content a:hover,
.post-content a:hover,
.post-category.single .category-link:hover,
.single .author-link:hover,
.author-details .social-profiles a:after{
	color:#ff4f37
}
.bg-color-1,
.pagination a:hover,
.pagination li.active a,
.single .pagination span.current,
input[type="submit"],
button,
a.button,
#after-footer .search-button,
.wp-block-quote::before,
.wp-block-pullquote::before,
blockquote::before,
.post-details .downloads:after,
.popular .vertical-line:after,
.main-bg-1,
#searchform a.submit,
#freebies .vertical-text,
.highlight:before,
.big-category,
.post-content ul li:not(.blocks-gallery-item):before,
.page-content ul li:before,
#comments ul li:before,
.menu .sub-menu a:after,
.popular-carousel > .slick-arrow.slick-next,
.popular-carousel > .slick-arrow.slick-prev,
.post-content p a:after ,
.page-content p a:after,
.intro:hover:after,
.article-details .category-link:after,
header#theme-header .logo::after,
.subscribe:after,
.author-details .social-profiles a:after,
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
nav.primary.open #primary.menu{
	background-color:#ff4f37;
}
.search-button:hover,
.post-content,
.search-button,
.tagcloud a:hover,
.tags a:hover{
	border-color:#ff4f37;
}
.author-box .social-profiles svg{
	fill:#ff4f37;
}

/* Theme main color 2 */
.color-2,
.widget .color-2{
	color:#fe803b
}
button:hover,
a.button:hover,
.bg-color-2,
input[type="submit"]:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
	background-color:#fe803b
}

/* Misc colors */

#s::placeholder{
	color:#7e7f86
}
#s::-webkit-input-placeholder{
	color:#7e7f86
}
#s:-moz-placeholder{
	color:#7e7f86
}
#s::-moz-placeholder{
	color:#7e7f86
}
#s:-ms-input-placeholder{
	color:#7e7f86
}
.widget h2,
.comment-date{
	color:#898989
}

header#theme-header,
.articles .article:after,
.category-count a:after,
.popular-carousel .slick-slide:after,
.post-title a:hover{
    background-image: linear-gradient(20deg, #ff4f37 0%, #fe803b 100%);
}

.site-grid-inner,
.article-share,
.comments-main,
#ad-header,
.sidebar{
	background:#f9f9f9
}

/* Dark backgrounds */

.popular,
footer#footer,
footer#footer:before,
.copyright,
.intro-holder,
.site-grid:before,
.article-details,
.article-image,
.breadcrumb-navigation,
.carousel-holder,
#ad-header{
	background:#0e1121
}
@media (max-width:1023px){
	.menu > li > a > svg{
		background:#101116
	}
}

/* Border color */

.articles .article,
.mixano-border,
.popular-carousel,
.popular-carousel .slick-slide,
.article-share,
.overlay-search #searchform input[type="text"],
.articles.grid-2,
.sidebar .widget,
.article-share.white-bg,
.wp-caption,
.author-box,
.border-left.sidebar,
.border-left-right.big-category,
.border-left.big-category,
.article-tags,
.related-articles,
.widget li.recentcomments,
.widget_rss li,
.search-close:hover{
	border-color: rgb(158, 158, 158,.2);
}

.arrow-read-more svg{
	fill: rgba( 16,17,24,.2 );
}
.go_up_btn svg{
	fill: rgba( 16,17,24,.8 );
}
.intro-holder.overlay-text:after{
    color: rgba( 23,25, 32,.04 );
}
.subscribe-holder.overlay-text:after{
    color: rgba( 23,25, 32,.03 );
}

.post-thumb:before,
.article-share .vertical-line:before,
.scroll-to-read .dark-line,
.comments-main .vertical-line:before,
.comment-container::after,
.intro:after,
.subscribe:before,
.author-box .vertical-line:before{
	background: rgba(0, 0, 0, .15);
}
.pagination .nav-links,
.pagination,
.search-close{
	background-color:#f3f3f3
}
.slick-arrow {
    background: rgba(0, 0, 0, .7);
}
.subscribe-holder form:after,
#search-form-holder:hover:after{
    background: rgba(0, 0, 0, .2);
}
#respond .col-desktop-6 input, 
#respond .col-desktop-6 textarea ,
#commentform textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 textarea{
    background: #f1f1f1;
}
.intro-holder.overlay-text:after,
.big-title span{
    -webkit-text-fill-color: rgba(255,255,255,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color:rgba(255,255,255,.1);
}
.subscribe-holder.overlay-text:after{
    -webkit-text-fill-color: rgba(255,255,255,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color:rgba( 23,25, 32,.07 );
}
.articles .article,
.popular-carousel > .slick-list > .slick-track > .slick-slide{
    background: #f7f7f7;
}
.social-profiles.share a:after{
	background:#707182;
}
pre,code{
	background:#F0F0F0
}
.subscribe-holder{
	border-color:#e8e8e8
}
  

/* 6.Header */
header#theme-header{
	display:flex;
	padding: 20px 25px;
	width:100%;
	margin:0 auto;
	z-index: 3;
	justify-content:space-between;
	top:0;
	border: none;
    position: relative;
    max-width: 98%;
    border-radius: 3px;
	transition:all .4s ease
}
.home.intro-enabled header#theme-header,
.page-template-default.intro-enabled header#theme-header{
	position:absolute;
	left:0;
	right:0
}
header#theme-header .logo::after{
    content:none;
    position: absolute;
    width: 100px;
    height: 60px;
    left: 15px;
    bottom: -10px;
    border-radius: 50%;
	z-index:-1
}
.header-sticky{
	position:sticky !important;
	top:0 !important;
	max-width: 100% !important;
	border-radius:0px !important
}
#theme-header.header-sticky{
	padding: 5px 25px;
}
.admin-bar .header-sticky{
	top:32px !important;
}
.progress-container-holder{
	margin:0 10px
}
.progress-container {
  width: 70px;
  height: 2px;
  transform:translateX(-25px);
  transition:transform .4s ease
}
.progress-bar {
  height: 2px;
  width: 0%;
}
.header-sticky .progress-container{
	opacity:1;
	transform:translateX(0)
}
header#theme-header.open::after{
	content:none
}
header#theme-header.header-sticky::after{
	content:none;
}
#theme-header button{
	background:transparent
}
#theme-header button.mobile-trigger{
	border-radius:3px;
	z-index:2
}
.logo,
nav.primary,
.action-bar,
.search-button,
.social-profiles,
.author-list,
.progress-container-holder{
	display:flex;
	align-items:center;
}
.social-profiles{
	position:relative;
	padding-left: 5px;
    padding-right: 5px;
	margin-right:20px;
	border-radius:5px;
}
header .social-profiles{
    margin-top: 0;
    margin-bottom: 0;
}
.social-profiles li{
	list-style-type:none;
}
.social-profiles a{
    font-size: 12px;
    margin: 0 2px;
    padding: 0px 6px;
	text-transform: uppercase;
}
.social-profiles.icons a{
	margin-top: 6px;
	display: block
}
.breadcrumb-navigation .social-profiles.icons a{
	margin-top: 0;
}
.author-box .social-profiles.icons a{
	margin-top: 4px;
}
.social-profiles svg{
	width:18px;
	height:18px
}
.social-profiles a:after {
    content: ' ';
    position: absolute;
    top: 11px;
    width: 1px;
    height: 9px;
    margin-left: 8px;
}
.rtl .social-profiles a:after {
    margin-left: 0;
    margin-right: 8px;
}
.author-details .social-profiles a:after {
    top: 9px;
}
.social-profiles li:last-child a:after {
    content:none;
}
.search-button{
	transition:all .4s ease
}
.search-button ul li{
    display: inline-block;
}
.action-bar{
	white-space: nowrap
}
.action-bar svg{
	transition: all .4s ease;
}
.logo{}
.logo img{
    display: block;
	height:100%
}
.logo .retina{
	width:50%
}
.search-button svg{
	width:16px;
	height:16px;
}
.search-button{ 
    border-radius: 5px;
	border-width: 1px;
	border-style: solid;
}
.search-button{
	border:none
}
.search-button ul{
    padding: 0;
    margin: 0;
    display: block;
    line-height: 0;
	padding:0 10px
}
.search-button a{
	padding: 15px;
    line-height: 0;
    display: block;
    border-radius: 50%;
}
.author-dropdown:after{
	content:none !important
}
.author-dropdown svg{
	position:relative;
	top:2px
}
.menu .author-dropdown,
.menu .search-button a{
	padding:0
}
.breadcrumb-navigation .search-button a:hover svg{
	transform:translateY(-2px)
}
.search-mobile{
	display:none
}
.search-trigger:hover svg{
	opacity:.7
}
.overlay-search #searchform{
	width:calc( 100% - 120px );
	max-width:1200px;
	border-radius:5px;
	position:fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease;
	transform:translateY(-50px);
	z-index:10;
	top:calc(50% - 250px);
}
.overlay-search #searchform.active{
	opacity: 1;
	width:calc( 100% - 140px );
	visibility: visible;
	top: 50%;
	transform: translateY(-50%);
}
.overlay-search #searchform input{
	padding: 20px 24px;
	border:none;
	width:100%;
	border-radius:0px;
} 
.overlay-search #searchform input[type="text"]{
	background:transparent;
	background: transparent;
    border-width: 0 0 1px 0;
    border-style: solid;
	padding-left: 0;
}
#search-form-holder:after{
	content:' ';
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	transition:all .5s ease;
	opacity:1
}
#search-form-holder:hover:after{
	width:100%;
	opacity:1
}
.overlay-search #searchform a.submit{
    position: absolute;
    right: 0;
    max-width: 150px;
    top: 1px;
    padding: 6px 10px 2px 10px;
    border-radius: 3px 18px 3px 12px;
	transition:all .4s ease
}
.rtl .overlay-search #searchform a.submit{
    right: auto;
    left: 0;
}
.overlay-search #searchform a.submit:hover{
    border-radius:0px;
}
.overlay-search #searchform a.submit svg{
	width:32px;
	height:32px;
}
.overlay-search #searchform h2{
	font-size:120px;
	text-align:center;
	margin-bottom: 5px;
	text-transform:uppercase
}
#search-form-holder{
	position:relative;
	overflow:hidden
}
.search-close{
	position: fixed;
    align-items: center;
    justify-content: center;	
    z-index: 11;
    right: 0px;
    left: 0px;
    top: 40px;
	opacity:0;
	display: flex;
	visibility:hidden;
	width:50px;
	height:50px;
	border-radius:50%;
	cursor:pointer;
	margin:auto;
	transition:border 0.3s ease;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
}
.overlay-search.visible .search-close{
  opacity:1;
  visibility:visible;
}
.search-close svg{
	width:20px;
	height:20px
}
header#theme-header .site-title{
	margin:0;
	padding:0;
	letter-spacing:normal;
	text-transform:uppercase;
	font-size:32px;
	line-height:1em;
}
header#theme-header .site-description{
	margin-left:10px
}
.rtl header#theme-header .site-description{
	margin-left:0;
	margin-right:10px
}
.site-description{
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	margin:0
}
.header-image{
	margin-bottom:-10px
}

/* 7.Menu */
@media only screen and (min-width:1024px) {
	.menu > .menu-item > a:after,
	.menu > .menu-item > a:hover:after,
	.menu > .current-menu-item > a:after,
	.menu > .menu-item:hover > a:after{
		background-color:rgba( 255,255,255, .7 );
	}
	.menu > li{
		border-color:rgba( 255,255,255, .2 );
	}	
	.menu > li > a > svg{
		fill: rgba( 255,255,255, .7 );
		margin-left: 10px;
		position: relative;
		top: 2px;
	}	
	.rtl .menu > li > a > svg{
		margin-left: 0;
		margin-right: 10px;
	}
	.menu .menu-item-has-children .sub-menu a svg{
		position: absolute;
		right: 15px;
		top: 9px;
	}	
	.rtl .menu .menu-item-has-children .sub-menu a svg{
		right: auto;
		left: 15px;
	}
	ul#primary > .menu-item > a,
	div#primary > ul > .page_item  > a,
	div#primary > ul > .current_page_item  > a{
		font-size:16px;
	}	
	div#primary ul{
		padding:0;
		margin:0
	}	
	 .menu{
		line-height:1;
		margin:0;
		padding:0;
		width:100%;
		list-style:none;
		list-style-type:none;
	}
	 .menu li{
		display:inline-block;
		margin:0;
		text-align:left;
		position:relative;
		line-height:1.95em
	} 	 
	.sub-menu li{
		line-height:1.55em;
		margin-bottom:8px
	} 	
	.sub-menu li:last-child{
		margin-bottom:0
	} 
	.menu > li{
		border-width:0 1px 0 0;
		border-style:solid
	} 
	.rtl .menu > li{
		border-width:0 0 0 1px;
		border-style:solid
	} 
	.menu > li:last-child{
		border:none
	} 
	.rtl .menu li{
		text-align:right;
	}
	 .menu a{
		display:block;
		padding: 4px 15px;
		position:relative
	}
	#primary.menu > li > a:before{
		counter-increment: menu-counter;
		content:"0" counter(menu-counter);
		position:absolute;
		top:-12px;
		left:16px;
		font-weight:normal;
		font-size:65%;
		opacity:.7
	}	
	.rtl #primary.menu > li > a:before{
		right:16px;
		left:auto;
	}
	 .menu a:hover,.menu a:focus,
	 .menu .current-menu-item > a,
	 .menu .current_page_item > a{
		text-decoration:none
	}
	 .menu .sub-menu,
	 .menu .children{
		-webkit-transition:all .4s ease-in-out;
		-moz-transition:all .4s ease-in-out;
		-ms-transition:all .4s ease-in-out;
		-o-transition:all .4s ease-in-out;
		transition:all .4s ease-in-out;
		max-width:190px;
		z-index:99;
		margin:0;
		padding:0;
		left:-9999px;
		opacity:0;
		position:absolute;
		transform:translateY(15px);
	}

	.rtl .menu .sub-menu,
	.rtl .menu .children{
		left:auto;
		right:-9999px;
	}
	 .menu .sub-menu a,.menu .children a{
		padding: 0px 20px;
		position: relative;
		width: 190px;
	}
	 .menu .sub-menu .sub-menu,
	 .menu .children .children{
		margin:-47px 0 0 190px;
	}
	.rtl .menu .sub-menu .sub-menu, 
	.rtl .menu .children .children {
		margin: -47px 190px 0 0;
	}
	.sub-menu{
		padding:15px 0
	}
	 .menu li:hover,
	 .menu li.focus{
		position:static
	}
	 .menu li:hover > .sub-menu,
	 .menu li:hover > .children,
	 .menu li.focus > .sub-menu,
	 .menu li.focus > .children{
		left:auto;
		opacity:1;
		transform:translateY(0)
	} 
	.rtl .menu li:hover > .sub-menu,
	.rtl .menu li:hover > .children,
	.rtl .menu li.focus > .sub-menu,
	.rtl .menu li.focus > .children{
		right:auto;
	}
	 .mobile-menu-icon:hover,
	 .mobile-menu-icon:focus{
		background:#7f181b;
	}
		 
	.menu .sub-menu{
		padding:15px 0
	}
		 
	.menu .sub-menu,.menu .children{
		box-shadow:-1px 0px 16px 0px rgba(0, 0, 0, 0.07);
		border-radius:5px
	}
	
	.menu .sub-menu a:after,
	.menu > .menu-item > a:after{
		 content:' ';
		 position:absolute;
		 left:20px;
		 bottom:0;
		 width:0;
		 height:1px;
		 opacity:0;
		 transition:all .3s ease
	 }	
	 .rtl .menu .sub-menu a:after,
	 .rtl .menu > .menu-item > a:after{
		 left:0;
		 right:15px;
	 }
	  .menu .sub-menu a:hover:after{
		opacity:1;
		width:50px;
	 }
	  .menu > .menu-item > a:after{
		 left:15px;
		 bottom:3px
	 } 
	 .menu > .menu-item > a:hover:after{
		 width:calc( 100% - 30px );
	 }
	 .menu > .current-menu-item > a:after,
	 .menu > .menu-item:hover > a:after{
		 width:calc( 100% - 30px );
		 opacity:1
	 }
	 .author-list.show .sub-menu{
		left: auto;
		opacity: 1;
		transform: translateY(0);		 
	 }	 
	 .rtl .author-list.show .sub-menu{
		right: auto;	 
	 }
	 body .author-list > .nav > ul > li:hover .sub-menu{
		 opacity:0;
	 }	
	 body .author-list.show > .nav > ul > li:hover .sub-menu{
		 opacity:1;
	 }
	body .author-list .author{
		position: relative;
	}
	body:not(.rtl) .author-list .sub-menu {
		right: 0 !important;
	}	
	.rtl .author-list .sub-menu {
		left: 0 !important;
	}

}


/* 8.Breadcrumb navigation */
.breadcrumb-navigation{
   margin:0 -25px;
   text-align:center;
   padding:150px 0;
   position:relative
}
.breadcrumb-navigation h1{
	margin:0;
	padding:0;
	position:relative;
	z-index:1
}
ul.breadcrumb{
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	position:relative;
	z-index:1	
}
.single ul.breadcrumb{
	margin-bottom:12px;
	font-size:12px
}
.rtl ul.breadcrumb{
	padding-right:0;
}
ul.breadcrumb li{
	display:inline-block;
	vertical-align:middle;
}
.breadcrumb-navigation svg{
	display:inline-block;
	vertical-align:middle;
	margin: 0 5px;
}
.breadcrumb-navigation .social-profiles svg{
	margin: 0;
}
.author-breadcrumb p{
	max-width: 480px;
    margin: auto;
    padding: 0 25px;
}
.author-breadcrumb img{
	border-radius:50%;
	margin:auto;
}
.author-breadcrumb .social-profiles{
	justify-content: center;
}

/* 9.Blog */
.single .details-inner .article-title{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    letter-spacing: -0.028em;
	position:relative;
	display:inline
}
.single-title-holder{
	width: 100%;
	max-width: 600px;
    float: right;
	margin: 30px 0;
}
.rtl .single-title-holder{
    float: left;
    text-align: left;
}

.single .other-posts{
-ms-word-wrap: break-word;
    word-wrap: break-word;	
}
.content.mixano-row{
	justify-content:center
}
.article-image .post-category{
	display:none
}
.article-details{
	text-align:right;
	padding-bottom:80px;
	padding-right: 70px;
	overflow:hidden;
}
.rtl .article-details{
	text-align:left;
	padding-left: 70px;
	padding-right: 0;
}

.big-title {
	position: absolute;
	bottom: 0;
    top: 100%;
    left: 15%;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translateY(0%) rotate(-90deg);
    -ms-transform: translateY(0%) rotate(-90deg);
    transform: translateY(0%) rotate(-90deg);
}
.rtl .big-title {
  left:75%
}
.big-title span {
	white-space: nowrap;
    line-height: .2;
    letter-spacing: -.05em;
    font-size: 300px;
    font-weight: 700;
	margin-left: 55px;
}
.breadcrumb-navigation .big-title{
	 transform: none;
	 top:2em;
	 left:unset;
	 bottom: unset;
	 width: 100%;
	 overflow:hidden;
	 height:100%
}
.breadcrumb-navigation .author-breadcrumb .big-title{
	 top:140px;
}
.breadcrumb-navigation .big-title span{
	line-height: 1em;
	margin-left:0;
}

.article-details .date-published{
	right: 80px;
    left: unset;
    top: 65px;
}
.rtl .article-details .date-published{
	right: unset;
    left: 80px;
	transform: translateY(0) rotate(-270deg);
	transform-origin: center left;
}
.article-details:before {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 50px;
    right: 80px;
    top: 20px;
}
.rtl .article-details:before {
    left: 80px;
    right: auto;
}

.article-details h1{
	text-align:right;
	font-size:72px;
	line-height:1em;
	margin-top:20px;
	z-index:1
}
.article-details li{
	display:inline-block;
	margin-right:30px;
	line-height:1.7em
}
.article-details li{
	margin-left:30px;
	margin-bottom:15px;
	margin-right:0;
}
.rtl .article-details li{
	margin-right:30px;
	margin-left:0;
}
.article-details li:last-child{
	margin-right:0
}
.rtl .article-details li:last-child{
	margin-left:0;
	margin-right:30px
}
.article-details .category-link {
	margin-right:10px;
	margin-left:5px;
}
.rtl .article-details .category-link {
	margin-left:10px;
	margin-right:5px;
}
.article-details .category-link:after {
    content: ' ';
    width: 3px;
    height: 3px;
    position: absolute;
    margin: 12px 7px;
}
.article-details .category-link:last-child {
   margin-right:0
}
.rtl .article-details .category-link:first-child {
   margin-left:0
}
.article-details .category-link:last-child:after {
    content:none
}
.rtl .article-extra{
	padding-left:0
}
.article-info{
	clear:both;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.5em;
	    transform: scale(1, 0.88);
    -webkit-transform: scale(1, 0.88);
    -moz-transform: scale(1, 0.88);
    -ms-transform: scale(1, 0.88);
    -o-transform: scale(1, 0.88);
	line-height: 2em;
}
.article-info span{
	display:inline-block
}
.article-image{
	padding:0;
}
.article-image .slick-list{
	margin-bottom:-10px
}
.details-inner{
	margin-top:250px
}
.last-updated{
	position:relative;
	z-index:1;
	font-size:14px;
	margin-bottom:20px
}
.download-button{
	margin-top:32px;
	position:relative;
	z-index:1
}
.download-button a{
	display:inline-block
}
.articles .premium{
	position: absolute;
    right: 20px;
    top: 32px;
    z-index: 1;
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
}
.rtl .articles .premium{
    right: auto;
    left: 20px;
}
.download-button .premium,
.download-button .custom-button{
	margin-right:10px;
	margin-bottom:10px;
}
.download-button .premium{
	background:transparent;
	border-style:solid;
	border-width:1px;
}
.download-button .premium:hover{
	background:transparent;
}
.rtl .download-button .premium,
.rtl .download-button .custom-button{
	margin-left:10px;
	margin-right:0;
}
.edd-label {
	display:table;
	width:100%;
	font-weight:bold
}
.edd-description{
	font-size:14px
}
.edd-input{
	margin-top:10px
}
.post-thumb{
	position:relative;
	max-width:100%;
	transition:all .5s ease;
	padding-left: 50px;
	padding-right: 20px;
}
.rtl .post-thumb{
	padding-right: 50px;
	padding-left: 20px;
}
.post-thumb iframe{
	background:#000
}
.format-video .post-thumb,
.format-audio .post-thumb{
	width:100%
}
.article-image .post-thumb,
.sidebar-posts .post-thumb,
footer .post-thumb{
	padding-left: 0;
	padding-right: 0;
}
.article-image .post-thumb iframe{
	height: 815px;
    margin-bottom: -15px;
}
.post-thumb .category-link{
	display:none
}
.post-thumb img{
	border-radius:5px;
	display:block;
    backface-visibility: hidden;
}
.article-image .post-thumb img{
	border-radius:0px;
	width:100%
}
.no-thumb{
	width:100%;
	height:276px;
	display:block;
}
.no-thumb.carousel{
	height:141px;
}
.no-thumb.widget{
	height:40px;
	margin-top:0
}
.no-thumb-widget{
	padding-left:10px
}
.post-thumb a:not(.category-link){
	background:transparent
}
.pos_sticky{
	position:sticky;
	top: 60px;
}
.big-category{
	position:relative;
	transition: all 1s ease;
}
.border-left-right.big-category{
	border-width:0 1px 0 1px;
	border-style:solid;
}
.border-left.big-category{
	border-width:0 0 0 1px;
	border-style:solid;
}
.rtl .border-left.big-category{
	border-width:0 1px 0 0;
}
.big-category a{
    font-size: 120px;
    transform: translateY(0) rotate(270deg);
    position: absolute;
    margin: 0;
    padding: 0;
    line-height: 1em;
    z-index: 2;
    transform-origin: center right;
    top: 0;
    right: 50%;
    margin-top: 100px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;	
}
.article-share span{
	font-weight:normal;
	margin-right:10px;
	display:inline-block
}
.article-share .vertical-text{
	margin-top:90px
}
.article-share .vertical-line:before{
	height:150px
}
.article-share.white-bg{
	border-style:solid;
	border-width:0 1px 0 0;
}
.rtl .article-share.white-bg{
	border-width:0 0 0 1px;
}
.article-tags{
	border-width: 1px 0;
    border-style: solid;
    margin-top: 50px;
    padding: 20px 0;
	position:relative;
	clear: both;
}
.article-tags svg{
    position: absolute;
    right: 100px;
    width: 80px;
    opacity: .03;
	top:35px
}
.social-profiles.share a{
	font-size: 15px;
}
.social-profiles.share a:after {
    top: 8px;
}
.social-profiles.share.icons-style a {
   display:block;
   margin-top:4px
}
.social-profiles.share li:first-child:after {
    content: ' ';
    width: 4px;
    height: 4px;
    position: absolute;
    right: -15px;
    top: 10px;
}
.social-profiles.share li:first-child {
	margin-right:20px
}
.rtl .social-profiles.share li:first-child {
	margin-right:0;
	margin-left:20px
}
.scroll-to-read{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
	margin-bottom:40px
}
.scroll-to-read .dark-line{
	width: 150px;
    margin-right: 15px;
    margin-left: 0;
}
.articles.grid-2,
.articles.grid-1{
	max-width:1090px;
	margin:auto;
}
.intro-enabled .articles.grid-2,
.intro-enabled .articles.grid-1{
	margin-top:-80px
}
.articles .article .post-thumb img,
.articles .article #ad-post .post-comm img{
	border-radius: 0 40px 0 20px;
}
.articles .article{
	border-width: 0 1px 1px 0;
	border-style:solid;
	transition: all .4s ease;
}
.rtl .articles .article{
	overflow:hidden
}
article{
	position:relative;
	padding-left: 15px;
}
.articles article{
	padding-top: 40px;
}
.articles .sticky{
	box-shadow: -1px 0px 34px -10px rgba(0,0,0,0.23);
	z-index:1
}
.related-articles .articles .article{
	border-width: 1px 1px 1px 0;
}
.related-articles .articles .article:first-child{
	border-width: 1px;
}
.related-articles{
	border-width: 1px 0 0 0;
    border-style: solid;
    margin-top: 50px;
    padding-top: 30px;
    position: relative;
	margin-top:60px;
	clear: both;
}
.related-articles h2.title{
	text-transform:uppercase;
	margin-top:0
}
.articles .article:after{
	position: absolute;
    content: ' ';
    width: 0;
    height: 5px;
    left: 0;
    top: -1px;
    opacity: 0;
    transition: all .4s ease;
}
.articles .article:hover::after{
    opacity: 1;
	width: calc( 100% + 1px );
}
.articles .freebies:hover{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
}
.articles .freebies:after{
	content:none;
}
.articles .post-thumb iframe{
	height:276px;
	border-radius: 0 40px 0 20px;
}
.intro-disabled .articles{
	margin-top:40px
}
.articles .post-thumb img,
.related-articles .post-thumb img{
	width: 100%;
	transition: filter 0.7s;	
}
.post-content{
	position:relative;
	padding:80px;
	border-width: 10px 0 0 0;
    border-style: solid;
	padding-top:124px
}
.page-content{
	max-width:1090px;
	margin:auto;
    padding: 50px 15px;
}
.post-content p a,
.page-content p a{
	position:relative;
}
.post-content p a:hover:after ,
.page-content p a:hover:after {
    opacity: 1;
    width: 100%;
}

.post-content p a:after ,
.page-content p a:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    opacity: 0;
    transition: all .3s ease;
}
.post-content table td,
.page-content table td{
	padding:10px 15px 10px 0;
}
.post-content iframe,
.page-content iframe{
	max-width:100%
}
figure a:after{
	content:none !important
}
.post-content img,
.page-content img{
	transition:all .5s ease;
	border-radius:3px
}
.post-content img:hover,
.page-content img:hover{
	opacity:.9
}
.post-content img.lazyload,
.page-content img.lazyload{
	opacity:0
}
.post-content dt,
.page-content dt,
#comments dt{
	 margin:15px 0
}
.post-content dd,
.page-content dd,
#comments dd{
	 margin-left:0
}
.post-content ul li:not(.blocks-gallery-item):before,
.page-content ul li:before,
#comments ul li:before{
    content: ' ';
    width: 4px;
    height: 4px;
    position: absolute;
    left: -10px;
    top: 12px;
}
.rtl #comments ul li:before, 
.rtl .page-content ul li:before, 
.rtl .post-content ul li:not(.blocks-gallery-item):before{ 
	right: -10px; 
	left: 0;
}
.post-content ol > li:before,
.page-content ol > li:before,
#comments ol > li:before{
	content:none !important;
}
.post-content ul,
.page-content ul{
	list-style-type:none;
}
.post-content ul,
.page-content ul{
	padding-left:15px
}
.rtl .page-content ul, 
.rtl .post-content ul{ 
	padding-left:0; 
	padding-right:15px
}
.post-content ul li,
.page-content ul li{
	margin-bottom:2px
}
.post-content ul ul,
.page-content ul ul{
	margin-top:5px
}
.page-content ul li, .post-content ul li {
    margin-bottom: 6px;
	line-height:1.5em
}
.page-content table{
	margin-bottom:40px
}
ul.blocks-gallery-grid{
	padding-left:0;
	margin-bottom:20px
}
.post-thumb a{
	display:block;
	border-radius:8px;
}
.articles .post-thumb a{
	border-radius: 0 40px 0 20px;
}
.cover-image{
	display:block;
	opacity:0;
	border-radius:5px
}
.unset-absolute{
	position:initial
}
.post-title{
	font-size:24px;
    line-height: 1.28em;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	position:relative;
	max-width: 68%;
	margin-top: 10px;
}
.post-title a{
    display: inline;
    padding-bottom: 5px;
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 80%;
	transition: all .3s ease;
}
.post-title a:hover{
	background-size: 100% 1px;
}
.post-details{
	padding: 30px 0 18px 0;
    margin-bottom: 5px;
}
.post-details .downloads{
	margin-right: 20px;
	display:inline-block
}
.rtl .post-details .downloads{
	margin-right: 0;
	margin-left: 20px;
}

.post-details .downloads:after{
	content:' ';
	width:5px;
	height:5px;
	position:absolute;
	margin:10px
}
.arrow-read-more,
.arrow-read-more-2{
	overflow:hidden;
	transition:all .2s ease
}
.arrow-read-more-2{
	transition:all .3s ease
}
.arrow-read-more{
	position:absolute;
	right:10px;
    bottom: 22px;
	transform:translateX(0);
}
.arrow-read-more-2{
	position:absolute;
	right:10px;
    bottom: 26px;
	transform:translateX(-100%);
	opacity:0;
	font-weight:700;
}
.rtl .arrow-read-more,
.rtl .arrow-read-more-2{
	right:auto;
	left:10px;
}
.articles .article:hover .arrow-read-more-2{
	transform:translateX(0);
	opacity:1
}
.articles .article:hover .arrow-read-more{
	opacity:0;
	transform:translateX(100%);
}
.arrow-read-more svg,
.arrow-read-more-2 svg{
	width:22px;
	height:22px
}
.post-category .category-link {
	font-weight:bold;
	position:relative;
	z-index:1
}
.related-articles .articles{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.related-articles .post-title a{
	margin-bottom:10px;
	margin-top:10px
}

article p{
	font-size:14px;
	line-height:1.75;
	margin-top: 15px;
	margin-bottom:10px
}
ul.tags{
	padding-left:0;
	clear:both;
}
ul.tags li:before{
	content:none !important
}
ul.tags a:after{
	content:none !important
}
ul.tags a{
	font-weight:normal;
	font-size:14px
}
.upper-heading.tags{
	margin-top:20px
}
ul.tags li{
	display: inline-block;
    margin: 0 4px 8px 0;
}
ul.tags a{
	padding: 4px 10px 6px 10px;
	border-width:1px;
	border-style:solid;
	border-radius:5px;
}
.author-box{
    padding: 60px 40px 50px 40px;
    padding-left: 90px;
    position: relative;
    margin-top: 70px;
    border-radius: 3px;
    display: flex;
    min-height: 260px;
	border-width:1px;
	border-style:solid;
	clear: both;
}
.author-box > svg{
    position: absolute;
    right: 100px;
    width: 150px;
    opacity: .03;
}
.rtl .author-box{
	padding-left:40px;
	padding-right:90px;
}
.author-box .vertical-line:before{
	top:0;
	left:50px
}
.rtl .author-box .vertical-line:before{
	left:unset;
	right:50px
}
.author-box .vertical-text{
	right: calc( 100% - 50px );
}
.rtl .author-box .vertical-text{
	right:50px;
}
.author-img{
    flex-direction: column;
    min-width: 100px;
}
.author-img img{
	border-radius:50%
}
.author-details{
	margin-left: 30px;
	flex-direction: column;
}
.rtl .author-details{
	margin-left: 0;
	margin-right: 30px;
}

.author-details h2{
	margin-top:0;
	margin-bottom:0;
	font-size:28px;
}
.author-details p{
	margin-top:10px;
	font-size:15px;
	margin-bottom:0;
}
.author-details .social-profiles{
	padding-left:0;
	margin-bottom: 0;
	flex-wrap: wrap;
}
.rtl .author-details .social-profiles{
	padding-right:0;
	margin-right:0
}
.author-details .social-profiles li:first-child a{
	padding-left:0
}
.rtl .author-details .social-profiles li:first-child a{
	padding-left:unset;
	padding-right:0
}
.author-details li:before{
	content:none !important
}
#comments{
	clear:both;
}
#comments > ul{
	padding-left:0;
}
.rtl #comments > ul{
	padding-right:0
}
.post.pingback p:first-of-type{
	margin-bottom:0
}
.post.pingback p:nth-of-type(2){
	margin-top:10px
}
#respond{
	padding:100px 0
}
.page #respond{
	padding-top:20px
}
#respond label{
    margin-bottom: 10px;
    display: block;
	opacity:.5
}
#respond .col-desktop-6 input,
#respond .col-desktop-6 textarea,
#commentform textarea{
	border-radius:0;
	padding: 13px;
	border:none
}
#respond .form-submit{
	opacity:1
}
#respond .mixano-row.comment{
	margin-top:20px
}
.comments-main{
	position:relative;
	overflow:hidden;
	padding-bottom:30px
}
.comments-main .container.comments-list{
	margin-bottom:-100px
}
.comments-main .heading{
    text-align: left;
    padding-top: 155px;
}
.comments-main .vertical-line:before{
    left: calc( 50% - 1px );
    top: 0;
}
.page #comments .vertical-line:before,
.page #comments .vertical-text{
	display:none
}
.page #comments{
	margin-top:80px
}
.comment-container{
	display:flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
	position:relative
}
.comment-container::after{
	position:absolute;
	bottom:0;
	width:200px;
	height:1px;
	content:' ';
}
.comment-container img{
	max-width: 80px;
	margin-right:15px;
	border-radius:50%
}
.rtl .comment-container img{
	margin-right:0;
	margin-left:15px;
}
.comment-container h3{
	padding-top:0;
	margin-top:0;
	margin-bottom:5px;
	font-size:22px
}
.comment-date {
	font-size:12px;
	font-weight:bold
}
.the-comment p {
	margin:5px 0;
	font-size:15px;
}
.the-comment img{
	border-radius:5px;
	margin-top:10px
}
.comment-reply{
	font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    z-index: 1;
    position: relative;
}
.comment-holder{
	overflow:auto
}
.comment-author-img,
.comment-holder{
	flex-direction: column;
}
.comment-form input{
	margin-bottom:15px
}
.comment-form textarea{
    height: 240px;
}
.comment-respond h2{
	margin-bottom:0
}
.logged-in-as{
	
}
.comment-respond h2,
.comments-area .comments-title{
    padding-bottom:10px;
	font-size:56px;
	margin-top:0
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url{
	margin:0
}
ul .pingback{
	list-style-type:none
}
ul .pingback p > a{
	display:block
}
ul .pingback .edit-link{
	font-size:12px
}
.nocomments{
	font-size:18px;
	margin-bottom: 120px;
}
input[name="post_password"]{
	margin-bottom:20px
}

/* 10.Widgets */
.sidebar{
	padding:80px;
	z-index:1
}
.border-left.sidebar{
	border-width:0 0 0 1px;
	border-style:solid
}
.rtl .border-left.sidebar{
	border-width:0 1px 0 0;
}
.sidebar .widget {
	border-width:0 0 1px 0;
	border-style:solid;
	padding-bottom:50px
}
.widget{
	font-size:14px;
	margin-top: 50px;
	position:relative
}
.widget:last-of-type{
	border:none;
	padding-bottom:0
}
.widget {
	padding-bottom: 10px
}
.comment-author-link a{
	
}
.widget li.recentcomments a{
	font-weight:normal
}
.widget li.recentcomments .comment-author-link a{
	font-weight:bold
}
.widget li.recentcomments,
.widget_rss li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-width:0 0 1px 0;
	border-style:solid;
}
.widget li.recentcomments:last-child,
.widget_rss li:last-child{
	border:none
}
.widget h2{
    margin-bottom: 35px;
    margin-top: 0;
	line-height:2em
}
.rtl .widget .line{
    margin-left: 0;
    margin-right: 10px;
}
.widget p{
	font-size:13px;
	line-height:1.69em
}
.widget .textwidget{
	font-size:16px;
	line-height:27px;
}
.widget .textwidget img{
	margin-top:15px
}
.widget .textwidget .wp-caption img{
	margin-top:0
}
.widget a{
	line-height:2em;
}
.widget ul:not(.sub-menu-widget):not(.children){
	margin-left:0;
	padding-left:0;
	padding-right:0;
	margin-top:0
}
.sidebar .widget .category-count{
	margin-bottom:0
}
.widget .category-count a{
	font-weight:bold
}
.widget th,
.widget td{
	padding:5px;
	text-align:center
}
footer .col-desktop-2 .widget th,
footer .col-desktop-2 .widget td{
	padding:1px;
	text-align:center
}
footer .col-desktop-2 ul{
	padding-left:5px
}
footer .widget_rss cite{
    margin-top: 4px;
    display: block;
}
footer .col-desktop-2 .widget .line{
	display:none
}
.widget_rss img{
    margin-bottom: 15px;
}
.widget th a,
.widget td a{
	line-height:normal;
	font-weight:bold
}
.widget.widget_media_audio{
	z-index:1
}
.widget table caption{
	padding-bottom:10px;
	text-align:left
}
.category-count a{
	font-size:32px;
	line-height:42px;
	display:inline;
	position:relative
}
.rtl .category-count a span{
    display: inline-block;
}
.category-count a:after{
	content: ' ';
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1px;
    opacity: 0;
    transition: all .3s ease;
}
.rtl .category-count a:after{
    right: 0;
    left: auto;
}
.category-count a:hover:after{
    width: calc( 100% - 32px );
    opacity: 1;
}
.widget .comment-author-link,
.widget .rsswidget{
	font-weight:bold
}
.widget.widget_rss li{
	padding-bottom:15px
}
.widget .tagcloud a{
	display: inline-block;
    line-height: 1em;
    padding: 8px 10px;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    margin: 0 2px 4px 0;
    font-size: 14px !important;
    font-weight: normal;
}
.widget_search,
.widget_calendar,
.widget_media_image,
.widget_search{
	padding-bottom:60px
}
.wp-calendar-nav-prev{
	display:block;
	margin-top:7px
}
.widget h3.post-title{
	font-size:18px;
	letter-spacing:0.3px;
	margin-bottom:5px
}
.widget .post-title a{
	line-height:1.5em
}
footer#footer .vertical-line:before{
    left: 60px;
    right: 0;
    top: -100px;
    max-height: 100px;
}
.rtl footer#footer .vertical-line:before{
    left: 0;
    right: 40px;
}
.sidebar-posts{
	margin-top:10px;
	margin-bottom: -20px /* for the last post-widget:before */
}
.post-widget{
	position:relative;
	margin-bottom:30px
}	
.post-widget .category-link {
	font-weight: normal;
    margin-top: -7px;
    display: block;
}	
.post-widget .thumb .category-link {
	display:none;
}			
.post-widget .date-published{
	display:none
}
.post-widget span svg{
	margin-right:5px
}
.post-widget .thumb{
	padding-right: 0;
	max-width:120px;
	padding-left:10px
}
.rtl .post-widget .thumb{
	padding-right: 15px;
	padding-left: 0;
}
.post-widget .slick-arrow.slick-prev {
    left: 7px;
}
.post-widget .slick-arrow.slick-next {
    right: 7px;
}
.category-count span{
	line-height: 1em;
    margin-left: 3px;
    font-size: 14px;
    padding: 1px 5px;
    border-radius: 4px;
    position: relative;
    top: -14px;
}
.sidebar .category-count span{
	opacity:.5
}
.widget_search input[type="submit"]{
	border-radius: 0 5px 5px 0
}
#sidebar .widget:last-of-type{
	margin-bottom:50px
}
.widget .post-thumb iframe{
	height:90px;
	border-radius: 5px;
}
.popular-carousel .post-thumb iframe{
	border-radius:5px;
}
.widget article{
	padding-top: 0;
}
.post-thumb:before{
    content: ' ';
    position: absolute;
    width: 1px;
    height: 50px;
    left: 8px;
    top: -40px;
}
.rtl .post-thumb:before{
    right: 8px;
	left:auto;
}
.widget .post-thumb:before{
	content:none
}

.article-image .post-thumb:before,
.sidebar-posts .post-thumb:before{
    content:none;
}
.date-published {
    transform: translateY(0) rotate(270deg);
    position: absolute;
    line-height: 1px;
    transform-origin: center right;
    top: 0;
    right: calc(100% - 0.5em);
    margin-top: 10px;
    text-transform: uppercase;
    white-space: nowrap;

}
.rtl .articles .date-published {
    left: calc(100% - 0.5em);
    right: auto;
    transform-origin: center left;
    transform: translateY(0) rotate(-270deg);
}
.articles .date-published {
	opacity:.5
}
.article-image .date-published {
	display:none
}
.date-published span.small{
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    margin-top: -5px;
}
.date-published span.big{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
	display:block;
	text-transform: uppercase;
}
.widget_search #searchform h2{
	display:none
}
.widget_search #search-form-holder:after{
	content:none
}
.widget_search #searchform .submit	{
    position: absolute;
    right: 0;
    height: 100%;
    width: 50px;
    display: flex;
	align-items: center;
    justify-content: center;
    top: 0;
	border-radius:0 3px 3px 0;
	transition:opacity .4s
}
.widget_search #searchform .submit:hover	{
	opacity:.8
}
.rtl .widget_search #searchform .submit	{
    right: unset;
    left: 0;
	border-radius:3px 0 0 3px
}
.textwidget.custom-html-widget{
	max-width:270px
}

/* 11.Slick Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}
.slick-arrow{
	position:absolute;
	top:50%;
	z-index:2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	transition:all .3s ease;
}
.popular-carousel > .slick-arrow.slick-next{
	right:-18px
}
.popular-carousel > .slick-arrow.slick-prev{
	left:-18px
}
.popular-carousel > .slick-arrow.slick-next,
.popular-carousel > .slick-arrow.slick-prev{
	
}
.popular-carousel > .slick-arrow.slick-prev{
	border-radius:24px 0 24px 24px;
}
.slick-prev{
	border-radius:24px 0 24px 24px;
}
.slick-arrow svg{
	width:28px;
	height:28px;
}
.slick-arrow.slick-next{
	right:15px;
	padding:0
}
.slick-arrow.slick-prev{
	left:15px;	
	padding:0
}
.popular-carousel .slick-arrow{
    padding: 0;
}
.article-image .slick-arrow{
	padding:10px
}
.popular-carousel .slick-track{
    display: flex !important;
}

.popular-carousel > .slick-list > .slick-track > .slick-slide{
    height: inherit !important;
	border-width: 1px 1px 0 0;
    border-style: solid;
	position:relative;
	transition:all .4s ease
}
.popular-carousel .slick-slide:after{
    position: absolute;
    content: ' ';
    width: 0;
    height: 5px;
    left: 0;
    top: -1px;
    opacity: 0;
    transition: all .4s ease;
}
.popular-carousel .slick-slide .slick-slide:after{
    content:none;
}
.popular-carousel .slick-slide:hover:after{
	opacity: 1;
    width: calc( 100% + 1px );
}


/* 12.Various */

/* Freebies */

#freebies h2{
	margin-top:0;
	line-height: 1em;
	margin-bottom: 20px;
	font-size:56px
}
#freebies p{
	font-size:16px;
	padding-bottom: 20px;
}
#freebies .upper-heading{
	margin-bottom:20px
}
#freebies .count-articles h2{
	font-size:120px;
	display:inline-block;
	margin-top: 60px;
	margin-bottom:0;
	padding-bottom:0;
	line-height: 1.22em;
}
.articles .freebies{
	/* border:none */

}
.go_up_btn{
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: #fff;
	fill: #fff;
    width: 40px;
    height: 40px;
	border-radius: 0px 24px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	display:none;
	z-index:102;
	transition:all .3s ease;
	box-shadow: -1px 0 16px 0 rgba(0,0,0,.05);
}
.go_up_btn:hover{
	border-radius: 24px;
}
.go_up_btn svg{
	width:20px;
	height:20px;
}

/* Ads */
#ad-header{
	margin:auto;
	text-align:center;
	padding: 25px 10px 0 10px;
}
#ad-header img{
	margin:auto;
}
.intro-enabled #ad-header{
	padding: 25px 10px;
}
#ad-header img,
#ad-post img,
#ad-widget img{
	border-radius:5px;
}
#ad-above-post img,
#ad-bellow-post img{
	filter:none;
	margin-top:40px
}
#ad-bellow-post.adsense-ad{
    display: block;
    margin-top: 50px;
}
#ad-post .post-comm{
	margin-bottom:35px
}
#ad-post {
	margin-bottom:35px
}
.sticky.mixano-widget{
	position:sticky;
	top:180px;
    z-index: 10;
    background: #f9f9f9;
}


/* Intro */
.intro-holder{
	position:relative;
	text-align:left;
}
.intro-holder [class^="col-"]{
	z-index:1
}
.intro-holder:after{
	content:'Welcome';
	top:18%;
	white-space:nowrap
}
.intro-holder:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:' ';
}
.intro-holder .mixano-row{
	margin:0;
	margin-bottom: 150px;
}
.rtl .intro-holder .mixano-row{ 
	text-align:right 
}
.intro-holder .mixano-row .col-desktop-4{
	margin-bottom:50px;
}
.intro-holder .container{
	margin-top:150px
}
.intro-holder h2{
	margin-top:0;
	font-size: 88px;
	line-height:1em;
	margin-top:30px
}
.intro-holder .x-large{
	font-size: 88px;
}
.intro-holder .large{
	font-size: 72px;
}
.intro-holder .medium{
	font-size: 64px;
}
.intro-holder .small{
	font-size: 56px;
}
.intro-holder .tiny{
	font-size: 42px;
}
.intro-holder a.button{
	display:inline-block;
}
.intro:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 0;
    left: calc( 50% - 1px );
    right: 0;
    transition: all .8s ease;
    opacity: 0;
    top: 0;
}
.rtl .intro:after {
    left: auto;
    right: calc( 50% - 1px );
}
.intro:hover:after {
    transform: translateY(0);
    opacity: 1;
	height: 130px;
}
.intro-holder .upper-heading{
	padding:0
}
.intro-holder .highlight{
	padding:0 20px;
	position:relative;
	z-index:1
}
.intro-holder .highlight:before,
.intro-holder .highlight:after{
	position:absolute;
	width:0;
	height:100%;
	content:' ';
	left:0;
	top:0;
	opacity:0;
	transition:all .5s ease;
	z-index:-1
}
.intro-holder .highlight:before{
	width:100%;
	opacity:1;
}
.intro-holder .highlight:hover:after{
	width:100%;
	opacity:1;
}
.intro{
	min-height:200px;
	display:flex;
	width:100%;
    max-width: 1090px;
    margin: auto;
    position: relative;
	z-index:1;
	margin-top:110px
}
.intro-holder h4 span{
	display:inline-block;
}
.intro-cat{
	margin-top:4px;
	
}
.intro:before{
	
}
.intro .vertical-text {
	
}



/* Popular section */
.popular{
	position:relative;
	overflow:hidden
}
.popular .mixano-row{
    margin: 0;
    padding: 90px 0 185px 0;
    align-items: flex-end;
}
.popular h2{
	margin-top:32px;
	font-size: 42px;
    line-height: 1.05em;
}
.popular .vertical-line:after {
	content: ' ';
    position: absolute;
    width: 1px;
    height: 0;
    max-height: 130px;
    left: calc( 50% - 1px );
    right: 0;
    transition: all .8s ease;
    opacity: 0;
    top: 0;
}
.rtl .popular .vertical-line:after {
    left:auto;
    right: calc( 50% - 1px );
}
.popular:hover .vertical-line:after {
	opacity:1;
	height: 130px;
}
.popular:before{
	max-height:130px
}
.popular .vertical-line:before{
	height: 130px;
}
.left-section{
	text-align:right
}
.center-section{
	text-align:center
}
.popular-carousel{
	margin-top:-140px;
	border-width: 1px;
    border-style: solid;
    border-top: none;
}
.popular-carousel .post-title{
	font-size:18px;
	margin-bottom:0;
	max-width: 70%;
	line-height:1.3em
}
.popular-carousel .post-title a{
	margin-bottom:2px
}
.popular-carousel article {
    padding-left: 25px;
    padding-right: 25px;
	padding-top: 25px;
}
.popular-carousel .post-details {
	padding: 12px 0 12px 0;
	margin-bottom: 0;
}
.popular-carousel .post-thumb {
    position: relative;
    max-width: 100%;
    transition: all .5s ease;
    padding-right: 30px;
    padding-left: 0;
}
.rtl .popular-carousel .post-thumb {
    padding-left: 30px;
    padding-right: 0;
}
.popular-carousel .post-thumb:before {
    right: 2px;
	left:unset
}
.rtl .popular-carousel .post-thumb:before {
    left: 2px;
	right:auto
}
.popular-carousel .post_format-post-format-gallery .post-title{
	margin-top: 0;
}
.popular-carousel .category-link {
    transform: translateY(0) rotate(270deg);
    position: absolute;
    z-index: 2;
    transform-origin: center right;
    top: 0;
    right: 2px;
    margin-top: 10px;
    display: block;
    font-size: 13px;
    padding: 0 10px;
	white-space: nowrap;
    display: block;
    line-height: 1;
}

.rtl .popular-carousel .category-link {
    right: calc(100% - 2px);
}

.popular-carousel .date-published{
	display:none
}
.popular-carousel p{
	margin-top:4px
}
.popular-carousel p span{
	font-size:14px
}
.left-section,
.center-section,
.right-section{
	z-index:1
}
.carousel-holder{
	
}

/* Subscribe */
.subscribe-holder{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	border-width: 1px 0 0 0;
    border-style: solid;
}
.subscribe-holder [class^="col-"],
.subscribe-holder form{
	z-index:1
}
.subscribe-holder form{
	max-width: 800px;
}
.subscribe-holder button{
	position:absolute;
	right:0;
	top: -13px;
}
.rtl .subscribe-holder button{
	right:auto;
	left:20px;
}
.subscribe-holder input[type="email"]{
	border-width:0 0 1px 0;
	max-width:calc( 100% - 120px );
	border-radius:0;
	padding-left:0;
	background:transparent;
	position:relative
}
.subscribe-holder form:after{
	content:' ';
	position:absolute;
	left:20px;
	bottom:0;
	width:0;
	height:1px;
	transition:all .5s ease;
	opacity:0;
}
.rtl .subscribe-holder form:after{
	left:0;
	right:20px
}
.subscribe-holder form:hover:after{
	width:calc( 100% - 160px );
	opacity:1
}
.subscribe-holder:after{
	content:'Subscribe';
	top:24%
}
.subscribe-holder .mixano-row{
	margin:0;
	margin-bottom: 150px;
}
.subscribe-holder .container{
	margin-top:120px
}
.subscribe-holder h2{
    margin-top: 30px;
    font-size: 72px;
    line-height: 1em;
	letter-spacing: -0.045em;
}
.subscribe{
	min-height: 200px;
    display: flex;
    width: 100%;
    max-width: 1090px;
    margin: auto;
    position: relative;
}
.subscribe:before{
	max-height:130px
}
.subscribe:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 0;
    left: calc( 50% - 1px );
    right: 0;
    transition: all .8s ease;
    opacity: 0;
    top: 0;
}
.rtl .subscribe:after {
    left: auto;
    right: calc( 50% - 1px );
}
.subscribe:hover:after {
    transform: translateY(0);
    opacity: 1;
	height: 130px;
}

/* footer */
footer#footer{
	padding: 100px 0 80px 0;
	position:relative;
	overflow:hidden
}
footer#footer:before{
	content:none;
	position:absolute;
	left:calc( 50% - 250px );
	width:500px;
	height:500px;
	top:-30px;
	border-radius:50%;
}
.copyright{
	overflow:hidden
}
.copyright .social-profiles{
	float: right;
	background:none;
	padding-top:0;
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
}
.rtl .copyright .social-profiles {
    float: left;
    padding-left: 0;
}
.copyright p{
	font-size:14px;
	margin:0;
	padding-left:5px
}
.copyright .social-profiles a:after {
    top: 10px;
}
.copyright .container{
	border-style:solid;
	border-width:1px 0 0
}
.copyright .mixano-row{
	padding:30px 0;
	align-items:center
}


/* Search page */
#search-no-result h2{
	margin-top:0;
	margin-bottom:10px;
	font-size:36px
}
#search-no-result h3{
	margin-top:0;
	margin-bottom:60px
}

/* 404 page */
#page-404{
	padding:100px 0;
	text-align:center
}
#page-404 h1{
	margin-top:0;
	margin-bottom:10px
}
#page-404 h3{
	margin-top:0;
	margin-bottom:60px
}
#search-no-result{
	text-align:center;
	padding:80px 20px
}

/* Pagination */

.pagination{
	width:100%;
	margin:0 auto;
	clear:both
}
.pagination .nav-links{
    text-align: center;
    border-radius: 5px;	
}
.pagination{
    border-radius: 5px;
	padding:30px
}
.pagination ul{
	margin:0
}
.pagination a,
.pagination span,
.single .pagination span{
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50px;
	padding-top:12px;
	transition: background 0.3s ease, color 0.3s ease;
	margin: 0 3px;
	text-align:center;
	margin-bottom: 5px;
}
.page .pagination span,
.page .pagination a{
	display:inline-block;
	margin: 0 10px;
	vertical-align: middle
}
.pagination.content a,
.pagination.content span{
	padding-top:14px;
}
.single .pagination{
	width:100%;
}
.single .pagination ul{
	padding: 15px;
}
.single .pagination li{
	text-align:center
}
.pagination li:before{
	content:none !important
}


/* Responsive trigger */

.mobile-trigger {
	padding: 12px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	border: 0;
	margin: 0;
	line-height: 0;
	overflow: visible;
	display: none;
}

.mobile-trigger-box {
	width: 30px;
	height: 18px;
	display: inline-block;
	position: relative;
}

.mobile-trigger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.mobile-trigger-inner,
.mobile-trigger-inner::before,
.mobile-trigger-inner::after {
	width: 30px;
	height: 2px;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.mobile-trigger-inner::before,
.mobile-trigger-inner::after {
	content: '';
	display: block;
}

.mobile-trigger-inner::before {
	top: -10px;
}

.mobile-trigger-inner::after {
	bottom: -10px;
}


/*
   * Slider
   */

.mobile-trigger--slider .mobile-trigger-inner {
	top: 2px;
}

.mobile-trigger--slider .mobile-trigger-inner::before {
	top: 8px;
	transition-property: transform, opacity;
	transition-timing-function: ease;
	transition-duration: 0.15s;
}

.mobile-trigger--slider .mobile-trigger-inner::after {
	top: 16px;
}

.mobile-trigger--slider.is-active .mobile-trigger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg);
}

.mobile-trigger--slider.is-active .mobile-trigger-inner::before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0;
}

.mobile-trigger--slider.is-active .mobile-trigger-inner::after {
	transform: translate3d(0, -16px, 0) rotate(-90deg);
}

/* IE Fixes */
@media all and (-ms-high-contrast:none){
	.views-and-downloads span{
		height:36px
	}
	.download-button button {
		height:52px
	}
	.post-widget .thumb{
		max-width:115px
	}
	.menu .menu-item .menu-link svg{
		height:24px
	}
	.post-category.single span{
		height:37px
	}
}

/* Contact form 7 */
.wpcf7 input:not([type="submit"]){
   margin-bottom:30px
}
.wpcf7 textarea{
  margin-bottom:30px;
  max-height:200px
}
span.wpcf7-not-valid-tip {
    position: relative;
    top: -15px;
}
body div.wpcf7-response-output {
    margin: 2em 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="text"],
.wpcf7 textarea{
	border:none;
	border-radius:0px;
	padding-left:15px
}
.wpcf7{
	padding:80px 0
}

/* 13.Responsive */

@media (max-width:1600px){
	.progress-container-holder{
		display:none
	}
}

@media (min-width:1024px) and (max-width:1600px){
	.related-articles .articles .col-desktop-6{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.related-articles .articles .col-desktop-6:nth-of-type(2){
		border-width:0 1px 1px 1px;
	}
	.sidebar{
		padding:80px 40px
	}
}

@media (min-width:1361px) and (max-width:1500px){
	.post-title{
		max-width: 60%;
	}	

}
@media (min-width:1024px) and (max-width:1360px){
	.grid-4 .articles .col-tablet-6{
		flex: 0 0 50%;
		max-width: 50%;
	}	

}
@media (min-width:1024px) and (max-width:1400px){
	.post-content{
		flex: 0 0 77%;
		max-width: 77%;
	}
	.sidebar{
		display:none
	}
	.related-articles .articles .col-desktop-6:nth-of-type(2) {
		border-width: 1px 1px 1px 0;
	}
}

@media (max-width:1400px){
	.popular-carousel > .slick-arrow.slick-next{
		top:100%;
		right:calc(50% - 30px);
	}
	.popular-carousel > .slick-arrow.slick-prev {
		top:100%;
		left:calc(50% - 30px);
	}
}
	
@media (min-width:1024px){
	header#theme-header{
		top: 20px;
	}
	.header-sticky #primary a{
		font-size:14px !important
	}
	.header-sticky #primary.menu > li > a:before{
		content:none;
	}
	.header-sticky .search-button a{
		padding: 10px;
	}	
	#theme-header.header-sticky #primary.menu{
		padding-top: 0px;
	}
	#theme-header.header-sticky {
		min-height:60px
	}	
	.home-not-first .articles{ 
		margin-top:40px
	}	
	.padding-right-0{
		padding-right:0
	}
	.padding-left-0{
		padding-left:0
	}
	.padding-right-15{
		padding-right:15px
	}	
	.padding-right-30{
		padding-right:30px
	}
	#sidebar{
		border-color:rgba( 14,22,56 , .2 );
	}
	#sidebar{
		padding-left:30px;
		border-width: 0 0 0 1px;
		border-style: solid;
		padding-top:60px
	}
	.rtl #sidebar{
		padding-left:15px;
		border-width: 0 1px 0 0;
		padding-right:30px;
	}
	#sidebar .widget:first-of-type{
		margin-top:0
	}
	#primary.menu{
		padding-top:10px
	}
	.articles.grid-1 .article{
		margin-bottom:40px;
		border-width:1px
	}	
	.articles.grid-1 .post-title{
		font-size:36px;
		line-height:1.1em;
	}	
	.articles.grid-1 .pagination{
		margin-bottom:40px;
	}		
	.articles.grid-2 .pagination{
		margin-bottom:40px;
		margin-top:40px;
	}	
	.articles.grid-2 .article:nth-child(odd){
		border-width: 0 1px 1px 1px;
	}	
	.rtl .articles.grid-2 .article:nth-child(even){
		border-width: 0 0 1px 1px;
	}
	#respond .col-desktop-6.comment{
		padding-left:25px
	}	
	.article-image{
		display: flex;
		align-items: center;		
	}
	footer#footer{
		padding-left:25px;
		padding-right:25px;
	}
}

@media (max-width:1023px){
	.mixano-row{
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.site-grid-inner{
		padding:0
	}
	.single.mixano-row{
	    overflow: hidden;
	}
	.page .page-content{
		padding: 25px 25px 40px 25px;
	}
	.sidebar{
		display:none
	}
	#freebies h2{
		font-size: 42px;
	}
	#primary{
        margin-left:0;
        margin-right:0;
		padding: 15px 0
    }
	header#theme-header{
		max-width: 100%;
		border-radius:0;
		padding:10px 25px;
	}
	#theme-header.header-sticky {
		padding:10px 25px;
	}	
	.search-trigger.mobile{
		padding:0
	}
     .menu{
		overflow-Y:auto;
		border-radius:3px
    }
	#primary > .menu-item > .sub-menu{
		margin-top: 5px;
		margin-bottom: 5px;
		padding-top: 10px;
		padding-bottom: 2px;
		padding-left: 20px;
	}
	.menu-item .sub-menu:before{
		position:absolute;
		width:1px;
		content:' ';
		top:12px;
		height:calc( 100% - 18px );
	}	
	#primary > .menu-item > .sub-menu:before{
		height:calc( 100% - 38px );
		top:20px;
	}
	#primary.open .menu{
		display:block;
	}
     .menu li,.mobile-menu-icon{
        display:block
    }
     .menu li:hover,.menu li.focus{
        position:static
    }
	
	.no-scroll{
		overflow-x: hidden;		
	}
	
	.menu li{
		line-height:1.65em;
		margin-bottom:8px;
		font-size:18px
    }	
	.menu > li{
		border-bottom:solid 1px rgba(255,255,255,.20);
		padding-bottom:15px;
		padding-top:5px
    }		
	.menu > li:first-child{
		padding-top:0;
		margin-top:0
    }	
	.menu > li:last-child{
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0
    }		
	.menu li a{
        display:block;
        padding:0px 20px;
        border:none;
		transition:opacity .4s ease
    }
     .menu .sub-menu li:first-child a{
        border-top:none;
    }
     .menu .children li:first-child a{
        border-top:none;
    }
	.menu svg {
		right: 15px;
		top: 4px;
		position: absolute;
		width:22px;
		transition:transform .5s ease;
	}	
	.menu > li > a > svg {
		transform: rotate(-90deg);
		border-radius:2px
	}		
	.menu > li > a > svg.rotate {
		transform: rotate(0deg);
	}	
	.rtl .menu svg {
		right:auto;
		left:15px;
	}		
	.menu svg {
		fill: rgba( 255,255,255, .7 );
	}
	.menu > .menu-item-has-children > a{
		padding-right:40px;
	}	
	.rtl .menu > li > a{
		padding-left:40px;
		padding-right:20px;
	}
    .menu > li > .sub-menu,
	.menu > li > .children{
        margin:0;
        padding:0;
        top:-9999px;
        opacity:0;
        position:absolute;
        transition:opacity .4s ease-in-out;
        z-index:99;
		left:0
    }    
	.rtl .menu > li > .sub-menu,
	.rtl .menu > li > .children{
        left:auto;
        right:-9999px;
    }
	#primary.menu{
        left:-9999px;
        opacity:1;		
	}
	.rtl #primary.menu{
		left:auto;
		right:-9999px;
	}
	nav.primary.open #primary.menu{
		opacity: 1;
		transform: translateY(0);
		transition: transform .3s;
		overflow: hidden;
		border-radius: 0;
		margin: auto;
		left: 0;
		right: 0;
		max-height: 50vh;
		overflow-y: scroll;
		margin-top: 0;
	}	
	.menu .sub-menu,
	.menu .children{
		top:0
	}
	.rtl .menu .sub-menu,
	.rtl .menu .children{
	}
     .menu > li.focus > .sub-menu,
	 .menu > li.focus > .children{
        position:relative;
        left:auto;
        opacity:1
    }
	
     .menu > li > .sub-menu.submenu-toggle,
	 .menu > li > .children.submenu-toggle{
        position:relative;
        top:auto;
        opacity:1;
		max-width:100%
    }     
	.rtl .menu > li > .sub-menu.submenu-toggle,
	.rtl .menu > li > .children.submenu-toggle{
        right:auto;
    }
     .menu .submenu-toggle .sub-menu,
	 .menu .submenu-toggle .children{
        left:auto;
        opacity:1;
        position:relative;
        transition:opacity .4s ease-in-out;
        width:100%;
        z-index:99;
        margin:0;
    }
     .menu .sub-menu .sub-menu,
	 .menu .children .children{
        background-color:transparent;
        margin:0;
		padding:0;
        padding-left:15px;
		padding-top:5px
    }     
	
	.rtl .menu .sub-menu .sub-menu,
	.rtl .menu .children .children{
		padding:0;
        padding-right:15px;		
    }
	.menu li a{
		position:relative;
	}
     .menu .sub-menu li a,
	 .menu .sub-menu li a:hover,
	 .menu .sub-menu li a:focus,
	 .menu .children li a,
	 .menu .children li a:hover,
	 .menu .children li a:focus{
        position:relative;
        width:100%;
    }     
	.menu .sub-menu li a{
		color:#fff;
		font-size:14px
    }
	.menu .sub-menu, .menu .children {
		transform: none;
	}
	#primary.menu > li > a:before {
		content: none !important;
	}
	.mobile-trigger{
		display:block
	}
	.menu{
		opacity:0;
		position: absolute;
		top: 72px;
		max-width:100%;
		left:0;
		transform: translateY(-50px);
		transition:transform .3s ease;
		width:250px;
	}	
	.open .menu{
		transform:translateY(0);
		opacity:1
	}
	.menu li:hover, 
	.menu li.focus {
		position: relative;
	}
	.logo{
		position:relative;
		z-index:2;
	}	
	.menu::-webkit-scrollbar {
		width: 5px;
		background:transparent; 
	}
	.menu::-webkit-scrollbar-track {
		background:transparent; 
		border-radius: 5px;
	}
	.menu::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background:rgba(255,255,255,1);
	} 
	.search-trigger.mobile {
		z-index:2
	}
	#sidebar{
		display:none
	}
	header#theme-header{
		flex-wrap:wrap
	}
	.breadcrumb-navigation{
		margin:0
	}
	header#theme-header {
		z-index:10;
	}
	.popular .vertical-line{
		display:none
	}
	.big-category{
		display:none
	}
	.author-box{
		flex-wrap: wrap
	}	
	.author-box .author-img{
		margin-left:30px;
		margin-bottom:10px
	}	
	.rtl .author-box .author-img{
		margin-left:0;
		margin-right:30px;
	}
	.post-content{
		padding: 70px 25px;
		max-width: 100%;
	}
	#respond .col-desktop-6{
		padding:0
	}
	.article-share{
		display:none
	}
	.article-details:before{
		top:0
	}
	.sub-menu{
		background:transparent
	}
	footer .sidebar-posts article{
		padding-left:0
	}
	footer .no-thumb-widget{
		padding-left:0
	}
	.intro ,
	.subscribe{
		margin-top:50px;
		display:none
	}
	.intro-holder .mixano-row{
		margin-bottom:80px
	}	
	.intro-holder .container{
		margin-top:120px
	}
	.subscribe-holder .mixano-row{
		margin-bottom:80px
	}	
	.subscribe-holder .container{
		margin-top:80px
	}
	body header#theme-header{
		border-radius:0
	}
	.article-image .post-thumb iframe {
		height: 415px;
	}	
}

@media (min-width:768px) and (max-width:1023px){
	.padding-right-tablet-0{
		padding-right:0
	}
	.padding-left-tablet-0{
		padding-left:0
	}
	#sidebar .widget{
		width:50%;
		float:left;
		box-sizing:border-box
	}	
	#sidebar .widget:nth-of-type(2n){
		padding-left:30px
	}	
	#sidebar .widget:nth-of-type(2n+1){
		clear:both
	}
	.post-widget .thumb {
		padding-left: 0;
	}
}

@media (max-width:767px){
	h1{
		font-size:1.6em
	}		
	h2{
		font-size:1.4em
	}		
	h3{
		font-size:1.3em
	}	
	h4{
		font-size:1.2em
	}	
	h5{
		font-size:1.1em
	}
	.site-grid{
		padding: 0;
	}
	.site-description{
		display:none
	}
	.padding-right-mobile-0{
		padding-right:0
	}
	.padding-left-mobile-0{
		padding-left:0
	}
	.post-category{
		min-width:unset;
	}
	.post-widget .post-thumb{
		margin-bottom:15px
	}
	footer#footer{
		padding: 30px 20px 30px 20px
	}
	.social-share-holder {
		display:none
	}	
	.after-post .social-share-holder {
		display:flex
	}
	.search-mobile{
		display:flex;
		justify-content: flex-end;
	}	
	.search-trigger.mobile svg{
		width:24px;
		height:24px;
	}
	.action-bar{
		order:3;
		width: 100%;
		display:none
	}
	header#theme-header #searchform {
		top: 65px;
	}
	header#theme-header #searchform.active {
		width: calc( 100% - 40px );
	}
	nav.nav{
		margin-right: 20px;
	}
	.rtl nav.nav{
		margin-left: 20px;
		margin-right: 0;
	}
	.search-close{
		margin-top:-80px;
	}
	.related-articles h2.title{
		font-size:24px
	}
	.intro-holder h2{
		font-size:56px
	}
	.subscribe-holder {
		overflow:hidden
	}	
	.subscribe-holder form {
		max-width: calc( 100% - 20px );
	}
	.single .details-inner .article-title,
	.intro-holder h2,
	.subscribe-holder h2,
	.comment-respond h2, 
	.comments-area .comments-title{
		font-size:42px !important
	}
	.overlay-search #searchform h2 {
		font-size: 56px;
	}
	.overlay-search #searchform.active {
		width: calc( 100% - 60px );
	}
	#comments .vertical-line,
	#comments .vertical-text{
		display:none
	}
	.comments-main .heading {
		padding-top: 60px;
	}
	.post-thumb:before,
	.articles .date-published,
	.related-articles .date-published{
		display:none
	}
	.author-box .vertical-text,
	.author-box .vertical-line{
		display:none
	}
	.popular-carousel .post-thumb:before{
		display:block
	}
	.author-box{
		padding-left:0
	}
	.author-details h2 {
		word-break: break-all;
	}
	.articles .post-thumb,
	.related-articles .post-thumb{
		padding-left:0
	}
	.articles .article:hover .arrow-read-more {
		opacity: 1;
		transform: translateX(0);
	}
	.articles .article:hover .arrow-read-more-2 {
		opacity: 0;
	}
	.articles .article{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.related-articles .articles .col-desktop-6:nth-of-type(2) {
		border-width: 0 1px 1px 1px;
	}
	.gallery-item{
		width:100% !important
	}
	.home .articles .article{
		border-right:none;
		overflow:hidden
	}
	footer .sidebar-posts article .col-mobile-12 {
		padding-left:0
	}	
	#footer-widgets .col-small-tablet-6{
		padding-left:0
	}
	.breadcrumb-navigation {
		padding: 50px 0;
	}
	.breadcrumb-navigation .big-title{
		display:none
	}
}

@media (max-width:479px){	
	#searchform input[type="submit"] {
		max-width:100px
	}
	.upper-heading{
		line-height:2em
	}
	.article-details {
		padding-right: 25px;
	}	
	.rtl .article-details {
		padding-left: 25px;
		padding-right: 25px;
	}
	.scroll-to-read .dark-line {
		width: 50px;
	}
	.copyright .social-profiles {
		float: left;
		margin-left: -7px;
		margin-top: 10px;
	}
	header#theme-header .site-title	{
		font-size:18px
	}
}

@media (max-width:360px){
	.logo{
		max-width:90px;
		min-width:90px;
	}	
}
@media (max-width:323px){
	.logo{
		max-width:70px;
		min-width:70px;
	}	
}
@media screen and (max-width: 600px){
	body div[id^=wpadminbar] {
		top: -46px !important;
	}
	.admin-bar header#theme-header{
		top:0
	}	
	.admin-bar header#theme-header.header-sticky{
		top:0 !important
	}	
}
@media (min-width:601px) and (max-width: 768px){
	.admin-bar header#theme-header{
		top:0
	}
	.admin-bar header#theme-header.header-sticky{
		top:46px !important
	}
}



/* 
    This CSS file was created by OwL for use by pointer.js, 
     witch can be found on https://seattleowl.com. 
*/

#pointer-dot {
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 2.5px solid #ff4f37;
    position: fixed;
    border-radius: 4px;
    z-index: 1000;
    pointer-events: none;
    transition: border-color 0.5s;
}

#pointer-ring {
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    padding: 15px;
    border: 1px solid #ff4f37;
    position: fixed;
    border-radius: 100px;
    z-index: 1000;
    pointer-events: none;
}

/* Lines background */

.bg-lines {
    position: absolute;
    height: 100%;
    left: 20px;
    right: 20px;
}

.bg-lines div {
    background: rgba(0, 0, 0, .06);
    width: 1px;
    height: 100%;
    position: absolute;
}
.popular .bg-lines div ,
.intro-holder .bg-lines div,
.article-details .bg-lines div{
    background: rgba(255, 255, 255, .05);
}

.bg-lines div:nth-child(1) {
   display:none
}

.bg-lines div:nth-child(2) {
    margin-left:20%;
}

.bg-lines div:nth-child(3) {
    margin-left:40%;
}

.bg-lines div:nth-child(4) {
    margin-left: 60%;
}

.bg-lines div:nth-child(5) {
    margin-left:80%;
}
.bg-lines div:nth-child(6) {
    margin-left:100%;
}

.rtl .bg-lines div:nth-child(2) {
    margin-left:0;
    margin-right:20%;
}

.rtl .bg-lines div:nth-child(3) {
    margin-left:0;
    margin-right:40%;
}

.rtl .bg-lines div:nth-child(4) {
    margin-left: 0;
    margin-right: 60%;
}

.rtl .bg-lines div:nth-child(5) {
    margin-left:0;
    margin-right:80%;
}
.rtl .bg-lines div:nth-child(6) {
    margin-left:0;
    margin-right:100%;
}