/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 23 2024 | 19:37:37 */
body {
    text-align: justify;
    font-size:16px !important;
    line-height: 21px;
}

h1, h2, h3{
  text-transform: uppercase;
  text-align:left;
}

h1, h2, h3{
   line-height: 1.3em;
}

h4, h5, h6{
  text-align:left;
  font-family: 'Roboto' !important;
}

b, strong {
    font-weight: bold !important;
}


.entry-content ul,
.entry-content ol {
    margin: 0 0 1.5em -0.5em;
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    margin-left: -0.5em;
}


.small{
  font-size: 80% !important;
}

/*iframes*/
.iframe-map{
  overflow: hidden;
  width:100%;
  height: 600px;
  border:1px solid #ccc;
}

@media (max-width: 768px) {
.iframe-map{
  height: 450px;
}
}

@media (max-width: 480px) {
.iframe-map{
  height: 450px;
}
}

/*barra slider borrar- seminario ruido submarino*/
.bar-slider{
  background: #fff;
  margin-left: -2000.5px!important;
  margin-right: -2000.5px!important;
  padding-left: 2000.5px!important;
  padding-right: 2000.5px!important;
  height: 110px;
  position: absolute!important; 
  bottom: 0 !important;
  padding:10px 0 0 0
}

.title-slider{
  margin-top:-100px !important;
  text-align:left;
}

.bajada-slider{
  text-align: left;
  font-size: 13px;
  border-top: 3px solid #fff;
  margin-top: 10px;
  width: 300px;
  margin-bottom:-10px;
}

.date-slider{
margin-top:-95px;
}

@media (max-width: 480px) {
  .bar-slider{
  height: 45px;
}
  
  .bajada-slider{
  font-size: 9px;
  width: 200px;
  margin-bottom:0px;
}

  .title-slider{
  margin-top:0px !important;
}
  
.date-slider{
margin-top:0px;
}  

}



/*leyenda mapa*/
.leyenda-bg{
  font-size:12px;
  line-height: 14px;
  border:1px solid #ccc;
  background: rgba(255,255,255,0.5);
}


.list-leyenda {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
}



.list-leyenda li{
display: inline;
padding-right: 10px;
margin-left: 0px !important; 
color: #333;  
}


.title-leyenda{
	margin:0 0 4px 0 !important;
	font-weight: bold;
  font-size:12px;
  line-height:14px;
  color: #333;  
		
}

.icon-leyenda{
	width: 10px;
	height:10px;
	display: inline-block;
	margin-right:4px;
}

.bueno{
	background:#22AF65;
	border: 1px solid #007832;
}

.aceptable{
	background:#E06E10;
	border: 1px solid #C75500;
}

.inaceptable{
	background:#BF1919;
	border: 1px solid #8C0000;
}

.riesgoso{
	background:#6712B2;
	border: 1px solid #4E0099;
}


@media (max-width: 1020px) {
.list-leyenda li{
display: block;
padding-right: 0px;
  
}		
}

/*iframes graficos ciclo diario acumulado*/
.chart-diario-stgo{
  overflow: hidden;
  width:100%;
  height: 640px;
  background:#fff;
}

@media (max-width: 768px) {
.chart-diario-stgo{
  height: 700px;
}
}

@media (max-width: 480px) {
.chart-diario-stgo{
  height: 950px;
}
}

.chart-diario-others{
  overflow: hidden;
  width:100%;
  height: 600px;
  background:#fff;
}

@media (max-width: 768px) {
.chart-diario-others{
  height: 620px;
}
}

@media (max-width: 480px) {
.chart-diario-others{
  height: 700px;
}
}

/*iframes graficos Minuto a minuto*/
.chart-minuto-stgo{
  overflow: hidden;
  width:100%;
  height: 540px;
  background:#fff;
}

@media (max-width: 768px) {
.chart-minuto-stgo{
  height: 600px;
}
}

