/*
Theme Name: SMA
Theme URI: https://mediactiu.com
Author: mediactiu
Author URI: https://mediactiu.com
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*
@font-face {
  font-family: Calibri;
  src: url(./fonts/Calibri-Regular.ttf);
}

@font-face {
  font-family: Calibri;
  src: url(./fonts/Calibri-Light.ttf);
    font-weight:100
}
@font-face {
  font-family: Calibri;
  src: url(./fonts/Calibri-Bold.ttf);
    font-weight:bold
}
*/

@font-face {
  font-family: "Proxima Nova";
  src: url(./fonts/Proxima-Nova-Regular.otf);
}

@font-face {
  font-family: "Proxima Nova;
  src: url(./fonts/Proxima-Nova-Regular-Italic.otf);
  font-style: italic;
}

@font-face {
  font-family: "Proxima Nova";
  src: url(./fonts/Proxima-Nova-Light.otf);
  font-weight: 100;
}

@font-face {
  font-family: "Proxima Nova;
  src: url(./fonts/Proxima-Nova-Light-Italic.otf);
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Proxima Nova"";
  src: url(./fonts/Proxima-Nova-Bold.otf);
  font-weight: bold;
}

x@font-face {
  font-family: "Proxima Nova";
  src: url(./fonts/Proxima-Nova-Bold-Italic.otf);
  font-weight: bold;
  font-style: italic;
}


body {
  margin: 0;
  -webkit-font-smoothing: auto;
    x.font-family: 'Calibri', sans-serif;
	font-family: "Proxima Nova", "proxima-nova", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #575757;
    font-size: 19px;
    line-height: 24px;
    color: #000
}

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;
    color: #000;
}

a:active,
a:hover { 
  outline: 0;
    x.color:#3b146d;
    color: #007ac9;
text-decoration: none;

opacity: 0.7;
}

dfn {
  font-style: italic;
}

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 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}
ul {
  list-style: none; /* Remove default bullets */
}

#main ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #142C4e; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

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;
    height: 30px
}
textarea.form-control{height: 38px}
.form-control{background: transparent; border-width: 0 0 1px 0; border-radius: 0; }
input.form-control, textarea.form-control {margin: 20px 0 20px; height: 30px; padding: 0}
.form-control::placeholder,
.form-control:focus{color: #000; font-weight: lighter; background: transparent; box-shadow: none}
label{color: #000; display: inline}

select.form-control{border-width: 0px; width: 120%; display: inline; }
.wpcf7-form-control-wrap.servicios{border: 1px solid #fff;
overflow: hidden;
display: inline-block;}
.wpcf7-form-control-wrap.servicios::after{    content: "+";
    position: absolute;
    right: 8px;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    top: 9px;
}

div.wpcf7 .wpcf7-submit{background: transparent;
text-transform: uppercase;
font-weight: bold;
opacity: 1;
border: 1px solid #000;
border-radius: 0;
color: #000;
padding: 9px 30px 6px;}
div.wpcf7 label{line-height: 35px;
vertical-align: top;
margin-right: 20px;
font-size: 12px;}
.acceptance-959{display: block}
span.wpcf7-list-item{margin-left: 0}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #575757;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 5px;
}
body:not(.home) h1, 
body:not(.home) h2, 
body:not(.home) h3, 
body:not(.home) h4, 
body:not(.home) h5, 
body:not(.home) h6{font-weight: normal}
rs-layer h1{color: #fff; font-weight: lighter; line-height: 50px !Important;
font-family: inherit;
font-size: 50px;
padding-bottom: 20px !important;}
rs-layer h1 strong{font-weight: bold}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 600px) {
    rs-layer h1{font-size: 30px !Important; line-height: 30px !Important}
    
}
h1 {
  font-size: 40px;
  padding-bottom: 10px;
}
h2 {
  font-size: 34px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 28px;
  line-height: 25px;
}
h4 {
  font-size: 22px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  color: #3b146d
}
h2.entry-title {
  
}
h3.widget-title {
 
color:#3b146d;
font-size: 23px;
}

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

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

