@font-face {
    font-family: 'Blair ITC';
    src: url('../fonts/BlairITCStd-Bold.woff2') format('woff2'),
    url('../fonts/BlairITCStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Blair ITC';
    src: url('../fonts/BlairITC-Medium.woff2') format('woff2'),
    url('../fonts/BlairITC-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Blair ITC';
    src: url('../fonts/BlairITC-Light.woff2') format('woff2'),
    url('../fonts/BlairITC-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


html {scroll-behavior: smooth;}
html, body {font-family: 'Blair ITC', sans-serif;font-weight:500;min-height: 100%;height:100%;}
body.change-overflow {overflow:hidden;}
* {outline:0;}
a:hover, a:active, a:focus {text-decoration: none;}
a, button {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
h1, h2, h3, h4, h5 {font-weight: 900;}

ul {margin:0;padding:0;list-style-type: none;}
.mobile-visible {display:none;}
.tablet-visible {display:none;}
.pad-none {padding:0;}
.full {width:100%;}
.table-content {display: table;  width: 100%;  height: 100%;}
.table-cell-content {display: table-cell; vertical-align: middle;}
.animation-- {-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;  }
.animation-one {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;  }
.animation-two {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.fl-right {float:right;}
.height-fix {height:100%;}
.h-fix {height:100%;}
.height-very {height:80%;}
.stream-iframe {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.stream-iframe iframe, .stream-iframe video {position:absolute;top:0;left:0;width:100%;height:100%;}
.stream-iframe .player {background:transparent !important;}
.grayscale img, .grayscale iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.grayscale img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.cursorP {cursor: pointer;}
h2 {font-size:18px;color:#000;margin-bottom: 15px;}

.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#mainSliderArea {width: 100%;height: 100%;overflow:hidden;}
.swiper-container {width: 100%;height: 100%;}

.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sliderArr {position: absolute;top: 45%;width: 100%;}
.slideNext {position: absolute;z-index: 9;right:15px;cursor: pointer;}
.slidePrev {position: absolute;z-index: 9;left:15px;cursor: pointer;}