@media (max-width: 480px) {
.chart-minuto-stgo{
  height: 850px;
}
}

.chart-minuto-others{
  overflow: hidden;
  width:100%;
  height: 500px;
  background:#fff;
}

@media (max-width: 768px) {
.chart-minuto-others{
  height: 520px;
}
}

@media (max-width: 480px) {
.chart-minuto-others{
  height: 600px;
}
}



/*Menu estaciones*/
ul.navbar-nav {
  list-style-type:none;
  margin:0;
  font-family: "Comfortaa";
  font-size: 0.8em;
  text-transform: uppercase;
}

.navbar-nav li{
  margin-left:10px !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #28c5bf;
}

.navbar-toggler{
  background:#fff;
  font-size: 1.75rem;
}

button:focus {
    background: transparent;
}


.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,.5);
}

.navbar-title{
  display:none;
  font-family: "Comfortaa";
  text-transform: uppercase;
  font-size:0.9em;
  padding: 4px 0 0px 10px;
}

.title-zone{
font-family: "Comfortaa" !important;
    text-transform: uppercase;
    font-size: 0.9em !important;
    margin:0 0 10px 0  !important;
}


@media (min-width: 992px) and (max-width: 1090px) {
 ul.navbar-nav {
  font-size: 0.7em;
} 
  
.navbar-nav li{
  margin-left:8px !important;
}

}



@media screen and (max-width: 991px) {  
  .navbar-title{
  display:block;
}
  
ul.navbar-nav {
  font-size: 0.9em;
}  
}


/*list estaciones*/
.list-estaciones{
padding-left: 0;
margin-left: 0;
}


.list-estaciones li
{
list-style: none;
margin: 0 0 0 10px !important;
padding: 10px 0px;
border-top: 1px solid #ccc;
text-align: left;  
}




/*imagenes hover*/
.imghover.panel-cell-style,
.imghover.panel-row-style{
     background-size: 100% !important;
	-webkit-transition: background-size 400ms ease-in-out;
	-moz-transition: background-size 400ms ease-in-out;
	-o-transition: background-size 400ms ease-in-out;
	-ms-transition: background-size 400ms ease-in-out;
	transition: background-size 400ms ease-in-out;
 
}

.imghover.panel-cell-style:hover,
.imghover.panel-row-style:hover{
    background-size: 110% auto !important; 
}


/*size article*/
.category article.post .entry-header h1.entry-title {
    font-size: 20px !important;
}



/*imagen banner seminario*/
.img-transparent{
    display:block;
    height: 450px;
    background: url(https://ruido.mma.gob.cl/wp-content/uploads/2019/03/banner-seminario.jpg) no-repeat center center;
    background-size: cover;
    overflow:hidden;

    
  }  

.img-seminario{
    display:none;
  }  

@media screen and (max-width: 1310px) {
      .img-transparent{
    display: none;
  }  
  
  .img-seminario{
    display:block;
  } 
}



@media screen and (max-width: 768px) {  
  h1, h2, h3, h4, h5, h6, h7{
      text-align: left;
  }
 

}

@media screen and (max-width: 480px) {  
  body {
    text-align: left;
}
  
  
  h1{
  font-size:25px !important;
  }
  
   h2{
  font-size:22px !important;
  }
  
    h3{
  font-size:18px !important;
  }
  
   h4{
  font-size:16px !important;
  }
  
  

}

/*Eventos masivos*/
.eventos .legal{
  font-size: 12px;
  line-height:1.2em;
  color: #666;
}

.eventos table{
  font-size:13px !important;
}

.eventos table > tbody > tr > td{
    vertical-align: middle;
    padding: 5px;
}

.eventos tr td:first-child {
  width: 25% !important;
}


.eventos .box{
  background: #fff;
  padding: 15px;
}

.eventos li{
list-style: none;
margin-left: 8px !important;
padding: 0.25em;
border-bottom: 1px solid #ccc;
}

.eventos li:last-child{
border-bottom: none;
}


/*accordion*/
.iw-so-accordion .iw-so-acc-item .iw-so-acc-content {
    padding: 2rem !important;
}

.iw-so-accordion .iw-so-acc-item .iw-so-acc-title span {
    font-size: 1.1em !important;
}



/* ==========================================================================
  tabs
   ========================================================================== */
.sow-tabs .sow-tabs-panel-container {
    background-color: #fff;
}

.sow-tabs .sow-tabs-tab-container .sow-tabs-tab .sow-tabs-title {
    text-align: left;
}

.sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected,
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
    background-color: #cccccc !important;
}

