/*
TABLE OF CONTENTS
1.	Reset
2.	Layouts
3.	Header
4.	Page Title
5.	Footer
6.	Blog Layout
	6.1 Style 1
	6.2 Style 2
	6.3 Style 3
	6.4 Style 4
	6.5 Style 5
	6.6 Style 6
	6.7 Style 7
	6.8 Post Formats
	6.9 Single Post
	6.10 Post Navigation
	6.11 Author Template
7.	Comments
8.	Typography
9.	WordPress Defaults
10.	Forms
11.	Widgets
12. Language Switcher
13. Back To Top Button
14. Global Buttons
15.	Pagination
16. Page Loaders
17. Helper Classes
18. Media Queries
*/
   
/**
 * CSS Reset
 */
 html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, cite, code,
del, em, font, img, q, s, strong, sub, tt, var,
b, u, i, center, dt, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width : 100%;
    table-layout: fixed;
}
td {
    vertical-align: top; 
}

img { 
    max-width : 100%; 
    border: 0; 
    -ms-interpolation-mode: bicubic; 
    vertical-align: middle;
    height : auto;
}
   
svg:not(:root) { 
    overflow: hidden; 
}
   
figure {
    margin: 0;
}
   
::selection {
    background: rgb(0,0,0); 
    color: #fff; 
}
::-moz-selection {
    background: rgb(255,255,158);
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}

/** HTML Display Definitions */
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
nav, 
section { 
    display: block; 
}
audio, 
canvas, 
video { 
    display: inline-block; 
    *display: inline; 
    *zoom: 1; 
}
audio:not([controls]) {
    display: none; 
}
[hidden] { 
    display: none; 
}

/**
 * Layouts
 */

/** Global */

.be-row {
    display: flex;
    align-items: flex-start;
}

/** Grid Layout */
.be-grid {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.be-grid[data-layout="metro"],
.be-grid[data-layout="masonry"] {
    visibility: hidden;
}

.be-lazy-load {
    opacity: 0;
    transition : opacity 0.5s;
}
.be-lazy-loaded {
    opacity: 1;
}

/** Gutter */

/** content Wrapper */
.exp-wrap {
    max-width: 1160px;
    margin: 0 auto;
}

/** Sidebar layout */

/** Slider */
.be-slider {
    visibility: hidden;
    position: relative;
}
.be-slide {
    position: absolute;
    top : 0;
    left : 0;
    width : 100%;
}
.be-slide:first-child {
    position: relative;
}
.be-slider.flickity-enabled {
    visibility: visible;
}
.be-slider .flickity-page-dots {
    left : 0;
}
.be-slider .flickity-page-dots .dot {
    width : 7px;
    height : 7px;
}

.be-slider-hide-nav .flickity-page-dots {
    display: none;
}

/**
 * Header
 */
.tp-simpleresponsive >ul li {
    z-index: 1 !important;
}

.tatsu-frame #header{
    transform: translateZ(0px);
}

/** Exponent Header */

/* Main Menu Links */

.exponent-menu ul li{
    float: left;
    position: relative;
    margin-bottom: 0;
    line-height: 1.5;
}
.exponent-menu > ul > li {    
    padding: 10px;
}

/* Sub Menu and Mega Menu */

.exponent-menu ul.exponent-sub-menu li{
    float: none; 
}
.exponent-menu > ul > li:last-child {
    margin-right: 0px !important;
}
.exponent-menu ul.exponent-sub-menu > li > a{
    padding: 5px 5px;
}
.exponent-menu ul.exponent-sub-menu > li.menu-item-has-children  > a{
    width: 70%;
}
.exponent-menu ul.exponent-sub-menu li a{
    display: inline-block;
}
.exponent-menu > ul > li ul.exponent-sub-menu{
    z-index: 10;
    padding: 15px;
    box-shadow: 0px 0px 24px 1px rgba(19, 24, 29, 0.12);
}
.exponent-menu ul.exponent-sub-menu{
    box-shadow: 0px 0px 24px 1px rgba(19, 24, 29, 0.12);
    border-radius: 4px;
    background-color: white;
}
.exponent-menu li:not(.mega-menu) .exponent-sub-menu{
    display: none;
    position: absolute;
    width: 200px;
    box-sizing: border-box;
}
.exponent-menu li.mega-menu > .exponent-sub-menu{
    display: none;
    position: absolute;
    flex-wrap: nowrap;
    width: auto;
    padding: 10px;
}
.exponent-menu li.mega-menu ul.exponent-sub-menu{
    border-radius: none;
    box-shadow: none;
}
.exponent-menu li.mega-menu > .exponent-sub-menu li .exponent-sub-menu {
    display: block !important;
    position: static;
    padding: 0px;
}
.exponent-menu li.mega-menu .exponent-sub-menu li{
    width: 200px;
}
.exponent-menu li.mega-menu > ul.exponent-sub-menu > li{
    margin-right: 15px;
}
.exponent-menu li.mega-menu > ul.exponent-sub-menu > li:last-child{
    margin-right: 0px;
}
span.exponent-sub-menu-indicator{
    line-height: inherit;
    cursor: pointer;    
    float: right;
    max-width: 40px;
    text-align: center;
}
.exponent-sub-menu-indicator svg{
    display: none;
}
.exponent-menu > ul > li.menu-item-has-children .exponent-sub-menu-indicator svg,
.tatsu-wpml-lang-switcher .exponent-sub-menu-indicator svg{
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin: 0px 0px 0px 7px;
    transition: all 100ms ease-in; 
}
.exponent-menu .exponent-sub-menu li.menu-item-has-children .exponent-sub-menu-indicator svg{
    margin: 0px 0px 0px -15px;
}
.exponent-menu > ul > li:not(.mega-menu) > .exponent-sub-menu li.menu-item-has-children svg{    
    transform: rotate(270deg);
}
.exponent-menu > ul > li.menu-item-has-children .exponent-sub-menu-indicator.menu-open svg{
    transform: rotate(180deg);
}
.exponent-menu li a{
    color: #313233
}
/* Hide Indicator in Second Level Sub Menu in Mega Menu */

