/*
Theme Name: INSARAG
Text Domain: insarag
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Custom theme for INSARAG.org
Tags:
Author: UN-OCHA
Author URI: https://unocha.org/
Theme URI: https://github.com/UN-OCHA/insarag-site/tree/master/html/wp-content/themes/insarag
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

/* Screen Reader Text ------------------------ */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

.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;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
  left: -9999rem;
  top: 2.5rem;
  z-index: 999999999;
  text-decoration: underline;
}

.skip-link:focus {
  display: block;
  left: 6px;
  top: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: normal;
  padding: 15px 23px 14px;
  z-index: 100000;
  right: auto;
}






/* _____________ override _____________*/

body {
  font-size: 14px;
  font-family: "Open sans", sans-serif, arial;
}

a {
  color: #2c8fc0;
  color: #418fde
}

a:hover {
  text-decoration: none;
}

.fluid,
.fluid-x {
  padding: 20px 3%;
  margin: 0 auto;
  max-width: 1380px;
}

.fluid-x {
  padding-top: 0;
  padding-bottom: 0;
}

.bg-red {
  background: #c20000;
}

.color-red {
  color: #c20000;
}

.bg-dark-red {
  background: #910000;
}

.color-dark-red {
  color: #910000;
}

.bg-blue {
  background: #2c8fc0;
  background: #418fde;
}

.color-blue {
  color: #2c8fc0;
  color: #418fde;
}

.bg-orange {
  background: #ffa500;
}

.color-orange {
  color: #ffa500;
}











.txt-icons {
  width: 16px;
  margin-right: 5px;
}

/* header*/

#logo {
  width: 40%;
  padding-top: 5px;
  padding-bottom: 3px;
}

#logo a,
#logo a img {
  width: 100%;
  display: block;
  height: auto;
}

#header-right {
  width: 55%;
  padding-top: 10px;
}

.menu-top {
  margin-bottom: 23px;
}

.menu-top a {
  text-decoration: none;
  color: #555;
  font-size: 14px;
  padding: 12px;
}

.menu-top .search {
  position: relative;
  width: 50%;
}

.menu-top .search input {
  background: #efefef;
  border: 3px solid #efefef;

  padding: 10px;
  color: #333;
  width: 100%;
  display: block;
  border-radius: 5px;
  font-size: 14px;
}

.menu-top .search input:focus {
  border: 3px solid #418fde;
  color: #222;
  background: #fff;
  outline: none;
}



.menu-top .search button {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: none;
  background-image: url(./assets/images/search-regular.svg);
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center center;
  border: none;

}


#menu-lang {
  position: relative;
}


#menu-lang a {
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px auto;
  padding: 12px 12px 12px 32px;
  display: block;
}



#menu-lang ul {
  display: none;
  position: absolute;
  top: 42px;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #efefef;
  border-radius: 5px;
  transition: ease all 0.2s;

}

#menu-lang.open ul {
  display: block;
  height: auto;
  top: 36px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

#menu-lang li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

#menu-lang li:last-child {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-bottom: none;
}

#menu-lang li a:hover {
  text-decoration: underline;
}



#menu-lang a.en-US {
  background-image: url(./assets/images/flag/en.png);
}

#menu-lang a.es-ES {
  background-image: url(./assets/images/flag/es.png);
}

#menu-lang a.ru-RU {
  background-image: url(./assets/images/flag/ru.png);

}

.langSelected {
  cursor: pointer;
  padding: 0px 10px 0px 0px;
  display: block;
  width: 95%;
  background-image: url(./assets/images/chevron-down-regular.svg);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: right center;
}

.open .langSelected {
  background-image: url(./assets/images/times-light.svg);
}


/**
 * Menu
 */
#nav {
  background: #3b3b3b;
}

#nav ul,
#nav li {
  margin: 0;
}

#nav .menu {
  display: flex;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#nav .menu > li {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

