@import "variables.css";
@import "fonts.css";
@import "grids.css";

body{margin:0; padding:0; font:normal 12px/18px Peyda;}
body *{box-sizing: border-box}
a{text-decoration:none; color:;}
a:hover{color:;}
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:0; padding:0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{transition:all ease-out 0.15s}
figure{margin:0; padding:0}
img[loading]{opacity:0.1}
ul, ol{list-style:none; margin:0; padding:0}
ul{list-style:none; margin:0; padding:0}
p{margin:0; padding:0}
input,textarea,button,select, option, optgroup{outline:none !important; font:12px/18px Peyda;}

#header{height:var(--header-height); padding:0 32px; position:absolute; top:0; left:0; right:0; overflow:hidden}
#header .container-fluid{height:100%;}
#header .container-fluid .row{height:100%;}
#header .container-fluid .col-start,
#header .container-fluid .col-end{display:flex; align-items: center}

#header .site-logo{}
#header .site-logo a{line-height:0; display:block;}
#header .site-logo img{height:calc(var(--header-height) - 16px);}

#header .main-menu{}
#header .main-menu ul{display:flex;}
#header .main-menu ul li{margin-left:16px;}
#header .main-menu ul li .menu-title{height:34px; line-height:32px; font-size:18px;}
#header .main-menu ul li .menu-title a{display:block; height:100%; padding:0 16px; background:#102694; color:#fff; }

#main{height:calc(100% - var(--header-height)); position:absolute; top:var(--header-height); left:0; right:0; overflow:hidden}

.box[data-theme="full-slideshow"]{position:absolute; top:0; left:32px; right:32px; bottom:32px}
.box[data-theme="full-slideshow"] .box-stage{position: absolute; top:0; left:0; right:0; bottom:0}
.box[data-theme="full-slideshow"] .box-stage .swiper{width:100%; height:100%}
.box[data-theme="full-slideshow"] .box-stage .swiper-wrapper{}
.box[data-theme="full-slideshow"] .box-stage .swiper-slide{}
.box[data-theme="full-slideshow"] .box-stage .content-item{width:100%; height:100%}
.box[data-theme="full-slideshow"] .box-stage .content-item .thumbnail{width:100%; height:100%;}
.box[data-theme="full-slideshow"] .box-stage .content-item .thumbnail img{width:100%; height:100%; object-fit: cover}
.box[data-theme="full-slideshow"] .box-stage .content-item .details{position:absolute; max-width:80%; width:fit-content; height:fit-content; top:50%; left:50%; transform:translateX(-50%) translateY(-50%)}
.box[data-theme="full-slideshow"] .box-stage .content-item .details .title{line-height:54px; font-size:32px; width:fit-content; text-align:center}
.box[data-theme="full-slideshow"] .box-stage .content-item .details .title a{display:block; height:100%; padding:0 32px 4px; background:#102694; color:#fff; word-spacing:8px;}