/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 28 2023 | 15:35:23 */
body{
  text-align: justify;
  font-size:16px;
}

html {
  scroll-behavior: smooth;
}

@media (max-width: 480px) {
  body{
   text-align: left;
}
  


  .entry-content p,
  .entry-content li
  .entry-content li li{
    font-size:1.2em;
    line-height:1.4em;
  } 
  
  
.entry-content h1 {
    font-size: 25px !important;
}
} 
  
  *:focus {
    outline: none !important;
}
  a, a:hover, a:active, a:focus { outline: none !important} 



a {
    text-decoration: underline;
}
a, a:hover, a:active, a:focus { 
  outline: none !important} 
  
.entry-content ul li, .entry-content ol li {
    margin-left: 0em !important;
    /*text-align: left !important;*/
    margin-bottom: 1em !important;
}  

.entry-content ul {
    list-style-type: disc;
      margin-left: 20px;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
    margin-top: 1em;
}

.border-bluelight{
  border:1px solid #2ccfd4;
}

h1{
  font-weight: bold !important;

}

h1, h2,h3,h4,h5,h6{
  text-align:left;
  font-weight: normal !important;
  text-transform: uppercase;
  font-family: 'open sans' !important;
}

h2{
  color: #2ACFD4 !important;
}


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

@media (max-width: 480px){
#page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 25px !important;
}

.entry-content h2 {
    font-size: 22px !important;
}  
 
.entry-content h3 {
    font-size: 20px !important;
} 
 
.entry-content h4 {
    font-size: 18px !important;
}      
  
}

/* Programa -------------------------------------------------------------------------- */

.programa{
border:1px solid #ccc;
padding:20px;
margin-left:0;
margin-right:0;
  }

.programa hr {
    border-top: 1px dashed rgba(0,0,0,0.3) !important;
    background: transparent;
}



/* Icon box -------------------------------------------------------------------------- */
.icon_box {
    position: relative;
    padding: 0
}

.icon_box:hover .icon_wrapper, .icon_box a:hover .icon_wrapper {
    color: #fff;
    background: #2ACFD4;
}


.icon_box .icon_wrapper {
    background-color: #fff;
}

.icon_box .icon_wrapper {
 width: 110px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 50px;
    position: relative;
    overflow: hidden;
    margin: 30px auto 15px;
    border: 2px solid #2ACFD4;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
   text-decoration: none  !important;
   color: #2ACFD4;
}

.icon_box .desc_wrapper,
.icon_box h4{
    text-align: center
}

/* ==========================================================================
   blog sitiorigin
   ========================================================================== */
.sow-blog-layout-grid .sow-blog-posts article .sow-entry-header .sow-entry-title {
    text-transform: inherit !important;
}

.sow-blog-layout-grid .sow-blog-posts article .sow-entry-header .sow-entry-meta span a {
    text-transform: uppercase !important;
}

.sow-blog-layout-grid .sow-blog-posts article .sow-entry-content {
    display: none;
}

@media (max-width: 480px) {
	.sow-blog-layout-grid .sow-blog-posts {
    grid-template-columns: inherit !important;
}
}
/* ==========================================================================
   Tabs verticales
   ========================================================================== */

.tab-vertical .sow-tabs .sow-tabs-tab-container {
    width: 26%;
    float: left;
}

.tab-vertical .sow-tabs .sow-tabs-panel-container{
    width: 73.41059%;
    float: left;
    padding: 15px 15px 15px 50px;
  }

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

@media (max-width: 480px){
.tab-vertical .sow-tabs .sow-tabs-tab-container,
.tab-vertical .sow-tabs .sow-tabs-panel-container{
    width: 100%;
   padding:0 !important;

}
  
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    padding: 15px 0 !important;
}  
}




/* ==========================================================================
   Tabs default
   ========================================================================== */
.sow-tabs .sow-tabs-tab-container {
    background-color: transparent !important;
    padding: 0 !important;
    border-bottom: 1px solid #d7d9dc;
}

.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
   margin: 0 !important;
   font-size: 13px !important;
   text-transform:uppercase;
   background: transparent !important;
   border-bottom: 1px solid #d7d9dc !important; 
   margin-bottom: -1px !important; 
   color: #333 !important;
   font-weight: normal !important;
   text-align: left !important;
}

.sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected, 
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
  border-bottom: 1px solid #2acfd4 !important; 
  margin-bottom: -1px !important; 
  color: #2acfd4 !important  
}

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

.sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
    padding:10px 0 !important;
}



/* ---------------------------------------------------------------------- */
/*	accordion default
 /* ---------------------------------------------------------------------- */
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    padding: 10px 20px 10px 20px !important;
    background-color: transparent !important;
    color: #001961 !important;
    text-transform: uppercase !important;
    border: 1px solid #ccc !important;
}

.sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
    background-color: transparent !important;
    padding: 10px 20px 10px 20px !important;
    border: 1px solid #ccc !important;
}

/* ---------------------------------------------------------------------- */
/*	concurso
 /* ---------------------------------------------------------------------- */
.featured-contest{
  background: #4abcc6;
  color:#fff;
  padding:20px;
}

.featured-contest h2{
  color:#fff !important;
}


/* ---------------------------------------------------------------------- */
/*	add share rs
 /* ---------------------------------------------------------------------- */
.addtoany_header {
    margin: 0 0 8px;
    color: #2ACFD4;
    text-transform: uppercase;
    font-size: 12px;
}

/* ---------------------------------------------------------------------- */
/*	post-navigation
 /* ---------------------------------------------------------------------- */
.post-navigation a {
    padding: 20px;
    border-top: solid 2px #2acfd4;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #ffffff;
    background: transparent !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.post-navigation a:hover{
    text-decoration: none !important;
    border-top: solid 1px #2acfd4;
    border-left: none;
    border-right:none;
    border-bottom: none;
    background: #2acfd4 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2acfd4), color-stop(1, #2acfd4));
    background: -ms-linear-gradient(bottom, #2acfd4, #2acfd4);
    background: -moz-linear-gradient(center bottom, #2acfd4 0%, #2acfd4 100%);
    background: -o-linear-gradient(#2acfd4, #2acfd4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2acfd4', endColorstr='#2acfd4', GradientType=0);
    color: #fff;
}

article.post, article.page {
    border-bottom: none;
}

article.post .entry-header, article.page .entry-header {
    margin-bottom: 0px;
}

/* ---------------------------------------------------------------------- */
/*	button
 /* ---------------------------------------------------------------------- */
.fasc-button {
    border: 2px solid #001961 !important;
    background: transparent !important;
    color: #001961 !important;
    padding: 25px 20px !important;
    text-decoration:none !important;
    margin: 3px 0;
    display: inline-block;
}



.fasc-button:hover {
    border: 2px solid #001961 !important;
    background: #001961 !important;
    color: #fff !important;
    padding: 25px 20px;
}

.fasc-size-xlarge {
    font-size: 24px;
    padding: 11px 13px;
    border: 0;
    line-height: 33px;
}

.btn-white{
  border: 2px solid #fff !important;
  color: #fff !important;
}

.btn-white:hover {
    border: 2px solid #fff !important;
    background: #fff !important;
    color: #001961 !important;

}

/* ---------------------------------------------------------------------- */
/*	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: '';
}

#masthead .hgroup .logo img {
    vertical-align: middle;
    width: 80%;
    height: auto;
}
/* ---------------------------------------------------------------------- */
/*	Menu con logo scroll
 /* ---------------------------------------------------------------------- */
.main-navigation.sticky { 
	background: rgba(0, 25, 97,1) !important; }


.main-navigation {
	background: rgba(255,255,255,0) !important;
	box-shadow: none !important;
}

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

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

@media screen and (max-width: 1024px){
.main-navigation ul {
    text-align: right !important;
}

.main-navigation ul {
	background:#001961;
	float:right;
	margin-top: -50px;
}
	
.main-navigation ul li a {
    color: #fff !important;
}	
}




.page-id-7 #masthead,
.page-id-1208 #masthead{
    position: absolute;
    z-index: 100;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.9438769257703081) 0%, rgba(255,255,255,0) 100%);
}


.page-id-7 .site-header,
.page-id-1208 .site-header{
	position: absolute;
	left: 0;
	right: 0;
}

.hgroup, .main-navigation {
	z-index: 400;
}

#masthead {
    background: #001961;
}


@media (max-width: 680px){
body.responsive #masthead .hgroup .logo img {
    width: 40%;
    float: left;
	margin-bottom: 15px;
}
}
/*solo home*/

/*fondo de logo header*/
/*
.page-id-7 #masthead,
.page-id-1208 #masthead{
    position: fixed;
	z-index: 1000;
	height: 130px;
    width: 100%; 
	background-color: transparent;
	-webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.page-id-7 .mastehead-active,
.page-id-1208 .mastehead-active {
  background-color: #001961 !important;
  height: 70px  !important;
}

.page-id-7 #main,
.page-id-1208 #main {
    background: #fff !important;
    margin-top: 0px;
  padding: inherit !important;
}*/


/* ==========================================================================
  mobile menu
   ========================================================================== */
.main-navigation ul li a {
    line-height: 1.1em;
}