#nav .menu > li > a {
  text-decoration: none;
  color: #eee;
  text-transform: uppercase;
  padding: 20px 15px;
  display: block;
  width: 100%;
  font-size: 13px;
}

#nav .menu > li:hover > a {
  color: #f8b911;
  color: #fff;
}

/**
 * Highlight these three menu items:
 *
 * - Guidelines
 * - Guidance Notes
 * - Technical Reference Library
 */
#nav .menu > .menu-item-5745 > a,
#nav .menu > .menu-item-5842 > a,
#nav .menu > .menu-item-5747 > a {
  font-weight: bold;
  color: white;
}

/**
 * Guidelines icon
 */
#nav .menu > .menu-item-5745 > a {
  padding-left: 40px;
  display: block;
  background-image: url(./assets/images/file-certificate-regular-white.svg);
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: 15px center;
}

#nav .menu > li:hover {
  background-color: #1d1d1d;
}

#nav .menu > li.current-menu-item,
#nav .menu > li.current-menu-ancestor {
  background-color: #1d1d1d;
}

#nav .menu > li.current-menu-item > a,
#nav .menu > li.current-menu-ancestor > a {
  color: #ffa500;
}

#nav .menu > li > ul.sub-menu > li:hover {}

#nav ul.sub-menu li ul.sub-menu {
  background: #efefef;
}


/* submenu Top */


#nav li.menu-item-has-children {
  position: relative;
}

#nav li.menu-item-has-children ul.sub-menu {
  display: none;
  position: absolute;
  left: 0px;
  width: 240px;
  z-index: 1;
}

#nav li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

#nav ul.sub-menu a {
  padding: 10px 16px;
  font-weight: normal;
  text-transform: none;
  font-size: 14px;
  color: #333;
}

#nav ul.sub-menu li.current-menu-item > a,
#nav ul.sub-menu li.current-menu-ancestor > a {
  font-weight: bold;
}

#nav li.menu-item-has-children ul.sub-menu ul.sub-menu {
  display: none;
  left: 240px;
  top: -1px;
  border: 1px solid #efefef;
}


#nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children>a {
  /*background-image:url(./assets/images/chevron-right-light-white.svg);
  background-size: 4px auto;
  background-repeat: no-repeat;
  background-position:right center;
  width:95%; */
}


#nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

#nav ul.sub-menu li ul.sub-menu li a {
  background-image: none;
}



/* submenu Global */

ul.sub-menu {
  margin: 0;
  padding: 0;
  background: #ddd;
}

ul.sub-menu a {
  text-decoration: none;
  color: #333;
  padding: 10px 16px;
}

ul.sub-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  border-top: 1px solid #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}

ul.sub-menu li.current-menu-item {
  display: block;
  background: #fff;
  background: #efefef;
}

