/*RESET*/
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    //-webkit-text-stroke-width: .05px;
	//-webkit-text-stroke-color: white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	margin: 0px;
	padding: 0px;
	list-style: none;
    outline: none;
    text-decoration: none;	
}   
body {
  padding: 0;
  margin: 0;
  color: #fff;
    font-family: 'Roboto', sans-serif;
}
a {
    cursor: pointer;
    color: inherit;
}
header {
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 0px 10px #000;
    z-index: 100;
    /* background-image: linear-gradient(-180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1) 100%); */
        }
header .content {
	position: relative;
}
header .content .suscribirme {
    position: absolute;
    right: 80px;
    top: 4px;
    background-color: #ff031d;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border-radius: 8px;
    color: #140000;
    display: block;
    padding: 6px;
    text-align: center;
    margin: 6px 0px;
    font-weight: 700;
    float: right;
}
header .content .suscribirme:hover {
    text-decoration: none;
    }
header .logo a {
	height: 42px;
	position: absolute;
	top: 2px;
	left: 10px;
    cursor: pointer;
}
header .logo img {
    text-align: center;
    margin: 0 auto;
}
header .content .share {
	position: absolute;
    right: 10px;
    top: 10px;
    display: inline-flex;
}
header .content .share li a {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: 10px;
    background-size: auto;
    background-repeat: no-repeat;
    }
header .content .share li { 
        display: inline-block;
    }
header .content .share li a.facebook {
	background-image: url(../images/ui/share_facebook.svg);
    display: block;
}
header .content .share li a.twitter {
	background-image: url(../images/ui/share_twitter.svg);
}
header .content .share .face {
    display:block;
}
header .content .share .phone {
    display:none;
}
header .content .share li a.whatsapp {
	background-image: url(../images/ui/share_whatsapp.svg);
}
.logotypecontainer {
    width: 100%;
    max-height: 750px;
    margin: 0 auto;
    font-family: "Noto Serif", sans-serif;
    /*background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' heig…h fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E);*/
    padding: 70px 15px 40px 15px;
    background-image: url(../images/ui/bubbles.svg);
    background-repeat: repeat-x;
    background-position:top;
    /*background-size: cover;*/
}
.svgcontainer {
    max-width: 780px;
    margin: 25px auto 30px auto;
    align-content: center;
}
#MainContainer {
    max-width: 1500px;
    /*background-color: yellow;*/
    margin: 20px auto;
    clear: both;
}
h1 {font-family: 'Roboto', sans-serif; 
    font-weight: 900; 
    font-size: 48px;
    line-height: 50px;
    color: #ff031d;
    margin: 40px auto 30px auto;
    text-align: center;
    max-width: 775px;
    text-transform: uppercase;
}
h2 {font-family: 'Roboto', sans-serif; 
    font-weight: 900; 
    font-size: 50px;
    line-height: 55px;
    color: #ff031d;
    margin: 10px 5px 10px 10px;
    text-align: center;
}
.Instrucciones {
    max-width: 700px;
    margin: 50px auto 15px auto;
}
.intro {
    max-width: 700px;
    color: #333;font-size: 18px;text-align: center;font-weight: 400;margin: 15px auto 50px auto;padding: 0px 15px
}
/*.list {
    width: 100%;
    margin: 0px auto 70px auto;
    text-align: center;
}
.list li {
    width: 215px;
    margin: 10px 3px 10px 3px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.list li .name {
    display: block;
    color: #999;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif; 
    font-size: 50px;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto;
}*/
.text {
    margin: 40px auto 10px auto;
    height: 100px;
    font-size: 21px;
    font-family: 'Roboto', sans-serif; 
    line-height: 25px;
    font-weight: 100;
    color: #000;
    text-align: center;
    padding: 20px;
    max-width: 1000px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 15px
}
select {
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 30px;
    background: rgba(255,255,255,.1);
    border: none;
    border-radius: 4px;
    font-size: 25px;
    margin: 0 auto;
    outline: 0;
    padding: 15px 35px 15px 15px;
    height: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #6F6F73;
    color: #FFF;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 50px;
    text-align: center;
}
.field_cantones {
    width: 300px;
    margin: 0px auto 10px auto;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif; 
    text-align: center;
}
.Container_Selectors {
    width: 100%;
 /*   background-color: RED;*/
}
.infocantonWrapper {
    max-width: 1500px;
    /*height: 100px;*/
    display: block;
    /*background-color: yellow;*/
}
.infoCanton {
    text-transform: uppercase; 
    font-size: 16px; 
    font-weight: 300; 
    color: #111921; 
    text-align: left; 
    margin: 10px 0px 0px 10px;
}
.subWrapper_infocanton {
    width: 48%;
    height: 100px;
    display: inline-block;
    margin-left: 10px;
   /* background-color: deeppink;*/
}
.subWrapper_infocanton span {
    clear: both;
    font-size: 14px; 
    line-height: 19px;
    font-weight: 300; 
    color: #111921; 
    text-align: left;
    }