.tatsu-menu .mega-menu li .exponent-sub-menu-indicator svg{
    display: none !important;  
}
.exponent-header-pointer{
    content: "";
    position: absolute;
    border-color: transparent;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    top: -8px;
    left: 15px;
    height: 15px;
    width: 15px;
    background: inherit;
    -webkit-transform: rotate(45deg) ;
}

/* Hide the pointer for secondary sub menus */

.exponent-sub-menu li .exponent-header-pointer {
    display: none !important;
}
.exponent-sub-menu .exponent-sub-menu{
    top: 15px !important;
}

/* Default Mobile Menu */
.exponent-mobile-menu ul,
.exponent-mobile-menu li{
    float : none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.exponent-mobile-menu li a{
    color: #313233;
    padding: 5px;
    display: inline-block;
}
.exponent-mobile-menu .exponent-sub-menu{
    display: none;
    background: transparent !important;
    padding-left:15px;
}
.exponent-mobile-menu .exponent-sub-menu-indicator{
    display: inline-block;
}

.exponent-mobile-menu li.menu-item-has-children .exponent-sub-menu-indicator svg{ 
    display: inline-block;
}
.exponent-mobile-menu .exponent-sub-menu-indicator.menu-open svg{
    transform: rotate(180deg);
}
.exponent-mobile-menu svg polyline{
    stroke: black;
}

/* Hamburger Menu */

.exponent-mobile-menu-icon {
    cursor: pointer;
    position: relative;
}


.exponent-mobile-menu-icon > span {
    display: block;
    background: #000;
    width: 27px;
    height: 2px;
    margin-bottom: 5px;
    transition: all 250ms linear;
}
.exponent-mobile-menu-icon > .line-4 {
    position: absolute;
    height: 100%;
    width: 27px;
    left: 0;
    top: 0;
    background: none;
}
.exponent-mobile-menu-icon.open .line-4 {
    height: 27px;
    top: -12px;
}
.exponent-mobile-menu-icon span:last-child{
    margin-bottom: 0;
}

.exponent-mobile-menu-icon.open {
    position: relative;
}
   
/**
 * Page Title
 */

.exp-entry-header {
    padding:  30px 10px;
    line-height: 1;
    font-size: 15px;
}

.exp-entry-header .be-row {
    text-align: center;
    align-items: center;
    justify-content: center;
}
.exp-entry-header .be-row > *:last-child {
    margin-bottom: 0;
}

.exp-breadcrumbs {
    line-height: 1.5;
}

.exp-breadcrumbs a {
    color : inherit;
    transition : color 0.5s;
}

/**
 * Footer
 */
#footer{
    padding: 20px 0;
    text-align: center;
}
   
/**
 * Blog Layout
 */
/** Featured Posts */
    .exp-featured-posts .exp-posts-loop {
    margin-bottom: 0;
}

/** Related Posts */
.exp-related-posts {
    margin-bottom: 80px;
}

/** Archive Styles */

.exp-post-categories {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: normal;
    margin-bottom: -5px;
}
.exp-post-categories a {
    color : inherit;
    display: inline-block;
    margin-bottom: 5px;
}
.exp-post-categories-normal a {
    transition : color 0.2s;
}

.exp-post-categories-labeled a {
    transition : all 0.5s;
}

