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

/*
font-family: 'Open Sans', sans-serif;
*/

body{ padding:0; margin:0; font-size:14px; color:#4A4A4A; font-family: 'Open Sans', sans-serif;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition:all .3s ease;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;height: auto;}
.nav li, .navbar-nav li, .footer_links li { list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: 'Open Sans', sans-serif;margin-top: 32px;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:90%; max-width:1280px; margin:0 auto; padding:0;}
ol, ul, dl {margin-bottom: 2rem;}
/*---- GLOBAL START ----*/
h1{ font-size:48px; font-weight:700; color:#7F3797;}
h2{ font-size:32px; font-weight:700; color:#7F3797;}
h3{ font-size:28px; font-weight:700; color:#7F3797;}

#block-scm-content li {
    margin-left:3rem;
}

article, #block-scm-content {
    text-align: justify;
}

.white{ color:#ffffff !important;}

p{ font-size:16px; line-height:24px; color:#4A4A4A;}

.global_title{ margin-bottom:10px; padding:0; font-size:32px; font-weight:700; color:#7F3797;}
.global_title:first-child{ margin-top: 0; }
.global_title.white{ color:#fff;}

.btns{ margin:0; padding:8px 16px; display:inline-block; background:#4C8BC8; box-shadow: 2px 2px 8px #00000040; border: 1px solid #4C8BC8; font-size:16px; font-weight:700; letter-spacing:0.4px; color: #FFFFFF; text-transform: uppercase;}
.btns:hover{ background: #29266C; box-shadow: 2px 2px 8px #00000040; border: 1px solid #29266C; color:#fff;}

.btns.yellow{ background: #FAB441; box-shadow: 2px 2px 8px #00000040; border: 1px solid #FAB441; color:#000;}
.btns.yellow:hover{ background: #FFCB75; box-shadow: 2px 2px 8px #00000040; border: 1px solid #FAB441; color:#000;}

.mb-16{ margin-bottom:16px !important;}
.mb-30{ margin-bottom:30px !important;}
.mb-64{ margin-bottom:64px;}

.f-weight600{ font-weight:600 !important;}

figure.full{ width:100%; margin:0 0 16px 0; padding:0;}

.lbl{ margin:0; padding:0; font-size:12px; letter-spacing: 0.6px; text-transform: uppercase; opacity: 0.5; font-weight:700; transition:all .4s ease-in-out;}

/*---- GLOBAL END ----*/

/***********  Top Part  ************/
header{ width:100%; float:left; padding:0; margin:0; position:relative; z-index:400; background:#542463;}

.nav_sec{ width:100%; float:left; padding:0; margin:0;}
/*.nav_sec .container{ max-width:1400px;}*/
/*.nav_sec .navbar-brand{ width:100%; max-width:242px; height:210px; margin:0 0 -40px 0; padding:15px 67px 30px 54px; text-align:center; background:url(../images/logo_bg.png) no-repeat center center; background-size:100% 100%;}*/
.nav_sec .navbar-brand {  width: 100%;  max-width: 242px;  margin: -50px 0 -45px 0;  padding: 0px;  text-align: center;}
/*.nav_sec .navbar-brand img{ width:100%; max-width:100px;}*/
.nav_sec .navbar-brand img{ width:100%; }
.nav_sec .navbar{ padding:0;}
.nav_sec .navbar-light .navbar-nav{ padding:90px 0 37px 0;}
.nav_sec .navbar-light .navbar-nav li{ margin:0 0 0 30px; padding:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ padding:8px 0; font-size:14px; color: #FFFFFF; font-weight:700; letter-spacing:0.4px; text-transform:uppercase;}
.nav_sec .navbar-light .navbar-nav .dropdown-toggle{ padding-right:16px;}
.nav_sec .navbar-light .navbar-nav .dropdown-toggle:after{ border:none; content:"\f107"; font-family:'FontAwesome'; top:9px; right:0; position:absolute;}
.nav_sec .navbar-light .navbar-nav .nav-link:hover, .nav_sec .navbar-light .navbar-nav .nav-link:focus, .nav_sec .navbar-light .navbar-nav .show > .nav-link, .nav_sec .navbar-light .navbar-nav .active > .nav-link, .nav_sec .navbar-light .navbar-nav .nav-link.show, .nav_sec .navbar-light .navbar-nav .nav-link.active{ color:#fbb040; border-color:#fff;}

.nav_sec .dropdown-menu{ margin-top:0; border-radius:0; box-shadow:3px 3px 16px rgba(0,0,0,0.13); border:none; padding:0;min-width:200px;}
.nav_sec .dropdown-item{ padding:16px; font-size:14px; font-weight:700; color: #4A4A4A; white-space:normal; line-height:normal;}
.nav_sec .dropdown-item:hover, .nav_sec .dropdown-item.active{ background:#7F3797; color:#fff; border-color:#fff;}

.search_info{ width:100%; max-width:317px; margin:0; padding:0; position:absolute; right:0; top:15px;}
.search_info .form-control{ margin:0; padding:0 16px; font-size:14px; height:51px; border: 1px solid #CCCCCC; color: #4A4A4A; border-radius:0 0 0 0; box-shadow:none;}
.search_info .btn{ padding:0 0 0 16px; height:51px; font-size:18px; border-radius:0 0 0 0; box-shadow:none; background:none; color:#fff; border:none;}
.srch_btn{ margin:0 5px 0 0; padding:0 3px; height:33px; font-size:18px; border-radius:0 0 0 0; box-shadow:none; background:none; color:#fff; border:none;}

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

/********** Hero ************/
.hero_sec{ width:100%; padding:0; margin:0;}
.hero_sec p{ margin:0; padding:0; color:#fff;}

.hero_sec .owl-carousel .owl-nav button{ width:64px; height:64px; font-size:0; display:block; border-radius:0%; position:absolute; top:calc(50% - 60px); transform:translateY(-50%); margin:0; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#fff !important; opacity: 0.5;}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ left:0;}
.hero_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:40px;}
.hero_sec .owl-carousel .owl-nav button.owl-next{ right:0;}
.hero_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:40px;}
.hero_sec .owl-carousel .owl-nav button:hover{ background:#FFFFFF !important; opacity:1; color:#7F3797 !important;}

/******* COUNTER ********/
.counter_sec{ width:100%; float:left; margin:0; padding:18px 0 17px 0; background:#7F3797; display:none;}
.counter_sec h2{ margin:0; padding:0; color:#fff; display:inline-block; text-align:center;font-size:1.5rem;}
.counter_sec h2 small{ font-size:14px; color:#fff; display:block; font-weight:700;}
.counter_sec ul{ margin:0; padding:0; text-align:right;}
.counter_sec ul li{ margin:0 0 0 32px; padding:0; display:inline-block; text-align:center; font-size:16px; color:#fff; min-width:88px;line-height: 1.5em;}
.counter_sec ul li strong{ display:block; font-size:32px; color:#fff; font-weight:700; margin-bottom:10px;}

/******* WELCOME *******/
.welcome_sec{ width:100%; float:left; margin:0; padding:64px 0; text-align:center;}
.welcome_sec .container{ max-width:928px;}
.welcome_sec p{ margin:0 0 16px 0; padding:0;}

/******* AUTHOR ******/
.author_sec{ width:100%; float:left; margin:0; padding:64px 0 34px 0; text-align:center;}
.author_sec .container{ max-width:1050px;}
.author_sec h3{ margin:0 0 6px 0; padding:0; font-size:48px; text-transform:uppercase;}
.author_sec p{ margin:0 0 30px 0; padding:0; font-weight:700;}

/******* EVENT *******/
.event_sec{ width:100%; float:left; margin:0; padding:64px 0 34px 0; background: transparent linear-gradient(114deg, #00813F 0%, #22B3A5 84%, #29BCB8 100%);}
.event_sec figure{ width:100%; margin:0 0 16px 0; padding:0; border-radius:8px;}
.event_sec figure img{ width:100%; border-radius:8px;}
.event_sec .detail{ width:100%; float:left; padding:0 0 0px 0; margin:0;}
.event_sec .detail h2{ margin:0 0 10px 0; padding:0; color: #FFFFFF;}
.event_sec .detail p{ margin:0; padding:0; color:#fff;}
.schedule{ width:100%; float:left; margin:0 0 30px 0; padding:16px; background: rgba(41, 38, 108, 0.5);}
.schedule p{ margin:0 0 16px 0; padding:0; color: #FFFFFF; font-weight:700;}

/************* Footer ***********/
.site_footer{ width:100%; float:left; padding:30px 0 60px 0; margin:0; background: #292F33;}
.site_footer figure{ width:100%; float:left; padding:0; margin:0 0 30px 0;}
.site_footer figure img{ width:100%; max-width:300px;height: auto;}
.add_info{ width:100%; float:left; padding:0; margin:0 0 30px 0; font-size:14px; color:#CCCCCC; line-height:20px;}
.add_info strong{ color: #CCCCCC; display:block;}
.add_info span{ display:block; margin-top:18px;}
.add_info a{ color: #CCCCCC;}
.add_info a:hover{ color: #ffffff;}

.site_footer h3{ margin:0 0 10px 0; padding:0; font-size:20px; color: #CCCCCC; font-weight:700;}
.footer_links{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.footer_links li{ width:100%; float:left; margin:0 0 12px 0; padding:0; font-size:14px;}
.footer_links li a{ color: #CCCCCC;}
.footer_links li a:hover{ color: #ffffff;}

.copyright{ width:100%; margin:0; padding:15px 0 0 0; border-top: 1px solid #666666; font-size:12px; color: #CCCCCC;}

/*============== About Page =============*/
.inner_banner{ width:100%; float:left; margin:0; padding:32px 0; text-align:center; background:#7c3593; min-height:136px; position:relative;}
.inner_banner img{ width:100%; object-fit:cover; position:absolute; top:0; left:0; opacity:0.2; height:100%; mix-blend-mode: luminosity;}
.inner_banner p {margin: 0;padding: 0;}
.inner_banner .container{ position:relative; z-index:5;}
.inner_banner h2{ margin:0;}

.breadcrumb_info{ margin:0 0 10px 0; padding:0;}
.breadcrumb_info li{ margin:0; padding:0; display:inline-block; font-size:14px; color:#fff; font-weight:700;}
.breadcrumb_info li:after{ content:"/"; opacity: 0.5; display:inline-block; margin:0 5px 0 8px;}
.breadcrumb_info li:last-child:after{ display:none;}
.breadcrumb_info li a{ color:#fff;}
.breadcrumb_info li a:hover{ color:#fbb040;}

.about_sec{ width:100%; float:left; margin:0; padding:32px 0px 34px 0px; position:relative;}
/*.about_sec .container{ max-width:927px; width:100%;}*/

ul.sidebar{ width:100%; max-width:328px; float:left; margin:0 0 30px 0; padding:0;}
ul.sidebar li{ margin:0 0 1px 0; padding:0; display:block; font-size:14px; color: #4A4A4A; font-weight:700;}
ul.sidebar li a{ color: #4A4A4A; display:block; padding:16px;}
ul.sidebar li a:hover, ul.sidebar li a.active{ color: #fff; background:#29266C;}


.about_sec p a{ color:#4C8BC8; text-decoration:underline; font-weight:600;}
.about_sec p a:hover{ color:#fbb040; text-decoration:none;}

.about_block{ width:100%; max-width:768px; margin:0 auto; padding:0;}
.about_block figure{ width:100%; margin:0 0 16px 0; padding:0; border-radius:10px;}
.about_block figure img{ width:100%; border-radius:10px;}
.about_block p{ width:100%; max-width:665px; font-size:14px; font-style:italic;}

ul.sticky_social{ display:inline-block; margin:0; padding:0; position:fixed; right:0; top:58%; transform:translateY(-50%);}
ul.sticky_social li{ display:block; margin:0; padding:0;}
ul.sticky_social li a{ display:block; margin:0; padding:0; background:#738a8d; color:#fff;}
ul.sticky_social li a i{ width:48px; height:48px; line-height:48px; color:#fff; font-size:20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out; text-align:center;}
ul.sticky_social li a i.fa-link{ background:#178bf4;}
ul.sticky_social li a i.fa-envelope{ background:#848484;}
ul.sticky_social li a i.fa-facebook-f{ background:#3b5998;}
ul.sticky_social li a i.fa-linkedin{ background:#0277b5;}
ul.sticky_social li a:hover i{ background:#fbb040; color:#fff;}

/*============= Convention Text Page =============*/
.ct_sec{}
.ct_sec p{ margin-bottom:13px;}

.listing_info{ margin:0 0 30px 20px; padding:0;}
.listing_info li{ margin:0 0 16px 0; padding:0 0 0 17px; font-size:16px; line-height:24px; color:#4A4A4A; position:relative;}
/* .listing_info li:after{ content:""; width:4px; height:4px; background:#000000; border-radius:50%; position:absolute; left:0; top:9px;} */
.listing_info li a{ color:#4C8BC8; text-decoration:underline; font-weight:600;}
.listing_info li a:hover{ color:#fbb040; text-decoration:none;}

/*============= Article Page =============*/
.article_sec{ padding-bottom:50px;}
.article_accordig{ margin:0; padding:0;}
.article_accordig .card{ margin:0 0 8px 0; padding:0 0 2px 0; background:none; border:none; border-radius:0; box-shadow:none; overflow:initial;}
.article_accordig .card-header{ margin:0; padding:0; background:none; border:none; border-radius:0;}
.article_accordig .card-header .btn-link{ width:100%; float:left; margin:0; padding:12px 50px 12px 16px; background:#29266C; border:none; border-radius:4px; text-align:left; font-size:16px; color:#fff; font-weight:700; text-decoration:none; position:relative;}
.article_accordig .card-header .btn-link:after{ content:"-"; font-size:35px; color:#fff; height:30px; line-height:30px; position:absolute; right:28px; top:0; bottom:0; margin:auto;}
.article_accordig .card-header .btn-link.collapsed:after{ content:"+"; font-size:24px;}
.article_accordig .card-body{ padding:16px;}

ul.article_listing{ margin:0; padding:0; counter-reset: list;}
ul.article_listing > li{ margin:0 0 16px 16px; padding:0 0 0 10px; position:relative; font-size:16px; line-height:24px; color:#4A4A4A; font-style:italic; list-style: none; counter-increment: list; }
ul.article_listing > li::marker { content: "" counter(list, symbols) ".\a0";}
ul.article_listing li::marker{ color:#000000;}
ul.article_listing > li > a{ color:#7F3797; text-decoration: underline; font-weight:600;}

ul.article_listing > li > ul{ margin:0; padding:16px 0 0 0; counter-reset: list;}
ul.article_listing > li > ul > li{ margin:0 0 16px 16px; padding:0 0 0 10px; list-style: none; counter-increment: list;}
ul.article_listing > li > ul > li::marker { content: "(" counter(list, lower-latin) ")\a0";}

ul.article_listing > li > ul > li > ul{ margin:0; padding:16px 0 0 0; counter-reset: list;}
ul.article_listing > li > ul > li > ul > li{ margin:0 0 16px 16px; padding:0 0 0 10px; list-style: none; counter-increment: list;}
ul.article_listing > li > ul > li > ul > li::marker { content: "(" counter(list, lower-roman) ")\a0";}

/*============= Document Page =============*/
.listing_info.symbol_list li{ list-style-type:decimal; padding-left:7px; margin-left:10px;}
.listing_info.symbol_list li:after{ display:none;}

.no_sidebar.about_sec{ padding-left:0; padding-right:0;}
.no_sidebar.about_sec .container{ width:90%;}

/*============= Jurisdiction Profile Page =============*/
.table_info{ width:100%; float:left; margin:0 0 30px 0; padding:0; clear:both;}
.table_info .table{ width:100%; margin:0; padding:0;}
.table_info .table thead th{ padding:16px; font-size:16px; font-weight:700; color:#fff; background: #7F3797; border:none; border-right:4px solid #fff; vertical-align:middle;}
.table_info .table thead th:last-child{ border-right:none;}
.table_info .table tbody tr{ background: #E6E6E6;}
.table_info .table tbody td{ padding:16px; font-size:16px; color:#4A4A4A; border:none; border-top:4px solid #fff; vertical-align:middle;}
.table_info .table tbody td a{ color:#4C8BC8; text-decoration: underline; font-weight:600;}
.table_info .table tbody td a:hover{ color:#7F3797; text-decoration:none;}

/*============= Ecuador Page =============*/
.about_sec h3{ margin:0 0 10px 0; padding:0;}

.history_info{ width:100%; max-width:728px; margin:0 auto 34px auto; padding:0; display:flex; justify-content:space-between; position:relative;}
.history_info:before{ content:""; /*width:100%; max-width:500px;*/ height:4px; background:#29266C; opacity: 0.25; position:absolute; top:11px; left:15%; right:15%; margin:auto;}
.history_info li{ width:100%; flex:0 0 33.333333%; margin:0 0 30px 0; padding:40px 10px 0 10px; max-width:100%; text-align:center; font-size:16px; color: #4A4A4A; position:relative;}
.history_info li:before{ content:""; width:24px; height:24px; border: 4px solid #29266C; background:#fff; border-radius:50%; position:absolute; top:0; left:0; right:0; margin:auto;}
.history_info li strong{ display:block; color: #7F3797; font-size:20px;}
.history_info li b{ display:block; margin-top:16px;}

/*============= SCM Week Page =============*/
.table_info .table.table-striped thead th{ font-size:20px;}
.table_info .table.table-striped tbody tr:nth-child(odd){ background: #fff;}

/*============= Media Page =============*/
.media_sec{ width:100%; float:left; margin:0; padding:32px 0;}
.media_sec .select_info{ max-width:224px; margin-bottom:38px; float:right;}

.select_info{ width:100%; height:44px; float:left; margin:0; padding:0 36px 0 16px; border: 1px solid #CCCCCC; color: #4A4A4A; font-size:16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#FFFFFF url(../images/select_arrow.png) no-repeat right 11px center;}

.media_block{ width:100%; height: 100%; float:left; margin:0 0 32px 0; padding:16px; background: #E6E6E6; color: #4A4A4A;}
.media_block h6{ margin:0 0 30px 0; padding:0; font-size:20px; color: #4C8BC8; font-weight:700; transition:all .4s ease-in-out; line-height:30px;}
.media_block span{ font-size:14px;}

.media_block:hover{ background: #4C8BC8 ; border-radius: 4px; color:#fff;}
.media_block:hover .lbl{ color:#fff;}
.media_block:hover h6{ color:#fff;}

/*============= Media Release Page =============*/
.mediares_sec{ width:100%; float:left; margin:0; padding:32px 0;}

/*============= Media Release Page =============*/
.box_grey{ width:100%; float:left; margin:0 0 30px 0; padding:16px; background:#F6F6F6;}
.box_grey p{ margin:0; padding:0;}

/*-------Top----------*/
#return-to-top { position:fixed; bottom:30px; right:30px; width:80px; height:80px; font-size:38px; color:#fff; padding:8px 15px; background:#0000004D; display: block; border-radius:50%; text-decoration: none; text-align:center; display:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top i{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover { background:#7F3797; padding-top:3px;}

#edit-submit {
  display: none;
}
#search-block-form #edit-actions {
  display: none;
}
#search-form {
  padding-bottom: 30px;
}
.contextual-region{
  position: inherit;
}
.t-card p {
  font-size: 13px;
  margin:0 0 16px 0;
}
.tippy-tooltip-text {
color:#4C8BC8;
cursor: pointer;
}
.tippy-content, .tippy-tooltip {
  background:#050505;
}
.tippy-content, .tippy-content p, .tippy-content span {
  color: #fff;
  font-size: 13px;
}
.tippy-content li {
  list-style: none;
  margin-left:1.5em;
}
.tippy-content li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: white; /* 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) */
}
.tippy-content p {
  margin-bottom:0.5em;
}
.tippy-content a {
  color:#7F3797; text-decoration: underline; font-weight:600;
}
.tooltip-inner {
  max-width: 391px;
  padding: 25px;
  text-align: left;
  letter-spacing: 0px;
  text-shadow: 2px 2px 16px #00000029;
  opacity: 1;
}
.tooltip-inner p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
}
.tooltip-inner u {
  color: #DA66FF;
}
.bs_tooltip .text {
  color:#7F3797; text-decoration: underline; font-weight:600;
}


#block-modellaw li,
#block-jurisdiction li,
#block-newsevents li {
 list-style:none; 
}
#block-modellaw li a,
#block-jurisdiction li a,
#block-newsevents li a {
  display: block;
  padding: 16px;
  color: #4A4A4A;
  font-weight:bold;
}

#block-modellaw li a.is-active,
#block-jurisdiction li a.is-active,
#block-newsevents li a.is-active {
  color: #fff;
  background: #29266C;
}

#block-modellaw li a:hover,
#block-jurisdiction li a:hover,
#block-newsevents li a:hover {
  color: #fff;
  background: #29266C;
}

#block-views-block-category-dropdown-block-1 {
    display:none;
}

.tippy-popper li {
  font-size:.8rem !important;
  line-height:1.4rem
}

#block-scm-content h2 {
  font-size:21px !important;
}