.mobile-nav-frame ul li a.link {
	color: #fff;
	text-shadow: none;
    font-weight: normal;
}
.mobile-nav-icon:before {
	font-size: 14px;
	content: "\f0c9";
}
.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;
}

.mobile-nav-frame ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}


/* ---------------------------------------------------------------------- */
/*	menu color scroll
 /* ---------------------------------------------------------------------- */



/* other pages*/

/*
 #masthead {
    position: fixed;
	z-index: 1000;
	height: 130px;
    width: 100%; 
	background-color: #001961;
	-webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

 .mastehead-active {
  background-color: #001961 !important;
  height: 70px  !important;
}

#main {
    background: #fff !important;
    margin-top: 130px;
      padding: 30px 30px 80px 30px !important;
}



.logo-height-constrain{
   width: auto;
  height:100px;
  	-webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
}

.logo-active{
  width: auto;
 height: 50px !important;
}

@media (max-width: 1080px){
body.responsive #masthead .hgroup .logo img, body.responsive #masthead .hgroup .custom-logo {
    max-width: 60%;
    height: auto !important;
  float: left;
}
}



@media (max-width: 768px){
  
body.responsive #masthead .hgroup .logo img, body.responsive #masthead .hgroup .custom-logo {
    max-width: 40%;
    height: auto !important;
}  
  
  
body.responsive #masthead .hgroup .logo img {
    height: 70px;
}

body.responsive #masthead .hgroup .logo {
    float: left !important;
} 
  

.page-id-7 #main,
.page-id-12087 #main{
    margin-top: 0px;
}
 
#main{
    margin-top: 40px;
}  
 
  .page-id-7 #masthead,
  .page-id-1208 #masthead{
    height: 70px;
  }  
  #masthead{
    height: 70px;
  }    
}
*/

/*-----------------------------------
widget_nav_menu
------------------------------------*/
#menu-idioma{
   position: fixed;
  z-index: 1000;
  top: 25px;
  right: 80px;
  
}

#header-sidebar .widget_nav_menu ul.menu > li > a {
    color: rgba(67, 232, 237, 0.6);
    text-transform: uppercase;
    display: inline-block;
    width: 30px;
    font-size: 14px;
    overflow: hidden;
    word-break: break-all;
    height: 40px;
    line-height: 30px;
}

#header-sidebar .widget_nav_menu ul.menu > li > a:hover {
    color: #ffff;
}

.current-lang a{
 color:#43e8ed !important; 
}


/*
#header-sidebar .widget_nav_menu ul.menu {
    margin-top: -80px;
}*/


/*-----------------------------------
effect
------------------------------------*/
a.effect-box .effect-container{
  position: relative;
  width: 100%;
}

a.effect-box .effect-image {
  display: block;
  width: 100%;
  height: auto;

}

a.effect-box .effect-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  border-radius: 8px;
}

a.effect-box .effect-cyan{
 background-color: rgba(67,232,237, 0.8);
}

a.effect-box .effect-blue{
 background-color: rgba(0,25,97,0.8);
}

a:hover.effect-box .effect-container .effect-overlay {
  opacity: 1;
}

a.effect-box .effect-text {
  color: #fff;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.5);
    transition: all 0.2s linear; 
}

a:hover.effect-box .effect-text {
  transform: translate(-50%, -50%) scale(1);
    transition: all 0.2s linear; 
}


a.effect-box{
  text-decoration:none !important;
}

a.effect-box .effect-text img{
  width:35px !important;
  
}


/*card*/
.card {
    padding:0;
    margin: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #F0F2F6;
    height: 360px;
    border: none;
}


.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
}