.exp-post-title {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
}
.exp-post-title a {
    color : inherit;
    display: block;
    transition : color 0.2s;
    display: block;
}

.exp-posts-loop .exp-post-content *:last-child {
    margin-bottom: 0;
}

.exp-read-more {
    color: inherit;
}

.exp-read-more-underlined {
    font-size: 11px;
    letter-spacing: 0.92px;
    text-transform: uppercase;
    position: relative;
    color : #313233;
    transition : color 0.3s;
}
.exp-read-more-underlined:hover {
    color : #1899FF;
}
a.exp-read-more-underlined {
    display: inline-block;
}
.exp-read-more-underlined::before {
    content:  '';
    position:  absolute;
    bottom: -2px;
    height:  2px;
    width:  100%;
    left:  0;
    background: rgba(0,0,0,0.4);
}
.exp-read-more.exp-read-more-underlined::after {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 2px;
    width: 0%;
    right: 0;
    background: #1890FF;
    left: auto;
    transition: width 0.3s;
}
.exp-read-more.exp-read-more-underlined:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.exp-post-date-with-icon {
    display: flex;
    align-items: baseline;
}

.exp-post-content p:last-child {
    margin-bottom: 0;
}

.exp-post-author-name {
    color : inherit;
    transition : color 0.2s;
}

.exp-post-categories-labeled .exp-term {
    padding : 1px 10px;
    background: #fff;
    margin-right: 5px;
    line-height: normal;
}
.exp-post-categories-labeled .exp-term:last-child {
    margin-right: 0;
}

.exp-posts-loop .sticky {
    padding: 50px;
    border-radius: 5px;
    background: #F5F6FA;
}

.exp-posts-loop blockquote p:last-child {
    margin-bottom: 0;
}

/** Style1 */
        
/**  Style 2 */

/** Style 3 */

.exp-posts-loop-style3.exp-posts-loop .exp-post-title,
.exp-posts-loop-style3.exp-posts-loop .exp-post-categories-normal,
.exp-posts-loop-style3.exp-posts-loop .exp-post-author,
.exp-posts-loop-style3.exp-posts-loop .exp-post-date,
.exp-posts-loop-style3.exp-posts-loop .exp-post-date-with-icon {
    color : #fff;
}

.exp-posts-loop-style3.exp-posts-loop .exp-post-categories-normal a:hover, 
.exp-posts-loop-style3.exp-posts-loop .exp-post-title a:hover, 
.exp-posts-loop-style3.exp-posts-loop .exp-post-author .exp-post-author-name:hover {
    color : inherit;
}

/** Style 4 */


/** Style 5 */


/** Style 6 */

/** Style 7 */

.exp-posts-loop-style7.exp-posts-loop .exp-post-title,
.exp-posts-loop-style7.exp-posts-loop .exp-post-categories-normal,
.exp-posts-loop-style7.exp-posts-loop .exp-post-author,
.exp-posts-loop-style7.exp-posts-loop .exp-post-date,
.exp-posts-loop-style7.exp-posts-loop .exp-post-date-with-icon {
    color : #fff;
}
.exp-posts-loop-style7.exp-posts-loop .exp-post-categories-normal a:hover, 
.exp-posts-loop-style7.exp-posts-loop .exp-post-title a:hover, 
.exp-posts-loop-style7.exp-posts-loop .exp-post-author .exp-post-author-name:hover {
    color : inherit;
}

.exp-posts-loop-style7 .exp-term:last-child {
    margin-right: 0;
}

/** Gallery Post Format */

/** Image Post Format */


/** Video Post Format */

.be-embed-placeholder {
    position:  relative;
}
.be-embed-placeholder::before {
    content:  '';
    padding-top:  56.25%;
    display:  block;
}
.be-embed-placeholder .be-vimeo-embed {
    position: absolute;
    top : 0;
    left: 0;
    width : 100%;
    height: 100%;
    opacity: 0;
}

/** Quote Post Format */

/** Link Post Format */

/** Chat Post Format */

/** Single Post */

.be-themes-bg-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    filter: blur(20px);
    transform: scale(1.1); /** to prevent blurry edges at the corners */
}
.be-themes-bg-lazyload {
    opacity: 0;
    transition: opacity 0.3s;
}
.be-themes-bg-lazyloaded {
    opacity: 1;
}

.exp-post-single-header .exp-post-title {
    font-size:  46px;
    line-height:  60px;
    margin-bottom:  22px;
    color : #494C4F;
} 

.exp-post-single-content .tatsu-section:first-child .tatsu-section-pad {
    padding-top: 0;
}
.exp-post-single-content .tatsu-section:last-child .tatsu-section-pad {
    padding-bottom: 0;
}