header#masthead {
  margin-bottom: 0;
  background-color: #fff;
  margin-bottom: 0px;
  z-index: 3;
  padding: 20px 0 0px;
    width: 100%;
    x.border-bottom: 2px solid #f4a527;
    border-bottom: 2px solid #c92346;
}

.navbar-brand{width: 250px; transition: 0.5s all}
#main-nav{padding-top: 40px}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}
header#masthead.menu-fixed{position: fixed; width: 100% !Important; z-index: 9999; width: 200px; padding: 10px 0 0px;}
header#masthead.menu-fixed .navbar-brand{width: 150px; transition: 0.5s all; margin-top: -10px}
header#masthead.menu-fixed #main-nav{padding-top: 0px}
header#masthead.menu-fixed .navbar-nav > li > a{padding: 4px 16px !Important; transition: 0.5s all}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
    header#masthead {padding-bottom: 10px}
    header#masthead.menu-fixed .navbar-brand{padding-bottom: 10px}
}
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
    margin-bottom: -1px
}
#masthead nav .navbar-nav{ x.background: #3b146d; background: #142C4e; border-radius:10px 10px 0 0px; padding: 7px 10px}
#masthead .navbar-nav > li > a {
  color: #fff;
  padding: 7px 20px;
  font-weight: 500;
  font-size: 19px;
    transition: 0.5s all
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a,
.single-product #masthead .navbar-nav > li#menu-item-93 > a{
  color: #fff;
  /*background: #f9f9f9;*/
}
.menu-item.active{position: relative}
.menu-item.active::before{      content: "";
    height: 10px;
    x.background: #f4a527;
	background: #c92346;
    width: 90%;
    display: block;
    position: absolute;
    bottom: -7px;
    z-index: 99999999;
    border-radius: 10px 10px 0 0;
    left: 8%;
}
@media screen and (max-width:768px) {
    .menu-item.active::before{display: none}
    .menu-item.active{border-bottom: 2px solid #c92346}
    
}
.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 0px solid #ddd;
  border-radius: 10px;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
    color: #fff; 
    background: #3b146d
}

.post-navigation .nav-next a::after {
  content: " \2192";
    margin-left: 10px
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
    margin-right: 10px
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  x.background: #3b146d;
  background: #142C4e;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

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

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 17px;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.single-product #content.site-content{padding-top: 20px; padding-bottom: 0}
.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
    color: #3b146d
}
@media screen and (max-width: 767px) {
    #content.site-content { padding-top: 0   }
    .blog #content.site-content,
    .single-post #content.site-content { padding-top: 40px}
    .home .entry-content{margin-top: 0}
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-widget{background: url('./img/footer-line.svg') repeat-x #fff !Important;
background-size: 100% auto;
background-position: top center;
padding: 100px 0 10px;}

body:not(.theme-preset-active) footer#colophon {
  
}
.site-info {margin-top: 80px}
.navbar-dark .site-info {
  color: #fff;

}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

#footer-widget,
#footer-widget h3,
/* #footer-widget a{color: #3b146d} */
#footer-widget p{color: #000}
#footer-widget h3{    font-weight: bold;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 15px;}

.footercopy p, 
.footercopy a{font-size: 13px; line-height: 18px; color: #000}

#footer-widget .widget{clear: both}
.tel-footer{font-weight: bold;}

.footer4 img{    width: 40px; margin-right: 10px; margin-bottom: 30px;}
.footer4 p{margin-bottom: 7px; line-height: 21px}


@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
    .site-info {margin-top: 0px}
    
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    .show-xs{display: none}
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 80%;
  }
    .hide-xs,
    .vc_empty_space{display: none !Important}
    .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 20px !Important}
    .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner{padding-top: 20px !Important}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}




@media only screen and (min-width: 1400px) {
    .container{max-width: 1340px;}
}

