@charset "utf-8";
@import url("lato.css");
@import url("ttnormspro.css");
@import url("kepler.css");

* {
	margin: 0; 
	padding: 0; 
	outline: none;
    color: #1a1a1a;
}

html, body {
    height: 100%;
}

body {
	font-family: 'TTNormsProMedium', sans-serif;
    font-variant-ligatures: discretionary-ligatures;
    -moz-font-feature-settings: "dlig";
    -webkit-font-feature-settings: "dlig";
    font-feature-settings: "dlig";
	color: #1a1a1a;
	background-color: #f9f9f9;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}

.hider {
    display: none !important;
}
.left {
    float: left;
}
.rght {
    float: right;
}
.pabs {
    position: absolute;
}
.prel {
    position: relative;
}
.pointer {
    cursor: pointer;
}
.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=20);
}
.fade-twenty {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}
.fade-thirtyfive {
	opacity: 0.35;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
}
.fade-fifty {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.apge-2 .ttxt-8.psgl {
    padding-bottom: 15px;
}
.apge-2 .ttxt-8.pdbl {
    padding-bottom: 0;
}
.apge-2 .ttxt.ttxt-8 span.txtf1 {
    font-family: 'TTNormsProDemiBold', sans-serif;
    font-weight: normal;
    font-variant-numeric: oldstyle-nums;
    margin-left: 5px;
    font-size: 16px;
}
.apge-2 .ttxt.ttxt-8 span.txtf5 {
    font-family: 'TTNormsProDemiBold', sans-serif;
    font-weight: normal;
    font-variant-numeric: oldstyle-nums;
    font-size: 16px;
}
.apge-2 .ttxt.ttxt-8 span.txtf2 {
    font-variant-caps: all-small-caps;
}
.apge-2 .ttxt.ttxt-8 span.txtf3 {
    font-family: 'KeplerStdDisplayMedium', serif;
    font-weight: normal;
    font-variant-caps: all-small-caps;
    margin-right: 5px;
}
.apge-2 .ttxt.ttxt-8 span.txtf4 {
    font-family: 'KeplerStdDisplayItalic', serif;
    font-weight: normal;
}

.site-1 .ttxt,
.site-1 .ltxt {
    font-family: 'TTNormsProMedium', sans-serif;
    font-weight: normal;
}
.site-1 .ttxt.ttxt-8 {
    font-family: 'KeplerStdDisplay', serif;
    font-weight: normal;
}

.area .abox .ltxt {
    font-size: 13px;
    line-height: 18px;
}
.page {
    width: 100%;
    height: 100%;
}
.area {
    width: 100%;
    height: 100%;
    max-width: 1072px;
    margin: 0;
}
.area .apge {
    width: 100%;
    margin-top: 40px;
}
.area .apge.apge-1 {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
}
.area .apge.apge-2 {
    width: calc(100% - 65px);
    margin-left: 25px;
    margin-right: 40px;
}
.area .abox {
    width: 100%;
}
.area .abox .cbox {
    position: relative;
}
.area .abox .cbox .tbox {
    width: 100%;
}
.area .apge-1 .abox .tile-side.tile-bttn {
    width: 0px !important;
    margin-left: 0px !important;
}
.area .apge-1 .abox .tile-side {
    width: 130px;
}
.area .apge-2 .abox .tile-side.tile-bttn {
    width: 34px;
}
.area .tile-bttn .ttxt {
    width: 100%;
    bottom: 0;
}
.area .apge-2 .abox .tile-side {
    width: 131px;
}
.area .apge-2 .abox .tile-side p {
    margin-left: 34px;
}
.area .apge-2 .abox .tile-side.tile-bttn p {
    margin-left: 0;
}
.area .apge-2 .abox.abox-hdr .tile-side {
    width: 165px;
}
.area .apge-2 .abox.abox-hdr.abox-menu {
    position: fixed;
    background-color: #f9f9f9;
    z-index: 100;
    padding-top: 40px;
    margin-top: -40px;
    padding-bottom: 18px;
}
.area .apge-2 .abox.abox-hdr.abox-menu p.ttxt-link {
    width: auto;
    float: left;
    padding-right: 30px;
}

.area .apge-2 .abox.abox-top.abox-cont {
    margin-top: 33px;
}
.area .apge-2 .abox.abox-top.abox-cont .acol-fixd .tile-bttn {
    position: fixed;
}
.area .apge-2 .abox.abox-hdr .tile-main .ttxt-link {
    margin-bottom: 0px;
    font-size: 13.0px;
    line-height: 15.0px;
}
.area .abox .tile-main {
    width: calc(100% - 130px);
}
.area .apge-2 .abox .tile-main {
    width: calc(100% - 131px);
}
.area .abox.abox-hdr .tile-main {
    width: calc(100% - 165px);
}
.area .apge-2 .abox.abox-top .tile-main {
    padding-top: 58px;
}
.area .apge-1 .abox.abox-top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}
.area .apge-2 .abox.abox-top {
    margin-bottom: 22px;
}
.area .abox.abox-mid {
    margin-bottom: 26px;
}
.area .abox.abox-top .tile-side {
    min-height: 108px;
}
.area .apge-2 .abox.abox-hdr .tile-side {
    min-height: 33px;
}
.area .apge-2 .abox.abox-top .tile-side {
    min-height: 75px;
    max-height: 75px;
}
.area .abox.abox-mid .tile-side {
    min-height: 40px;
}
.area .abox.abox-btm .tile-side {
    width: 100%;
    min-height: 44px;
    margin-bottom: 40px;
}
.area .abox.abox-mid .tile-main .tile-imge {
    width: 100%;
}
.area .abox.abox-mid .tile-main .tile-imge img {
    width: 100%;
    height: 100%;
    float: left;
    object-fit: contain;
    object-position: left top;
}
.area .abox .tile-tggl-smll {
    display: none;
    width: 100%;
}
.area .apge-2 .ttxt-8-desk {
    display: block;
}
.area .apge-2 .ttxt-8-smll {
    display: none;
}
.area .apge-2 .acol-wrap {
    display: flex;
    flex-wrap: wrap;
}
.area .apge-2 .acol-wrap .acol.acol-fixd {
    width: 34px;
}
.area .apge-2 .acol-wrap .acol.acol-scrl {
    width: calc(100% - 34px);
}
.area .apge-2 .abox .arow-frst,
.area .apge-2 .abox .arow-scnd {
    width: 100%;
}
.area .apge-2 .abox.abox-top.abox-cont .arow-scnd .tile-side,
.area .apge-2 .abox.abox-top.abox-cont .arow-scnd .tile-main {
    padding-top: 52px;
}
.area .apge-2 .abox.abox-top.abox-cont .arow-scnd .tile-side .ttxt {
    font-family: 'TTNormsProNormal', sans-serif;
    font-weight: normal;
}