.pages_list {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.page .pages_list {
    margin-top: 0;
}
.pages_list a {
    padding: 8px 18px;
    border-radius: 20px;
    transition: all 0.3s;
}

.exp-post-single-footer-tags {
    font-size:  10px;
    text-transform:  uppercase;
    letter-spacing:  0.5px;
    color:  #7A7B7F;
}

.exp-post-single-content p:last-child {
    margin-bottom:  0;
}

.exp-post-single-footer-tags {
    margin-bottom:  30px;
}

.exp-post-single-footer-author {
    max-width:  840px;
    display:  flex;
    margin:  0 auto 50px auto;
    padding:  40px 76px;
    background: #FAFAFA;
    box-shadow: 0 22px 25px -10px rgba(79,84,112,0.08);
}

.exp-post-single-footer-author-description {
    font-size:  14px;
    line-height:  28px;
    color:  #888C92;
    margin-bottom: 25px;
}
.exp-post-single-footer-author-name {
    margin-bottom:  5px;
    display: block;
    font-size:  18px;
    line-height:  25px;
}

/** Posts nav */
.exp-posts-nav {
    display:  flex;
    padding: 10px 50px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 1;
}
.exp-posts-nav > * {
    flex:  0 0 auto;
    width:  33.33%;
}
.exp-posts-nav-sticky {
    position: fixed;
    transition : transform 0.3s;
    transform: translate3d(0, 100%, 0);
    bottom : 0;
    background: #fff;
    z-index: 50;
    width : 100%;
}
.exp-posts-nav-sticky-active {
    transform : translate3d(0, 0, 0);
}

.exp-posts-nav-post-location {
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.exp-posts-nav-post-title {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exp-home-grid-icon {
    display: inline-block;
    width : 21px;
    margin-bottom: -3px;
}
.exp-home-grid-icon span {
    background: currentColor;
    float: left;
    height: 5px;
    width: 5px;
    margin-bottom: 3px;
    margin-right: 3px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.exp-home-grid-icon:hover span {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.exp-home-grid-icon span:nth-child(1){
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay : 50ms;
}
.exp-home-grid-icon span:nth-child(2){
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay : 80ms;
}
.exp-home-grid-icon span:nth-child(3){
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay : 100ms;
    margin-right: 0;
}
.exp-home-grid-icon span:nth-child(4){
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay : 120ms;
}
.exp-home-grid-icon span:nth-child(5){
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay : 150ms;
}
.exp-home-grid-icon span:nth-child(6){
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    -o-transition-delay: 180ms;
    transition-delay : 180ms;
    margin-right: 0;
}

.single .exp-comments {
    margin-top: 50px;
}
.single .exp-comments-without-content {
    margin-top: 20px;
}

/** Author Template */

/** Category Template */

.exp-category-header-title {
    font-size: 36px;
    margin-bottom: 25px;
}
.exp-category-header-title {
    color: #fff !important;
}
   
/** Audio Post Format */

   
/**
 * Comments
 */

.exp-comment-author-image {
    flex: 0 0 auto;
    margin-right:  20px;
    overflow:  hidden;
    border-radius:  50%;
}
.exp-comment-details > *:last-child {
    margin-bottom: 0;
}

.exp-comment-reply {
    font-size:  14px;
    line-height:  19px;
    color:  #717273;
    transition : color 0.3s;
    display: inline-block;
}

.comment-reply-link {
    color:  inherit;
    display:  flex;
    align-items:  baseline;
}

#cancel-comment-reply-link {
    font-size:  14px;
    line-height:  19px;
    color:  #717273;
    transition : color 0.3s;
    margin-left: 5px;
}

.exp-comment-parent + .children > * {
    margin-bottom:  40px;
}

.exp-comment-parent + .children > *:last-child {
    margin-bottom:  0;
}

.exp-comment-follow-line {
    position: absolute;
    background: #D8D8D8;
}

#reply-title {
    font-size: 18px;
    line-height: 25px;
    color:  #3B3A3A;
    margin-bottom:  10px;
    font-weight: 600;
}
   
/**
 * Typography
 */
h1,h2,h3,h4,h5,h6 {
    -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

h1,h2 {
    margin-bottom: 20px;
}

h3, h4 {
    margin-bottom: 15px;
}

h5, h6 {
    margin-bottom: 8px;
}
p {
    margin-bottom: 25px;
}
p:empty {
    margin-bottom: 0;
}
#content {
    -ms-word-wrap: break-word;
    word-break: break-word;   
}

blockquote {
    margin-bottom: 30px;
    position: relative;
    padding-left: 50px;
    border-left: 4px solid #2293D7;
}
blockquote p:last-child{
    margin-bottom: 0;
}

/** Anchor */
a, a:visited , a:hover{
    text-decoration: none;

}

/** Lists */
ul,ol {
    padding-left: 1.3em;
    line-height: inherit;
    margin: 0px 0px 20px;
}
ul { 
    list-style: disc; 
}
ol { 
    list-style: decimal; 
}
ul li,ol li {
    margin-bottom: 10px;
}
ul ul, ol ol, li ul, li ol {
    margin-top: 10px;
}
dt { 
    line-height: inherit; 
}
nav ul, nav ol { 
    list-style: none !important; 
    list-style-image: none; 
    margin: 0; 
    padding: 0; 
}
.widget ul{
    margin-bottom: 0;
}

/**
* Wordpress Defaults
*/
code, pre { 
    font-family:"Courier New", Courier, monospace; 
}
cite{ 
    font-weight:bold; 
    font-style : normal 
}
blockquote cite {
    margin-top: 10px;
}

pre{  
    display: block; 
    margin: 10px 0; 
    padding: 10px; 
    overflow: auto; 
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
table {
    border-collapse: collapse; 
    margin-bottom:30px; 
}
th {
    padding: 10px;
}
td {
    text-align:  center;
    padding: 10px;
}
tr {
    border: 1px solid rgba(0,0,0,0.1)
}

tr > * {
    border-right: 1px solid rgba(0,0,0,0.1)
}

tr > *:last-child {
    border-radius: 0;
}
caption{ 
    margin-bottom: 10px;
}

sub {
    height: 0;
    font-size: 10px;
    line-height: 1;
    position: relative;
    top: .5ex;
    vertical-align: baseline;
}
strong {
    font-weight: 600;
}
   
/** Wordpress default Image Alignment classes */

/** WordPress built-in class for handling sticky posts */
.sticky { 
    box-sizing: border-box; 
}

/** Images */
img[class*="align"] {
    height: auto; 
}

/** Text meant only for screen readers. */
   
   

/**
 * Forms
 */
/** Default form style */
textarea {
    width:  100%;
    display: block;
    font-family: inherit;
    font-size: inherit;
    color : inherit;
    box-sizing: border-box;
    height: 13em;
    background: transparent;
    padding: 15px 15px 15px 15px;
    border: 1px solid transparent;
    transition : border-color 0.3s;
    border-radius :3px;
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.16);
    resize: vertical;
}

input {
    font-family: inherit;
    background: transparent;
    font-size: inherit;
    color : inherit;
    width:  100%;
    padding: 15px 15px 15px 15px;
    border: 1px solid transparent;
    transition : border-color 0.3s;
    border-radius :3px;
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.16);
}
input[ type = "submit" ] {
    width : auto;
    border-radius: 0;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    padding: 15px 34px;
    box-shadow: none;
    transition : box-shadow 0.3s;
}
input[type="checkbox"] {
    border: 0;
    margin: 0;
    width: auto;
    box-shadow: none;
}
input[type="radio"] {
    border: 0;
    margin: 0;
    width: auto;
    box-shadow: none;
}
input[type = "submit"]:hover {
    box-shadow: 0 11px 18px -5px rgba(0, 0, 0, 0.37);
}

select {
    font-family: inherit;
    font-size: inherit;
    color : inherit;
    margin:  0;
    width:  100%;
    background: url( '../img/select_arrow.svg' ) no-repeat right transparent;
    background-position-x: calc(100% - 15px);
    padding: 15px 15px 15px 15px;
    border: 1px solid transparent;
    transition : border-color 0.3s;
    border-radius :3px;
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.16);
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

/**
 * For removing the yellow background color when a form field is autocompleted.
 * @source https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
 */


.exp-form {
    margin-bottom: 50px;
}
.exp-form label {
    display: block;
}
.exp-form > * {
    margin-bottom:  30px;
}
.exp-form > *:last-child,
.exp-form > label {
    margin-bottom:  0;
}

/** password protected page form **/

.exp-form-border {
    position:  absolute;
    left: 0;
    height: 2px;
    bottom:  0;
    width:  0;
    transition:  0.3s;
}

.exp-form-field {
    position:  relative;
}

.exp-form-field-label {
    pointer-events: none;
    left:  0;
    position:  absolute;
    line-height:  normal;
    transition:  0.3s;
}

.exp-form-field-active .exp-form-border {
    width:  100%;
}


/** Border Style */ 
.exp-form-border-with-underline select {
    border : 0;
    box-shadow: none;
}
.exp-form-border-with-underline textarea,
.exp-form-border-with-underline input:not([type = "submit"]),
.exp-form-border-with-underline select {
    border-bottom:  1px solid #D8D8D8;
    padding: 16px 0px;
    box-shadow: none;
}

.exp-form-border-with-underline .exp-form-field-label {
    top: 50%;
    left : 0;
    transform : translate3d(0, -50%, 0);
}
.exp-form-border-with-underline .exp-form-field-active .exp-form-field-label {
    top: -1.1em;
    transform: translate3d(0 ,0, 0);
}
.exp-form-border-with-underline textarea + .exp-form-field-label {
    top : 16px;
    transform: translate3d(0, 0, 0);
}

/** Rounded with Underline */
.exp-form-rounded-with-underline input:not([type = "submit"]),
.exp-form-rounded-with-underline textarea,
.exp-form-rounded-with-underline select {
    padding: 15px;
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.15);
    border : 0;
}

.exp-form-rounded-with-underline .exp-form-field-label {
    top: 50%;
    left : 18px;
    opacity : 1;
    transform : translate3d(0, -50%, 0);
}
.exp-form-rounded-with-underline .exp-form-field-active .exp-form-field-label {
    transform : translate3d(100%, -50%, 0);
    opacity : 0;
}
.exp-form-rounded-with-underline textarea + .exp-form-field-label {
    top : 18px;
    transform: translate3d(0, 0, 0);
}
.exp-form-rounded-with-underline .exp-form-field-active textarea + .exp-form-field-label {
    transform: translate3d(100%, 0, 0);
}

/** Pill */
.exp-form-pill input:not([type = "submit"]),
.exp-form-pill select,
.exp-form-pill textarea {
    border : 1px solid transparent;
    padding: 15px 0 15px 20px;
    border-radius:  50px;
    box-shadow: none;
    transition: box-shadow 0.3s, border-color 0.3s;
}
.exp-form-pill textarea {
    border-radius: 9px;
}

.exp-form-pill input:not([type = "submit"]):focus,
.exp-form-pill textarea:focus,
.exp-form-pill select:focus {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    border-color: #1890FF;
}

/** Rounded */
.exp-form-rounded input:not([type = "submit"]),
.exp-form-rounded textarea,
.exp-form-rounded select {
    padding: 15px;
    border: 1px solid transparent;
    transition : border-color 0.3s;
    border-radius :3px;
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.16);
}