.subWrapper_infocanton span strong {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300; 
    color: #111921; 
    text-align: left; 
    font-weight: 900;
}
.LND_FC_footer {
    font-size: 12px;
    letter-spacing: 0.8px;
    font-family: 'Roboto', sans-serif; 
    text-align: center;
    padding-top: 10px;
    padding-bottom: 45px;
    margin: 0 auto;
    width: 100%;
    background-color: #444;
}
.footercontainer {
    width: 80%; 
    margin: 0 auto;
}
.LND_FC_listado_id {
    clear: both;
    width: 100%;
    vertical-align: top;
    min-height: 265px;
    margin: 0 auto;
}
.LND_FC_listado_itm {
    width: 29.5%;
    /*float: left;*/
    display: inline-block;
    margin: 15px 30px 10px 0px;
    vertical-align: top;
}
span.footerp {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif; 
}
.endinglogo {
    width: 30%;
    display: block;
    margin: 0 auto;
}
.main {
    margin: 15px auto 40px auto;
}
.SANJOSE {
    width: 100%; 
    -moz-appearance: none;
    -webkit-appearance: none;
}
em {
    font-style: normal;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 30px;
    color: #E87D1E;
    /* margin: 50px; */
}
ol {
    list-style-type: none;
    counter-reset: li-counter;
    width: 100%;
    margin-left: -10px;
    padding-left: 30px;
    margin-top: -10px;
}
ol > li {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    line-height: 17px;
    padding-top: 4px;
}
ol > li:before {
    background-color: #333;
    border-radius: 50%;
    color: #ffffff;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 14px;
    height: 25px;
    left: -25px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 25px;
    font-weight: 700;
}
.maincreditos {
    max-width: 800px;
    margin: 0 auto;
}
.maincreditos p {
    color: #C9C9C7;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 1px;
    max-width: 800px;
    margin: 0 auto;
}
.maincreditos strong {
    color: #fff; 
}
.selector_container {
max-width:600px; text-align: center; margin: 0 auto;
}