ul.sub-menu li.current-menu-item > a,
ul.sub-menu li.current-menu-ancestor > a {
  font-weight: bold;
  background: linear-gradient(180deg, #ddd, #efefef)
}

ul.sub-menu li.active a {
  color: #333;
}

ul.sub-menu li:hover {
  background: #eee;
}

ul.sub-menu ul.sub-menu li:hover {
  background: #fefefe;
}

ul.sub-menu li.current-menu-item ul.sub-menu,
ul.sub-menu li.current-menu-ancestor ul.sub-menu {
  display: block;
  background: #efefef;
}

ul.sub-menu>li a {
  display: block;
}

ul.sub-menu li ul.sub-menu {
  display: none;
}

ul.sub-menu li ul.sub-menu li a {
  display: block;
  background-image: url(./assets/images/chevron-right-light.svg);
  background-size: 4px auto;
  background-repeat: no-repeat;
  background-position: 13px center;
  text-decoration: none;
  padding: 5px 10px 5px 25px;
  color: #444;
  font-size: 12px;
}


/*

#nav ul.menu ul{
  margin:0;
  padding:0;
  background:#ddd;
}

#nav .menu li.menu-item-has-children{
position:relative;
}

#nav .menu li.menu-item-has-children .nav-child{
display: none;

position:absolute;
left:0px;
width:240px;
background-color:#1d1d1d;
background:#ddd;
}

#nav .menu li.menu-item-has-children:hover .nav-child{
display: block;
}

#nav .nav-child li{
border-right:none;
border-bottom:1px solid rgba(255,255,255,0.1);
border-top: 1px solid #fff;
  border-top: 1px solid rgba(255,255,255,0.8);
}
#nav .nav-child a{
padding: 8px 15px;
font-weight: 100;
text-transform: none;
}

#nav .menu li.menu-item-has-children .nav-child .nav-child{
display: none;
left:240px;
top:0;
background-color:#111;
}


#nav .menu li.menu-item-has-children .nav-child li.menu-item-has-children > a{
  background-image:url(./assets/images/chevron-right-light-white.svg);
  background-size: 4px auto;
  background-repeat: no-repeat;
  background-position:right center;
  width:95%;
}


#nav .menu li.menu-item-has-children .nav-child li.menu-item-has-children:hover .nav-child{
display: block;
}

*/

/* _____________ structure  _____________*/

#left-column {
  width: 21.8%;
}

.cat-items {
  display: block;
  list-style-type: none;
  margin: 2px 0 0 12px;
  padding: 0;
}

.cat-items li {
  margin: 0;
}

.cat-items a {
  display: block;
  background-image: url(./assets/images/chevron-right-light.svg);
  background-size: 5px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 10px 5px 15px;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 400;
}


/* _____________ content  _____________*/

h1,
.category-list h2 {
  font-size: 40px;
  font-weight: bold;
}

p {
  font-size: 14px;
}


.item-page table {
  width: 100%;
  border: none;
  /*box-shadow:0px 0px 10px rgba(0,0,0,0.1);*/
  border: 1px solid #ccc;
}

.item-page table tr {}

.item-page table td {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  /*border:1px solid #ccc;*/
  border-bottom: 1px solid #ccc;
  padding: 6px 8px;
}

.item-page table tr:last-child td {
  border-bottom: none;
}

.alignright {
  clear: right;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.alignleft {
  clear: left;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.featured-media {
  clear: right;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.featured-media img {
  max-width: 100%;
  height: auto;
}



/* _____________ automatic-table _____________*/

.item-page .automatic-table thead:first-child {
  background: #0066ff;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
}

.item-page .automatic-table thead th {
  text-align: left;
  padding: 8px 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.item-page .automatic-table thead th button {
  background: rgba(255, 255, 255, 0.3) url(./assets/images/sort-duotone.svg) center center no-repeat;
  background-size: 10px auto;
  width: 28px;
  height: 28px;
  border: none;
  cursor: pointer;
  float: left;
  margin-right: 3px;
  border-radius: 2px;
  /*border:1px solid rgba(0,0,0,0.3);*/
}

.item-page .automatic-table th:hover {}

.item-page .automatic-table th:hover button {
  background-color: rgba(255, 255, 255, 0.5);
}

.item-page .automatic-table th.up button {
  background: rgba(255, 255, 255, 1) url(./assets/images/sort-up-duotone.svg) center center no-repeat;
  background-size: 10px auto;
}

.item-page .automatic-table th.down button {
  background: rgba(255, 255, 255, 1) url(./assets/images/sort-down-duotone.svg) center center no-repeat;
  background-size: 10px auto;
}


/* _____________ home  _____________*/

body.home {}

body.home .dropdown-menu {
  display: none;
}







#main.bg-blue ul.breadcrumb li,
#main.bg-blue ul.breadcrumb li a {
  color: #eee;
}

#main.bg-blue h1 {
  color: #fff;
  text-transform: uppercase;
}

#main.bg-blue p {
  color: #fff;

}

#map-world a {
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

#map-world a#america {
  background-image: url(./assets/images/map-america-hover.png);
}