/* Background box*/
.box-bg1{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-prioridad1.jpg");}
.box-bg2{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-accion.jpg");}
.box-bg3{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-articulo6.jpg");}
.box-bg4{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-prioridad4.jpg");}
.box-bg5{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-prioridad5.jpg");}
.box-bg6{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-ambicion.jpg");}
.box-bg7{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-genero.jpg");}
.box-bg8{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/bg-perdidas.jpg");}

.box-bg1, .box-bg2, .box-bg3, .box-bg4, .box-bg5, .box-bg6, .box-bg7, .box-bg8{
     background-size: cover;
     width: auto;
     height: 360px;
}

.card.hovercard .avatar2 {
    position: relative;
    padding-top: 150px;
    padding-bottom: 10px;
    transform: translateY(0px);
  transition: all 0.2s linear; 
   opacity: 1;
}

.card.hovercard .avatar2 img {
    width: 90px;
    height: 90px;
}

.card.hovercard .info .title2 {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.1em;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 10px 20px;
    font-family: 'open sans';
    transform: translateY(0px);
    transition: all 0.2s linear; 
    opacity: 1;
}


.card.hovercard .info {
 padding: 0px 10px 10px;
}

a:hover .card.hovercard .avatar2{
  transform: translateY(-100px);
  transition: all 0.2s linear; 
  opacity: 0;
}

a:hover .card.hovercard .info .title2 {
  transform: translateY(100px);
  transition: all 0.2s linear;
  opacity: 0;
}

/*aportes*/
.aportes {
    padding:0;
    margin: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #F0F2F6;
    height: 250px;
    border: none;
}

.aportes.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: left;
}


.aportes.hovercard .avatar2 {
    position: relative;
    padding-top: 50px;
    padding-bottom: 0px;
    transform: translateY(0px);
    transition: all 0.2s linear; 
    opacity: 1;
    margin-left: 30px
}

.aportes.hovercard .avatar2 img {
    width: 70px;
    height: 70px;
}

.aportes.hovercard .info .title2 {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 10px 20px;
    font-family: 'open sans';
    transform: translateY(0px);
    transition: all 0.2s linear; 
    opacity: 1;
}


.aportes.hovercard .info {
 padding: 0px 10px 10px;
}

a:hover .aportes.hovercard .avatar2{
  transform: translateY(-100px);
  transition: all 0.2s linear; 
  opacity: 0;
}

a:hover .aportes.hovercard .info .title2 {
  transform: translateY(100px);
  transition: all 0.2s linear;
  opacity: 0;
}

.border0{
  border-radius:0 !important;
  
}


.box-aporte1{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-1.jpg");}
.box-aporte2{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/03/aporte-2.jpg");}
.box-aporte3{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-3.jpg");}
.box-aporte4{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-4.jpg");}
.box-aporte5{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-5.jpg");}
.box-aporte6{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/03/aporte-6.jpg");}
.box-aporte7{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-7.jpg");}
.box-aporte8{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-8.jpg");}
.box-aporte9{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-9.jpg");}
.box-aporte10{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-10.jpg");}
.box-aporte11{background: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/02/aporte-11.jpg");}



.box-aporte1, .box-aporte2, .box-aporte3, .box-aporte4, .box-aporte5, .box-aporte6, .box-aporte7, .box-aporte8,.box-aporte9,.box-aporte10,.box-aporte11{
     background-size: cover;
     width: auto;
     height: 250px;
}

/* ---------------------------------------------------------------------- */
/*	testimonial
 /* ---------------------------------------------------------------------- */
.testi{
  border:1px solid #ccc;
  border-radius: 8px;
  padding:25px;
  background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/01/twitter.png)no-repeat top right;
  background-size: 46px 46px;
  background-position: top right;
  background-attachment: scroll;
  background-repeat: no-repeat;
  min-height: 380px;
}

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

.testi span{
  color:#1EA0F2;
}

.testi-name {
    font-weight: bold;
    margin-top: 20px;
    font-size: 16px;
    position: absolute;
    bottom: 55px;
}

.text-link {
    color: #999;
    font-size: 14px;
    margin-top: -7px;
    position: absolute;
    bottom: 35px;
}

.text-cita{
  margin-top:20px;
}

.testi-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    padding: 0px 30px 0 0;
    text-align: left;
}


/* ---------------------------------------------------------------------- */
/*	video
 /* ---------------------------------------------------------------------- */
video {
    width: 100%;
    height: auto;
    max-height: 100%;
}


.n2-ss-slider img.n2_ss_video_play_btn {
    width: 80px !important;
    height: 80px !important;
}


div#n2-ss-18 .n2-style-9842fa2c5ca2ba2471ac3c3dfa66f030-simple {
    border-top: 1px solid #ccc;
}

/* ---------------------------------------------------------------------- */
/*	Revolution slider
 /* ---------------------------------------------------------------------- */
.slider-date{
  font-size:14px; 
  text-transform: uppercase;
  /*margin-bottom:-15px !important;*/
}

.slider-title{
  font-size:18px; 
  line-height:24px !important;
}

@media (max-width: 1023px){
#slider-news, rs-module-wrap{
  height: auto !important;
}
  
}

@media (max-width: 768px){
  .slider-date{
   margin-bottom:0px !important;
  padding: 15px 15px 15px 15px !important;
}
  
  .slider-title{
  padding: 0px 15px 15px 15px !important;
}
}



/* ---------------------------------------------------------------------- */
/*	slider inicial  before /after
 /* ---------------------------------------------------------------------- */

#video-top{
  display:block;
}

#beforeafter{
  display:none;
}


/*
@media (max-width: 1024px) {
#video-top{
  display:none;
}
  
  #beforeafter{
  display:block
}
}
*/

.twentytwenty-container {
  margin: 0px 0;
}

.container-text-initial{
  position: relative;
}

.container-title{
 position: absolute;
 z-index:990; 
  width:100%;
  height: 130px;
  padding-top: 40vh;

}

.container-title h1{
  color: #fff !important; 
  font-size:70px !important; 
  text-align:center !important;
  text-transform: uppercase;
  margin:0;
   letter-spacing: 4px;
  font-family: 'open sans';
  text-shadow: 1px 1px 2px rgba(0,0,0,0.37);
  padding: 0 20px;
  font-weight: bold !important;
}

.container-title p {
    color: #fff !important;
    font-size: 20px !important;
    text-align: center !important;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 4px;
    font-family: 'open sans';
  text-shadow: 1px 1px 2px rgba(0,0,0,0.37);
   padding: 0 20px;
}


@media (max-width: 480px) {
 .container-title{
  padding-top: 30vh;

} 
  
  
.container-title h1{
  font-size:30px !important; 
   letter-spacing: 4px;
}

.container-title p {
    font-size: 16px !important;
    letter-spacing: 4px;
}
}

.twentytwenty-before{
 background-image: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/01/foto1.jpg");
  background-color: #cccccc;
  height: 100vh !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.twentytwenty-after{
  background-image: url("https://cop25.mma.gob.cl/wp-content/uploads/2020/01/foto2.jpg");
  background-color: #cccccc;
  height: 100vh !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.twentytwenty-overlay:hover {
    background: rgba(0,0,0, 0.2) !important;
}

.twentytwenty-hover .twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-hover .twentytwenty-overlay:hover .twentytwenty-before-label {
    display: none;
}

.twentytwenty-handle {
    top: 70%;
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 1px;
    margin-left: 0px;
}


/* ---------------------------------------------------------------------- */
/*	encuentros
 /* ---------------------------------------------------------------------- */

/*
#encuentro_cc_genero .owl-item img {
filter: invert(5%) sepia(92%) saturate(4714%) hue-rotate(219deg) brightness(40%) contrast(103%);
}*/

#encuentro_cc_genero .owl-item:hover img {
filter: invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(100%) contrast(200%);
}

#encuentro_cc_genero .events{
  width: 100%;
  border: 1px solid #cccc;
  border-radius:6px;
  padding: 20px;
  min-height:320px;
  transition: all 0.2s linear;
  background: #fff;
}



#encuentro_cc_genero .events-date {
    text-transform: uppercase;
    font-family: 'open sans';
    color: #333;
    text-align: center;
}

/*#encuentro_cc_genero .events-date strong {
    color: #2acfd4;
}*/

#encuentro_cc_genero .owl-item:hover .events{
   background:#0E1961;
}

#encuentro_cc_genero .owl-item:hover .events-date,
#encuentro_cc_genero .owl-item:hover .events-name,
#encuentro_cc_genero .owl-item:hover .events-place{
    color: #fff !important;
}

#encuentro_cc_genero .owl-item:hover .events-date strong{
  color:rgba(0,0,0,0.6)
}
/* ---------------------------------------------------------------------- */
/*	Logos encuentro
 /* ---------------------------------------------------------------------- */
.logos-encuentro-container{
  text-align:center;
}

.le-h{
  width: auto;
  height:61px !important;
  margin:10px 5px;
  
}

.le-v{
  width: auto;
  height:46px !important;
  margin:10px 5px;
}

@media (max-width: 1024px) {
 .le-v{
  height:42px !important;
} 
}

@media (max-width: 480px) {
 .le-v{
  height:27px !important;
} 
}


/* ---------------------------------------------------------------------- */
/*	Eventos
 /* ---------------------------------------------------------------------- */
.events{
  width: 100%;
  border: 1px solid #cccc;
  border-radius:6px;
  padding: 20px;
  min-height:361px;
  transition: all 0.2s linear;
}

.events-bg{
  background: #ff7800;
}

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

@media (max-width: 480px) {
.events{
  min-height:auto;
}
}

.events:hover{
background: #fff;
  transition: all 0.2s linear;
}

.events hr{
      border-top: 1px dashed rgba(0,0,0,0.3) !important;
    background: transparent;
}

.events-icono{
  text-align:center;
}

.events-icono img{
  width:35px !important;
}

.events-number{
 text-transform: uppercase;
  font-family: 'open sans';
  text-align:center;
  color:#30CFD4;
}

.events-date{
 text-transform: uppercase;
  font-family: 'open sans';
  text-align:center;
}
.events-name{
 color:#001961;
  font-size:22px;
  line-height: 1.2em;
  margin-bottom:10px;
  text-align:center;
  height: 80px;
  display: table;
  width: 100%;
}

.events-title{
    display: table-cell;
    vertical-align: middle;
}

.events-place{
 text-transform: uppercase;
  font-size: 14px;
  line-height: 1.4em;
  font-family: 'open sans';
   text-align:center;
}

@media (max-width: 480px) {
.events{
  min-height:auto;
}
  
  .events-name{
  min-height: auto;
}

}


/* ---------------------------------------------------------------------- */
/*	boxes objetivos
 /* ---------------------------------------------------------------------- */
 
.hoverEffect-first .title-obj span {
    text-transform: uppercase;
    display: block;
    color: #44E9EE;
    font-size: 30px;
    font-family: 'open sans';
    margin-bottom: 20px;
}


.hoverEffect-first .title-obj{
  position: absolute;
  top:-100px;
  z-index:1000;
  transform: translateY(100px);
  transition: all 0.2s linear;
  color: #fff;
  text-align: center;
  width:100%;
  text-transform: uppercase;
  padding: 15px;
  height: 100%;
  display: table;
  font-size: 18px;
  line-height:1.2em;
}

@media (max-width: 480px){
  .hoverEffect-first .title-obj{
  top:0px;
}
}


.hoverEffect-first .title-obj .content-txt {
    display: table-cell;
    vertical-align: middle;
}


.hoverEffect-first:hover .title-obj{
  /*display:none;*/
  transform: translateY(0px);
  opacity:0;
}

.uxhover {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  border-radius: 8px;
}

.uxhover .mask,
.uxhover .content {
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

.uxhover img {
  display: block;
  position: relative
}

.uxhover .h2 {
  color: #fff !important;
  text-align: center;
  position: relative;
  padding: 5px;
  margin: 50px 0 0 0;
}

.uxhover p {
    font-size: 16px;
    line-height: 1.2em;
    position: relative;
    color: #fff;
    padding: 0px 15px 0px;
    text-align: center;
}

/*
@media (max-width: 480px){
.hoverEffect-first .title-obj{
  font-size: 18px;
}
  
  .uxhover h2 {
  font-size: 18px !important;
} 
}
*/

/* Effect 1*/
.hoverEffect-first img {
  transition: all 0.2s linear;
  width:100%;
  height:auto;
}

.hoverEffect-first .mask {
  opacity: 0.6;
  background-color: rgba(1,24,97,0.7);
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}

.hoverEffect-first h2 {
   margin: 20px 20px;
  font-size: 18px !important;
  color: #fff !important;
  text-align: center;
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.hoverEffect-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.hoverEffect-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

/* Effect 1:hover*/

.hoverEffect-first:hover img {
  transform: scale(1.2);
}

.hoverEffect-first:hover .mask {
  opacity: 1;
}
.hoverEffect-first:hover h2,
.hoverEffect-first:hover p,
.hoverEffect-first:hover a.info {
  opacity: 1;
  transform: translateY(0px);
}

.hoverEffect-first:hover p {
  /*transition-delay: 0.1s;*/
}

.hoverEffect-first:hover a.info {
  transition-delay: 0.2s;
}




/* ---------------------------------------------------------------------- */
/*	language
 /* ---------------------------------------------------------------------- */
.language{
  position: fixed;
  z-index: 1000;
  top: 25px;
  right: 80px;
  color: #43e8ed;
}

a.language-item{
  color: #43e8ed;
}

a.language-item:hover{
  color: #fff;
  text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/*	article post
 /* ---------------------------------------------------------------------- */
 article.post .entry-header h1.entry-title {
    padding: 10px 0;
    line-height: 1.1 !important;
    margin-top: 20px;
   margin-bottom: 20px;
   font-size:45px;
}

article.post .entry-header .entry-meta {
    color: #8f8f8f;
    text-transform: uppercase;
}

article.post .entry-header .entry-meta {
    color: #2ACFD4;
    margin-top: 20px;
}

article.post .entry-header .entry-meta a{
    color: #2ACFD4;
}

/* ---------------------------------------------------------------------- */
/*	grid post
 /* ---------------------------------------------------------------------- */
article .date{
  color: #2ACFD4;
  text-transform: uppercase;
  font-size: 14px;
}

.vantage-grid-loop article h3 {
font-weight: normal !important;
text-transform: inherit;
font-size:20px;
color: #001961 !important;
}

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

.vantage-grid-loop article .grid-thumbnail {
  padding: 0px;
}

.vantage-grid-loop figure {
    margin: 0 0 0rem;
}

button.wpbd-load-more-btn {
    background: #001961;
    border: 1px solid #001961;
    border-radius: 0;
    font-size: 13px;
    padding: 6px 18px;
}

/* ---------------------------------------------------------------------- */
/*	masonry
 /* ---------------------------------------------------------------------- */


.wpbd-post-masonry.wpbd-template-1 .wpbd-post-image-bg:before {
display:none;
}

.wpbd-post-masonry.wpbd-template-1 .wpbd-masonary-inner-content {
    width: 100%;
    border: none;
}


.wpbd-post-masonry.wpbd-template-1 .wpbd-post-grid-content {
    border: 1px solid #ccc;
  text-align:left;
}

.wpbd-post-title a {
    color: #001961 !important;
}

.wpbd-post-date {
    position: absolute;
    top: 15px;
    width: 100%;
}

.wpbd-post-date span {
    font-style: normal;
    color: #2ACFD4;
    text-transform: uppercase;
    font-size:14px;
}

.wpbd-time i{
  display:none;
}

.wpbd-post-masonry.wpbd-template-1 .wpbd-post-grid-content:hover .wpbd-post-image-bg img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


.wpbd-post-masonry.wpbd-template-1 .wpbd-post-image-bg {
    background: #001961;
}

.wpbd-post-masonry.wpbd-template-1 .wpbd-masonary-inner-content {
    padding: 40px 15px 15px 15px;
}


.wpbd-post-pagination a, .wpbd-post-pagination a {
    background: #001961;
    border: 1px solid #001961;

}

.wpbd-post-pagination .current {
    color: #001961 !important;
    border: 1px solid #001961;
}


/* ==========================================================================
slider
========================================================================== */

@media (max-width: 1300px){
div#n2-ss-2 .n2-ss-slider-1 {
    height: 374px !important;
}

div#n2-ss-2 .n2-style-4a67230b1f7c7b3a74bbc29e98b228cd-heading {
    top: 170px !important;
}
  
  .n2-ss-slider .n2-ss-layer-row {
    position: absolute !important;
    bottom:30px;
    width: 100%;
}
  
  
}

  
/* ==========================================================================
numeros carousel
========================================================================== */
.txt-cyan{
  color:#2acfd4;
  font-family: 'open sans';
  font-size:18px; 
  text-transform: uppercase;
  margin-top: 7px;
}


/* ==========================================================================
Menu responsive
========================================================================== */
@media screen and (max-width: 8000px){
button#responsive-menu-button {
    right: 0 !important;
} 
}

/* ---------------------------------------------------------------------- */
/*	Image zoom on hover + Overlay colour
 /* ---------------------------------------------------------------------- */
@media (max-width: 768px) {
.xs-margin{
  margin-bottom:15px;
}
}
.card-bg1a {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/01/torres.jpg) center center no-repeat;
    background-size: 100%;
    height:100%;
    position: relative;
    display: flex;
    flex-direction: column; 
    min-width: 0;
    height: 100%;
}

 .card-bg2a {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/presidencia-home.jpg) center center  no-repeat;
    background-size: 100%;
    height:100%;
    position: relative;
    display: flex;
    flex-direction: column; 
    min-width: 0;
    height: 100%;
}

 .card-bg3a {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/glaciar.jpg) center center  no-repeat;
    background-size: 100%;
    height:100%;
    position: relative;
    display: flex;
    flex-direction: column; 
    min-width: 0;
    height: 100%;
}

 .card-bg4a {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/panelsolar.jpg) center center  no-repeat;
    background-size: 100%;
    height:100%;
    position: relative;
    display: flex;
    flex-direction: column; 
    min-width: 0;
    height: 100%;
}






 .card-bg1 {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/01/torres.jpg) center center no-repeat;
    background-size: 100%;
    height:257px;
    display: table !important;
}

 .card-bg2 {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/presidencia-home.jpg) center center  no-repeat;
    background-size: 100%;
    height:257px;
    display: table !important;
}

 .card-bg3 {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/glaciar.jpg) center center  no-repeat;
    background-size: 100%;
    height:257px;
    display: table !important;
}

 .card-bg4 {
    background: url(https://cop25.mma.gob.cl/wp-content/uploads/2020/02/panelsolar.jpg) center center  no-repeat;
    background-size: 100%;
    height:257px;
    display: table !important;
}

@media (max-width: 1023px){
  .card-bg1, .card-bg2, .card-bg3, .card-bg4,
  .card-bg1a, .card-bg2a, .card-bg3a, .card-bg4a{
  height:180px;
  }
}


.card-image-light,
.card-image-dark{
    position: relative;
    transition: all 1.0s !important;

}

a.card-image-light,
a.card-image-dark{
  text-decoration:none !important;
}

a.card-image-light h2, a.card-image-dark h2 {
  font-size:18px !important;
  color:#fff !important;
  text-decoration:none !important;
  margin:0 !important;
}

.card-image-light h2 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    left: 20px;
    bottom: 25px;
    background: #2acfd4;
    padding: 10px 15px;
}

.card-image-dark h2 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    left: 20px;
    bottom: 25px;
    background: #001961;
    padding: 10px 15px;
}