/*HOME*/
.home-row3 .vc-hoverbox-back{background-color: transparent !Important;
transform: none;
display: block;
z-index: 9999;}
.home-row3 .vc-hoverbox-front{transform: none;
position: relative;
background-size: cover;
width: 100%;
height: 100%;
display: block;
}
.home-row3 .vc-hoverbox:hover .vc-hoverbox-front{transform: none !Important}
.home-row3 .vc-hoverbox-inner{display: flex}
.home-row3 .vc-hoverbox-inner,
.home-row3 .vc-hoverbox-back-inner{height: 300px}
.home-row3 .vc-hoverbox-inner > div{width: 50%; position: relative}
.home-row3 .vc-hoverbox-back-inner{text-align: left;
display: flex;
flex-wrap: wrap;
align-content: end;
}
.home-row3 .vc-hoverbox-back-inner p, .home-row3 .vc-hoverbox-back-inner h3{color: #000; display: block; width: 100%}
.home-row3 .vc-hoverbox-back-inner .vc_btn3,
.home-row3 .vc-hoverbox-back-inner .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, 
.home-row3 .vc-hoverbox-back-inner .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
    font-weight: bold;
    font-size: 30px;
    background: transparent !Important;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #000 !Important}
@media only screen and (max-width: 768px) {
    .home-row3{padding: 0 15px !Important; background-size: cover}
    
}
@media only screen and (max-width: 600px) {
    .home-row3 .vc-hoverbox-wrapper.vc-hoverbox-align--left    {padding-bottom: 10px}
    .home-row3 .vc-hoverbox-inner > div{width: 100%;}
    .home-row3 .vc-hoverbox-inner{display: block}
    .home-row3 .vc-hoverbox-back-inner{display: block}
    .home-row3 .vc-hoverbox-front{background-size: contain;background-repeat: no-repeat;}
    .vc_row.vc_custom_1607593509556{background-size: cover !Important}
    
}
.vc_row.download-flyer{background-position: center right !Important}
button.vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern{background: #3b146d !Important;
    font-size: 19px;
border: 0px solid #3b146d;
border-radius: 10px;
}
button.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern{background: #007ac9 !Important;
    font-size: 19px;
border: 0px solid #007ac9;
border-radius: 10px;
}

.post-home .vc_gitem-zone, .post-home .vc_gitem-zone div{position: relative !Important; height: auto !Important}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{transform: none !Important}
.post-home img{margin-top: 10px}
.post-home .vc_gitem_row .vc_gitem-col{padding-left: 25px; border-radius: 10px; background-position: right bottom !Important}
.post-home,
.post-home h3{color: #fff}
.post-home h3{margin-top: 0px}
.post-home .wpb_single_image, .post-home .wpb_single_image div{height: 100%; margin: 0 !Important}
.post-home-img{padding: 0 !Important}
.post-home-img img{border-radius: 10px}
.post-home .vc_icon_element-color-white span:before{font-size: 15px !Important;}
.post-home .vc_icon_element-color-white {width: auto !Important; padding-left: 15px !Important; height: auto !Important}
.post-home .vc_icon_element {margin-top: -10px}
.post-home .vc_icon_element-link{    
    display: block !Important;
    width: 20px  !Important;
    height: 20px !Important;
    position: absolute !Important;
    left: 1px !Important;
    top: -4px !Important;
}
@media screen and (max-width: 768px) {
    .post-home .vc_gitem_row .vc_gitem-col{padding: 20px 0 0}
}
.home-logos-content h2{color: #f4a527; font-size: 20px; margin-bottom: 0; font-weight: normal; margin-top: 0}
.home-logos-content-new h2{color: #c92346; font-size: 24px; margin-bottom: 10px; font-weight: bold; margin-top: 0}
.home-logos-content .wpb_content_element{margin-bottom: 0}
.home-logos-content-new .wpb_content_element{margin-bottom: 0}
.home-logos-txt{      font-size: 32px;
    line-height: 43px;
    padding: 15px 49px 20px 50px;
    font-weight: 100;
}
.members-gallery{margin: 30px 0}
.members-gallery .wpb_image_grid_ul li{}
.members-gallery .wpb_image_grid_ul img{width:120px}
@media screen and (max-width: 768px) {
    .home-logos-txt{padding: 0 15px 15px; line-height: 23px; font-size: 23px;}
    .home-logos-content{margin: 0 -15px !Important}
    .home-logos-content-new{margin: 0 -15px !Important}
    .home .vc_col-sm-8 .vc_custom_heading br{display: none}
}
/*ABOUT*/
.bg-purple-left{background: linear-gradient(90deg, rgba(59,20,109,1) 0%, rgba(59,20,109,1) 42%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);}
.bg-purple-right{background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(59,20,109,1) 42%, rgba(59,20,109,1) 100%);}
.bg-blue-left{background: linear-gradient(90deg, rgba(0,122,201,1) 0%, rgba(0,122,201,1) 42%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);}
.bg-blue-right{background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(0,122,201,1) 42%, rgba(0,122,201,1) 100%);}

@media screen and (max-width: 1200px) {
    .bg-purple-right,
    .bg-purple-left{background: transparent}
}

@media screen and (max-width: 1200px) {
    .bg-blue-right,
    .bg-blue-left{background: transparent}
}

.about1 .vc_custom_heading{padding-bottom: 50px;
padding-top: 50px;
line-height: 40px;
font-weight: normal;
font-size: 31px;
padding-right: 95px;}
.about2{
    background-size: 37% auto;
}
 h3.membership-tit{font-weight: normal; margin-left: -15px !important}
.membership-txt{padding: 0 50px}
.about4 h3{font-weight: normal; margin-bottom: 20px}
.about4 a{color: #ba68a3}
.about4 .vc_column-inner{padding: 10px !Important}
.about4 .vc_col-sm-3 *{height: 100%;}
.about4 .vc_col-sm-3 img{height: 100%; object-fit: cover}
.about5 h3{margin-top: 0; margin-bottom: 20px}

button.vc_btn3-color-white.vc_general.vc_btn3{color: #3b146d;
background-color: #fff;
font-size: 18px;
padding: 10px 20px 6px;
border-radius: 7px;}
.about7 .vc_column-inner {padding: 10px !Important; min-height: 370px}
.about7 .vc_column-inner .wpb_single_image{margin-bottom: 20px}
.about7 .vc_column-inner .wpb_single_image img{width: 180px; height: 180px; object-fit: cover; object-position: center}
.about7 .vc_column-inner .wpb_text_column {margin-bottom: 0}
.current-members-tit{margin-bottom: 10px !important;}

@media screen and (min-width: 768px) {
    .about5-txt .vc_column-inner{padding: 35px 100px 15px 50px !Important}
    .current-members-tit, .about6 .vc_column-inner{margin-left: -15px !Important}
}
@media screen and (max-width: 1400px) {
    .about7 .vc_column-inner{min-height: 420px}
}
@media screen and (max-width: 1200px) {
    .about7 .vc_col-sm-2{width: 33%; text-align: center}
    .about7 .vc_column-inner .wpb_single_image{text-align: center}
}
@media screen and (max-width: 768px) {
    .about1 {margin-top: 0px}
    .about1 .vc_column_container.vc_col-sm-8{padding: 0 15px}
    .about1 .vc_custom_heading{padding: 0 5px 10px;
    line-height: 36px;
    font-size: 30px;}
    /*.about2 .vc_column-inner{padding: 7px !Important}*/
    .about4{margin: 0 !Important}
    .about5 .wpb_single_image{text-align: center !Important; margin-bottom: 20px !Important; margin-top: 10px}
    .membership-txt{padding: 0 15px}
    h3.membership-tit{margin-left: 0 !Important}
    
    .about6{margin-top: 20px;margin-bottom: -10px}
    .about6 .vc_column-inner{padding: 0}
    .about7 {padding: 0 15px}
    .about7 .vc_col-sm-2{width: 50%; text-align: center; float: left;}
    .about7 .vc_column-inner .wpb_single_image{text-align: center}
}
@media screen and (max-width: 600px) {
    .about7 .vc_col-sm-2{width: 100%}
    .about7 .vc_column-inner{min-height: auto}
    .about7 .wpb_text_column {margin-bottom: 0 !Important}
}
.header-page {background-repeat: no-repeat !Important}
.header-page h1{color: #fff; font-weight: lighter; position: relative; z-index: 0; padding: 13px 0; margin-bottom: 0; margin-top: 100px}
.header-page h1::before{content: '';
position: absolute;
top: 0;
left: 0;
transform: translateX( -50%);
height: 100%;
width: 55%;
background: #3b146d;
    opacity: 0.6;
z-index: -1;
border-radius: 10px 10px 0px 0px}
.header-page-new {background-repeat: no-repeat !Important}
.header-page-new h1{color: #fff; font-weight: lighter; position: relative; z-index: 0; padding: 13px 0; margin-bottom: 0; margin-top: 100px}
.header-page-new h1::before{content: '';
position: absolute;
top: 0;
left: 0;
transform: translateX( -50%);
height: 100%;
width: 55%;
background: #142C4e;
    opacity: 0.6;
z-index: -1;
border-radius: 10px 10px 0px 0px}
@media screen and (min-width: 2000px) {
    .header-page h1::before{transform: translateX( -70%); width: 65%}
    .page-id-281 .header-page h1::before{transform: translateX( -60%); width: 85%}    
}
@media screen and (min-width: 2000px) {
    .header-page-new h1::before{transform: translateX( -70%); width: 65%}
    .page-id-281 .header-page-new h1::before{transform: translateX( -60%); width: 85%}    
}
@media screen and (min-width: 2500px) {
    .header-page h1::before{transform: translateX( -70%); width: 100%}
    .page-id-281 .header-page h1::before{transform: translateX( -70%); width: 90%}
}
@media screen and (min-width: 2500px) {
    .header-page-new h1::before{transform: translateX( -70%); width: 100%}
    .page-id-281 .header-page-new h1::before{transform: translateX( -70%); width: 90%}
}
@media screen and (max-width: 768px) {
    .header-page h1{margin-top: 30px}
    .header-page h1::before{transform: translateX( -20px); width: 55%}
    .page-id-281 .header-page h1::before{transform: translateX( -20px); width: 70%}
    .about1 br{display: none}
}
@media screen and (max-width: 768px) {
    .header-page-new h1{margin-top: 30px}
    .header-page-new h1::before{transform: translateX( -20px); width: 55%}
    .page-id-281-new .header-page-new h1::before{transform: translateX( -20px); width: 70%}
    .about1 br{display: none}
}
@media screen and (max-width: 600px) {
    .header-page h1::before,
    .page-id-281 .header-page h1::before{width: 100%}
    .header-page h1{width: 70%}
}
@media screen and (max-width: 600px) {
    .header-page-new h1::before,
    .page-id-281 .header-page-new h1::before{width: 100%}
    .header-page-new h1{width: 70%}
}
.vc_row.header-page2{    background-repeat: repeat-x !important;
    background-size: contain !important;
    background-position: center -1px !important;}

.FAQ-header h1::before{left: -19%}

/*RESOURCES*/
.resources2{padding: 0 15px;}
.resources2 .vc_custom_heading{margin-top: 0; font-weight: bold; font-size: 30px}
@media screen and (max-width: 768px) {
    .resources2{margin-top: 30px}
}
.resources-links{}
.resources-links ul {
    padding-left: 20px;
    position: relative;
  list-style: none; 
}
.resources-links ul li{
    margin: 20px;
    height: 40px;
    line-height: 40px;
    position: relative}
.resources-links ul li a{
    font-weight: bold; font-size: 22px
}
.resources-links ul li::before {
  content: "\2022"; 
  color: #3b146d; 
  font-weight: bold;
  display: inline-block;
  width: 1em; 
  margin-left: -1em;
}
.resources-links ul li::after{background: url('img/ico-pdf.png');
background-repeat: repeat;
background-size: auto;
background-size: auto 40px;
background-position: center center;
background-repeat: no-repeat;
width: 70px;
height: 40px;
content: " ";
display: block;
float: left;
margin-right: 20px}

/*FAQs*/
.faq-content .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after,
.faq-content .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before{border-color: #fff !Important}
.faq-content .vc_tta-panel-title {background: #3b146d; color: #fff; border-radius: 10px}
.faq-content .vc_tta-panel-title a {color: #fff !Important; padding-left: 20px !important}
.faq-content .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{border-width: 0 2px 2px 2px; border-style: solid; border-color: #f4a527; border-radius: 0 0 10px 10px; margin-top: -5px; padding: 20px;}

.faq-content-new .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::after,
.faq-content-new .vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before{border-color: #000 !Important}
.faq-content-new .vc_tta-panel-title {background: #e5e7eb; color: #000; border-radius: 10px}
.faq-content-new .vc_tta-panel-title a {color: #000 !Important; padding-left: 20px !important}
.faq-content-new .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{border-width: 0 2px 2px 2px; border-style: solid; border-color: #e5e7eb; border-radius: 0 0 10px 10px; margin-top: -5px; padding: 20px;}

/*MAP*/
#main .mapplic-image, 
#main .mapplic-tooltip-wrap,
#main .mapplic-tooltip-content,
#main .mapplic-tooltip-content{max-width: 480px !Important; height: auto; max-height: 500px}
#main .mapplic-tooltip-wrap{border: 2px solid #F4A527;  border-radius: 10px}
#main .mapplic-tooltip-description,
#main .mapplic-tooltip-content{margin-top: 0}
#main .mapplic-tooltip-body{padding: 0}
#main .mapplic-tooltip-description h2{margin-top: 0; background: #F4A527; color: #fff; padding:  5px 20px; border-radius: 6px 6px 0px 0px}
#main .mapplic-tooltip-title{display: none}
#main .mapplic-tooltip p{padding-left: 20px; padding-right:20px; }
.mapplic-clickable > path{transition: 0.5s all}
.mapplic-clickable > path:hover,
.mapplic-active.mapplic-clickable > path{
  /*-webkit-filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .5));
  filter: drop-shadow( 0px 1px 2px rgba(0, 0, 0, .5))*/
 transition: 0.5s all; 
    stroke: #555;
    stroke-width: 1px;

}

.legend-map .vc_sep_line{border-radius:  10px; margin-top: 4px; border-top-width: 15px !Important}
.legend-map .wpb_text_column{margin-bottom: 10px; min-height: 50px}
.legend-map .vc_column-inner{padding-right: 5px !Important}

@media screen and (max-width: 768px) {
    .legend-map {margin-top: 35px}
    .legend-map .vc_col-sm-4 .vc_col-sm-3{width: 30%}
    .legend-map .vc_col-sm-4 .vc_col-sm-9{width: 60%}
    .legend-map .vc_col-sm-4 .vc_row-fluid{display: flex}
    .legend-map .wpb_text_column{margin-bottom: 10px; }
    .post.hentry{margin-bottom: 20px}
}
.single-post article a{color: #3b146d}
.blog .entry-content{margin-top: 0}
.blog .post-thumbnail img{border-radius: 10px}
#mapplic-europe{margin-left: -350px;
width: calc(100% + 700px);
height: calc(100% + 430px);
margin-top: -270px;}
.blog .post-thumbnail img,
.single-post .post-thumbnail img{/*height: 270px; object-fit: cover; object-position: center; */border-radius: 10px}
.contact-content h3.widget-title{margin-bottom: 20px}
@media screen and (max-width: 768px) {
    .contact-content form{margin-top: 50px}
}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img{border-radius: 10px !important}