.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    color: #333 !important;
    font-size: 16px !important;
    margin-bottom: 1px !important;
	border: 1px solid #ccc;
	background:#f1f1f1 !important;
}

.sow-tabs .sow-tabs-tab-container,
.sow-tabs .sow-tabs-panel-container{
    background-color: transparent !important;
}

.sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
    border: 1px solid #ccc;
    margin-top: -2px;
}


@media (max-width: 780px){
.sow-tabs .sow-tabs-tab-container {
    padding: 0 !important;
}
	
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    margin: 0 !important;
}		
}

/*tab vertical*/
.tab-vertical  .sow-tabs .sow-tabs-tab-container{
  width:23%;
  float:left;
  padding:0 !important;
}

.tab-vertical .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    width: 100%;
    margin:0;
}

.tab-vertical  .sow-tabs .sow-tabs-panel-container{
  width:77%;
  float:right;
}

.tab-vertical .sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
    padding: 20px !important
}

@media (max-width: 768px) {
  .tab-vertical .sow-tabs .sow-tabs-tab-container{
    width:100%;
    margin-bottom: 20px;
  }
  
  .tab-vertical  .sow-tabs .sow-tabs-panel-container{
  width:100%;
}
	.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    width: 100%;
}
}



/*tabs  horizontal*/
.iw-so-tabs .iw-so-tabs-content .iw-so-tabs-panel {
    padding: 2rem !important;
    border: 1px solid #ccc;
}

.iw-so-tabs .iw-so-tab-title.iw-so-tab-active a {
    background: #ccc !important;
}


/*accordeon*/
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    font-size: 18px !important;
}

.so-widget-sow-accordion-default-2b55ed2807e6-69 .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}


/*size article*/
.category article.post .entry-header h1.entry-title {
    font-size: 20px !important;
}


/*gallery mapa de ruido*/
#gallery-1 img,
#gallery-2 img{
    border: 3px solid #eaeaea !important;
}

#gallery-1 .gallery-caption,
#gallery-2 .gallery-caption {
    font-size: 12px;
    line-height: 14px;
    margin: 3px;
}


/*end*/


.box-white{
background: #fff;
border-radius:0 0 4px 4px;}

.img-box{
  border-radius: 4px 4px 0 0;
  height: 150px;
  overflow: hidden;
}



/* para que funcione el full img*/

@media (max-width: 780px){
.panel-grid-cell {
    margin-bottom: 0 !important;
}
  
    .panel-row-style {
    padding: 0px 0px 0px 0px !important;
}  
}



/*
.entry-content ul li, .entry-content ol li {
    margin-left: 0px;
  margin-bottom: 20px;
}
*/


.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}


/*iconos*/
.circle-icon{
  border: 2px solid #fff;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  text-align:center;
}

.circle-black{
  border: 2px solid #000 !important;
}

.circle-icon img{
  padding-top: 20px;
  width: 60px;
}

/*niveles del ruido*/
.list-nivel{
  margin:0;
  padding:0;
  border:1px solid #ddd;
  margin: 0 auto;
  padding: 20px;
  border-radius: 4px;
  background: #fff;
}

.list-nivel li{
 list-style-type: none;
 padding-bottom: 0px;
 margin-bottom: 0 !important;
}