@media (max-width: 1024px) {
 .card-image-light h2,
 .card-image-dark h2{
     width: 84%;
} 
}

@media (min-width: 481px) and (max-width: 768px) {
.card-image-light h2 {
    left: 30px;
}
}

a.card-image-light p, a.card-image-dark p{
  color:#fff;
   text-decoration:none !important;
}

a:hover.card-image-light h2, a:hover.card-image-dark h2 {
  color:#fff;

}

.full-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.card-image-light:hover, .card-image-dark:hover {
    background-size: 120% auto;
    color: rgba(0,0,0,0.4) !important;  
}
.card-image-light.full-width, .card-image-dark.full-width {
    width: 100%;
    display: block;
}


/* ==========================================================================
   faq
   ========================================================================== */
.faq-title h4 {
  font-size: 20px !important;
  line-height: 25px !important;
  text-align: left;
}

.faq-accordion .faq-main.open h4 {
    color: #18BDC2;
}

.faq-accordion .faq-main.open {
    background: #EEEEEE;
    border: 1px solid #eee
}

.faq-accordion .faq-main {
    border: 1px solid #ccc;
    background: #fff;
}


.faq-content{
  padding-top: 30px;
}

.faq-accordion .faq-main {
    padding:10px 20px;
}

.faq-title h4 span {
  position: absolute;
  right: 50px;
  top: 7px;
  font-size: 15px;
  color: #18BDC2;
  text-transform: uppercase;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  width: 220px;
}