/*.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }*/
  
  .dropdown {
    position: relative;
    display: inline-block;
      min-height:50px;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin: 0 auto;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
/*  .dropdown-content a:hover {background-color: #ddd;}*/
  
  .dropdown:hover .dropdown-content {display: block;top: 45;left: 55px; overflow: visible}
  
/*  .dropdown:hover .dropbtn {background-color: #3e8e41;}*/

/*ADDED 2022*/
.mainButtons {
    text-align: center;
    margin: 30px auto 40px auto;
}
.mainButtons a {
    font-size: 25px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0px 7px 5px -7px rgba(0,0,0,0.76);
-webkit-box-shadow: 0px 7px 5px -7px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 7px 5px -7px rgba(0,0,0,0.76);
    
}
.president_button {color: red;background-image: url('../images/mainbuttonsbckg.png');background-repeat: no-repeat;background-position: center;padding: 5px 50px;margin-right: 15px;font-weight: 700;}
.deputy_button {color: blue;background-image: url('../images/mainbuttonsbckg.png');background-repeat: no-repeat;background-position: center;padding: 5px 50px;margin-left: 15px;font-weight: 700}
.president_button:hover, .deputy_button:hover {color: #383838}
.tester {display: inline-flex;}
.mainButtons .dropdown .dropdown-content a {font-size: 16px;font-weight: 700;}
.mainButtons .dropdown .dropdown-content a:hover {background-color: blue;color: #fff}
.provincesName {color: #0000FF}
h4.notes {color: #333;font-size: 16px;text-align: center;font-weight: 700;margin: 15px auto 0px auto;max-width: 1100px;padding: 0px 15px}

.WrapperHeader {
    width: 100%;
}
.MainHeader {
    width: 100%;
    height: 575px;
    position: relative;
}
.parallax {
    position: absolute;
    height: 550px;
    width: 100%;
    background-image: url("../images/ilustrations/mainCover.png");
    background-attachment: fixed;
    background-position: top center;
    background-repeat: repeat;
    background-size: 100%;
    vertical-align: middle;
    z-index: 0;
}
.MainHeader h1 {
    position: absolute;
    top: 75px;
    left: 20%;
    right: 20%;
    color: #fff;
    font-size: 33px; 
    line-height: 65px;
    color: #fff; 
    margin: 0 auto; 
    text-align: center;
    z-index: 3;
    font-weight: 400;
    padding: 0px 50px;
    text-shadow: 2px 2px 3px #000000;
}
.MainHeader h2 {
    position: absolute;
    bottom: 53px;
    left: 20%;
    right: 20%;
    color: #fff;
    font-size: 125px; 
    line-height: 130px;
    color: #fff; 
    margin: 0 auto; 
    text-align: center;
    z-index: 3;
    font-weight: 700;
    padding: 0px 50px;
    text-shadow: 2px 2px 3px #000000;
    /*  font-family: "Noto Serif", sans-serif;*/
}
.MarkStamp {
    width: 30%;
    background-color:#FFF; 
    position: absolute;
    top: 528px;
    left: 35%;
    right: 35%;
    z-index: 4;
   /* -webkit-box-shadow: -2px -8px 12px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px -8px 12px 3px rgba(0,0,0,0.75);
    box-shadow: -2px -8px 12px 3px rgba(0,0,0,0.75);*/
}
.MarkStamp img {
    width:none;
    margin: 0 auto;
    text-align: center;
    position: inherit;
    left: 10%;
    right: 10%;
    top:10px;
}
.accordion__list {
  list-style: none;
  padding: 0;
  width: 100%;
  height: auto;
}
.__item {
    width: 100%;
    min-height: 250px;
}
.imageTopic {
    width: 15%;
    height: 200px;
    text-align: left;
    margin-right: 20px;
    display: inline-block;
    float: left;
    border-radius: 10px;
    transition: 0.4s;  
}
.imageTopic .card {
    border-radius: 10px;
    width: 100%;
    height: inherit;
}
.imageTopic .card img {
    border-radius: 10px;
    object-fit: cover;
    width: inherit;
    height: inherit;
    filter: grayscale(1);
     transition: 0.4s; 
}

.imageTopic:hover {
    transform: scale(1.1, 1.1);  
}
.imageTopic .card img:hover {
    filter: grayscale(0);
     transition: 0.4s; 
}
.__item button {
    width: 500px;
    height: auto;
} 

.accordion__list .__item > .accordion-button {
  background-color: #dbdbdb;
  color: #444;
  cursor: pointer;
  padding: 18px 30px 18px 18px;
  width: 83%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  transition: 0.4s;
  position: relative;
  margin: 1px auto 8px auto;
  border-radius: 5px;
 /* margin-top: 70px;*/
  vertical-align: top;  
font-family: "Noto Serif", sans-serif;
}
.accordion__list .__item > .accordion-button:after {
  content: '';
  position: absolute;
  right: 0;
  margin: auto 15px;
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  transition: 0.2s;
}
.accordion__list .__item > .accordion-button:hover {
  background-color: #003f6c;
  color: #fff;    
}
.accordion__list .__item > .accordion-button + .inner {
  width: 100%;
  padding: 10px 20px 20px 20px;
  padding-left: 16%;
  background-color: white;
  height: 0;
  display: none;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
/*font-family: 'Roboto', sans-serif;*/ 
}
.accordion__list .__item.active .accordion-button.active {
  background-color: #848a91;
  color: #fff    
}
.accordion__list .__item.active .accordion-button.active:after {
  content: '';
  transform: rotate(-135deg);
  transition: 0.2s;
  border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
}
.accordion__list .__item.active .accordion-button.active + .inner {
  height: auto;
  display: block;
  transition: all 0.4s ease-in-out;
}
p {
    text-align: left;
    color: #444444;
}
/*ACCORDION MODIFICATIONS*/
.accordion__list {
    padding: 5px 0px 75px 0px
}
.accordion__list .__item.active .accordion-button.active + .inner {
    text-align: center
}
.accordion__list .__item > .accordion-button:after {
    content: '';
    position: absolute;
    right: 0;
    margin: auto 15px;
    width: 10px;
    height: 10px;
    border: 1px solid #848a91;
    transform: rotate(45deg);
    border-left: 0;
    border-top: 0;
    transition: 0.2s;
}
.finalizador {
    margin: 1px 0px 70px 0px;
}
.containerAnswers {
    width:100%;
    min-height: 200px; 
    margin: 0 auto;
}
.figueres {
    display: inline-block;
    text-align: left;
    width: 48%;
    height: auto;
    margin-right: 1.6%;
    margin-top: 35px;
    border-left: 1px solid #c3c3c3;
    vertical-align: top;
    padding: 10px;
}
.chaves {
    display: inline-block;
    text-align: left;
    width: 48%;
    height: auto;
    padding-left: 2%;
    margin-top: 35px;
    vertical-align: top;
    padding: 10px;
}
.figueres h3, .chaves h3 {
    font-size: 30px;
    line-height: 32px;
  text-align: center;
    margin: 0 auto;
    font-family: "Noto Serif", sans-serif;
    color: #444;
}
.figueres p, .chaves p {
    margin: 0 auto;
    font-size: 17px;
    line-height: 23px;
}
.figueres p strong, .chaves p strong {
    margin: 0 auto;
    font-size: 17px;
    line-height: 23px;
}
.figueres a, .chaves a {
    background-color: #002284;
    padding: 7px 15px;
    border-radius: 15px;
    border: none;
    margin: 15px 20px 15px auto;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.figueres a:hover, .chaves a:hover {
    background-color: #292929;
}
.containerCenter {width: 100%;text-align: center}
.cv {display: inline-block}
.planGobierno {display: inline-block}
.figueres p.tinyAnswer, .chaves p.tinyAnswer {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    margin: 30px 0px 20px 0px
}

input,
span,
label,
textarea {
  font-family: "Noto Serif", sans-serif;
  /*display: block;*/
  margin: 10px;
  padding: 5px;
  border: none;
  font-size: 22px;
    font-weight: 700;
}

textarea:focus,
input:focus {
  outline: 0;
}


input#myInput,
textarea#myInput {
  font-size: 38px;
  font-weight: 300;
  border-radius: 2px;
  margin: 0;
  border: none;
  width: 80%;
  background: rgba(0, 0, 0, 0);
  transition: padding-top 0.2s ease, margin-top 0.2s ease;
  overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
    margin-right: 0px;
    text-align: center;
    color: #002284
}

input#myInput:focus,
input#myInput:valid {
  padding-top: 35px;
}

textarea#myInput:valid,
textarea#myInput:focus {
  margin-top: 35px;
}

input#myInput:invalid,
textarea#myInput:invalid {
  box-shadow: none;
}
.searchContainer {
    max-width: 600px;
    margin: 30px auto 20px auto;
    text-align: center
}

input#myInput + label, textarea.question + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0 auto;
    width: 10%;
    border-top: 1px solid #002284;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
    text-align: center
}
input#myInput:focus + label,
textarea#myInput:focus + label {
  width: 80%;
}
::placeholder {
  color: #777;
  font-size: 22px;
  text-transform: uppercase;
  font-family: "Noto Serif", sans-serif;
}



