@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body.wait-preloader {
    overflow: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    color: #000000;
    background-color: #9D9E9E;
    overflow-x: hidden;
}

body a {
    text-decoration: none;
    color: #fff;
    transition: color .2s linear,
        background-color .2s linear,
        border-color .2s linear,
        opacity .3s ease;
}

body a:hover { opacity: 0.9;}

.u-full-width{width:100%;box-sizing:border-box;}
.u-max-full-width{max-width:100%;box-sizing:border-box;}
.u-pull-right{float:right;}
.u-pull-left{float:left;}
.wrap:after,.row:after,.u-cf{content:"";display:table;clear:both;}
.wrap{position:relative;width:1200px;margin:0 auto;box-sizing:border-box;height:100%;}
.column, .columns{width:100%;box-sizing:border-box;}
/*.column:first-child, .columns:first-child, li:first-child{margin-left:0!important;}
.column:last-child {margin-right:0!important;}*/

.content {display: table;  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;}
.row {  display: table-cell;  vertical-align: middle;}
.column {width:30%; background:#000;height:96vh;position:relative;text-align:center;padding:20px;}
.left-c {float:left;margin-left:2%;}
.right-c {float:right;margin-right:2%;}
.center-c {margin:auto;  }


.img-logo img {margin-top:30%;max-width:100%;height:auto;}
.info {position:absolute;bottom:10%;left:0;right:0;width:70%;color:#fff;margin: auto;text-align: left;transform: translateY(30px);transition: all .3s linear;}
.column:hover .info {transform: translateY(0px);}
.info .title {font-size: 40px;}
.info .desc {padding:30px 0 25px;}
a.tosite {color:#fff;text-transform:uppercase;background-color: #ff2c1a;padding: 10px 15px 10px 19px;font-size: 12px;letter-spacing: 4px;border-radius: 20px;}

@media only screen and (max-width:800px){
.info {    width: 90%;}
.info .title {font-size: 30px;}
.info .desc {    padding: 25px 0 20px;    font-size: 14px;}
}

@media only screen and (max-width:620px){
.info .title {font-size: 24px;}
}

@media only screen and (max-width:500px){
.content {    left: 0;    right: 0;    margin: auto;    width: 90%;}
.column {width:100%;float:left;margin:20px auto 10px;padding:20px;height: 400px;}
.img-logo img {    margin-top: 30px;}
.info {    bottom: 50px;}
}

@media only screen and (max-height:500px){
.img-logo img {    margin-top: 30px;}
.info .desc {    padding: 15px 0 10px;}
}

.animate {
    opacity: 0;
    transition: .3s ease-in;
}

.animate.show-it {
    opacity: 1;
}