.exp-form-rounded input:not([type = "submit"]):focus,
.exp-form-rounded textarea:focus,
.exp-form-rounded select:focus {
    border-color : #1890FF;
}
 

/**
 * Widgets
 */

.widget{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7;
}
.widget:last-child {
    margin-bottom: 0;
    padding: 0;
    border : 0;
}

.widget h6 {
    color:  #313233;
    margin-bottom: 20px;
}
   
/** Recent Posts */

.exp-recent-posts-widget-post-title {
    line-height:  19px;
    margin-bottom: 8px;
}
.exp-recent-posts-widget-post-title a {
    color:  inherit;
}
       
/** Tags */
.tagcloud {
    line-height: normal;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.tagcloud .tag-cloud-link {
    color: inherit;
    padding: 5px 15px;
    margin: 0 10px 10px 0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    transition: all 0.5s;
}
   
/** Search */
   
/** Wp Calender */
#wp-calendar tr {
    border: none;
}

#wp-calendar td,
#wp-calendar th {
    padding: 0;
}

.widget_calendar td, .widget_calendar th {
    border:  0;
    text-align: center;
}

.widget_calendar th {
    font-size: 13px;
}

.widget_calendar #wp-calendar {
    margin-bottom: 0;
}

.widget_calendar tbody td {
    font-size: 14px;
    letter-spacing: 0.05em;
    width : 37px;
    height : 37px;
    vertical-align: middle;
    border: 1px solid #e8e8e8;
}
.widget_calendar tbody a {
    display: flex;
    height : 100%;
    width : 100%;
    transition : all 0.5s;
    align-items: center;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    margin : 0 auto;
}