#main-section {
    padding: 20px 0px 30px 0px;
    width: 100%;
    background-color: rgb(235, 235, 235);
    padding: 10px 0px 30px 0px;
    float: left;
}

.newsContainer {max-width: 1147px;margin: 0 auto;display: block;}

#news{
	margin: 30px 0;
    display: inline-block;
    width:  100%
}

#news .more-btn {
	background-color:#213B8F;
	border-radius: 5px;
	padding: 10px 30px;
	box-sizing: border-box;
	float: right;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin-top: 12px;
    color: #fff;
    margin-right: 15px
}


.left-chain, .rigth-chain {
	/*display: inline-block;
	width: 340px;*/
    display: inline-block;
    /* width: 49%; */
    /*margin-right: 2%;*/
    margin-bottom: 10px;
}

.left-chain {
    
}

.rigth-chain {
}

.left-chain .nota:last-child, .rigth-chain .nota:last-child {
	margin-left: 1.4%;
}

.nota {
	padding-bottom: 18px;
	/*border-bottom: 1px solid #DDDDDD;*/
    display: inline-block;
    width: 46%;
    min-height: auto;
    vertical-align: top;
    margin: 0% 2%;
    
    
}
.nota img {
	margin-bottom: 15px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top center;
    overflow: hidden;
}