@media all and (max-width: 299px) {
    body {
        display: none;
    }
}

@media all and (max-width: 459px) {
    .area .abox.abox-top .tile-main {
        width: calc(70% - 30px);
    }
}

@media all and (min-width: 460px) and (max-width: 559px) {
    .area .apge.apge-1 .abox .tile-side,
    .area .apge.apge-2 .abox .tile-side {
        width: calc(30% - 30px);
    }
    
    .area .abox.abox-top .tile-main {
        width: calc(70% - 30px);
    }
}

@media all and (max-width: 559px) {
    
    .area .apge.apge-1,
    .area .apge.apge-2 {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .area .abox .tile-tggl-desk {
        display: none;
    }
    .area .abox .tile-tggl-smll {
        display: block;
    }
    .area .apge.apge-1 .abox .tile-side,
    .area .apge.apge-2 .abox .tile-side {
        width: 24%;
    }
    .area .apge.apge-2 .abox .tile-side {
        min-width: 120px;
    }
    .area .abox .tile-scle {
        width: 100%;
    }
    .area .apge.apge-1 .abox.abox-top .tile-side {
        margin-left: 30px;
        min-height: 60px;
    }
    .area .apge.apge-1 .abox.abox-top .tile-side.tile-bttn {
        margin-left: 0px;
        min-height: 60px;
    }
    
    .area .apge-2 .abox.abox-hdr.abox-menu p.ttxt-link {
        padding-right: 0;
        padding-bottom: 5px;
        width: 100%;
    }
    
    .area .apge-2 .abox.abox-top .arow-scnd .tile-side {
        min-height: 30px;
        max-height: none;
        padding-bottom: 18px;
    }
    
    .area .apge-2 .abox .arow-frst .tile-main,
    .area .apge-2 .abox .arow-scnd .tile-main {
        padding-top: 28px;
        width: 100%;
    }
    .area .apge-2 .abox .arow-scnd .tile-main {
        padding-top: 0 !important;
        width: 100%;
    }
    
    .area .apge-2 .abox .arow-frst .tile-side, 
    .area .apge-2 .abox .arow-scnd .tile-side {
        padding-top: 28px !important;
        width: 100%;
    }

    .area .apge-2 .ttxt-8-desk {
        display: none;
    }
    .area .apge-2 .ttxt-8-smll {
        display: block;
    }
    .area .apge.apge-2 .abox.abox-top .tile-side.tile-bttn {
        margin-left: 30px;
        min-height: 106px;
    }
    .area .apge-2 .abox.abox-top.abox-cont .acol-fixd .tile-bttn {
        margin-left: 0;
        width: 34px;
    }
    .area .abox.abox-mid .tile-tggl-smll {
        margin-top: 26px;
        margin-left: 30px;
        width: calc(100% - 60px);
    }
    .area .apge.apge-1 .abox.abox-btm .tile-side,
    .area .apge.apge-2 .abox.abox-btm .tile-side {
        margin-left: 30px;
        width: calc(100% - 60px);
    }
    
    .apge-2 .ttxt.ttxt-8 span.txtf1 {
        margin-left: 0;
    }

}