.niveles{
  width: 30px;
  height:10px;
  float:left;
  margin-top:5px;
  margin-right: 5px;  
}



/*menu*/

.main-navigation a {
    font-weight: normal;
}

.main-navigation ul li:hover > a, .main-navigation ul li.focus > a {
    text-decoration: none;
}

.main-navigation ul ul a {
    width: 212px;
}


.main-navigation ul li a {
    line-height: 19px;
}

.main-navigation .sub-menu ul li {
    font-size: 13px !important;
}

/* ==========================================================================
   Menu parent active
   ========================================================================== */

.main-navigation .current-menu-parent > a{
  background: #00928c;
  color:#fff;
}

/* focus menu */
.main-navigation ul ul li.focus > a,
.main-navigation ul li.focus > a{
	background: #007973 !important;
}



/* ==========================================================================
  mobile menu
   ========================================================================== */
.mobile-nav-frame ul li a.link {
	color: #fff;
	text-shadow: none;
    font-weight: normal;
    font-size: 20px;
    padding: 5px 0;
}


.mobile-nav-icon:before {
	font-size: 22px;
	content: "\f0c9";
    color: #fff!important;
}
.mobile-nav-frame ul {
	border: none;
	box-shadow: none;
}
.mobile-nav-frame form.search input[type=search] {
	border-radius: 4px;
	padding: 10px;
    color: #333;
}
.mobile-nav-frame .title {
	margin-bottom: 0;
	border-bottom: none;
}
.mobile-nav-frame .title h3 {
	display: none;
}
.mobile-nav-frame form.search {
	margin: 20px;
}

.mobile-nav-frame [class^="fa fa-"] {
    font-family: Fontawesome !important;
}

.mobile-nav-frame ul li {
    border-top: none;
}

/* ==========================================================================
   Menu responsive
   ========================================================================== */
@media (max-width: 480px){
.main-navigation a {
    font-size: 22px;
}
  
.main-navigation ul li a {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}  
}

/* ---------------------------------------------------------------------- */
/*	Logo menu responsive
 /* ---------------------------------------------------------------------- */

@media (max-width: 680px){
body.responsive #masthead .hgroup {
    text-align: right;
}
  
body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar {
    margin-top: 0;
}  
 
body.responsive #masthead .hgroup .logo {
    float: left;
} 
  
body.responsive #masthead .hgroup .support-text img, body.responsive #masthead .hgroup #header-sidebar img {
    max-width: 50%;
    margin-top: 25px;
}  
}

@media (max-width: 320px){
  body.responsive #masthead .hgroup .support-text img, body.responsive #masthead .hgroup #header-sidebar img {
    max-width: 40%;
    margin-top: 35px;
} 
}

/* ---------------------------------------------------------------------- */
/*	arrow submenu
 /* ---------------------------------------------------------------------- */
.main-navigation li > a:after {
	color: inherit;
	content: "\f107";
	font-family: FontAwesome;
	margin-left: 3px;
	float: right;
	vertical-align: middle;
}
.main-navigation li > a:only-child:after {
	content: '';
}



/*tabsy*/
body .tabsy ul.tabsy-nav li a {
    background: #E5E5E5;
    background-image: none
}


/*tab vertical*/
.su-tabs-pane {
    font-size: inherit !important;
    color: inherit !important;
}

.su-tabs-nav span {
    font-size: inherit !important;
    min-height: 30px !important;
    line-height: 30px !important;
    color: inherit !important;
}


/*slider*/

.slider{
  text-align:center;
  font-family: 'Comfortaa' !important;
  color:#fff;
  font-size:50px;
  line-height: 62px !important;
}



.sl-md{
   font-size:50px;
   line-height: 62px !important;
}

.sl-lg{
   padding-top: 10px;
   font-size:80px;
   line-height: 86px !important;
}



.sl-color{
  color: #35d2cc !important;
  font-family: 'Comfortaa' !important;
}