.nota h1 {
	color: #000000;
	font-family: "Noto Serif", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 10px 0px;
    text-align: left;
}

.nota .author {
	color: #4A4A4A;
	margin-bottom: 8px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
    text-align: left;
}


.nota .author span {
	font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #213B8F;
    margin: 10px 0px;
    padding: 0px;
}

.nota .author span:after{
    content: "\a";
    white-space: pre;
}


.nota p {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 18px;
}

@media screen and (max-width: 729px) {
	.logonws { margin: auto 25px; }
    .separator { width: auto; margin: 10px 25px 0; }
	.logonws { margin: auto 25px; }
	.nota { width: 100%; }
	.nota img { width: 100%; }
  
	
}


@media screen and (max-width: 650px) {
	
	
    .nota {
        max-width: inherit;
    }
	
}



/*HUGE DESKTOPS*/
@media (min-width: 1291px) and (max-width: 1500px) {
.MainHeader h1 strong {font-size:40px; line-height: 42px; max-width:70%}
.container {padding: 0px 100px}
.offerCards {width: calc(1400px / 4 - 80px)}
}
/*Specific MediaQueries 700px up Only*/    
@media (min-width: 700px) and (max-width: 815px) {    
.footercontainer {width: 100%; margin: 0 auto;} 
.LND_FC_listado_itm {width: 28%;margin: 15px 6px 10px 0px;}
.figueres, .chaves {width: 40%, border-left: 1px solid #c3c3c3;}

}
@media (min-width: 816px) and (max-width: 1100px) { 
    .footercontainer {width: 100%; margin: 0 auto;} 
}
@media (min-width: 1500px) {
.footercontainer {width: 70%; margin: 0 auto;} 
}

/*TABLETS  */
@media (min-width: 500px) and (max-width: 999px) {
.Logo {width: 300px; top: 120px}
.MarkStamp {width:50%;left: 25%;right: 25%;top: 278px}
.MainHeader h1 {right: 2%;font-size: 20px; top:22px;top:30px}
.MainHeader h1 strong {font-size:28px; line-height: 29px}
.products-title {font-size:30px}
.parallax {height: 300px}
.MainHeader {height: 325px}
#MainContainer {padding: 0px 6px 0px 20px;margin-top: 15px}
.figueres p, .chaves p  {min-height: 385px;font-size: 16px;line-height: 23px}
    .figueres p strong, .chaves p strong {font-size: 15px;line-height: 20px}
    .figueres a, .chaves a {margin: 10px auto 10px auto}
    .cv {display: block;width: 300px}
    .planGobierno {display: block;width: 300px}
.figueres h3, .chaves h3 {font-size: 25px;line-height: 29px}
    .accordion__list .__item > .accordion-button {width: 80%;font-size: 19px;line-height: 22px}
    .figueres, .chaves {margin-top: 10px;width: 47%}
.parallax {background-size: 120%}
.MainHeader h1 {left: 10%;right:10%;font-size: 24px;line-height: 35px;top:75px}
    .MainHeader h2 {font-size: 70px;line-height: 80px;left: 5%;right:5%;}
}




/*MediaQueries 450px to 700px Only*/
@media (min-width: 450px) and (max-width: 700px) {
#LND_FC_footer {width: 85%;margin: 0 auto;text-align: center;}
.LND_FC_listado_itm {width: 90%;float: none;margin: 32px auto;}
.endinglogo {width: 70%;}
.footercontainer {width: 100%; margin: 0 auto;} 
.LND_FC_listado_itm {width: 35%;margin: 15px 6px 10px 0px;}
h1 {font-size: 42px; margin: 0px 30px 0px 30px; max-width: inherit; line-height: 45px}
h2 {font-size: 30px; margin-left: 20px;}
.infocantonWrapper{margin-left: 10px}
.infoCanton {margin-left: 20px}
.subWrapper_infocanton {width: 90%; display: block;}
select {height: 40px; font-size: 22px; padding: 6px 6px 6px 10px; margin: 0px auto 50px auto; width: 80%}
    ol {margin-top: 1px;}
    ol > li {font-size: 13px; padding-top: 0px}
    ol > li:before {width: 15px; height: 15px; font-size: 12px; line-height: 17px}
    .selector_container {max-width: 400px;}
    .figueres {display: block;width: 100%;margin-top: 5px;  border-left: 0px solid #c3c3c3;}

.chaves {display: block;width: 100%;margin-top: 20px;border-left: none} 
.figueres h3, .chaves h3 {font-size: 26px;line-height: 29px} 
.figueres p, .chaves p {font-size: 15px;line-height: 19px;min-height: 0px;}  
#MainContainer {padding: 0px 20px} 
.figueres a, .chaves a {margin: 5px auto;font-size: 11px}
.text {margin-top: 10px;padding-bottom: 0px}
.accordion__list .__item > .accordion-button {width: 100%;font-size: 16px;line-height: 20px}  
 .__item {width: 100%;height: auto;margin-bottom: 30px;border: 2px solid #dbdbdb;border-radius: 20px;padding:0px 0px 10px 0px} 
.accordion__list .__item > .accordion-button + .inner {padding-left: 20px;background-color: inherit}  
    .figueres p strong, .chaves p strong {font-size: 15px;line-height: 20px}
    .accordion__list .__item > .accordion-button { border-radius: 0px;padding-right: 45px}   
    .accordion__list .__item > .accordion-button:after {width: 13px;height: 13px;border: 3px solid #848a91;border-left: 0;
    border-top: 0;}
    .accordion__list .__item.active .accordion-button.active:after {border: 3px solid #fff;border-left: 0;border-top: 0}
    .imageTopic:hover {transform: none}
    .containerCenter {margin-bottom: 60px}
    .text {font-size: 19px}
    .MainHeader h1 {left: 0%;right:0%;font-size: 20px;line-height: 25px;top:75px}
    .MainHeader h2 {font-size: 50px;line-height: 60px;left: 5%;right:5%;bottom: 37px}
   .parallax {height: 300px;background-size: 180%}
    .MainHeader {height: 325px}
    .markStamp {top:296px;width: 50%;left: 25%;right: 25%}
    .imageTopic {width: 100%;display: block;height: 161px;margin-bottom: -2px;margin-right: 0px} 
.imageTopic .card {max-width: 100%;height: inherit;background-color: #dbdbdb;text-align: center;
    border-top-left-radius: 16px;border-top-right-radius: 16px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px}
.imageTopic .card img {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 20px;border-top-left-radius: 20px;filter: inherit;max-width: 147px;max-height: 147px;border-radius: 50%;margin-top: 10px} 
}



/*MOBILES */
/*MediaQueries 450px or less Only*/
@media screen and (max-width: 450px){
header .content .share .phone {display: block;}
header .content .share .face {display:none;}
#LND_FC_footer {width: 85%;margin: 0 auto;text-align: center;}
.LND_FC_listado_itm {width: 90%;float: none;margin: 32px auto;}
.endinglogo {width: 70%;}
.subWrapper_infocanton {width: 90%; display: block;}
h1 {font-size: 27px; margin: 0px 10px 0px 10px; max-width: inherit; line-height: 32px}
.infocantonWrapper{margin-left: 10px}
.infoCanton {margin-left: 20px}
select {height: 40px; font-size: 15px; padding: 6px 6px 6px 10px; margin: 0px auto 50px auto; width: 80%}
    ol {margin-top: 1px;}
    ol > li {font-size: 13px; padding-top: 0px}
ol > li:before {width: 15px; height: 15px; font-size: 12px; line-height: 17px}
.selector_container {max-width: 300px;}
.svgcontainer {max-width: 449px;margin: 20px auto} 
.logotypecontainer {background-size: cover;padding-bottom: none}
.list li .name {font-size: 30px}
.Instrucciones {margin-top: -25px}
.list {margin-bottom: 35px}
h2 {font-size: 30px; line-height: 32px}
.mainButtons {margin-bottom: 30px}
.mainButtons a {font-size: 20px}
.president_button {margin-right: inherit}
.deputy_button {margin-left: inherit}
.tester {margin-bottom: 25px}
.dropdown:hover .dropdown-content {left: 30px}
.mainButtons .dropdown .dropdown-content a {font-size: 14px}
.dropdown-content a {padding: 7px 16px}
.text {height:inherit;font-size: 17px;line-height: 21px}
.Logo {width: 300px; top: 150px}
.MarkStamp {width:70%;left: 15%;right: 15%;top: 238px}
.MarkStamp img {left: 3%;right: 3%;top:10px;}
.MainHeader h1 {right: 2%;font-size: 14px; top:10px}
.MainHeader h1 strong {font-size:22px; line-height: 25px}
.products-title {max-width: 300px}
.Recomended {width: 70%; left: 15%; right: 15%}
.parallax {height: 250px;background-size: 150%;background-attachment: scroll;}
.MainHeader {height: 280px}
.figueres {display: block;width: 100%;margin-top: 5px}
.chaves {display: block;width: 100%;margin-top: 20px;border-left: none} 
.figueres h3, .chaves h3 {font-size: 26px;line-height: 29px} 
.figueres p, .chaves p {font-size: 15px;line-height: 19px}  
#MainContainer {padding: 0px 20px} 
.figueres a, .chaves a {margin: 5px auto;font-size: 11px}
.text {margin-top: 10px;padding-bottom: 0px}
.imageTopic {width: 100%;display: block;height: 161px;margin-bottom: -2px;margin-right: 0px} 
.imageTopic .card {max-width: 370px;height: inherit;background-color: #dbdbdb;text-align: center;
    border-top-left-radius: 16px;border-top-right-radius: 16px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px}
.imageTopic .card img {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 20px;border-top-left-radius: 20px;filter: inherit;max-width: 147px;max-height: 147px;border-radius: 50%;margin-top: 10px} 
.accordion__list .__item > .accordion-button {width: 100%;font-size: 16px;line-height: 20px}  
 .__item {width: 100%;height: auto;margin-bottom: 30px;border: 2px solid #dbdbdb;border-radius: 20px;padding:0px 0px 10px 0px} 
.accordion__list .__item > .accordion-button + .inner {padding-left: 20px;background-color: inherit}  
    .figueres p strong, .chaves p strong {font-size: 15px;line-height: 20px}
    .accordion__list .__item > .accordion-button { border-radius: 0px;padding-right: 45px}   
    .accordion__list .__item > .accordion-button:after {width: 13px;height: 13px;border: 3px solid #848a91;border-left: 0;
    border-top: 0;}
    .accordion__list .__item.active .accordion-button.active:after {border: 3px solid #fff;border-left: 0;border-top: 0}
    .imageTopic:hover {transform: none}
    .containerCenter {margin-bottom: 40px}
    .MainHeader h1 {left: 0%;right:0%;font-size: 18px;line-height: 25px;top:75px;padding: 0px 15px}
    .MainHeader h2 {font-size: 45px;line-height: 50px;left: 0%;right:0%;padding: 0px 15px}
    .parallax {background-size: 210%}
    header .content .share {top: 6px}
    header .content .share li a.facebook, header .content .share li a.twitter, header .content .share li a.whatsapp {
    background-size: cover;cursor: pointer}
    header .content .share li a {width: 17px;height: 17px}
    header .content .share .phone {display: block}
    header .content .suscribirme {height: 25px;line-height: 24px;right: 0px;top: 19px;font-size: 13px;margin-right: 5px;
    float: inherit;padding: 0px 8px}
}

/* OLD MOBILES */
/* MEDIAQUERIES */
@media screen and (max-width: 350px) {
.MainHeader h1 {right: 2%;font-size: 12px; top:14px;padding: 0px 10px}
.MainHeader h1 strong {font-size:17px; line-height: 20px}
.MarkStamp {width:70%;left: 15%;right: 15%;top: 191px}
.MarkStamp img {left: -2%;right: none;top:10px;}
.parallax {height: 220px;background-size: 150%;background-attachment: scroll;}
.MainHeader {height: 222px}
.accordion__list .__item > .accordion-button {font-size:14px;line-height:19px}
.figueres p, .chaves p {font-size: 14px;line-height: 18px}
.figueres p strong, .chaves p strong {font-size: 13px;line-height: 20px;}
.figueres h3, .chaves h3 {font-size: 19px;line-height: 23px}
.MainHeader h1 {left: 0%;right:0%;font-size: 16px;line-height: 21px;top:75px;padding: 0px 15px}
    .MainHeader h2 {font-size: 30px;line-height: 35px;left: 0%;right:0%;padding: 0px 15px;bottom: 15px}
    .parallax {background-size: 210%}
    .markStamp{top:208px;}
    .imageTopic .card img {filter: inherit} 
    header .content .share {top: 6px}
    header .content .share li a.facebook, header .content .share li a.twitter, header .content .share li a.whatsapp {
    background-size: cover;cursor: pointer}
    header .content .share li a {width: 17px;height: 17px}
    header .content .share .phone {display: block}
    header .content .suscribirme {height: 25px;line-height: 24px;right: 0px;top: 19px;font-size: 13px;margin-right: 5px;
    float: inherit;padding: 0px 8px}
    
}




/* AVERAGE LAPTOS SIZES */
@media (min-width: 1000px) and (max-width: 1290px) {
.MarkStamp {width:30%;left: 35%;right: 35%}
.container {padding: 0px 80px}
.Logo {width:430px;top:130px}
.products .container {-ms-flex-pack: distribute;justify-content: space-around;margin-bottom: 30px}
.offerCards {margin-bottom: 70px;width: calc(1000px / 3 - 80px);}
.offerCards__prices__to--currency {font-size: 33px; }
.offerCards__prices__to {font-size: 45px}   
}


@media (min-width: 1000px) and (max-width: 1450px) {
#MainContainer {padding: 0px 6px 0px 20px;margin-top: 45px} 
.accordion__list .__item > .accordion-button { font-size: 19px;line-height: 24px;width: 81%}  
.MainHeader {height: 425px}    
.figueres p, .chaves p {margin: 0 auto;font-size: 16px;line-height: 24px;}   
.figueres, .chaves {margin-top: 0px} 
    .parallax {height: 425px}
    .MarkStamp {top:407px} 
    .MainHeader h1 {left: 10%;right:10%;font-size: 30px;line-height: 35px;top:85px}
    .MainHeader h2 {font-size: 100px;line-height: 100px;left: 5%;right:5%;}
    
    
}