#map-world a#africa {
  background-image: url(./assets/images/map-africa-hover.png);
}

#map-world a#asia {
  background-image: url(./assets/images/map-asia-hover.png);
}

#map-world a:hover {
  background-position: left bottom;
}

#map-world a img {
  width: 100%;
  display: block;
}



#map-world .c {
  width: 27%;

}





/* _____________ modules  _____________*/


#menu-clone {
  margin: 0;
  padding: 0;
  margin-top: 2px;
  list-style: none;
  list-style-type: none;
  border-radius: 3px;
}

#menu-clone > a {
  text-transform: uppercase;
  background: #fff;
  padding: 10px 16px;
  padding-left: 0;
  display: block;
  color: #333;
  font-weight: bold;
  border-radius: 3px 3px 0px 0px;
  text-decoration: none;
  border-bottom: 3px solid #333;
}

.bloc-news {
  background: #fff;
}

.bloc-news h3 {
  background: #333;
  padding: 12px 40px;
  font-size: 26px;
  font-weight: bolder;
  color: #fff;
}

.bloc-news ul {
  list-style-type: none;
  padding: 12px 40px;
  margin: 0;
}

.bloc-news ul li {
  margin-bottom: 10px;
}

.bloc-news ul li a {
  background-image: url(./assets/images/chevron-right-light.svg);
  background-size: 4px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
  text-decoration: none;
  color: #444;
}

.bloc-news ul li a:hover {
  text-decoration: underline;
  color: #111;
}

.bloc-statement {
  background-color: #fff;
  padding: 20px 40px;
  background-image: url(./assets/images/quote.png);
  background-size: 140px auto;
  background-repeat: no-repeat;
  background-position: right top;
}

.bloc-statement h3 {
  color: #666;
  font-size: 13px;
  font-weight: 100;
  padding-right: 80px;
}

.bloc-statement h2 {
  color: #444;
  padding-right: 80px;
  margin-bottom: 15px;

}

#main .bloc-statement p {
  color: #333;
  font-size: 12px;
}

.dropdown-menu {
  list-style-type: none;
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 10px;
  float: right;
}

/*
 * Print/Email buttons
 */
.print-icon a img,
.email-icon a img {
  display: none;
}

.print-icon a,
.email-icon a {
  width: 16px;
  height: 16px;
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
  text-decoration: underline;
}

.print-icon a {
  background-image: url(./assets/images/icons/print-regular.svg);
}

.email-icon a {
  background-image: url(./assets/images/icons/envelope-regular.svg);
}

/*
 * Breadcrumbs
 */
ul.breadcrumb li,
ul.breadcrumb li a {
  color: #555;
}

ul.breadcrumb {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 20px 0px 0px 0px;
}

ul.breadcrumb li {
  font-size: 10px;
  margin: 0;
  padding: 0;
  padding-left: 5px;
}

ul.breadcrumb li:first-child {
  padding-left: 0px;
  padding-right: 5px;
}

ul.breadcrumb li a {
  background-image: url(./assets/images/chevron-right-light.svg);
  background-size: 3px auto;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  text-decoration: underline;
  color: #2c8fc0;
  color: #418fde;
}

ul.breadcrumb li a:hover {
  text-decoration: none;
  color: #2c8fc0;
  color: #418fde;
}

ul.breadcrumb li span.divider {}

ul.breadcrumb li a:hover {}

ul.breadcrumb .divider {
  display: none;
}


#footer {}

#footer ul {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
}

#footer ul li {
  margin-right: 10px;
}

#footer ul a {
  color: #eee;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#logo-un {
  width: 110px;
}



#icons-social a {

  border: 1px solid #eee;
  border-top: 1px solid #ddd;
  opacity: 0.8;
}

#icons-social a:hover {
  opacity: 1;
}

.icon-social {
  width: 30px;
}

.home .breadcrumb {
  visibility: hidden;
}