@media screen and (max-width: 1300px) {
  .slider{
    font-size:35px;
   line-height: 42px !important;
  }  
  
.sl-md{
   font-size:35px;
   line-height: 42px !important;
}
  
.sl-lg{
   padding-top: 10px;
   font-size:60px;
   line-height: 76px !important;
}  
}

@media screen and (max-width: 768px) {
  .slider{
     font-size:25px;
   line-height: 32px !important;
  }  
  
  
.sl-md{
   font-size:25px;
   line-height: 32px !important;
}
  
  .sl-lg{
   padding-top: 5px;
   font-size:40px;
   line-height: 56px !important;
}  

 .seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {
    max-width: 245% !important;
    height: 300px !important;
} 
}

/* Buttons */
a.fasc-button {
    text-transform: uppercase;
    padding: 12px 25px;
    color: #fff !important;
   background: #000 !important;
    font-family: 'Comfortaa' !important;
  font-size: 12px !important;
	text-decoration:none;
  

}

a.fasc-button:hover,
a.fasc-button:focus,
a.fasc-button:visited,
a.fasc-button:active{
  background: #000 !important;
  color: rgba(255,255,255, 0.6) !important;
}


.ow-button-base a {
    font-size: 0.8em !important;
    background: #000 !important;
    border: 1px solid #000 !important;
    text-transform: uppercase;
}

.ow-button-base a:hover {
    background: #333 !important;
    border: 1px solid #333 !important;
}



/* circle home */
.circle-img img{
 border-radius: 100% !important; 
}

.circle-img img{
transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
  transition: all .2s ease-in-out; 
}

.circle-img :hover img{
   -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
      -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.circle-img h3{
  font-size:14px !important;
}

.circle-img a{
  text-decoration:none !important;
}

@media screen and (max-width: 480px) {
 .circle-img h3{
  font-size:9px !important;
} 
}


/* Owl Carousel */
#gestion.owl-carousel .owl-item img{
    border-radius: 100% !important;
}


#difusion.owl-carousel .owl-item img{
    border-radius: 100% !important;
}


#gestion.owl-carousel .owl-item img,
#difusion.owl-carousel .owl-item img{
transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
  transition: all .2s ease-in-out; 
}

#gestion.owl-carousel .owl-item :hover img,
#difusion.owl-carousel .owl-item :hover img{
   -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
      -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#gestion .owl-item h4,
#difusion .owl-item h4{
  color: #35d2cc;
}

#gestion .owl-item a,
#difusion .owl-item a{
  color:inherit;
  text-decoration: none;
}

#gestion .owl-item a:hover,
#difusion .owl-item a:hover{
  color:#000;
}


/* remove existing background formatting added by theme */
#masthead .hgroup .logo img {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}



.main-navigation ul .menulogo.current_page_item:hover > a,
.menulogo{
background-color:transparent !important;
  color:transparent !important;
}
/* add logo to menulogo item background */
.menulogo a,.menulogo a:hover{
background-image:url('https://ruido.mma.gob.cl/wp-content/uploads/2018/08/logo-ruido2x.png') !important;
background-color:transparent !important;
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:0% 0px !important;
text-indent:-9999px !important;
min-width:85px; /* need to adjust this to match your logo proportions */
color: transparent !important;  

}
/* add a little extra space after the logo, before the menu items */
.menulogo {margin-right:14px;}
/* hide the menulogo untill the page scrolls */
.menulogo{display:none !important;}
/* display the menulogo only if the page has scrolled */
.sticky .menulogo{display:inline-block !important;}

/*.main-navigation ul ul a{
  font-size: 13px !important;
}
*/

.main-navigation ul li.focus > a {
    background: #00928c !important;
}

/* ==========================================================================
  logo footer
   ========================================================================== */
.logo-footer{
  width:130px;
}

@media screen and (max-width: 480px) {
.logo-footer{
  width:100px;
}
}

/* ==========================================================================
   footer
   ========================================================================== */  