.widget_calendar a {
    color: inherit;
}

.widget_calendar #prev {
    text-align: left;
    padding-left: 10px;
}

.widget_calendar #next {
    padding-right:  10px;
    text-align:  right;
}

/** spacing between thead and tbody **/
.widget_calendar thead::after {
    line-height: 1em;
    content:"\200C";
    display:block;
}
.widget_calendar tfoot:before {
    content: '\200C';
    line-height:  1em;
    display:  block;
}

   
/** Categories, Archives, Links, Meta, Menu, Side nav */
.widget a {
    transition : color 0.5s;
}

/** Archives */

.exp-archive-widget-link {
    display:  flex;
    align-items:  center;
}

.exp-archive-post-count {
    margin-left: 15px;
    font-size: 11px;
    letter-spacing: 0.1em;
    border-radius:  50%;
    width:  20px;
    height:  20px;
    display:  flex;
    font-weight: 700;
    align-items:  center;
    line-height: 0;
    justify-content:  center;
    transition : all 0.5s;
}

/** Categories */

.exp-categories-widget-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.exp-categories-post-count {
    margin-left: 15px;
    width:  20px;
    height:  20px;
    border-radius:  50%;
    display:  flex;
    align-items:  center;
    transition : all 0.5s;
    line-height: 0;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.1em;
    justify-content: center;
}