.home #icons-social a {
  border: 1px solid #eee;
  border-top: 1px solid #ddd;
  opacity: 1;
}

.home #icons-social {
  color: #fff;
}


/* _____________ overlay _____________*/

.overlay-box,
.overlay-background {
  z-index: 60001;
  position: fixed;
  height: 100%;
  min-height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.overlay-content {
  z-index: 60002;
  width: 100%;
  max-width: 800px;
  padding: 20px;
}

.overlay-background {
  background: rgba(0, 0, 0, 0.7);
}


/* _____________ alert _____________*/


.insarag-alert {
  cursor: pointer;
  display: block;
  background-color: #c20000;
  background-color: #2c8fc0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  position: relative;
}

.insarag-alert li a {
  text-decoration: none;

}


.insarag-alert {
  /*display: none;*/
  position: relative;
}

.insarag-alert ul {
  list-style-type: none;
  background-image: url(./assets/images/chevron-down-regular-white.svg);
  background-image: url(./assets/images/chevron-down-regular.svg);
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-position: right center;

  position: relative;
  height: 40px;
  width: 97.8%;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.insarag-alert li {

  color: #fff;
  height: 40px;
  box-sizing: border-box;
  padding: 0px 10px;
  margin: 0;
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;

  z-index: 1;
  opacity: 0;
}

li .ti {
  margin-left: 5px;
}


.insarag-alert li.active {
  z-index: 2;
  animation-name: calendarTransition;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

@keyframes calendarTransition {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

#insaragAlertClone li {
  margin-bottom: 20px;
}

#insaragAlertClone li:last-child {
  margin-bottom: 0;
}




/* _____________ slider _____________*/

body .camera_loader {
  background: url(./assets/images/loader-ring-white.svg) center center no-repeat;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-size: 40px 40px;
  border: none;
}

body .camera_wrap .camera_pag .camera_pag_ul {
  display: flex;
  justify-content: center;
}

body #camera_wrap_105 .camera_pag_ul li img,
body #camera_wrap_105 .camera_thumbs_cont ul li>img {
  height: 75px;
  visibility: hidden;
}

body .camera_wrap .camera_pag .camera_pag_ul .thumb_arrow {
  visibility: hidden;
}

body .camera_wrap .camera_pag .camera_pag_ul li {
  transform: scale(0.8);
  background: #fff;
  margin-top: 8px;
}

body .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {
  transform: scale(1.2);
}



/* _____________ search _____________*/

body.search .breadcrumb {
  display: none;
}

main .search {
  width: 100%;
  margin-top: 20px;
}

#searchForm {
  width: 100%;
  margin: 0 auto 2em;
  padding-top: 10px;
  padding: 20px;
  background: #efefef;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: flex;
}

#searchForm p.counter {
  display: none;
}


#search-searchword {
  font-size: 16px;
  padding: 10px;
  border: 3px solid #418fde;
  background: #fff;
}

body.search .form-limit {
  display: flex;
  display: none;
}


#searchForm button {
  background: #418fde;
  color: white;
  font-size: 16px;
  margin-top: 5px;
  padding: 6px 12px;
  border-radius: 3px;
  border: none;
  cursor: pointer;
}

#searchForm .searchintro {
  padding-top: 28px;
  padding-left: 20px;
}

#searchForm .form-limit {
  min-width: 200px;
  display: flex;
  align-items: center;
  display: none;
}




body.search .tooltip {
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0
}

body.search .footer,
body.search .copyright {
  display: none;
  opacity: 0
}

.search-results nav {
  background: none;
}

.search-results a {
  color: #3972ac;
}

.search-results .small {
  color: #666;
  font-size: 10px;
}

.search-results main {
  min-height: auto;
}

.result-title {
  font-size: 20px;
  color: #999;
  margin-top: 30px;
}

.result-text {
  color: #333;
  font-size: 13px;
}

.result-created {
  display: none;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination ul {
  list-style-type: none;
  display: flex;
}

.pagination ul li {
  margin: 10px;
  background: #fff;
}

#searchForm fieldset legend {
  display: none;
}