.datos-footer {
    text-align: right;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.btn-social {
    display: inline-block;
    background: #28c5bf;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 27px;
    color: #fff !important;
    font-size: 14px;
}
.btn-social:hover {
    color: #fff;
    background-color: #00928C;
}

#footer-widgets aside.widget {
    padding: 0;
}

.layout-full #colophon {
    padding-top: 20px;
    padding-bottom: 10px;
}

/* ==========================================================================
   sticky footer
   ========================================================================== */ 
#colophon #theme-attribution,
#colophon #site-info {
    display: none;
}

@media screen and (max-width: 480px) {
#footer-widgets aside.widget {
    float: right;
    width: 50%;
    margin-bottom: 0;
}
.datos-footer {
    font-size: 12px;
    line-height: 15px;
}
}

@media (max-width: 680px){
body.responsive #footer-widgets .widget {
    float: left;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
}




/* ==========================================================================
 menu mobile
   ========================================================================== */ 


.mob-menu-left-panel li, .leftmbottom, .leftmtop {
    text-align: left !important;
}


/* ==========================================================================
   actividades de difusion grid blog
   ========================================================================== */
.wrap-seminario .vantage-grid-loop article .grid-thumbnail {
    padding: 0px;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.wrap-seminario .vantage-grid-loop article .excerpt p {
    display: none;
}

.wrap-seminario .vantage-grid-loop article h3 {
   font-size: 18px;
   font-weight: normal;

}

.wrap-seminario .vantage-grid-loop article h3 a {
    color:#000 !important
}


.vantage-grid-loop article .grid-thumbnail img, .sp-pcp-post .sp-pcp-thumb img {
    transition: all .2s ease-in-out;
}
.vantage-grid-loop article .grid-thumbnail:hover img, .sp-pcp-post .sp-pcp-thumb:hover img {
    transform: scale(1.05);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.vantage-grid-loop article .grid-thumbnail, .sp-pcp-post .sp-pcp-post-thumb-area {
    padding: 0px;
    border: 1px solid #ddd;
    overflow: hidden;
}





/* ==========================================================================
   accordion
   ========================================================================== */
.faq-accordion .faq-main {
    background: #fff;
}

/* ==========================================================================
   tabs
   ========================================================================== */
#ffs-tabbed-1 li.resp-tab-active, #ffs-tabbed-1.resp-tabs-list li:hover {
    border-top-color: #35d2cc !important;
    border-bottom-color: #35d2cc !important;
}


body .tabsy ul.tabsy-nav li a {
    font-family: "Comfortaa";
    text-transform: uppercase;
  font-size:13px;
}

.resp-tabs-container {
    margin: 35px;
}

@media only screen and (max-width: 768px){
h2.resp-accordion {
    font-size: 18px !important;
}
}



/* ==========================================================================
 tabs
   ========================================================================== */
.iw-so-tabs .iw-so-tabs-nav .iw-so-tab-title a {
    text-align: left;
    border:none !important;
    padding: 10px 15px;
}

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav .iw-so-tab-title {
    margin-bottom: -1px !important;
}

.iw-so-tabs .iw-so-tab-title.iw-so-tab-active a,
.iw-so-tabs .iw-so-tab-title.iw-so-tab-active a:hover{
    color: #333 !important;
}

.iw-so-tabs .iw-so-tab-title a:hover {
    color: #333 !important;
   background: #ddd;
}

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav {
    margin-right: 0;
    width: 22%;
}

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content {
    width: 77.41059%;
    margin-left: 0px;
    border: none !important;
}
.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content h3{
  margin-top:0 !important;
}

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content .iw-so-tabs-panel{
    padding: 0 20px 20px;
}

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav .iw-so-tab-title a {
    border-radius: 0px;
}



@media (max-width: 768px) {

.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content,
.tabsmall .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content{
    width: 100% !important;
    min-height: auto;
}
  
  .iw-so-tabs .iw-so-tabs-nav .iw-so-tab-title a {
    border-right:1px solid #ccc;
}
  
.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav .iw-so-tab-title {
    width: 100%;
}
  
  .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav,
  .tabsmall .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav{
    width: 100% !important;
}
  
  .iw-so-tabs.iw-so-tabs-vertical .iw-so-tab-title.iw-so-tab-active a {
    border-radius: 0px !important;
}
.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-nav .iw-so-tab-title a {
    border-radius: 0px !important;
}
  
  .iw-so-tabs.iw-so-tabs-horizontal .iw-so-tab-title a {
    padding: 8px 10px;
}
  
  .iw-so-tabs.iw-so-tabs-horizontal .iw-so-tab-title {
    width: 100%;
    margin-top: 3px;
}
  
  .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content {
    min-height: auto !important;
}
  
  .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content h3{
  margin-top:30px !important;
}
  
.iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content .iw-so-tabs-panel,
.tabsmall .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content .iw-so-tabs-panel{
    min-height: auto;
}
  
  .iw-so-tabs.iw-so-tabs-vertical .iw-so-tabs-content .iw-so-tabs-panel {
    padding: 0;
}
  
}



/* ==========================================================================
   table
   ========================================================================== */
.entry-content table {
    border-bottom: 1px solid #ddd !important;
}


.table-hover > tbody > tr:hover {
    background-color:  #EAEAEA;
}



table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-spacing: 0px;
	border-collapse: collapse;
    font-size: 16px !important;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}


