/*@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);
*/

/*@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);*/

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap);

/*
Theme Name: Meandmetime
Theme URI: https://meandmetime.com
Author: meandmetime
Author URI: https://meandmetime.com
Description: meandmytime theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meandmetime
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Icons
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Footer
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Toolset
--------------------------------------------------------------*/

.main .container:after, .main .blog-page:after, .slider:after, .abstract:after, .services:after, .projects:after, .about:after, .team:after, .services .service:after,.blogs .blog:after, .projects .project:after, .projects .single:after, .team .member .image:after,
.footer .social ul:after, .blog-page .blog-posts:after, .single-post .blog-page .post .post-meta:after, .widgets:after, .widgets .zen_widget:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}


body, h1, h2, h3, h4, h5, h6, ul, li, form, div, p {
  margin: 0;
  padding: 0; }

ul {
  list-style-type: none; }

hr {
      clear: both;
      max-width: 79.375rem;
      height: 0;
      margin: 1.25rem auto;
      border-top: 0;
      border-right: 0;
      border-bottom: 1px solid #cacaca;
      border-left: 0
  }

div {
  width: auto;
  height: auto;
  margin: 0 auto; }

a {
  text-decoration: none;
  outline: none; }
  a:hover {
    text-decoration: none; }

body {
      font-family: 'Montserrat', sans-serif;
      color: #453f3f;
      background: #ffffff ;
      font-weight: 300;
    line-height: 1.5;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }

button {
        padding: 0;
        appearance: none;
        border: 0;
        border-radius: 0;
        background: 0 0;
        line-height: 1;
        cursor: auto
    }

.is-visible {display: block !important;}
.is-hidden {display: none !important;}
.is-center {text-align: center!important;}

.relative{position:relative;}
.fixed{position:fixed;}

.col-sm-8 {
	float:left;
    width: 66.66666667%;
}
.col-sm-4 {
	float:left;
    width: 33.33333333%;
}
.container-xl{
min-width:1100px;
}
.size-715 {
    padding-bottom: 71.5%;
}
/* grid css */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
  float: left;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
.box_wrap{ min-height: auto;}
}

/*--------------------------------------------------------------
    # Typography
--------------------------------------------------------------*/
.bold, strong, b{font-weight: 600;}