#searchForm fieldset {
  margin-bottom: 10px;
  display: none;
}

.pagination a,
.pagination span,
.pagination .current {
  display: inline-block;
}

.pagination a {
  padding: 10px;
  background: #418fde;
  text-decoration: none;
  color: #fff;
  /*font-size: 20px;*/
  font-style: normal;
}

.pagination a i {
  font-style: normal;
}

.pagination .current {
  padding: 10px;
  color: #ffa500;
  font-weight: 700;
}

.pagination li.disabled a {
  opacity: 0.5;
}

.pagination li.active a {


  text-decoration: none;
  color: #ffa500;
  font-weight: bold;
  background: none;
}

.icon-first::before {
  content: "<<";
}

.icon-previous::before {
  content: "<";
}

.icon-last::before {
  content: ">>";
}

.icon-next::before {
  content: ">";
}








/* _____________ tinymce _____________*/


#tinymce ul li {
  padding: 10px;
  list-style-type: circle;
}

#tinymce {
  box-sizing: border-box;
  padding: 10px;
}

#tinymce .c2,
#tinymce .c3,
#tinymce .c4,
#tinymce .c5,
#tinymce .c6,
#tinymce .c2sameonmob,
#tinymce .c3sameonmob,
#tinymce .c4sameonmob,
#tinymce .c5sameonmob,
#tinymce .c2largeonpad,
#tinymce .c3largeonpad,
#tinymce .c4largeonpad,
#tinymce .c5largeonpad,
#tinymce .c4toc2onmob {
  box-sizing: border-box;
  border: 1px dashed rgba(0, 0, 0, 0.5);
  background: #efefef;
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
}

#tinymce .c {
  border: 1px dashed rgba(0, 0, 0, 0.5);
  background: #fff;
  padding: 10px;
}




/* __________________________ Mobile  ___________________________________ */

@media screen and (max-width: 1080px) {
  #main table {
    overflow-x: scroll;
    display: block;
  }

  #main img {
    max-width: 100%;
    height: auto;
  }

  .dropdown-menu {
    display: none;

  }

  h1,
  .category-list h2 {
    font-size: 30px;
    font-weight: bold;
  }

  #nav {
    background: #111;
  }

  #nav .menu {
    border-left: none;
  }

  #nav .menu li {
    border-right: none;
  }

  #nav .menu>li>a {
    background: #333;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }

  /* level 2 */
  #nav li.menu-item-has-children>ul.sub-menu {
    display: block;
    position: inherit;
    width: 100%
  }

  /* level 3 */
  body #nav li.menu-item-has-children>ul.sub-menu>ul.sub-menu,
  body #nav li.menu-item-has-children>ul.sub-menu li:hover ul.sub-menu,
  body #nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
    display: none;
  }

  #mobile-search {
    top: 0px;
    right: 0px;
    width: 90px;
    height: 94px;

    text-align: center;
  }

  #mobile-search img {
    width: 36px;
    padding-top: 28px;
  }

  #header-right {
    width: 100%;
  }

  header .search {
    display: none;
  }

  .menu-top .flex-between {
    flex-direction: row;
  }

  .menu-top {
    margin-bottom: 10px;
  }

  header#header {}

  #logo {
    width: 180px;
    padding-top: 4px;
    margin: 0 auto;

  }

  #menu-main {
    padding-top: 100px;
    width: 100%;
  }

  #menu-main li {
    width: 100%;
  }

  #menu-main a {
    display: block;
    width: 100%;
    color: #000;
    font-size: 18px;
    text-decoration: none;
  }

  nav ul.nav>li:hover>a {
    background: none;
  }

  body nav ul.nav li:hover .nav-child {
    display: none;
  }

  #map-world .c {
    width: 100%;

  }



  .margin-bottom-xl-onmob {
    margin-bottom: 50px;
  }
}