table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #029F99 !important;
    background-color: #1CB9B3;
    color: #fff;
    border-top: 1px solid #029F99 !important;
    border-left: 1px solid #029F99 !important;
    border-right: 1px solid #029F99 !important;
  width:10%;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    border: 1px solid #ddd;
}

table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
table > tbody + tbody {
	border-top: 2px solid #ddd;
}
table {
	background-color: #fff;
}
table {
	border: 1px solid #ddd;
}

table > thead > tr > th,
table > thead > tr > td {
	border-bottom-width: 2px;
}



table > tbody > tr:hover {
	background-color:  #EAEAEA;
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
table td[class*="col-"], table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}
table > thead > tr > td.active, table > tbody > tr > td.active, table > tfoot > tr > td.active, table > thead > tr > th.active, table > tbody > tr > th.active, table > tfoot > tr > th.active, table > thead > tr.active > td, table > tbody > tr.active > td, table > tfoot > tr.active > td, table > thead > tr.active > th, table > tbody > tr.active > th, table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
table > tbody > tr > td.active:hover, table > tbody > tr > th.active:hover, table> tbody > tr.active:hover > td, table > tbody > tr:hover > .active, table > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}


@media screen and (max-width: 767px) {
table {
	overflow-x: auto;
	border: 1px solid #ddd !important;
	min-height: .01%;
	display: block
}
	}
/*
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	white-space: nowrap;
}
table > thead > tr > th:first-child,
table > tbody > tr > th:first-child,
table > tfoot > tr > th:first-child,
table > thead > tr > td:first-child,
table > tbody > tr > td:first-child,
table > tfoot > tr > td:first-child {
	border-left: 0;
}
table > thead > tr > th:last-child,
table > tbody > tr > th:last-child,
table > tfoot > tr > th:last-child,
table > thead > tr > td:last-child,
table > tbody > tr > td:last-child,
table > tfoot > tr > td:last-child {
	border-right: 0;
}
table > tbody > tr:last-child > th,
table > tfoot > tr:last-child > th,
table > tbody > tr:last-child > td,
table > tfoot > tr:last-child > td {
	border-bottom: 0;
}
}
*/

/*nav*/
.topnav {
  overflow: hidden;
  background-color: #ddd;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 16px;
}

.topnav a:hover {
  background-color: #ccc;
  color: #000 !important;
}

.topnav .active {
  background-color: #ccc;
  color: #000 !important;
}


.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}