h1, h2, h3, h4, h5 { color: #381f5b;margin-bottom:10px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }

a { color: #381f5b; }
a:hover {text-decoration: none; }

h1,.h1{font-size: 1.8em;line-height: 1.6;margin-top: 0;}
h2,.h2 {font-size: 1.3em;line-height: 1.1;margin-top: 0;}
h3,.h3 {font-size: 1.2575em;line-height: 1.1;margin-top: 0;font-weight:400;}
h4,.h4 {font-size: 1.1375em;line-height: 1.1;margin-top: 0;font-weight:400;}
h5,.h5 {font-size: 1.1075em;line-height: 1.1;margin-top: 0;font-weight:400;}
h6,.h6 {font-size: 1em;line-height: 1.4;margin-top: 0;font-weight:400;}
p{margin: 10px 0;font-size: 17px;line-height: 1.7;text-rendering: optimizeLegibility}
cite {margin: 20px 0;font-size: 20px;line-height: 1.4;text-rendering: optimizeLegibility;font-style: italic;}

/* Title styleguide */
.thb_title.style1 {overflow: hidden;text-align: center;}
.thb_title {margin: 10px 0;}
.thb_title.style1 .thb_title_inner {display: inline-block;position: relative;text-align: center;padding: 0 30px;}
.thb_title.style1 .thb_title_inner:before {right: 100%;}
.thb_title.style1 .thb_title_inner:before, .thb_title.style1 .thb_title_inner:after {content: '';position: absolute;top: 50%;margin-top: -2px;display: block;height: 5px;border-top: 2px solid #381f5b;border-bottom: 1px dotted rgba(10,10,10,.3);width: 500%;pointer-events: none;}
.thb_title.style1 .left_brackets {left: -3px;}
.thb_title.style1 .left_brackets, .thb_title.style1 .right_brackets {position: absolute;top: 0;pointer-events: none;}
.thb_title.style1 .right_brackets {right: -3px;}
.thb_title.style1 .thb_title_inner:after {left: 100%;}
.thb_title.style1 h2 {display: inline-block;height: 40px;line-height: 40px;font-weight: 600;letter-spacing: .1em;}
.thb_title.style1 h1 {display: inline-block;height: 40px;line-height: 40px;font-weight: 600;letter-spacing: .1em;}
.thb_title.style4 {overflow: hidden;text-align: center;}
.thb_title.style4 .thb_title_inner {display: inline-block;position: relative;text-align: center;padding: 0 15px;}
.thb_title.style4 .thb_title_inner:before {right: 100%;}
.thb_title.style4 h2 {display: inline-block;line-height: 1;font-weight: 600;}
.thb_title.style4 h1 {display: inline-block;line-height: 1;font-weight: 600;}
.thb_title.style4 .thb_title_inner:after {left: 100%;}
.thb_title.style4 .thb_title_inner:before, .thb_title.style4 .thb_title_inner:after {content: '';position: absolute;top: 50%;margin-top: -2px;display: block;height: 2px;background: #381f5b;width: 70px;pointer-events: none;}

.thb_title.style2 {text-align: left;line-height: 1;}
.thb_title.style2 .thb_title_inner {display: flex;align-items: center;justify-content: space-between;-moz-box-shadow: inset 0 -3px 0 0 #381f5b;-webkit-box-shadow: inset 0 -3px 0 0 #381f5b;box-shadow: inset 0 -3px 0 0 #381f5b;}
.thb_title.style2 h2 {display: block;text-indent: -3px;line-height: 32px;font-weight: 600;margin-bottom:0;}
.thb_title.style2 h1 {display: block;text-indent: -3px;line-height: 32px;font-weight: 600;margin-bottom:0;}
.thb_title.style3 {border-top: 4px solid #381f5b;border-bottom: 1px solid #e9e9e9;text-align: center;}
.thb_title.style3 .thb_title_inner {padding: 15px 0;}
.thb_title.style3 h2 {display: inline-block;line-height: 1;font-weight: 600;}
.thb_title h2 {margin: 0;line-height: 1;}

.shortcode-dropcap{
    background-color: #381f5b;
    text-transform: uppercase!important;
    color: #fff;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
    line-height: 40px!important;
    padding: 15px;
    margin-top: 2px;
    text-align: center;
}

.me_entry-content-single > p:first-child:first-letter{  background-color: #381f5b;
	text-transform: uppercase!important;
	color: #fff;
	display: block;
	float: left;
	margin: 0 15px 0 0;
	font-size: 40px;
	line-height: 40px!important;
	padding: 15px;
	margin-top: 2px;
	text-align: center;}

.shortcode-dropcap-white {
    text-transform: uppercase!important;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    line-height: 1.2em;
    font-size: 60px;
    vertical-align: middle;
    text-align: center;
}

/* style for h2 heading tag */
.heading_rel_posts{padding:0;margin:0;font-size: 18px}

.recent_title{position: relative;background-color: rgba(56, 31, 91, 0.6);bottom: 25px;padding: 3px;font-size: 0.8em;color: #fff;}

.widget_search span{display:none;}

.block-title {position: relative;display: block;margin-bottom: 20px;}

.block-title h3 {position: relative;z-index: 10;display: inline-block;margin: 0;padding: 0 15px 0 0;background-color: #fff;vertical-align: middle;font-family: inherit;line-height: 30px;backface-visibility: hidden;-webkit-backface-visibility: hidden;}

.block-title:after {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -2px;
    height: 4px;
    background-color: #f2f2f2;
    content: '';
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}
blockquote {font-style: italic;padding: 30px 20px;margin: 0px 0px 25px 0;border: 0;font-size: 18px;line-height: 30px;text-align: center;}
blockquote p {margin: 0;font-size: 19px}


blockquote:before, blockquote:after {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 1.4em;
  color: #381f5b;
  position:relative;
  top:10px;
  }
	blockquote:before {
	  width: 25px;
	  text-align: right;
	  position: relative;
	  top: -6px;
	  left: -25px;
	  display: inline-block;
		padding: 5px 0 0 0;
		content: "\e91d";
	  }

blockquote:after {
  padding: 20px;
	content: "\e922";

  }

.me_entry-content-single iframe{max-width: 100%;}

.me_entry-content-single blockquote {
	    border-radius: 6px;
	    position: relative;  /*  <--- */
	    font-style: italic;
	    text-align: center;
	    padding: 1rem 1.2rem!important;
	    width: 80%;  /* create space for the quotes */
	    color: #4a4a4a;
	    margin: 2rem auto 2rem!important;
	    background: rgba(232, 232, 232, 0.27);
	}
	/* -- create the quotation marks -- */
	.me_entry-content-single blockquote:before,
	.me_entry-content-single blockquote:after{
	    font-family: 'icomoon';
	    position: absolute;
	    /* -- inside the relative position of blockquote -- */
	    top: 13px;
	    color: #381f5b;
	    font-size: 34px;
	}
	.me_entry-content-single blockquote:before{
	    content: "\e91d";
	    margin-right: 13px;
	    right: 100%;
			left: auto;
    	width: auto;
	}
	.me_entry-content-single blockquote:after{
	    content: "\e922";
	    margin-left: 13px;
	    left: 100%;
	    top: auto;
	    bottom: 13px;
			padding:0;
	}



/*--------------------------------------------------------------
  # Icons
--------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8cmrem');
  src:  url('fonts/icomoon.eot?8cmrem#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8cmrem') format('truetype'),
    url('fonts/icomoon.woff?8cmrem') format('woff'),
    url('fonts/icomoon.svg?8cmrem#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.i1x{font-size: 16px;}
.i2x{font-size: 26px;}
.i3x{font-size: 36px;}
.i4x{font-size: 46px;}

.socialshare {clear:both;margin-top:20px;}
.socialshare ul {margin:0;}
.socialshare ul li {display:inline-block;padding:0 10px 0 0}




.icon-angle-down:before {
  content: "\e91e";
}
.icon-angle-up:before {
  content: "\e91f";
}
.icon-angle-right:before {
  content: "\e920";
}
.icon-angle-left:before {
  content: "\e921";
}
.icon-quote-left:before {
  content: "\e91d";
}
.icon-quote-right:before {
  content: "\e922";
}
.icon-search:before {
  content: "\e900";
}
.icon-eye:before {
  content: "\e901";
}
.icon-pencil:before {
  content: "\e902";
}
.icon-write:before {
  content: "\e902";
}
.icon-blog:before {
  content: "\e902";
}
.icon-save:before {
  content: "\e902";
}
.icon-note:before {
  content: "\e902";
}
.icon-search1:before {
  content: "\e903";
}
.icon-calendar:before {
  content: "\e904";
}
.icon-date:before {
  content: "\e904";
}
.icon-schedule:before {
  content: "\e904";
}
.icon-sphere:before {
  content: "\e91c";
}
.icon-calendar1:before {
  content: "\e905";
}
.icon-date1:before {
  content: "\e905";
}
.icon-schedule1:before {
  content: "\e905";
}
.icon-time:before {
  content: "\e905";
}
.icon-day:before {
  content: "\e905";
}
.icon-alarm:before {
  content: "\e906";
}
.icon-time1:before {
  content: "\e906";
}
.icon-clock:before {
  content: "\e906";
}
.icon-cancel-circle:before {
  content: "\e907";
}
.icon-cross:before {
  content: "\e908";
}
.icon-undo:before {
  content: "\e909";
}
.icon-arrow-down:before {
  content: "\e90a";
}
.icon-arrow-up:before {
  content: "\e90b";
}
.icon-pinterest:before {
  content: "\e90c";
}
.icon-pinterest1:before {
  content: "\e90d";
}
.icon-linkedin:before {
  content: "\e90e";
}
.icon-wordpress:before {
  content: "\e90f";
}
.icon-vimeo:before {
  content: "\e910";
}
.icon-youtube:before {
  content: "\e911";
}
.icon-twitter:before {
  content: "\e912";
}
.icon-spotify:before {
  content: "\e913";
}
.icon-whatsapp:before {
  content: "\e914";
}
.icon-instagram:before {
  content: "\e915";
}
.icon-facebook:before {
  content: "\e916";
}
.icon-facebook1:before {
  content: "\e917";
}
.icon-google-plus:before {
  content: "\e918";
}
.icon-menu:before {
  content: "\e919";
}
.icon-list:before {
  content: "\e919";
}
.icon-options:before {
  content: "\e919";
}
.icon-lines:before {
  content: "\e919";
}
.icon-hamburger:before {
  content: "\e919";
}
.icon-arrow_right:before {
  content: "\e91a";
}
.icon-arrow_left:before {
  content: "\e91b";
}

.fa-1x{font-size: 23px!important;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}


figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {
    border: 1px solid #dfdfdf;
    padding: 14px 15px;
    height: 40px;
    margin-bottom: 20px;
    color: #0a0a0a;
    font-size: 12px;
    font-weight: 400;
    background: #fff;
    max-width: 100%;
    outline: 0;
    font-family: inherit;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type=submit].large, .button.large, .btn.large {
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    font-size: 12px;
    font-weight: 600;
}

.thb-custom-checkbox {
    line-height: 1;
    padding-top: 20px;
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.thb-custom-checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    line-height: 12px;
    font-size: 12px;
    margin: 0;
    text-transform: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.buttonPrimary{
border: 3px solid #f1a0ae;
background: #ffffff;
color: #f1a0ae;
text-transform: uppercase;
width:200px;
padding:20px;
margin-bottom:20px;
border-radius:3px;
        }

input, textarea {
            -webkit-transition: all 0.18s;
            transition: all 0.18s;
            display: inline-block;
            font-size: inherit;
            letter-spacing: 2px;
            width: 100%;
            max-width: 100%;
            height: 36px;
            padding: 8px 12px 6px 15px;
            line-height: normal;
            background-color: #f3f3f3;
            background-image: none;
            border: none;
}
textarea {
            overflow: auto;
            height:auto;
}
button, input, optgroup, select, textarea {
            color: inherit;
            font: inherit;
            margin: 0;
        }
label {
            display: block;
            margin: 0 0 2px;
            font-weight: normal;
        }
input[type="checkbox"], input[type="radio"] {
            margin: 4px 0 0;
            margin-top: 1px \9;
            line-height: normal;
            width: auto;
            height: auto;
        }
input[type="checkbox"], input[type="radio"] {
            box-sizing: border-box;
            padding: 0;
        }
.btn, .comment-reply-link, input[type="button"], input[type="submit"], input[type="reset"], button {
            display: inline-block;
            font-weight: normal;
            margin: 0;
            line-height: normal;
            border: none;
            box-shadow: none;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            white-space: nowrap;
            -webkit-transition: 0.18s background-color ease, color 0.18s ease, 0.18s border-color ease;
            transition: 0.18s background-color ease, color 0.18s ease, 0.18s border-color ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: auto;
            height: auto;
            background-image: none;
            padding: 12px 25px 11px;
            font-size: 11px;
            letter-spacing: 2px;
            background: #381f5b;
            color: #FFF;
        }
.btn, .button, .ci-item-btn, button[type="submit"], input[type="submit"], input[type="reset"], input[type="button"], button, #paging, .read-more, .comment-reply-link {
          text-transform: uppercase;
        }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
	height: 74px;
}

.menu-mobile {
  display: none;
  padding: 20px;
  position: relative;
  left: 80%;
  width: 200px;
}

a.menu-mobile {
  height: 60px;
}

.menuIcon {
  display: none;
}

.menu-dropdown-icon:before {
  content: "\e90a";
  font-family: "icomoon";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #ccc;
  color: #333;
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;

}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
  background: #ffffff;
  padding: 0;
  margin: 0;
	font-size: 15px;
  line-height: 29px;
}

.menu > ul > li a {
  text-decoration: none;
  padding: 1.5em 2em;
  display: block;
	font-weight: 800;
}

.menu > ul > li:hover {
  background: rgba(0, 1, 1, 0.02);
	border-bottom:2px solid #381f5b;
}

.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #ffffff;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}

.menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
  border: 0;
}

.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 768px) {
    .menu-container {
        width: 100%;
				height:auto;
    }
		.menu > ul > li > ul {
		  background: #fff;
		  box-shadow: 0px 3px 3px 0 rgba(0,0,0,.1);
		}
    .menuIcon{display: block;right: 15px;
    position: absolute;
    top: 15px;
    font-size: 22px;color:#381f5b;}
    .hidden{display:none}
    .show{display:block}
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.headerM {
position: relative;
        width: 100%;
        z-index: 9999999999;
      }

.headerM .logo {
        display: block;
        float: left;
        font-size: 2em;
        padding: 2px 10px;
        text-decoration: none;
        width:150px;
      }
@media only screen and (min-width: 768px){
        .headerM .logo {
          width:180px;
        }

.logoMe{width:100px;}
}

@media all and (max-width: 680px) {
      .logoMe{width:75px;}
  }

.header, .main {background: #fff ; }

.main {text-align: left;overflow: hidden}

.main .container, .main .blog-page {max-width: 1100px;padding:10px; }

.me_title-single {text-align:center;}

.abstract, .services, .projects, .about, .team { margin-bottom: 10px}

.me_entry-content-single ul, .me_entry-content-single ol {
    margin: 0 0 10px 0;
		line-height: 1.5em;
		padding: 0 10px 0 10px;
}

@media only screen and (min-width: 640px){
.me_title-single {text-align: center;}
.me_title-single h1{font-size:35px;}
.me_entry-content-single h2, .me_entry-content-single h3, .me_entry-content-single h4 {margin:20px 0}
}

.me_entry-content-single h2, .me_entry-content-single h3, .me_entry-content-single h4 {margin:25px 0}
.me_entry-content-single{font-size: 18px;line-height: 20px;padding:10px 0px;text-align:left;}

.me_author_bio_section{float:left;clear:both;}


/* Breadcrumbs */

#breadcrumbs, .breadcrumbs{

    list-style:none;
    margin: 0;
    overflow:hidden;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;letter-spacing: 1px;
}

#breadcrumbs > li.item-current {color:#999;}

#breadcrumbs > li a{color: #999;}

.breadcrumb ul li a {
    transition: all 0.3s ease-in-out 0s;}

#breadcrumbs > li a:hover{color:#381f5b}

.breadcrumbs li a:after, .breadcrumbs span a:after {
    content: "\e920";
    display: inline-block;
    color: #bdbdbd;
    font-family: "icomoon";
    padding-left: 5px;
    font-size: 12px;
    position: relative;
    top: 1px;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
.breadcrumbs{
    padding:0;
    display: inline-block;
    width:100%;
    font-size: 11px;
}
#br-crumbs {
    margin: 0;
    color: #999;
    letter-spacing: 1px;
}
#br-crumbs a{
	color: #999;
}
#br-crumbs a:hover{
	color: #381f5b;
}

@media only screen and (max-width:500px){
#breadcrumbs, .breadcrumbs{display:none;}

}

.cntr {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
.head {
    width: 100%;
    clear: both;
    display: flex;
    padding: 10px 0px;
}

/*--------------------------------------------------------------
# HERO section
--------------------------------------------------------------*/

.background-section {
  /* Set a specific height */
  height: 100%;
	background-repeat: no-repeat;
  background-size: cover;
	min-height: 400px;
	background-position: 0;
  width: 100%;
}
.hero-section{font-size: 24px;position:relative;text-align: center;margin-top:150px;text-shadow: 0 1px 1px rgba(0,0,0,.4)}
.hero-section h1{font-size: 44px;color:#fff}
.hero-section h2, .hero-section h3{font-size: 34px;color:#fff;font-weight: 400;}
.hero-section p{font-size: 34px;color:#fff}

@media only screen and (min-width: 640px){
.background-section {min-height: 590px;}
}
@media only screen and (max-width: 640px){
.hero-section{font-size: 24px;position:relative;text-align: center;margin-top:30px;}
.hero-section h1{font-size: 34px;}
.hero-section h2, .hero-section h3{font-size: 24px;}
}



/*--------------------------------------------------------------
# Newsletter section
--------------------------------------------------------------*/

.thb-newsletter-form .newsletter-form {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          position: relative;
      }

@media only screen and (min-width: 640px){
  .container .thb-article-subscribe {
                padding: 44px 0 50px;
                margin-top: 40px;
            }
    .container .thb-article-subscribe .thb-subscribe-icon-container {
                display: block;
            }
  }

.thb-newsletter-form .thb-subscribe-icon {
            width: 70px;
            fill: #d5d5d5;
        }

          .container .thb-article-subscribe {
              text-align: center;
              padding: 24px 0 30px;
              position: relative;
              max-width: 100%;
              margin-top: 20px;
          }


          .thb-newsletter-form {
            text-align: center;
            max-width: 650px;
        }
        .thb-newsletter-form .thb-subscribe-icon-container {
            display: none;
            position: absolute;
            top: -20px;
            right: 30px;
            pointer-events: none;
            transform: rotateZ(27deg);
        }

.thb-newsletter-form h4 {
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 600;
}

.container .thb-article-subscribe .newsletter-form {
    max-width: 410px;
    margin: 0 auto;
}


@media only screen and (min-width: 640px){

.thb-newsletter-form .newsletter-form {
    flex-direction: row;
}

.thb-newsletter-form .btn {
    margin-left: 8px;
}
.thb-newsletter-form .widget_subscribe {
    margin-bottom: 0;
}
}

.b-newsletter-form .widget_subscribe {
    flex: 1;
}

.newsletter {
      padding: 10px 0; }
.newsletter .title h2 {
        font-size: 20px; }
.newsletter .title h3 {
        border-bottom: none;
        font-size: 28px;
        padding-bottom: 20px; }
.newsletter .form {
  width: 52.08333%;
        text-align: center; }
        @media all and (max-width: 600px) {
.newsletter .form {
            width: 100%; } }
.newsletter input, .newsletter textarea, .newsletter input.wpcf7-submit {
        font-size: 18px; }
.newsletter input, .newsletter textarea {
        padding: 3px 8px;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
.newsletter input.field {
        width: 46%;
        margin: 0 2% 2%;
        float: left; }
        @media all and (max-width: 600px) {
          .newsletter input.field {
            width: 100%;
            margin: 0 0 2%;
            float: none; } }
.newsletter input.wpcf7-text {
        width: 96%;
        margin-bottom: 2%; }
        @media all and (max-width: 600px) {
          .newsletter input.wpcf7-text {
            width: 100%;
            margin: 0 0 2%;
            float: none; } }
.newsletter textarea {
        width: 96%;
        height: 100px;
        margin-bottom: 2%;
        resize: none; }
        @media all and (max-width: 600px) {
          .newsletter textarea {
            width: 100%;
            float: none; } }
.newsletter input.wpcf7-submit {
        padding: 7px 50px;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.slider .container {
    position: relative;
    width: 100%;
    max-width: none;padding:0 0 0 0;
  }
.slider {margin-bottom:1px;}
.slider .container .slides li {
      padding: 176px 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;max-height: 500px;
}
.slider .container .slides li div {
        text-align: center;
        width: 46.0417%;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 36px;
        line-height: 40px;margin-top:-40px;
}
.slider .container .slides li div strong {
  font-size: 42px; }

.slider .container .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -26px; }
.slider .container .flex-direction-nav a {
      font-family: "icomoon";
      font-size: 2em;
      text-align: center;
      display: block;
      position: absolute;
      width: 50px;
      height: 50px; }
.slider .container .flex-direction-nav a.flex-prev:before {content: "\f104"; }
.slider .container .flex-direction-nav a.flex-next:before {content: "\f105"; }
.slider .container .flex-direction-nav a:hover {opacity: .9; }
.slider .container .flex-direction-nav .flex-prev {left: 5.20833%; }
.slider .container .flex-direction-nav .flex-next {right: 5.20833%; }
.slider .flex-control-nav li{display:inline;padding:0 10px;}
.slider .flex-control-nav li:before{content: "\f111";font-family: "icomoon";}



@media all and (max-width: 600px) {
  .slider {margin-bottom:1px;}
  .slider .container {top:0px;}
  .slider .container .slides li {padding: 76px 0;height: 350px; }
  .flex-direction-nav {display:none;}
  .slider .container .slides li div {font-size: 24px;line-height: 30px;width: 80%; margin-top:-30px;}
  .slider .container .slides li div strong {font-size: 28px; }
}

.slider .container .slides li div {
  color: white;
  border-bottom: 5px solid white;
  border-top: 5px solid white; }
.slider .container .flex-direction-nav a {
  background-color: #f1a0ae;
  color: white; }


/* to be removed ?? */

.projects .project div img:hover, .projects .project div img.active {
           -webkit-filter: grayscale(100%);
           -moz-filter: grayscale(100%);
           -ms-filter: grayscale(100%);
           -o-filter: grayscale(100%);
           filter: gray;
           filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
           filter: grayscale(100%); }


.abstract {width: 75%;text-align: center; }

@media all and (max-width: 600px) {
.abstract {
      width: 80%; }
}
@media all and (max-width: 320px) {
    .abstract {
      width: 90%; }
}
.abstract h2 {font-size: 20px; }
  .abstract h3 {
    font-size: 28px;
    margin-bottom: 15px; }
  .abstract blockquote {
    font-style: italic; }

.abstract h2, .about h2, .contact h2, , .newsletter h2 {
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  text-transform: none; }
  .abstract h2:before, .abstract h2:after, .about h2:before, .about h2:after, .contact h2:before, .contact h2:after, .newsletter h2:before, .newsletter h2:after {
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  .abstract h2:before, .about h2:before, .contact h2:before, .newsletter h2:before {
    right: 1.25em;
    margin-left: -50%; }
  .abstract h2:after, .about h2:after, .contact h2:after, .newsletter h2:after {
    left: 1.25em;
    margin-right: -50%; }
.abstract h3, .about h3, .contact h3,, .newsl h3 {
  text-align: center;
  padding-bottom: 10px; }


/*--------------------------------------------------------------
  # Services section to be removed ?
--------------------------------------------------------------*/
.services {
  text-align: center; }
  .services h2 {
    line-height: 76px;
    font-size: 20px; }
  .services h3 {
    font-size: 16px;
    display: inline-block;
    margin: 0 26px 5px; }
    .services h3 i {
      padding-bottom: 28px;
      margin-bottom: 26px; }
  .services .service {
    padding: 34px 0; }
    .services .service .container div {
      float: left;
      width: 30%;
      min-height: 298px;
      margin-right: 5%;
      padding: 45px 26px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .services .service .container div:last-child {
        margin-right: 0; }
      @media all and (max-width: 800px) {
        .services .service .container div {
          width: 100%;
          margin-bottom: 5%; } }
    .services .service p {
      font-size: 14px;
      line-height: 20px; }

/*--------------------------------------------------------------
  #Blog section
--------------------------------------------------------------*/
.blogs {
        text-align: center; }
        .blogs h2 {
          line-height: 76px;
          font-size: 20px; }
        .blogs h3 {
          font-size: 16px;
          display: inline-block;
          margin: 0; }
          .blogs h3 i {
            padding-bottom: 28px;
            margin-bottom: 26px; }
        .blogs .blog {
          padding: 34px 0; }
          .blogs .blog .container div {
            float: left;
            width: 30%;
            min-height: 340px;
            margin-right: 5%;
            margin-top: 0px;
            padding: 0;
            border-radius: 4px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
            .blogs .blog .container div:last-child {
              margin-right: 0; }
            @media all and (max-width: 800px) {
              .blogs .blog .container div {
                width: 100%;
                margin-bottom: 5%; } }
          .blogs .blog p {
            font-size: 14px;
            line-height: 20px;padding:10px; }


.blogs {background: #fff;color: white;clear:both;}
.blogs h3 {color: #f1a0ae;text-align: left;padding:10px 20px; }
.blogs h3 i {color: white; }
.blogs .blog .container div {border: 1px solid #381f5b;background:#ffffff; }
.blogs .blog .container div:hover {border: 1px solid #fff; }
.blogs .blog .container div:hover h3 {color: #5f5e5d; }
blogs .blog .container div:hover p {color: white; }
.blogs .blog p {color: #9b9b9b; }

/*--------------------------------------------------------------
# Testimonials section to be removed
--------------------------------------------------------------*/
.at-testimonial .at-testimonial2-img {
            border-radius: 99px;
            border: 6px solid #fff;
            background-size: cover;
            background-position: center center;
            height: 100px;
            width: 100px;
            margin: 0 auto -60px;
            }

.at-testimonals .at-testimonals__list li {
            margin: 0 0 25px;
            }

.at-testimonals .at-testimonals__list {
            list-style: none;
            margin: 0;
            padding: 0;
            }

.at-testimonial blockquote {
            margin: 0;
            padding: 0;
            }

.at-testimonial .at-testimonial__content {
            background: #fff;
            padding: 25px 25px 25px 25px;
            margin: 0 0 55px;
            position: relative;
            line-height: 22px;
            text-align: center;
            }

.at-testimonial .at-testimonial__content p:last-of-type {
            margin-bottom: 0;
            }

.at-testimonial .at-testimonial__content p {
            margin: 0 0 12.5px;
            padding: 0 0 15px 30px;
            text-align: left;
            color:#fff;
            }

.at-testimonial .at-testimonial__content {
            background: #fff;
            padding: 25px 25px 25px 25px;
            margin: 0 0 55px;
            position: relative;
            line-height: 22px;
            text-align: center;
            }

.at-testimonial .at-testimonial__author {
            font-weight: bold;
            padding: 5px 0 0;
            margin: 0 0 5px;
            }

.at-testimonial .at-testimonial__authordetails {
            font-size: 13px;
            color: #999;
            font-style: italic;
            padding-bottom: 3px;
            }

li.at-testimonials-2 {float:left;}

.at-testimonial .at-testimonial__content {
background:#381f5b;
}
.at-testimonial .at-testimonial__authordetails {

color: #fff;

}
.at-testimonial .at-testimonial__author {
color: #f1a0ae;
}

.at-testimonial .at-testimonial__content::before {
content: '\201C';
color: #f1a0ae;
position: absolute;
top: 45px;
left: 20px;
font-weight: bold;
font-size: 60px;
font-family: 'Montserrat', sans-serif;;
}


/*--------------------------------------------------------------
# Projects section
--------------------------------------------------------------*/

.projects {
  margin-bottom: 25px;
  text-align: center; }
  .projects a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold; }
  .projects ul.button-group li {
    display: inline-block; }
    .projects ul.button-group li a {
      padding: 3px 5px;
      border: 2px solid transparent;
      display: block;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .projects .project {
    margin-top: 18px;
    z-index: 5;
    padding-bottom: 25px; }
    .projects .project div {
      width: 25%;
      float: left; }
      @media all and (max-width: 600px) {
        .projects .project div {
          width: 50%; } }
      @media all and (max-width: 320px) {
        .projects .project div {
          width: 100%; } }
      .projects .project div img {
        width: 100%;
        height: auto;
        float: left; }
  .projects .single {
    text-align: left;
    margin-top: 40px; }
    .projects .single .image {
      width: 50%;
      float: left; }
      @media all and (max-width: 800px) {
        .projects .single .image {
          width: 100%;
          float: none; } }
      .projects .single .image img {
        width: 100%;
        height: auto; }
    .projects .single .details {
      width: 45.83333%;
      float: right; }
      @media all and (max-width: 800px) {
        .projects .single .details {
          width: 100%;
          float: none; } }
    .projects .single a {
      text-transform: none;
      font-style: italic; }
      .projects .single a:hover {
        text-decoration: underline; }
    .projects .single h2 {
      padding: 0 5px;
      line-height: 74px;
      position: relative; }
      .projects .single h2 a {
        position: absolute;
        right: 5px;
        width: 13px; }
    .projects .single h2, .projects .single p {
      margin-bottom: 25px; }
    .projects .single ul {
      margin-left: 25px; }
    .projects .single li {
      padding: 2px 0; }
      .projects .single li i {
        margin-right: 6px; }
      .projects .single li:last-child {
        padding-left: 12px;
        background: none;
        font-style: italic;
        font-size: 15px; }

/*--------------------------------------------------------------
  # About section
--------------------------------------------------------------*/
.about {
  text-align: left;
  }
.about p{line-height: 24px;}
  .about .title {
    width: 50%; text-align: center;padding-bottom:20px; }
  .about h2 {
    font-size: 20px; }
  .about h3 {
    font-size: 22px; }
  .about h3, .about p {
    margin: 10px;

    line-height: 35px;
  }

/*--------------------------------------------------------------
  # Team section to be removed
--------------------------------------------------------------*/

.team h4 {
  line-height: 22px;
  margin-bottom: 16px; }
  .team h4 span {
    font-style: italic;
    text-transform: none;
    font-weight: normal; }
.team .member {
  width: 25%;
  float: left;
  text-align: center;
  overflow: hidden; }
  @media all and (max-width: 800px) {
    .team .member {
      width: 50%;
      margin-bottom: 20px; } }
  @media all and (max-width: 320px) {
    .team .member {
      width: 100%;
      margin-bottom: 20px; } }
  .team .member .image {
    margin-bottom: 20px;
    position: relative; }
    .team .member .image img {
      float: left;
      z-index: 5;
      width: 100%;
      text-align: center; }
    .team .member .image p {
      z-index: 10;
      width: 100%;
      height: 100%;
      background: rgba(56, 31, 91, 0.84);
      padding: 25px;
      position: absolute;
      top: 0;
      display: none;
      font-size: .8em;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      @media all and (max-width: 800px) {
        .team .member .image p {
          font-size: .7em; } }
      @media all and (max-width: 320px) {
        .team .member .image p {
          font-size: 1em; } }
  .team .member li {
    display: inline-block;
    margin: 0 2px; }
    .team .member li a {
      font-family: 'icomoon';
      font-size: 14px;
      display: block;
      width: 30px;
      padding: 3px;
      text-align: center;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

/*--------------------------------------------------------------
  # Contact section to be removed
--------------------------------------------------------------*/
.contact {
  padding: 15px 0;margin-bottom: 40px; }
  .contact .title h2 {
    font-size: 20px; }
  .contact .title h3 {
    border-bottom: none;
    font-size: 28px;
    padding-bottom: 20px; }
  .contact .form {
    width: 52.08333%;
    text-align: center; }
    @media all and (max-width: 600px) {
      .contact .form {
        width: 100%; } }
  .contact input, .contact textarea, .contact input.wpcf7-submit {
    font-size: 18px; }
  .contact input, .contact textarea {
    padding: 3px 8px;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .contact input.field {
    width: 46%;
    margin: 0 2% 2%;
    float: left; }
    @media all and (max-width: 600px) {
      .contact input.field {
        width: 100%;
        margin: 0 0 2%;
        float: none; } }
  .contact input.wpcf7-text {
    width: 96%;
    margin-bottom: 2%; }
    @media all and (max-width: 600px) {
      .contact input.wpcf7-text {
        width: 100%;
        margin: 0 0 2%;
        float: none; } }
  .contact textarea {
    width: 96%;
    height: 100px;
    margin-bottom: 2%;
    resize: none; }
    @media all and (max-width: 600px) {
      .contact textarea {
        width: 100%;
        float: none; } }
  .contact input.wpcf7-submit {
    padding: 7px 50px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

    .contact {
      background: #fff;
      color: #381f5b; }
      .contact .title h2 {
        color: #381f5b; }
        .contact .title h2:after, .contact .title h2:before {
          background: #381f5b; }
      .contact .wpcf7-validation-errors {
        color: #ee2828;
        background: #fddede;
        border: 2px solid #fddede; }
      .contact .wpcf7-not-valid-tip {
        color: #ee2828; }
      .contact input.wpcf7-text, .contact textarea, .contact input.wpcf7-submit {
        font-family: 'Montserrat', sans-serif;
        color: white; }
      .contact input.wpcf7-text, .contact textarea {
        background: #e4e4e4;
        border: 1px solid white; }
        .contact input.wpcf7-text::-webkit-input-placeholder, .contact textarea::-webkit-input-placeholder {
          color: white; }
        .contact input.wpcf7-text::-moz-placeholder, .contact textarea::-moz-placeholder {
          color: white; }
        .contact input.wpcf7-text:-ms-input-placeholder, .contact textarea:-ms-input-placeholder {
          color: white; }
      .contact input.wpcf7-submit {
        border: 3px solid #381f5b;
        background: #381f5b;
        color: #e4e4e4;
        text-transform: uppercase; }
        .contact input.wpcf7-submit:hover {
          color: white; }


/*--------------------------------------------------------------
  # Blog page
--------------------------------------------------------------*/

.blog-page {
  padding: 100px 0 50px; }
  .blog-page h1, .blog-page h2, .blog-page h3, .blog-page h4, .blog-page h5 {
    text-transform: none;
    font-weight: normal; }
  .blog-page h2 {
    border-bottom: 2px solid #4d4d4d;
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .blog-page .pagination a {
    padding: 2px 12px;
    font-weight: bold;
    text-transform: uppercase; }
  .blog-page .post.type-post {
    float: left;
    width: 46%;
    margin: 0 2%;
    margin-bottom: 50px; }
  .blog-page .post.sticky {
    width: 96%;
    text-align: center; }
    .blog-page .post.sticky h2 {
      font-size: 1.4em;
      width: 50%;
      display: inline-block;
      padding-top: 31px; }
  .blog-page .pagination {
    margin: 0 2%; }
    .blog-page .pagination .nav-previous a:before, .blog-page .pagination .nav-next a:after {
      position: relative;
      top: 3px;
      font-family: 'icomoon'; }
    .blog-page .pagination .nav-previous a:before {
      content: "\f341";
      margin-right: 5px; }
    .blog-page .pagination .nav-next a:after {
      content: "\f345";
      margin-left: 5px; }

.single-post .blog-page .post.type-post {
  width: 96%; }
.single-post .blog-page .post h2 {
  font-size: 1.3em;
  text-align: center; }
.single-post .blog-page .post .excerpt h2 {
  font-size: 1.3em;
  text-align: left;
  text-transform: uppercase; }
.single-post .blog-page .post h1 {
  font-size: 1.4em; }
.single-post .blog-page .post h3, .single-post .blog-page .post h4 {
  font-size: 1.1em; }
.single-post .blog-page .post h4 {
  text-transform: uppercase; }
.single-post .blog-page .post h5, .single-post .blog-page .post h6 {
  font-size: 1em; }
.single-post .blog-page .post .post-meta {
  text-align: center;
  list-style-type: none;
  margin-bottom: 1em; }
  .single-post .blog-page .post .post-meta li {
    display: inline-block;
    margin: 0 2px; }
    .single-post .blog-page .post .post-meta li i {
      margin-right: 4px; }


.post .post-link {
  padding: 2px 12px;
  font-weight: bold;
  text-transform: lowercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
.post .excerpt h1, .post .excerpt h2, .post .excerpt h3, .post .excerpt h4, .post .excerpt h5, .post .excerpt h6 {
  border-bottom: none;
  padding: 0; }


.post blockquote {
  font-style: italic;
  font-size: 1.1em;
  margin: 20px 20px; }
.post ul {
  list-style-type: none;}
  /*.post ul li:before {
    font-family: 'FontAwesome';
    content: "\f054";
    margin-right: 6px;
    font-size: 12px; }
.post img {
  max-width: 100%;
  height: auto;max-height: 600px;
  object-fit: cover;  }*/
.post table {
  margin: 10px 0;
  border-spacing: 0;
  border-collapse: collapse; }
  .post table th, .post table td {
    padding: 10px 20px;
    border-bottom: #edecea 2px solid; }
  .post table thead tr th {
    border-bottom: #4d4d4d 2px solid; }
.post .tags i {
  margin-right: 4px; }

.post.format-quote .the_excerpt p {
  padding: 20px 40px;
  font-size: 20px;
  position: relative; }
  .post.format-quote .the_excerpt p:after {
    position: absolute;
    bottom: 15px;
    left: 12px;
    content: "\f10d";
    font-family: 'icomoon';
    font-size: 14px; }

/*--------------------------------------------------------------
    # Widgets
--------------------------------------------------------------*/


      /* sidebar custom */
      .widget-area {margin-top:90px;}



      .widget-area h2{font-size:1em;font-weight: 400;text-transform: none;}

      .widget {
          margin: 0 0 50px;
          padding: 10px 10px;
          background: #fff;
          box-sizing: border-box;
          border-radius: 2px;
          -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
          -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
          box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
          margin: 30px 0 0 20px;
      }
      .widget .widget-title, .widget_search span {
      display: block;
      padding: 7px 0;
      letter-spacing: 0.5px;
      text-align: left;
      }
      .widget-area ul, .widget-area li{font-size:1em;list-style: none;margin:0;}

.widget-category {min-height:300px;margin-bottom:20px;}

.widget-category ul {margin:0;padding:0}
.widget-category li {list-style: none;}

.widget p{font-size: 14px;}
.widget-footer-title{font-weight: 800;font-size: 14px;}

      @media only screen and (max-width: 640px){
      .widget-area {margin-top:20px;}
      .widget {margin:20px 0}
      .widget-footer{margin:20px 0}
      }

      .mc4wp-form-fields{font-size: 13px;}

      .search-field{
          background: #e4e4e4;
          border: 1px solid white;
          padding: 10px 5px;
      }

@media(max-width:500px){
				.widget {
				   margin:20px 0;
			}
			}
/*--------------------------------------------------------------
      # Abstract section to be removed
--------------------------------------------------------------*/
.abstract h2, .about h2, .contact h2 {
  color: #381f5b; }
  .abstract h2:before, .abstract h2:after, .about h2:before, .about h2:after, .contact h2:before, .contact h2:after {
    background: #381f5b; }
.abstract h3, .about h3, .contact h3 {
  border-bottom: 2px solid #381f5b;
  color: #381f5b; }

.services {
  background: #381f5b ;
  color: white; }
  .services h2 {
    background: #f1a0ae;
    color: white; }
  .services h3 {
    color: #f1a0ae; }
    .services h3 i {
      color: white; }
  .services .service .container div {
    border: 1px solid #f1a0ae; }
    .services .service .container div:hover {
      background: #f1a0ae; }
      .services .service .container div:hover h3 {
        color: #5f5e5d; }
      .services .service .container div:hover p {
        color: white; }
  .services .service p {
    color: #9b9b9b; }





.projects ul.button-group li a {
  color: #381f5b; }
  .projects ul.button-group li a:hover, .projects ul.button-group li a.active {
    border: 2px solid #f1a0ae; }
.projects .single a {
  color: #f1a0ae; }
.projects .single h2 {
  border-bottom: 2px solid #381f5b;
  border-top: 2px solid #381f5b; }
  .projects .single h2 a {
    color: #f1a0ae; }
.projects .single li i {
  color: #f1a0ae; }

.projects .load-more {
    padding: 3px 5px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; }

.team h4 span {
  color: #5f5e5d; }
.team .member .image {
  border-bottom: 5px solid #f1a0ae; }
  .team .member .image p {
    color: white; }
.team .member li a {
  color: #2b2b2b;
  background: #f1a0ae; }
  .team .member li a:hover {
    color: #f1a0ae;
    background: rgba(56, 31, 91, 0.84); }



.projects .load-more {
  border: 2px solid #f1a0ae; }

.blog-page .pagination a, .blog-page .post .post-link {
  border: 2px solid #f1a0ae;
  color: #5f5e5d; }
  .blog-page .pagination a:hover, .blog-page .post .post-link:hover {
    border: 2px solid #f1a0ae;
    background: #f1a0ae;
    color: white; }
.blog-page .thumbnail img {
  border-bottom: 5px solid #f1a0ae; }
.blog-page .post a {
  color: #f1a0ae; }
.blog-page .post h1 a, .blog-page .post h2 a, .blog-page .post h3 a, .blog-page .post h4 a, .blog-page .post h5 a {
  color: #381f5b; }
.blog-page .post .tags, .blog-page .post .post-meta {
  color: #f1a0ae; }
.blog-page .post li:before {
  color: #f1a0ae; }
.blog-page .post.sticky h2 {
  background: #f1a0ae; }
.blog-page .post.format-quote .the_excerpt p {
  background: #f1a0ae;
  color: white;
  font-style: italic; }
  .blog-page .post.format-quote .the_excerpt p:after {
    color: #5f5e5d; }


/*--------------------------------------------------------------
  # Post section
--------------------------------------------------------------*/

    .post-author-info {
        padding: 20px 20px;
        border-radius: 0;
        background: #f9f9f9;
        border: 1px solid #ececec;
        display: inline-block;
        width: 100%;
    }
    .post-aurhor-image{
        float: left;
    }
    .post-aurhor-image img {
        border-radius: 50%;
        margin: 0px 12px 10px 0px;
        display: block;
        width: 60px;
        height:60px;
    }
    .post-author-desc p {
        margin: 0;
        font-size: 13px;
        line-height: 20px;
        color: #666;
        padding-top: 4px;
    }

    .post-author-info {
        padding: 20px 20px;
        border-radius: 0;
        background: #f9f9f9;
        border: 1px solid #ececec;
        display: inline-block;
        width: 100%;
    		margin-top:20px;
    }
    .post-aurhor-image{
        float: left;
    }
    .post-aurhor-image img {
        border-radius: 50%;
        margin: 0px 12px 10px 0px;
        display: block;
        width: 60px;
        height:60px;
    }
    .post-author-desc p {
        margin: 0;
        font-size: 13px;
        line-height: 20px;
        color: #666;
        padding-top: 4px;
    		text-align: left;
    }

    /*-Author Box---------------------------*/

    .postauthor-wrap {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    margin: 30px 0;
    }
    .postauthor-wrap .fn {
    font-size: 24px;
    }
    .postauthor img {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    border-radius: 50%;
    }
    .post-author-image img {
        border-radius: 50%;
        margin: 0px 12px 10px 0px;
    		float:left;
        max-width: 90px;
    }

    .author-aka {
    font-size: 16px;
    text-transform: lowercase;
    font-weight: normal;
    color: #5e5e5e;
    }
    .author-aka-name {
    font-size: 17px;
    text-transform: lowercase;
    font-weight: normal;
    color: #111111;
    }
    .post-author-links {
    display: inline-block;
    margin:10px 0 ;
    }
    a.author-link {
    background: #cc0000;
    color: #fff;
    width: 30px;
    text-align: center;
    line-height: 1;
    height: 30px;
    font-size: 12px;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 100%;
    margin: 0 7px 0 0;
    float: left;
    }

    a.author-link {
        font-family: 'icomoon';
        list-style-type: none;
        display: inline-block;
    }
    a.author-link.f {
    background: #3b5998;
    }
    a.author-link.t {
    background: #2DA8D2;
    }
    a.author-link.l {
    background: #0077b5;
    }
    a.author-link.m {
    background: #019E74;
    }
    a.author-link.y {
    background: #FF0100;
    }
    a.author-link.i {
    background: #323232;
    }

    @media(max-width:500px){
    .postauthor-wrap {text-align: center}
    .post-author-image img {
        /* width: 60px; */
        /* height: 60px; */
        /* text-align: center; */
        float:none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        max-width: 90px;
    }


    }

.comments-area .comments-title .fa-comment {
  color: #f1a0ae; }
.comments-area .comment-author img {
  border-bottom: 5px solid #f1a0ae; }
.comments-area .comment-meta a {
  color: #c7c7c8; }
.comments-area .comment-body {
  border-bottom: 1px solid #edecea; }
  .comments-area .comment-body .reply {
    border: 0px solid #f1a0ae; }
    .comments-area .comment-body .reply:hover {
      background: #fff; }
      .comments-area .comment-body .reply:hover a {
        color: white; }

.me_post {
    float: left;
    margin-bottom: 30px;
	   width:100%;
}
.me_thumb_blog{float:left;width:100%;}
.blog .me_postblock_content {
    text-align: left;
}

.me_post_readmore{float:right;border: 3px double #fff;
background-color: #381f5b;font-size: 0.7em;padding:5px;color:#fff;}

.me_post_readmore:hover{float:right;border: 3px double #381f5b;
background-color: #fff;font-size: 0.7em;padding:5px;color:#333;}


.me_thumb_blog{float:left;width:100%;height:100%;margin-right:0;}


.me_post {
    width: 33%;
	padding: 0 10px;
}
@media(max-width:500px){
	.me_post {
	    width: 100%!important;
}
}

.blog .me_post{
  width: 100%;
  margin:10px 0;
}
.blog .me_postblock_content {
    padding: 20px 20px 25px;
    position: relative;
}
.me_thumb_blog{float:left;width:300px;height:215px;margin-right:10px;}
}

.me_thumb_blog img {object-fit: cover;height:100%;}

.me_post .box_wrap {
    background: #fff;
    border: 1px solid #eee;
		-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}

.me_post .box_wrap:hover {
    background: #fff;
    border: 1px solid #eee;
		-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);
}
.box_wrap {
    height: 100%;
    min-height: 580px;
}
.posts-navigation{clear:both;}

.me_thumb {
    position: relative;
}

.thumbnail-container {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    z-index: 0;
    background: #f7f7f7;
    background-position: 50%;
    background-size: cover;
}
.thumbnail-container.animate-lazy>img {
    opacity: 0;
}
.thumbnail-container>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    color: #a0a0a0;
    z-index: -1;
}
.lazyloaded, .thumbnail-background>div.lazyloaded {
    opacity: 1!important;
    transition: opacity .4s ease;
}

.thumbnail-container:after {
    content: "";
    opacity: 1;
    background: #f7f7f7 url(img/preloader.gif);
    background-position: center;
    background-size: cover;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
}

.me_post_category {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-rendering: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.me_post_category {
    position: relative;
    z-index: 99;
    margin: 0;
    line-height: 1;
}
.me_post_category {
    margin-bottom: 5px;
}
.me_post_category span {
    display: inline-block;
    line-height: 1;
}
.me_post_category span a {
    border: 1px double #fff;
		border-radius:4px;
    background-color: #381f5b;
    font-size:12px;
		color:#fff;
}
.me_post_category a {
    padding: 8px 10px 7px;
    line-height: 1;
    letter-spacing: 1px;
		white-space: nowrap;
}
.me_postblock_content {
    padding: 32px 20px 24px;
}
.me_postblock_content {
    padding: 20px 20px 25px;
    position: relative;
    text-align: center;
		min-height:310px;
}
.me_postblock_content_home {
    padding: 20px 20px 25px;
    position: relative;
    text-align: center;
		min-height:auto;
}

.me_meta_date{text-align: left}
.me_meta_date_archive{text-align: center;margin:-20px 0 0 0;color:#381f5b;}

.me_post_title {
    font-size: 1em;
    font-weight: 600;
    margin: -47px 0 5px;
		position: relative;
    z-index: 99;
		background: #fff;
    border-radius: 4px 4px 0 0;
    padding: 8px 18px;
		min-height: 50px;
		line-height: 18px;
}
.me_post_meta {
    font-size: 0.7em;
    color: #a0a0a0;
		padding:10px 0;
		margin:0px 0 0 0;
		position:relative;
		z-index: 99;
}
.me_post_meta p{font-size: 13px;color: #626364;text-align: left;}

.me_meta_date i{padding:5px;}

.nav-previous{float:left;padding:10px 0;}
.nav-next{float:right;padding:10px 0;text-align: right}

/*.cat-links, .tag-links {float:left;height: 60px;width:100%;}*/
.cat-links a{border: 3px double #fff;background-color: #f1a0ae;padding:5px;border-radius:4px;font-size:12px;line-height: 40px;}
.cat-links a:hover{background-color: #f1a0aea6;}
.tags-links a{border: 3px double #fff;background-color: #ddd;padding:5px;border-radius:4px;font-size:12px;line-height: 40px;}
.edit-link{clear:both;float:left;margin:10px 0;border:1px solid #000;color:#fff;padding:10px;background: #000;}
.edit-link a{color:#fff;font-weight: 400;font-size: 12px;}
.comments-link{width:100%;margin:20px 0;padding: 0 0 0 10px;}
.entry-footer{margin-bottom:20px;}
.me_entry-footer{margin-top:20px;}

.me_content_rel_posts .block-title {margin:0}

.post-navigation{clear:both;margin:10px 0;}


#sb_instagram .sbi_follow_btn a{background:#381f5b!important;}
#sb_instagram .sbi_follow_btn a:hover{opacity:0.8;background:#381f5b!important;box-shadow: inset 0 0 10px 20px #381f5b!important;}
.sbi_load_btn{display:none!important;}


.me-socialshare{margin:10px 0 0 0;}
.me-socialshare ul li {list-style: none;margin: 0 5px;display: inline-block;}
.me-socialshare ul li a {font-size: 0%;}

.me-post-readmore {
display: table;
padding: 12.5px 50px;
margin: 20px auto;
text-decoration: none;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
cursor: pointer;
background:#381f5b;color:#fff;
border: 1px solid #666099;
border-radius: 1px;
transition: all .2s ease-in-out;

}
.me-post-readmore-left {
display: table;
padding: 12.5px 50px;
margin: 20px 10px;
text-decoration: none;
line-height: 1;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
cursor: pointer;
background:#381f5b;color:#fff;
border: 1px solid #666099;
border-radius: 1px;
transition: all .2s ease-in-out;

}

.archive-description{margin-top:-10px;}

.me-post-readmore:hover {
opacity:0.8;
}

.me_content_rel_posts{
  clear:both;
  float:left;
  margin: 0px 0;
  width:100%;
}

.me_author_bio_section{
  float:left;
  clear:both;
  border: 1px solid #eee;
  padding: 30px 20px;
  margin: 30px 0;
  width:100%;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}


.form-allowed-tags, .comment-notes {
    font-size: 12px;
    line-height: 1.5;
    color: rgba(51, 51, 51, 0.8);
}
.comment-form-cookies-consent {
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment-form-cookies-consent label {
    display: inline-block;
    margin: 0 0 0 8px;
    text-transform: none;
    cursor: pointer;
}
.comments-area {
  margin-top: 50px; }
  .comments-area ol {
    list-style-type: none;
    margin: 0 0 50px;
    padding: 0; }
    .comments-area ol .children {
      padding-left: 60px; }
  .comments-area p, .comments-area .comment-meta {
    margin-bottom: 10px; }
  .comments-area cite {
    font-style: normal; }
  .comments-area .comments-title {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid #4d4d4d;
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .comments-area .comments-title span {
      text-transform: none;
      font-weight: normal; }
    .comments-area .comments-title .fa-comment {
      margin-right: 10px; }
  .comments-area .comment-body {
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative; }
    .comments-area .comment-body .reply {
      position: absolute;
      top: 0;
      right: 0;
      padding: 2px 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .comments-area .comment-body .reply a {
        text-transform: lowercase;
        position: relative;
        font-size: 14px;
        font-weight: bold; }
        .comments-area .comment-body .reply a:after {
          font-family: 'icomoon';
          content: "\f112";
          font-weight: normal;
          vertical-align: middle;
          margin-left: 8px; }

.comment-respond {
  font-size: 15px; }

  .comment-respond .form-allowed-tags {
    display: inline-block;
    width: 80%;
    font-size: 12px; }
  .comment-respond .comment-form {
    display: inline-block;
    width: 100%;; }
  .comment-respond p {
    margin: 0; }
  .comment-respond .comment-form-author,
  .comment-respond .comment-form-email,
  .comment-respond .comment-form-url,
  .comment-respond .comment-form-comment {
    margin: 5px auto; }
  .comment-respond label {
    display: block; }
  .comment-respond input, .comment-respond textarea {
    padding: 6px;font-size: 12px;}
  .comment-respond .form-submit {
    margin: 10px 0; }



    /* related post stylin */
    /* div width, margins and float. */
#content_rel_posts{
  width: 150px;
      float: left;
      padding: 0px;
      margin: 0 0 0 10px;
      /* background-image: url(); */
      /* background: #ccc; */
      min-height: 200px;
}

@media only screen and (max-width: 640px){
  #content_rel_posts{
  	width:45%; /* width of each article column. */
  	float:left;
  	margin:5px 12px 5px 0;
  	padding:0px;
  }
  #content_rel_posts p, #content_rel_posts a  {
  	font-size:12px;
  	padding:5px 0 0 0;
  	margin:0px;
  }
	.box_wrap {
	    height: 100%;
	    min-height: auto;
	}
	.me_postblock_content {
	    padding: 20px 20px 25px;
	    position: relative;
	    text-align: center;
			min-height:auto;
	}


}

/* style for article heading. */
#content_rel_posts p {
	font-size:12px;
	line-height:1.2;
	padding:5px 0 0 0;
	margin:0px;
}
.rel_thumb{
  height: 150px;
  background: #cccccc36;}

/* style for thumbnail */
#content_rel_posts img{
	float:none;
	display:block;
	padding:0px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	height: auto; /* Make images responsive. */
	max-width: 100%; /* Make images responsive. */
}


.post-navigation {
    display: block;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}

/* post category block */
.post-wrap, .post-outer {
    position: relative;
    display: block;
    padding:10px 10px;
}

.post-grid-small .post-header-inner {
    display: block;
    margin-top: -30px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 18px 13px;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.post-grid-small>*:first-child:not(.post-thumb-outer) .post-header-inner {
    margin-top: 0;
    padding: 0;
    border: none
}

.post-grid-small .post-title {
    margin-bottom: 0!important
}

.post-grid-small:hover .post-header-inner {
    border-color: #381f5b
}

.post-grid-small .post-title a {
    text-decoration: none!important
}
.post-thumb-outer {
    position: relative;
    display: block;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.post-thumb {
    display: block;
    overflow: hidden;
    background-color: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.post-thumb img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.post-header {
    position: relative;
}

.post-header-inner {
    display: block;
    margin-top: -30px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 18px 13px;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.thumbnail-resize img{object-fit: cover;
    height: 300px;}


.post-list {
    margin-right: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f2f2f2;
  }

.about ul{list-style-type: circle;margin: 20px;line-height:20px}
.about li{padding-right:10px;}

.me_post_title {font-size:18px;}
.me_post_content p{font-size:15px;}

.entry-title {
    font-size: 1.7em;
		margin-bottom: 0;
    line-height: 30px;
    margin: -67px 0 0;
    position: relative;
		z-index:99;
    background: #fff;
    border-radius: 4px 4px 0 0;
    padding: 18px 25px;
    font-size: 28px!important;

}
.me_title-single .me_post_meta {padding:0;margin: -10px 0 15px 0;font-size: 13px;
    font-weight: 400;}

@media all and (max-width: 600px) {
	.me_title-single .me_post_meta {padding:0;margin: -5px 0 5px 0;font-size: 12px;
	    font-weight: 400;}
	.entry-title {
	    font-size: 24px!important;
			padding: 10px 20px;
			min-height:65px;
	}

}

/*--------------------------------------------------------------
  # Event section
--------------------------------------------------------------*/

article.event_listing {border:1px solid #fff;}

article.event_listing .post-thumbnail img{
  display:none;
    width: 150px;
    margin: auto;
}

/*article.event_listing .entry-title{display:none;}*/

.wpem-event-single-image img{height:auto;object-fit:cover;}

article.event_listing .wpem-registration-event-button input{font-size: 12px!important;margin:20px 0!important;font-weight: 600;}

.wpem-main{font-size: 14px!important;}
.wpem-heading-text{font-size: 18px!important;margin:0;}
.wpem-event-date{margin-bottom:0!important;}

.event_registration .registration {margin:20px 0}

.wpem-single-event-short-info{padding-top:10px!important;}

.event_listings a.load_more_events{background-color:#381f5b!important;}

.wpem-event-location-text, .wpem-main a {word-break: break-all;}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-action-url {
    display: inline-flex;
    width: 100%;
    padding: 23px 17px;
    border-left: 1px solid #381f5b;
    transition: border .2s;
}
.wpem-event-listings .wpem-event-layout-wrapper {
    border-bottom: 1px solid #381f5b;
    border-right: 1px solid #381f5b;
    background: #fff;
    margin: 0;
    transition: background .2s;
}

.wpem-modal-content iframe{width:100%;}

.wpem-form-wrapper .showing_applied_filters {
    background: #f7f7f7;
    font-size: 18px;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

/*--------------------------------------------------------------
  # Footer
--------------------------------------------------------------*/

.footer {text-align: left;font-size: 15px; }
.footer .container {padding: 30px 0;position: relative; }
.footer ul{padding: 0;margin:0 }

.footer ul.social li {padding: 5px;display: inline-block;}
.footer ul.social li a {
        width: 26px;
        height: 30px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
.footer .copyright {
    margin-bottom: 0;text-align: center;font-size: 10px;padding:10px 0}

.footer-menu {clear:both;float: left;width: 100%;margin-top:40px;text-align: center;}
.footer-menu li{padding:0 10px;}

.footer p{font-size: 13px;}


@media all and (max-width: 400px) {
    .footer .container {
      padding: 30px 0; }
      .footer .social ul li {
        padding: 14px 10px; }

    }

.widget-footer{padding:0 10px;}

.back {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.back .container {
    position: relative;
  }
.back a {
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.back a:hover {
      bottom: -6px; }

.footer {background: #fafafa ;color: #333;border-top:1px solid #ccc;}
.footer h4 {color: #381f5b; }
.footer .social ul {background: #381f5b; }
.footer .social ul li a {color: white; }
.footer .social ul li a:hover {color: #f1a0ae; }
.footer .copyright {color: #5f5e5d; }

.back a {
        background: #fff;
        color: #381f5b; }

.anchor {
  display: block;
  height: 0px; }

.footer-menu ul li {display:inline;}

.footer .widget_text {text-align: center;}




/*EXPERT SECTION*/
.container-page-expert{background-color: #eeeeee1f;}
.searchbox-expert {margin:0 0 20px 0;border-radius:6px; border:1px solid #f6f6f6;height:80px;padding:20px 0;background-color: #f6f6f6;}
.searchbox-expert input,.searchbox-expert select {width:20%;float:left;height:40px;margin:0 10px;border:1px solid #eee}
.searchbox-expert select {width:20%;height:40px;float:left;background-color: #f6f6f6;border-radius:6px;}
.searchbox-expert select#city {width: 20%;border-radius:0 6px 6px 0;margin:0 10px 0 -2px;background-color: #f6f6f6;}
.searchbox-expert input[type="submit"]{float:left;width:10%;height:40px;}
.searchbox-expert input[type="text"]{width:20%;height:40px;margin:0 0 0 10px}




.thumbnail-expert{
    display: block;
    position: relative;
    height: auto;
    text-align: center;
    overflow: hidden;
    z-index: 2;
}
.me_post {
    width: 33%;
    padding: 0 10px;
    float: left;
    margin-bottom: 30px;
}
.thumbnail-expert img{
width: 200px;
height: 200px;
border-radius: 50%;
}
.me_expert_content {
    padding: 20px 20px 25px;
    position: relative;
    text-align: center;
border-radius: 0 0 6px 6px;
min-height: 280px;
z-index: 1;
margin: -75px 20px 0 0;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
-moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.expert_post_title {
    font-size: 1em;
    font-weight: 600;
    margin: 55px 0 5px;
    position: relative;
    z-index: 99;
    padding: 8px 18px;
    min-height: 35px;
}



.sidebar-medium .post-list {
    flex: 0 0 70%;
    max-width: 70%;
}

.list-post{display:inline-block;}

.list-item {
    margin-bottom: 60px;
}
.list-item {
  border-bottom: 1px solid #ececec;
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
  -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
  box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);

}

.list-item article {
    position: relative;
    display: flex;
}


.list-item .post-media {
    position: relative;
    max-width: 40%;
    background-image: url('https://www.meandmetime.com/images/background-logo.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    height: 200px;
    width: 200px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);border-radius: 9px;
    margin:25px;
}
.list-item .post-content {
    max-width: 70%;
    padding:20px 20px 20px 0;

}
.list-item:hover {
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);
-moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.2);cursor:pointer;
}

.post-media > a img {
    position: relative;
    display: block;
    margin: 0 auto;}


.post-media img {
        border-style: none;
        height: 200px;
        width: 200px;
        object-fit: cover;
        border-radius: 9px;
        text-align: center
    }
.post-title em {
        font-weight: 700;
        font-style: normal;
    }
 .post-media > a::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transition: .3s ease;
    }
.post-meta, .comment-time {
      font-family: Lato;
      text-transform: uppercase;
      font-weight: 700;
      font-style: normal;
      font-size: 12px;
  }
.post-meta-before.style-01 {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0px;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 1px;
}
.post-title {
    font-size: 24px;
    line-height: 1.3;
}

.post-excerpt {
    margin: 24px auto 0;
}
.thb_title {
    margin: 0px 0 10px 0;
}
.post-read{float:left;}

.results-experts{clear:both;}

@media (max-width: 768px){

  .thb_title {
    margin: 0;
}
  .searchbox-expert {margin:0 0 0;border-radius:6px; border:0px solid #381f5b42;height:100%;padding:0}
  .searchbox-expert input,.searchbox-expert select {float:left;height:40px;margin:5px 0px;border-radius:6px;border:1px solid #f6f6f6}

	.searchbox-expert select#city {width: 50%;border-radius:0 6px 6px 0;background-color: #fff;margin:0}
	.searchbox-expert select#language {width: 50%;border-radius:0 6px 6px 0;background-color: #f6f6f6;}
	.searchbox-expert select#typology {width: 50%;border-radius:6px 0 0 6px;background-color: #f6f6f6;}
  .searchbox-expert input[type="text"]{width:50%;border-radius:6px 0 0 6px;margin:0}
	 .searchbox-expert input[type="submit"]{width:100%;height:40px;margin:10px 0 20px 0;}

.thumbnail-expert img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.me_expert_content {min-height: 200px;}
.post-media img {
        border-style: none;
        height: 150px;
        width: 150px;
    }
    .list-item .post-media {
        position: relative;
        background-image: url('https://www.meandmetime.com/images/background-logo.jpg');
        background-repeat:no-repeat;
        background-position:center center;
        height: 150px;
        width: 150px;
        margin:25px 15px 20px  ;
}
.list-item .post-content {
    max-width: 60%;
    padding:20px 8px 10px 0;line-height: 1;

}
.list-item .specs a{font-size:15px;}

.list-item .post-title{font-size:18px;padding: 0;margin: 0;}

.list-item .post-content p{font-size: 14px;padding:0;line-height: 1.2}

.list-item .post-excerpt {margin:0;}

.list-item .post-media {
    max-width: 100%;
}
.list-item {
    margin-bottom: 30px;
}
.list-item .me-post-readmore {
    margin: 5px auto;
}
.list-item .me-post-readmore{display:none;}

}
/*** pagination ***/
.pagination{
	width:100%;
	display: inline-block;
	clear: both;
	margin: 0px 15px 30px 15px;

}
.pagination-prev{
	float: left;
}
.pagination-next{
	float: right;
}
.pagination-next a, .pagination-prev a{
	background: #fff;
    padding: 12px 22px 12px 25px;
    color: #454545;
    line-height: 1;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
		border: solid 1px #ccccccab;
}


.navigation{text-align: center;margin:40px 0;}
.navigation ul{margin:0;min-height: 70px;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
		padding:0 5px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #381f5b;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #d295b5;
}

.container-page{background-color: #eeeeee1f;}
article{background: #fff;}
.container-expert{margin-top:20px;
}
.expert-profile{display:block;text-align: center;}
.expert-profile img {
  border-style: none;
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 9px;

}
.experts-similars{margin:20px 0;}
ul.similar_experts{margin:0;padding:0}

.similar_experts li{list-style: none;display:inline-block;background: #fff;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
-moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);padding:20px;margin:5px 0;}
.thumbnail_expert img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.expert-profile {
position: relative;
background-image: url('https://www.meandmetime.com/images/background-logo.jpg');
background-repeat: no-repeat;
background-position: center center;
height: 300px;
width: 300px;
border: 1px solid #eee;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
-moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);border-radius: 9px;}

.similar_experts h3{text-align: center;font-size: 12px;}
.expert-spec {padding-left: 0;list-style: none;margin:20px 0;width:100%;}
.expert-spec li{font-size: 16px;letter-spacing: .4px;color: #888;margin-bottom: 10px;}
.expert-badge h1{font-size: 22px;margin:0;padding:0;}
.expert-badge p{font-size: 16px;margin:0;padding:0;}
.expert-spec li span.title {display: inline-block;font-weight: 600;padding-right: 10px;}
.expert-spec li span {display: inline-block;font-weight: 400;}
.expert-about{margin:20px 0;border: 1px solid #eee;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
-moz-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);padding:10px 20px;background-color: #fff;}
.expert-about iframe{max-width: 100%;}
.expert-social {text-align:center;margin:10px 0;}
.expert-social a {margin:0 10px 0 0;color:#333;font-size: 18px;}
.expert-social a:hover{color:#381f5b;}

.expert-header{float:left;width:100%;}

@media (max-width: 768px){
.expert-spec li span.title {
    display: inline-block;
    font-weight: 600;
    width: 100%;
}

.expert-badge h1{text-align:center;}
.expert-profile img {
  border-style: none;
  max-width: 100%;
  height: auto;
  max-height: 250px;
}
.expert-profile {
  height: 250px;
  width: 250px;
}

}

/*END EXPERT SECTION */