/* reset */
body, p, ul, ol, form, input, button, select, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, address, pre{margin:0;padding:0;}
ul, ol{list-style:none;}
button{border:none;}
*{box-sizing:border-box;}


/* tags */
body{font-family: 'Roboto', sans-serif;}
img{max-width:100%;}
a{color:#0088b4;}
a:hover{text-decoration:underline;}
p:last-child{margin-bottom:0;}


/* page */
.page-wrapper{max-width:1200px;width:85%;padding:0 30px;margin:auto;}
#page{}
#page-content{width:calc(100% - 320px);padding-top:50px;}


/* section */

.aside{position:fixed;top:0;right:0;width:320px;height:100vh;background:url(../img/aside-bg.jpg)no-repeat center;background-size:cover;}
.aside-box{position:relative;width:100%;height:auto;padding:50px 32px;background:#F2F2F2;}
.aside-box .etiquette{position:absolute;left:-45px;top:calc(50% - 11px);width:90px;background:#7299DE;font-family: 'Montserrat', sans-serif;font-size:13px;font-weight:300;line-height:22px;text-transform:uppercase;text-align:center;letter-spacing:1px;color:#FFFFFF;transform-origin:center;transform:rotate(-90deg);}
.aside-box-content{overflow:hidden;}
.aside-box-content + .aside-box-content{margin-top:40px;}
.aside-box-content .fa {float:left;width:20px;margin-right:32px;font-size:20px;color:#4A4A4A;}
.aside-box-content-right{float:left;width:calc(100% - 52px);}
.aside-box-content-right .sub-text{font-family:'Montserrat', sans-serif;font-size:13px;font-weight:400;color:#ABABAB;line-height:20px;}
.aside-box-content-right .sub-text:first-child{margin-bottom:16px;}
.aside-box-content-right .sub-strong{font-size: 16px;font-weight:700;line-height: 22px;color:#7299DE;}
.aside-box-content-right .sub-strong > a{text-decoration:none;color:#7299DE;transition:all .3s;}
.aside-box-content-right .sub-strong > a:hover{color:#4E6696;}

.header{width:100%;padding-bottom:56px;margin-bottom:72px;overflow: hidden;border-bottom:1px solid #f2f2f2;}
.header-logo{float:left;width:130px;margin-right:48px;}
.header-title{float:left;padding-top:28px;font-size:40px;font-weight:300;line-height:47px;color:#7299DE;}
.header-text{float:right;width:40%;font-size:16px;font-weight:300;letter-spacing:1px;line-height:1.5;}

.main{width:100%;margin-bottom:40px;overflow: hidden;}
.main-content{}
.main-content-box{position:relative;float:left;width:40%;padding-left:47px;margin-bottom:56px;margin-right:20%;}
.main-content-box:last-child{margin-right:0;}
.main-content-lateral{width:100%;font-family: 'Montserrat', sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform: uppercase;color:#7299DE;transform: rotate(-90deg);transform-origin: left top;position: absolute;bottom: -9px;left: 0;}
.main-content-lateral:after{content:"";display:block;position:absolute;bottom:50%;height:2px;width:100%;background:#7299DE;}
.main-content-box:first-child .main-content-lateral:after{left:95px;}
.main-content-box:nth-child(2) .main-content-lateral:after{left:100px;}
.main-content-inner{font-size:16px;line-height: 1.6;color:#4A4A4A}
.main-content-inner .sub-title{margin-bottom:32px;font-size:16px;font-weight:500;}
.main-content-inner-text{font-weight:300;letter-spacing:0.6px;}
.main-content-inner-text strong{font-weight:500;}
.main-content-inner-text .sub-name,.main-content-inner-text .sub-date{font-family: 'Montserrat', sans-serif;font-size:20px;font-weight: 400;}
.main-content-inner-text .sub-denom{font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: 700; color:#ABABAB;}


.map{position: relative; width:100%;margin-bottom:57px;z-index: 1;}
.map a{width:100%;height:260px;display: block;background:url(../img/Map.png)no-repeat 60% 50%;background-size:cover;box-shadow: 0px 0px 15px rgba(0,0,0,0.08);}

.footer{position:relative;width:100%;padding-bottom:56px;background:#4E6696;color:#FFFFFF;z-index: 0;line-height: 1.6;}
.footer:after{content:"";position:absolute;top:-150px;left:0;display: block;width:100%;height:150px;background:#4E6696;}
.footer .grid-adaptive > .sub-column-25{margin-top:0;margin-bottom:48px;}
.footer .grid-adaptive {margin-top:0;}
.footer-title {margin-bottom:32px;font-family: 'Montserrat', sans-serif;font-size:12px;font-weight: 700;text-transform: uppercase;letter-spacing:1px;}
.footer-text{font-size:16px;font-weight:300;}
.footer-text > a{text-decoration:none;color:#FFFFFF;}

/* link */
.link-default{font-weight:500;transition: all .3s;}
.link-default:hover{opacity:0.5;}

/* grid */
.grid-adaptive{word-spacing:-3px;letter-spacing:-3px;}
.grid-adaptive:last-child{margin-bottom:0;}
.grid-adaptive > [class*=sub-column-]{display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;box-sizing:border-box;}
.grid-adaptive > .sub-column-100{width:100%;}
.grid-adaptive > .sub-column-80{width:80%;}
.grid-adaptive > .sub-column-70{width:70%;}
.grid-adaptive > .sub-column-65{width:65%;}
.grid-adaptive > .sub-column-60{width:60%;}
.grid-adaptive > .sub-column-50{width:50%;}
.grid-adaptive > .sub-column-40{width:40%;}
.grid-adaptive > .sub-column-35{width:35%;}
.grid-adaptive > .sub-column-33{width:33.3333333%;}
.grid-adaptive > .sub-column-30{width:30%;}
.grid-adaptive > .sub-column-25{width:25%;}
.grid-adaptive > .sub-column-20{width:20%;}
.grid-adaptive.is-small{margin-left:-25px;margin-top:-25px;margin-bottom:25px;}
.grid-adaptive.is-small > [class*=sub-column-]{padding-left:25px;margin-top:25px;}
.grid-adaptive{margin-left:-50px;margin-top:-50px;margin-bottom:50px;}
.grid-adaptive > [class*=sub-column-]{padding-left:50px;margin-top:50px;}
.grid-adaptive.is-large{margin-left:-75px;margin-top:-75px;margin-bottom:75px;}
.grid-adaptive.is-large > [class*=sub-column-]{padding-left:75px;margin-top:75px;}

@media (max-width:1375px){
	.grid-adaptive > .sub-column-80{width:100%;}
	.grid-adaptive > .sub-column-70{width:100%;}
	.grid-adaptive > .sub-column-65{width:100%;}
	.grid-adaptive > .sub-column-60{width:100%;}
	.grid-adaptive > .sub-column-50{width:100%;}
	.grid-adaptive > .sub-column-40{width:100%;}
	.grid-adaptive > .sub-column-35{width:100%;}
	.grid-adaptive > .sub-column-33{width:100%;}
	.grid-adaptive > .sub-column-25{width:33.3333333%;}
	.grid-adaptive > .sub-column-20{width:33.3333333%;}
	.grid-adaptive{margin-left:-25px;margin-top:-25px;margin-bottom:25px;}
	.grid-adaptive > [class*=sub-column-]{padding-left:25px;margin-top:25px;}
	.grid-adaptive.is-large{margin-left:-50px;margin-top:-50px;margin-bottom:50px;}
	.grid-adaptive.is-large > [class*=sub-column-]{padding-left:50px;margin-top:50px;}
}

@media (max-width:1050px){
    .grid-adaptive > .sub-column-25{width:50%;}
	.grid-adaptive > .sub-column-20{width:50%;}
}

@media (max-width:600px){
	.grid-adaptive > [class*=sub-column-]{width:100%;}
}

/* media queries */

/* desktop */
@media (max-width: 1605px){
    .header-text{float:none;width:75%;padding-top:56px;clear:both;}
}

@media (max-width: 1050px){
    
    #page-content{width:100%;padding-top:50px;}
    
    .header{margin-bottom: 0;border-bottom:none;}
    
    .aside{position:relative;width:100%;height:auto;margin-bottom: 72px;background:none;background:#F2F2F2;}
    .aside-box{position:relative;max-width:1200px;width:85%;padding:50px 30px;margin:auto;}
    .aside-box-content{display: inline-block; width:calc(40% - 3px);vertical-align: top;}
    .aside-box-content + .aside-box-content{margin-left:20%;margin-top:0px;}
    .aside-box .etiquette{position:absolute;left:0;top:-15px;transform: none;}
}


/* tablet */
@media (max-width: 730px){
    
    #page-content{padding-top:32px;}
    
    .page-wrapper,.aside-box{width:95%;padding:0 25px;}
    
    .header-logo{width:110px;padding-top: 15px;margin-right:48px;}
    .header-title{font-size:32px;line-height:47px;}
    .header-text{width:100%;}
    
    .aside-box{padding:40px 25px;}
    .aside-box-content{display: inline-block; width:calc(48% - 3px);vertical-align: top;}
    .aside-box-content + .aside-box-content{margin-left:4%;}
    .aside-box-content:nth-child(2) .sub-text:first-child {margin-bottom: 0px;}
    
    .main-content-box{position:relative;float:none;width:100%;padding-left:47px;margin-bottom:56px;margin-right:0%;overflow: hidden;}
    
    .footer-title {margin-bottom:16px;}
    
}

/* mobile */
@media (max-width: 550px){
    
    .header-logo{float:none;display: block;width:130px;margin:0 auto;}
    .header-title{float:none;width:100%;text-align: center;}
    
    .aside-box-content{display: block; width:100%;padding-bottom:32px;}
    .aside-box-content + .aside-box-content{margin-left:0px;padding-bottom:0px;padding-top:32px;border-top:1px solid rgba(0,0,0,0.15);}
    
}