/** Pages */

/** Nav Menu */


/** RSS Feed */
.widget_rss h6 {
    display:  flex;
    align-items:  center;
}

.widget_rss h6 > *:first-child {
    margin-right:  10px;
}

.widget_rss ul {
    list-style-type:  none;
    padding:  0;
    margin:  0;
}

.widget_rss li {
    margin-bottom: 20px;
}
.widget_rss li:last-child {
    margin-bottom: 0;
}

.widget_rss li .rsswidget {
    display:  block;
    margin-bottom:  8px;
}

.widget_rss h6 > *:last-child {
    color: inherit;
}

.widget_rss cite {
    font-style: normal;
}

/** Search Form */

.exp-searchform-icon {
    position:  absolute;
    display:  block;
    top: 50%;
    right: 17px;
    line-height:  0;
    transform:  translateY(-50%);
}
.exp-form-field .exp-searchform-icon {
    line-height: 0;
}

.exp-searchform-icon svg {
    stroke: currentColor;
    width: 16px;
    height: 16px;
}

.exp-searchform-icon {
    transition: color 0.3s;
}

/** Meta */

/** Recent Posts */
.widget_recent_entries ul {
    list-style-type:  none;
    padding:  0;
}

.widget_recent_entries li {
    margin-bottom:  15px;
}
.widget_recent_entries li:last-child {
    margin-bottom: 0;
}

.widget_recent_entries a {
    color: inherit;
    display:  block;
    margin-bottom: 8px;
}

.widget_recent_entries li > *:last-child {
    margin-bottom:  0;
}

/** Recent Comments */
.widget_recent_comments ul {
    padding:  0;
    list-style-type:  none;
}

.widget_recent_comments .recentcomments {
    margin-bottom:  15px;
}
.widget_recent_comments .recentcomments:last-child {
    margin-bottom: 0;
}

.widget_recent_comments a {
    color: inherit;
}

.widget_recent_comments li > a {
    margin-left: 5px !important;
} 

/**
 * Language Switcher
 */
   
/**
 * Back to Top Button
 */
#be-themes-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: none;
    width: 40px;
    height: 40px;
    color : #fff;
    background : #1890FF;
    line-height: 40px;
    text-align: center;	
}
#be-themes-back-to-top svg {
    width: 9px;
    fill: none;
    stroke: currentColor;
}
   
/**
 * Global Buttons
 */
 /** Rounded Style */

 /** Rounded Block */

 /** Pill */

/** Pill Block */
.exp-button-pill-block input[type = "submit"] {
    border-radius: 25px;
    width : 100%;
}
.exp-button-pill-block input[type = "submit"]:hover {
    box-shadow:  0 10px 14px 1px rgba(0, 0, 0, 0.19);
}

/**
 * Pagination
 */
.exp-pagination {
    margin-top: 60px;
    display:  flex;
}
.exp-pagination .page-numbers {
    line-height:  1;
    margin-right:  10px;
    display:  flex;
    align-items:  center;
    justify-content:  center;
    color: #8F8F8F;
    padding:  8px 15px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition : all 0.5s;
}

.exp-pagination .page-numbers:last-child {
    margin-right: 0;
}

.page-numbers.current {
    background: #F3F3F3;
    color:  #2C2C2D;
}

.exp-pagination svg {
    stroke : #848991;
    transition : all 0.2s;
    width: 10px;
}

.exp-pagination .next:hover svg {
    transform: translate3d(5px, 0px, 0);
}
.exp-pagination .prev:hover svg {
    transform : translate3d(-5px, 0px, 0);
}

/****** Portfolio single pages *******/
.be-content-overflow-inner-wrap{
    display: flex;
    align-items: flex-start;
}
.be-animate.already-visible{
    visibility: visible;
    margin-bottom: 0;
}

/**
 *  Gdpr Alt image
 */

/**
 *  Page Loader
 */
 #be-themes-loader-container {
    position: fixed;
    top : 0;
    left : 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    right : 0;
    bottom: 0;
    background : #fff;
}

/* Page Loader Style 1 */
#be-themes-page-loader .style-spin {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 7px solid rgba(24, 144, 255, 0.3);
    border-radius: 50%;
    border-top-color: #1890FF;
    animation: loader-spin 1s linear infinite;
    -webkit-animation: loader-spin 1s linear infinite;
}
@keyframes loader-spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes loader-spin {
    to { -webkit-transform: rotate(360deg); }
}

