img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;overflow-y:scroll}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}object{pointer-events:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a sub,a sup{top:0;font-size:100%}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}a img.alignright{float:right;margin:0 0 1em 1em}a img.alignleft{float:left;margin:0 1em 1em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}img.alignleft+p{float:left}img.alignright+p{float:right}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;-moz-box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;width:100%!important}a,b,body,button,em,h1,h2,h3,h4,h5,html,input,li,p,select,span,strong,td,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:100%;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size:12px;
  font-size: 1.2em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 18px;
  line-height:1.8rem;
  color: #000; }

p{margin-top: 0; }
p:last-child{margin-bottom:0;}

.clearfix:after{content:' ';display:block;clear:both;}
.flexgrid{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

a{color:#000;}

body{font-family: 'Archivo', sans-serif;color: #000;}
header{max-width: 1680px;margin: 0px auto;}
.archivo{font-family: 'Archivo', sans-serif;color:#000;font-weight: bold;}
.roboto{font-family: 'Roboto Mono', monospace;text-transform: uppercase;letter-spacing:0.2rem;}
.wrapper{width: 100%;max-width:490px;padding: 25px 20px;margin-top: -30px;}
.out-wrapper{max-width: 1580px;width: 100%;padding-top: 25px;}
.center{margin: 0 auto;}
.bg{width: 100%;height:500px;max-height:45vh;position:relative;background-size:cover;background-repeat: no-repeat;background-position:center 80%;background-image:url(../img/bg.jpg);}
.bg img{height:100%;width:auto;}

.logo img{width: 100%;height: auto;margin-bottom:18px;}
footer{padding-bottom:20px;}
.grid{width: 100%;height: auto;}
.col-33-2{float:left;width: 33.3333%;padding:0px 25px 80px;}
.col-33-2 .img{display:block;position:relative;width:100%;padding-bottom:75%;background:#F5F5F5;margin-bottom:20px;background-position:center center;background-repeat: no-repeat;background-size: cover;}
.col-33{float:left;width: 30%;height: 480px;margin-right: 50px;margin-top: 100px;}
.col-33 img{width: 100%;height: auto;position:absolute;}
strong.title{display:block;margin-bottom:10px;font-size:1.5rem;}

.logout{position:fixed;right:25px;top:25px;z-index:30;}
.text-index p{text-align: center;color: #000;}
.login{padding: 60px 0;text-align: center;font-size:1.6rem;letter-spacing:0.1rem;}
.centered{margin:0px auto;width:100%;max-width:1480px;position:relative;padding:30px 60px;}

.sp-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
}
.sp-previous-arrow{
  left:30px;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
  content: '';
  position: absolute;
  width: 20%;
  height: 50%;
  background-color: #000;
}

.sp-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}
.sp-next-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right:30px;
}

.close {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 32px;
  height: 32px;
  opacity: 1;cursor:pointer;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 3px;
  background-color: #000;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}



.arrow {
  position: absolute;
  width: 32px;
  height: 32px;
  opacity: 1;cursor:pointer;
}
.arrow:before, .arrow:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 3px;
  background-color: #000;
}
.arrow:before {
  transform: rotate(45deg);
  margin-top: calc(-50% + 19px);
}
.arrow:after {
  transform: rotate(-45deg);
  margin-top: 50%;
}

.arrow-right{right:20px;    
  -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.arrow-left{left:20px;}

.popup{opacity:0;visibility:hidden;position:fixed;width:100vw;max-width:100%;height:100vh;overflow:auto;left:0px;top:0px;background:#FFF;z-index:100;}
.popup-outer{padding:50px 100px;width:100%;position:relative;}
.popup-inner{display:table;width:100%;max-width: 1800px;margin: 0px auto;}
.popup .content{display:table-row;}
.popup .content > div{display:table-cell;vertical-align: middle;}
.popup .content .img{width:68%;height:calc(100vh - 100px);position:relative;overflow:hidden;padding-right:40px;}
.popup .content .img img{width:100%;height:auto;display:block;margin:0px auto;}

body.popup-opened{overflow:hidden;}
body.popup-opened .popup{opacity:1;visibility: visible;}

main{min-height:calc(100vh - 110px);}
header + main{min-height:calc(100vh - 590px);}

input{border:1px solid #AAA;margin:0px 10px;}



@media all and (max-width: 1280px) {

  .col-33-2{width:50%;}
  .centered{padding:70px 0px;}
  .logout{position:absolute;}

}

@media all and (max-width: 1080px) {

  .popup .content > div,
  .popup .content{display:block;}
  .popup .content .img{width:100%;height:auto;margin-bottom:20px;padding-right:0;}
  .popup-outer{padding:80px 20px 40px;}
  .tools{position: absolute;top: 20px;width:140px;left:0px;}
  .arrow-left{top:0;}
  .arrow-right{top:7px;}

}

@media all and (max-width: 800px) {

  .col-33-2{width:100%;}

}

@media all and (max-width: 500px) {
  
  .login{margin:0;}
  .logo img{margin-bottom:10px;}
  body,
  .roboto{font-size: 12px;letter-spacing: 0.04rem;line-height:20px;}


}












































/* Print
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media print {



}