*{margin:0;padding:0;font-family: 'Open Sans';font-size:inherit;text-decoration:none;}
*{-ms-user-select:text;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:-moz-text;-o-user-select:text;user-select:text;}
body{overflow:hidden;color:#EEEEEE;background-color:#181818;height:5000px;}
.sections{position:absolute;left:0px;top:45px;right:0px;}
.sections.intro{text-align:center;position:fixed;top:0;bottom:0;left:0;right:0;}
body.loading{cursor:wait;}

.sections.intro .prev,
.sections.intro .next{width:100px;height:100px;background-color:transparent;position:absolute;top:50%;margin-top:-50px;z-index:2;}
.sections.intro .udbttn{border-color:transparent;border-style:solid;border-width:2px;overflow:hidden;border-radius:20px;}
.sections.intro .udbttn.prev *,
.sections.intro .udbttn.next *{display:none;}
.sections.intro .udbttn.prev:hover *,
.sections.intro .udbttn.next:hover *{display:inherit;}
.sections.intro .udbttn i {line-height:100px;font-size:80px;vertical-align:middle;color:white;}
.sections.intro .udbttn.prev i{margin-left: -10px;}
.sections.intro .udbttn.next i{margin-right: -10px;}
.sections.intro .prev,.sections.intro .prev{left:5px;}
.sections.intro .prev,.sections.intro .next{right:5px;}
.sections.intro img{cursor:pointer;}
.sections.intro img.fadeIn{position:absolute;z-index:1;}
.sections.intro .titles{position:absolute;top:20px;left:20px;min-width:380px;}
.sections.intro .titles a{position:relative;display: block;z-index: 1;margin-top: 2px;text-align: left;color: inherit;padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;overflow: hidden;}
.sections.intro .titles a div{font-weight:100;font-size:1.5em;line-height:1.5em;}
.sections.intro .titles a:nth-child(1){border-top-left-radius:16px;border-top-right-radius:16px;font-size:2em;line-height: 2em;}
.sections.intro .titles a:nth-child(1) div{font-weight:bold}
.sections.intro .titles a:nth-child(3){border-bottom-left-radius:16px;border-bottom-right-radius:16px;}
.sections.intro .titles a#old{height:24px;float: left;line-height:0.64em;font-size:0.64em;position: fixed;bottom: 20px;left: 20px;border-radius: 10px;padding-left:16px;padding-right:16px;}
.sections.intro .titles a i.fa,
.sections.intro .titles a i.fal{display:none;vertical-align: middle;position: absolute;right:0.8em;line-height: inherit;vertical-align: middle;font-size: 1.3em;}
.sections.intro .titles a i.fa, .sections.intro .titles a#old i.fal {position:unset;margin-left:16px;font-size:inherit!important;}
 .sections.intro .titles a:hover i.fa,
.sections.intro .titles a:hover i.fal{display: inline-block;}   

.sections.intro .info {display:none;background-color:transparent;position:fixed;left:0px;right:0px;top:0px;bottom:0px;z-index:3;text-align: left;}
.sections.intro .info .inner{width:820px;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.sections.intro  .info .maintitle{font-size:3em;line-height:1.5em;font-weight: bold; margin-bottom: 2px;position: relative;padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;border-top-left-radius: 16px;border-top-right-radius: 16px;overflow: hidden;}
.sections.intro  .info .segments {position: relative;font-weight:100;border-bottom-left-radius: 16px;border-bottom-right-radius:16px;overflow: hidden;}
.sections.intro  .info .segment  {width:49%;display: inline-block;vertical-align: top;cursor:pointer;}
.sections.intro  .info .segment>div:not(.udtrnsp)  {padding-left:24px;padding-right:24px;}
.sections.intro  .info .segment>div.title {font-size:1.5em;padding-top: 8px;padding-bottom: 8px;}
.sections.intro  .info .segment>div:not(.title) {font-size:smaller;padding-bottom: 48px;text-align: justify;}
.sections.intro  .info .segment .udtrnsp {width:409px;}
.sections.intro  .info .segment[value="s1"] .udtrnsp {left:auto!important;}
.sections.intro  .info .segment[value="s1"]>div:not(.udtrnsp)  {padding-left:36px;}
.sections.intro  .info .segment i.fal{position: absolute;bottom: 24px; margin-right: 24px;font-size: x-large;right:50%;}    
.sections.intro  .info .segment[value="s1"] i.fal{right: 0;}

.sections.intro .titles a:hover,
.sections.intro .titles a#old:hover,
.sections.intro  .info .segment:hover {color:#FFFFFF;}


@media(max-width: 840px){
    .sections.intro .info  .inner{width:auto;top:20px;left:20px;right:20px;bottom:20px;transform:none;overflow-y:auto;overflow-x:hidden;}
    .sections.intro .info .segment{width:auto; display:block;font-size:medium;position:relative;margin-bottom:2px;}
   .sections.intro .info .segment .udtrnsp{width:auto;}
   .sections.intro .info .segment[value="s1"] .udtrnsp{left:0!important;}
   .sections.intro .info .segment[value="s1"]>div:not(.udtrnsp){padding-left:24px;}
   .sections.intro .info .segment>div:not(.title){font-size: inherit;}
   .sections.intro .info .segment i.fal{right:0;bottom:12px;}
}

@media(max-height: 460px){

	.sections.intro .prev, 
	.sections.intro .next{display:none;}
}
@media(max-width: 420px){
	.sections.intro{font-size:0.65em;}
	.sections.intro .titles{left:10px;top:10px;min-width:auto;max-width:100%;}
	.sections.intro .titles a{padding-left: 8px;padding-right: 8px;}
	.sections.intro .titles a#old{vertical-align: middle;line-height: 24px;font-size: smaller;}
	.sections.intro .titles a#old>div{line-height:inherit;}

    .sections.intro .info  .inner{top:10px;left:10px;right:10px;}
	.sections.intro .info .maintitle{padding-left: 8px;padding-right: 8px;}
}

body{min-height:5000px!important;}