/* Page Loader Style 2 */
#be-themes-page-loader .style-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;

  }
#be-themes-page-loader .style-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid rgba(24, 144, 255, 0.6);
    border-radius: 50%;
    animation: loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color:rgba(24, 144, 255, 0.6) transparent transparent transparent;
}
#be-themes-page-loader .style-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
#be-themes-page-loader .style-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
#be-themes-page-loader .style-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes loader-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

/* Page Loader Style 3 */

#be-themes-page-loader .style-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
#be-themes-page-loader .style-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background:rgba(24, 144, 255);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#be-themes-page-loader .style-ellipsis div:nth-child(1) {
    left: 6px;
    animation: loader-ellipsis-1 0.6s infinite;
}
#be-themes-page-loader .style-ellipsis div:nth-child(2) {
    left: 6px;
    animation: loader-ellipsis-2 0.6s infinite;
}
#be-themes-page-loader .style-ellipsis div:nth-child(3) {
    left: 26px;
    animation: loader-ellipsis-2 0.6s infinite;
}
#be-themes-page-loader .style-ellipsis div:nth-child(4) {
    left: 45px;
    animation: loader-ellipsis-3 0.6s infinite;
}
@keyframes loader-ellipsis-1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
}
@keyframes loader-ellipsis-3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
}
@keyframes loader-ellipsis-2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(19px, 0);
    }
}
  
#be-themes-page-loader .style-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
#be-themes-page-loader .style-ripple div {
    position: absolute;
    border: 4px solid rgba(24, 144, 255);
    opacity: 1;
    border-radius: 50%;
    animation: loader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
#be-themes-page-loader .style-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes loader-ripple {
    0% {
      top: 28px;
      left: 28px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: -1px;
      left: -1px;
      width: 58px;
      height: 58px;
      opacity: 0;
    }
}

/**
 * Helper Classes
 */
   
.left{
    float:left;
}
.right{
    float:right;
}

.clear{ 
    clear: both; 
}
/** Image replacement */
    
/** Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}
    
/** Hide only visually, but have it available for screenreaders: h5bp.com/v */
    
/** Extends the .visuallyhidden class to allow the element to be focusable* when navigated to via the keyboard: h5bp.com/p */
    
/** Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}
    
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
    
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
    
.clearfix:after {
    clear: both;
}
    
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */ 
.clearfix {
    *zoom: 1;
}

/** Animated links */

/** Animated Links Style2 */

/** reset linke height */

/** flex classes */

 /** share icons stacked style */

.custom-share-button:last-child {
    margin-right: 0;
}
.custom-share-button:hover {
    opacity:0.7;
}
   
/**
 * Media Queries
 */

/** Laptop */
@media only screen and (min-width : 1025px) and (max-width : 1220px) {
    .exp-wrap {
        max-width : calc(100% - 60px);
    }
}
@media only screen and (max-width: 1366px) {
    .be-row {
        flex-wrap: wrap;
    }
}

/** Tablet */
@media only screen and (min-width : 960px) {
    .exp-post-single-content .tatsu-wrap {
        max-width: 800px;
    }
}
@media only screen and (max-width : 959px) {
    .exp-posts-nav-post-title {
        display: none;
    }
    .exp-posts-nav-post-location {
        margin-bottom: 0;
    }
    .exp-post-single-footer-author {
        flex-wrap: wrap;
    }
    .exp-post-single-footer-author {
        padding: 40px 56px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .exp-wrap {
        max-width: 740px;
    }
}
@media only screen and (min-width : 960px) and (max-width : 1024px) {
    .exp-wrap {
        max-width: 940px;
    }
}

   
/** Mobile */   
@media only screen and (max-width: 767px) {
    .children { 
        padding-left:0% ; 
    }
    input[type="text"], 
    input[type="email"], 
    input[type="password"] {
        width: 100%;
    }
    blockquote {
        padding-left: 25px;
    }

    .exp-posts-loop .sticky {
        padding: 30px;
    }
    .exp-comment-author-image {
        margin-bottom: 20px;
        margin-right: 0;
    }
    .exp-comment-details {
        width : 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .exp-wrap {
        max-width: 440px;
    }
}
@media only screen and (max-width: 479px) {
    .exp-wrap {
        max-width: 300px;
    }

    .exp-posts-nav-post-location {
        display: none;
    }
    .exp-posts-nav {
        padding : 10px 40px;
    }

    .exp-post-single-footer-author {
        padding: 30px;
    }
}

/** Print styles */ 
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
    * Don't show links for images, or javascript/internal links
    */

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }
blog
    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}