.faq-accordion .faq-main.open h4 span {
    color: #011861;
}


.faq-title {
    padding: 5px 290px 5px 0 !important;
}

@media (max-width: 768px) {
.faq-title {
    padding: 5px 30px 5px 0 !important;
}
  
.faq-title h4 span {
    position: relative;
    right: inherit;
    top: inherit;
    border-left: none;
    padding-left: 0;
    display: block;
    margin-top: 5px;
    width: 100%;
}  

  .faq-title h4 {
    font-size: 1.2em !important;
    line-height: 1.3em !important;
    text-align: left;
}
  
}


/* ==========================================================================
   Data table
   ========================================================================== */
.dataTables_wrapper .dataTables_info {
    padding-top: 0;
    font-size: 12px;
    margin-bottom: 0px;
}
.dataTables_wrapper {
    padding: 0px 0;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #2acfd4 !important;
}
.dataTables_wrapper .dataTables_filter input {
    padding: .5rem .75rem;
    font-size: 16px;
    line-height: 1.25;
    color: #464a4c;
    border: 1px solid #D3D7D9;
    border-radius: .25rem;
    margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button {
    padding: 0px 10px !important;
    margin-left: 2px;
    color: #333 !important;
    border: 1px solid #D3D7D9;
    background: #fff;
    border-radius: 0px !important;
    font-size: 11px;
    font-weight: normal;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #D3D7D9 !important;
    background: #011861 !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #333 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    font-weight: normal;
}
table.dataTable tbody tr:hover {
    background-color: #EAEAEA;
}
table.dataTable {
    border-collapse: collapse !important;
}
/* ==========================================================================
   table
   ========================================================================== */
.entry-content table {
    border-bottom: 1px solid #ccc !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:10px 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ccc;
}


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


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 #ccc;
  font-size: 16px;
}

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 #ccc;
}
table {
	background-color: #fff;
}
table {
	border: 1px solid #ccc;
}

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 (max-width: 480px) {
.entry-content table {
    font-size:14px !important;
}
}


/*
@media screen and (max-width: 767px) {
table {
	overflow-x: auto;
	border: 1px solid #ccc !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;
}
}
*/


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

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

.datos-footer {
    text-align: right;
}

@media (max-width: 768px) {
.datos-footer {
    text-align:left;
}
}

.logoh{
      max-height: 75px;
    width: auto;
    float: left;
    text-align: left;
    margin-right: 5px;
}

.btn-social {
    display: inline-block;
    background: rgba(255,255,255,1);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #001961 !important;
    font-size: 20px;
}

.btn-social:hover {
    color: #001961;
    background-color: rgba(255,255,255,0.5);
}

@media screen and (max-width: 640px){
body.responsive #footer-widgets .widget, body.responsive #masthead-widgets .widget {
    padding-bottom: 0 !important;
}
  }

/* ==========================================================================
   stiky footer
   ========================================================================== */
#page-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
 
#main {
     -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
}

#main {
    padding: 30px;
}

@media (max-width: 480px) {
#main {
    margin-bottom: -35px;
}
}