body{font-family:"思源黑体 CN Bold";!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;color: #fff;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
.container{margin:0 auto;padding:0!important;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
#wrap_index{overflow: hidden;position: relative;}
/*头部*/
#headerbox{width: 100%;height:98px;z-index: 2;padding: 0 6% 0 7.8%;transition: 300ms;}
#headerbox .container{position: relative;}
#headerbox .logo{width: 35%;height: 100%;float: left;}
#headerbox .logo a{display: table-cell;vertical-align: middle;width: 220px;height: 80px;}
#headerbox .logo img{max-width: 100%;max-height: 100%;}
#headerbox .logo img.logo2,#headerbox .mol_navbutton img.btn2{display: none;}
#headerbox .mol_navbutton{width: 55px;height: 55px;float: right;padding: 6px;margin-top: 16px;}
#headerbox .head-r{width:790px;height: 100%;float: right;}
#headerbox .head-r .nav_box{width: 100%;height: 98px;}
#headerbox .nav_box .yiji{width:20%;float: left;height: 80px;line-height: 80px;text-align: center;}
#headerbox .nav_box .yiji2{position: relative;}
#headerbox .nav_box .yiji .one{display: block;width: 100%;height: 100%;overflow: hidden;font-size: 18px;color: #fff;position: relative;transition: 300ms;}
#headerbox .nav_box .yiji .one:before{content: "";width:11px;height: 7px;position: absolute;left: 50%;bottom: 10px;margin-left: -5px;background: url(../images/icon1.png) top left no-repeat;transition: 300ms;}
/*#header .nav_box .yiji:hover .one:before{background: url(../images/icon1.png) bottom left no-repeat;transition: 300ms;}*/
#headerbox .nav_box .yiji .libox{display: none;width: 100%;height: auto;position: absolute;top: 106%;left: 0;z-index: 8;background: #181818;}
#headerbox .nav_box .yiji .libox:before{content: "";border-bottom: 7px solid #181818;border-top: 7px solid transparent;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;top: -14px;left: 50%;margin-left: -7px;}
#headerbox .nav_box .yiji .libox a{display: block;width: 100%;height: 44px;line-height: 44px;overflow: hidden;color: #fff;}
#headerbox .nav_box .yiji .libox a:hover{background: #131c7c;}

#headerbox .libox_pro{display: none;width: 100%;height:auto;min-height: 560px;overflow: hidden;position: absolute;left: 0;top: 100%;z-index: 8;background: #fff;}
#headerbox .libox_pro .liboxbg{width: 100%;height: auto;text-align: right;position: absolute;top: 0;right: 0;}
#headerbox .nav_chance{position: relative;z-index: 2;}
#headerbox .nav_chance .hd{width: 25%;height: auto;overflow: hidden;float: left;background: #fff;}
#headerbox .nav_chance .hd .cli{overflow: hidden;width: 100%;padding: 0 20px;height: 81px;line-height: 80px;color: #000;cursor: pointer;font-size: 16px;text-align: left;}
#headerbox .nav_chance .hd .cli a{color: #000;}
#headerbox .nav_chance .hd .cli .img{width: 11%;float: right;}
#headerbox .nav_chance .hd .cli .img img{margin-top: 8px;}
#headerbox .nav_chance .hd .cli:hover,.nav_chance .hd .cli.on{background: #f6f6f6;}
/*width: calc(100% - 500px);*/
#headerbox .nav_chance .bd{width:75%;float: left;}
#headerbox .nav_chance .bd .detil{zoom:1;width: 100%;height: auto;overflow: hidden;display: none;}
#headerbox .nav_chance .bd .detil:first-child{display: block;}
.nav_chance_two,.nav_chance_thr{width: 100%;height: auto;overflow: hidden;text-align: left;}
.nav_chance_two .hd_two{width: 20.6%;min-height: 560px;float: left;background-color: rgba(255, 255, 255, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.nav_chance_two .hd_two .cli_two{overflow: hidden;width: 100%;padding: 0 20px;height: 66px;line-height: 66px;color: #333;cursor: pointer;font-size: 16px;transition: 300ms;}
.nav_chance_two .hd_two .cli_two a,.nav_chance_thr .hd_thr .cli_thr a{padding-left:5px;color: #999;}
.nav_chance_two .hd_two .cli_two.on{background: #f5f5f5;transition: 300ms;}
.nav_chance_two .bd_two{width:79.4%;float: left;}
.nav_chance_two .bd_two .detil_two,.detil_thr{zoom:1;width: 100%;height: auto;overflow: hidden;display: none;}
.nav_chance_two .bd_two .detil_two:first-child,.detil_thr:first-child{display: block;}
.nav_chance_two .bd_two .detil_two .img{width:33%;margin: 0 auto;color: #131c7c;padding-left: 6%;padding-top: 4%;}
.nav_chance_two .bd_two .detil_two .pro_cs{width: 100%;text-align:center;height: auto;overflow: hidden;padding: 0 7.8% 0 15%;}
.nav_chance_two .bd_two .detil_two .pro_cs li{width: 16.66%;float: left;line-height: 1.9;padding-top: 24px;}
.nav_chance_two .bd_two .detil_two .pro_cs li p{font-size: 14px;color: #000000;font-weight:bold;}
.nav_chance_two .bd_two .detil_two .pro_cs li span{font-size: 16px;color: #131c7c;}

.nav_chance_thr .hd_thr{width: 20.7%;min-height: 560px;float: left;background-color: rgba(255, 255, 255, 0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.nav_chance_thr .hd_thr .cli_thr{overflow: hidden;width: 100%;padding: 0 18px;height: 66px;line-height: 66px;color: #333;cursor: pointer;font-size: 16px;transition: 300ms;}
.nav_chance_thr .hd_thr .cli_thr.on{background: #f5f5f5;transition: 300ms;}
.nav_chance_thr .bd_thr{width: 79.3%;float: left;}
.nav_chance_thr .bd_thr .detil_thr .img{width: 41%;}

#headerbox.head_up,.ny_wrap #headerbox.head_up{background: #fff;box-shadow: 0 0 16px rgba(31,31,31,0.2);}
#headerbox.head_up .logo img.logo2,#headerbox.head_up .mol_navbutton img.btn2{display: block;}
#headerbox.head_up .logo img.logo1,#headerbox.head_up .mol_navbutton img.btn1{display: none;}
@media (min-width: 768px){
    #headerbox.head_up{height: 88px;transition: 300ms;}
    #headerbox.head_up .nav_box .yiji .one{color: #333333;transition: 300ms;}
    #headerbox.head_up .nav_box .yiji .one:before{background: url(../images/icon1.png) bottom left no-repeat;transition: 300ms;}
    .proSlider .slick-dots{display: none;}
    .solutin_ul li a:hover dl{background:#131c7c url(../images/icon4.png) center 87% no-repeat;transition: 300ms;}
    .solutin_ul li a:hover dl dt:before{width: 56px;transition: 300ms;}
    .solutin_ul li a:hover dl dt,.solutin_ul li a:hover dl dd{color: #fff;transition: 300ms;}
    .pro_content .newsul li:hover{padding-left:25px;box-shadow: 0 0 25px rgba(0,0,0,0.1);background: #fff;transition: 300ms; }
    .pro_content .newsul li:hover .new_dec .title{color: #131c7c;transition: 300ms;}
}
/*内容*/
.solution{width: 100%;padding: 30px 7.8%;background: url(../images/bg2.png) right top no-repeat;background-size:36.56% auto;}
.solution_box{width:52.34%;}
.alltitle{max-width: 301px;text-align:center;color: #131c7c;font-size: 36px;font-weight: bold;background: url(../images/bg1.png) left bottom no-repeat;padding-bottom:20px;margin: 20px 0;}
.alltitle span{line-height: 2.6;font-size: 24px;float: right;text-transform: uppercase;}
.solution .solu_dectil{width: 100%;height: auto;overflow: hidden;font-size: 22px;line-height: 1.6;color: #666666;margin-bottom: 24px;}
.solution .solu_dectil h2{font-size: 30px;color: #010101;margin: 20px 0 30px;font-weight:normal;}
.allmore{width: 220px;height: 53px;line-height: 53px;margin: 30px 0;font-weight: bold;font-size: 16px;text-align: center;text-transform: uppercase;
  background: -webkit-linear-gradient(-45deg,#0e1669, #2c3de2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-45deg,#0e1669, #2c3de2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-45deg,#0e1669, #2c3de2); /* Firefox 3.6 - 15 */
  background: linear-gradient(-45deg,#0e1669, #2c3de2); /* 标准的语法 */}
.allmore a{display: block;width: 100%;height: 100%;color: #fff;background: url(../images/icon3.png) 110% center no-repeat;transition: 300ms;}
.allmore a:hover{background: url(../images/icon3.png) 93% center no-repeat;transition: 300ms;}
.slick-dots li button:before{display: none;}
.proSlider .slick-dots{bottom:0;}
.proSlider .slick-dots li{width: 8px;height: 8px;border-radius: 50%;background: #ddd;margin: 0 5px;}
.proSlider .slick-dots li.slick-active{background: #131c7c;}

.product .alltitle{margin:20px auto;background: url(../images/bg1.png) center bottom no-repeat;}
.product .allmore{margin: 20px auto 30px;}
.product .proSlider{padding: 0 12px;}
.proSlider .proli{padding: 25px 16px 35px;width: 100%;height: auto;}
.proSlider .proli a{display: block;width: 100%;height: auto;position: relative;transition: 0.7s transform;}
.proSlider .proli a:hover{transition: 0.7s transform;-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06);}
.proSlider .proli .pro_hover{width: 100%;height: 100%;position: absolute;top: 0;left: 0; color: #fff;opacity: 0;transition: 300ms;
  background-color: rgba(19, 28, 124, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f131c7c,endcolorstr=#2f131c7c);}
.proSlider .proli dl{width: 100%;padding: 0 10%;position: absolute;top: 70%;left: 0;transition: 300ms;
  -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}
.proSlider .proli dl dt{font-size: 48px;line-height: 1.6;font-weight: normal;margin-bottom: 5%;text-align: center;}
.proSlider .proli dl dd{font-size: 22px;line-height: 1.6;}
.proSlider .proli:hover a{}
.proSlider .proli:hover .pro_hover{opacity: 1;transition: 300ms;}
.proSlider .proli:hover dl{top: 50%;transition: 300ms;}
.About{width: 100%;padding:50px 7.8% 8%;background: url(../images/pic6.png) center bottom no-repeat;background-size:100% auto; }
.About .about_dectil{padding-bottom:200px;width:100%;height: auto;min-height:280px;overflow: hidden;font-size: 14px;line-height:2;color: #666666;padding-top:30px;}
.newbox{padding:2% 14%;}
.newboxul{width: 100%;height: auto;overflow:hidden;padding: 4% 0;}
.newboxul .new_left{width: 50%;float: left;padding-right: 40px;}
.newboxul .new_left a{display: block;width: 100%;height: auto;overflow:hidden;position: relative;}
.newboxul .new_left a .img{overflow: hidden;}
.newboxul .new_left .newdec{position: absolute;bottom: 0;left: 0;padding:10px 20px;
background-color: rgba(16, 65, 170, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f1041aa,endcolorstr=#2f1041aa);}
.newboxul .new_left .newdec .time{color: #aec1ed;}
.newboxul .new_left .newdec dl dt{color: #fff;}
.newboxul .new_left .newdec dl dd{color: #aec1ed;}
.newboxul .newdec{width: 100%;height: auto;overflow: hidden;padding:10px 0;}
.newboxul .newdec .time{width: 108px;float: left;color: #616162;font-size: 16px;line-height: 1.4;position: relative;padding: 10px 0;}
.newboxul .newdec .time p{font-size: 22px;}
.newboxul .newdec .time:before{content: "";width: 36px;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;}
.newboxul .newdec dl{margin-left: 108px;}
.newboxul .newdec dl dt{font-size: 18px;color: #262626;height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;transition: 300ms;}
.newboxul .newdec dl dd{height: 48px;width: 100%;overflow: hidden;line-height: 24px;font-size: 14px;color: #666666;margin-top: 10px;}
.newboxul ul{width: 50%;float: left;}
.newboxul ul li{border-left: 1px solid #efefef;padding-left: 40px;position: relative;}
.newboxul ul li a{display: block;width: 100%;height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #efefef;}
.newboxul ul li a:hover .newdec dl dt{color: #131c7c;transition: 300ms;}
.newboxul ul li:hover:before{content: "";width: 1px;height: 34px;background: #231815;position: absolute;left: 0;top: 30px;}
/*页脚*/
.footer{width: 100%;padding: 0 14%;background: #21242c;}
.fooot_top{width: 100%;height: auto;overflow: hidden;padding: 35px 0;}
.fooot_top .contact{width: 30%;float: left;}
.fooot_top .contact .tell{font-size: 14px;color: #fff;}
.fooot_top .contact .tell p{font-size: 32px;font-weight: bold;line-height: 1.7}
.fooot_top .contact .tact{width: 100%;height: auto;font-size: 14px;color: #8f8f8f;line-height: 26px;margin: 10px 0;}
.fooot_top .footnav{width: 70%;height: auto;overflow: hidden;padding: 0 5%;}
.footnav li{width: 20%;float: left;position: relative;text-align: center;}
.footnav li h1{width: 100%;height: 30px;line-height: 30px;overflow: hidden;color: #fff;font-size: 14px;}
.footnav li .erli{width: 100%;height:auto;line-height: 30px;font-size: 14px;}
.footnav li .erli a{display: block;width: 100%;height: 30px;color: #8f8f8f;overflow: hidden;transition: 300ms;}
.footnav li .erli a:hover{color: #fff;transition: 300ms;}
.foot_link{width: 100%;padding: 19px 0;height: auto;overflow: hidden;border-top: 1px solid #2e3133;border-bottom: 1px solid #2e3133;font-size: 14px;color: #5f6269;}
.foot_link span{font-weight: bold;color: #fff;}
.foot_link a{color: #5f6269;display: inline-block;height:24px;line-height: 24px;padding: 0 10px;transition: 300ms;}
.foot_link a:hover{color: #fff;transition: 300ms;}
.footer .copy{padding: 18px 0;line-height: 24px;font-size: 14px;color: #5f6269;}
.mobeil_fotnav{width: 100%;padding: 25px 2%;height: auto;overflow: hidden;}
.mobeil_fotnav a{display:block;width: 20%;float: left;text-align: center;font-size: 16px;color: #fff;}

/*about*/

#quanqiu {width:100%;}
.ny_wrap #headerbox{background-color: rgba(255, 255, 255, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2fffffff,endcolorstr=#2fffffff);}
.ny_wrap #headerbox .nav_box .yiji .one{color: #333333;}
.ny_wrap #headerbox .nav_box .yiji .one:before{background: url(../images/icon1.png) bottom left no-repeat;}
.ny_wrap #headerbox .logo img.logo2,.ny_wrap #headerbox .mol_navbutton img.btn2{display: block;}
.ny_wrap #headerbox .logo img.logo1,.ny_wrap #headerbox .mol_navbutton img.btn1{display: none;}

.nybanner:before{content: "";position: absolute;right: 60%;top: 0;width: 200%;height: 100%;z-index: 1;background: rgba(19,28,124,.5);display: none;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    -webkit-transition-delay: .2s;transition-delay: .2s;
    -webkit-transform: skew(50deg,0);transform: skew(50deg,0);animation: nybannerbg 0.7s forwards;}
@keyframes nybannerbg {
  0% {opacity: 0;right:90%;}

  100% {opacity: 1;right:60%;}
}

.nybanner .bantitle{position: absolute;bottom: 10%;left: 14%;color: #fff;z-index: 3;font-size: 24px;line-height: 1.5;text-transform: uppercase;}
.nybanner .bantitle p{font-weight: bold;font-size: 36px;}

.ab_content{width: 1280px;margin: 70px auto;}
.dectilbox{min-height: 370px;font-size: 16px;color: #333;line-height: 1.6;}
.dectilbox h2{font-size: 30px;font-weight: bold;color: #333;text-align: center;margin-bottom: 30px;}
.dectilbox img{max-width: 100%;margin: 0 auto;display: inherit;}
.tabContainer{display: flex;align-items: flex-start;justify-content: space-between;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom: 50px;}
.tabContainer .all{display: flex;align-items: center;cursor: pointer;line-height: 78px;height:78px;white-space: nowrap;margin-right: 10px;}
.tabContainer .all span{position: relative;display: inline-flex;
  justify-content: center;padding: 0 10px;line-height:78px;height: 100%;font-size: 14px;color: #333;}
.tabContainer .all.active,.tabContainer .all:hover {color: #131c7c;}
.tabContainer .all.active span,.tabContainer .all:hover span{position: relative;color: #131c7c;}
.tabContainer .all.active span::after,
.tabContainer .all:hover span::after{position: absolute;content: "";width: 100%;height: 2px;bottom: 0;left: 0;background: #131c7c;z-index: 1;}
.tabContainer .cate{display: flex;align-items: flex-start;width: 100%;}
.tabContainer ul{width: 100%;margin: 0 auto;overflow: hidden;height: 78px;}
.tabContainer ul li{display: inline-block;height: 79px;line-height: 78px;padding-right:5%;cursor: pointer;font-size: 14px;overflow: hidden;border-bottom: 1px dashed #e5e5e5;}
.tabContainer ul li.active span,.tabContainer ul li:hover span{position: relative;color: #131c7c;}
.tabContainer ul li.active span::after,.tabContainer ul li:hover span::after{left: 0;}
.tabContainer ul li a{display: inline-block;line-height: 78px;}
.tabContainer ul li span{position: relative; display: inline-block;padding: 0 5px;width: auto;height: 100%;line-height: 78px;}
.tabContainer ul li span::after{position: absolute;content: "";width: 100%;height: 2px;bottom: 0;left: -120%;background: #131c7c;z-index: 1;transition: all 0.5s;}
.tabContainer .more{display: flex;align-items: center;justify-content: center;cursor: pointer;height: 78px; width:40px;}
.tabContainer .more i{font-size: 24px;color: #323232;}
.tabContainer .more.on .icon-add{display: block;}
.tabContainer .more.on .icon-jian{display: none;}
.tabContainer .more.off .icon-add{display: none;}
.tabContainer .more.off .icon-jian{display: block;}
/*手机轮播*/
.molposnav{width: 100%;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.molposnav a{display: inline-block;height:44px;line-height: 44px;padding-right: 24px;color: #333;font-size: 14px;}
.molposnav a span{display: inline-block;height: 100%;padding: 0 8px;}
.molposnav a.active span{border-bottom: 1px solid #131c7c;color: #131c7c;}
/*产品列表*/
.pro_content{padding: 30px 13.75%;}
.pro_content .pro_flone h2{width: 100%;font-size: 30px;font-weight: bold;color: #000000;padding: 30px 0;}
.pro_flone .flone_box{width:calc(100% + 22px);height: auto;overflow: hidden;margin-left: -11px;margin-bottom: 20px;}
.pro_flone .flone_box .flone_left{width:25%;float: left;padding: 11px;}
.pro_flone .flone_box .flone_left a{display: block;width: 100%;height: auto;overflow: hidden;position: relative;background: #efefef;}
.flone_left .fltitle{padding: 0 9%;position: absolute;top: 7%;left: 0;width: 100%;height: auto;font-size: 18px;color: #858585;line-height: 1.9;}
.flone_left .fltitle p{font-size: 24px;font-weight: bold;color: #666;}
.fltwo_box{width: 75%;float: left;height: auto;overflow: hidden;}
.fltwo_box li{width: 33.33%;padding: 11px;float: left;}
.fltwo_box li .libox{padding:9%;width: 100%;height: auto;overflow: hidden;position: relative;border: 1px solid #efefef;}
.fltwo_box li .libox .fltitle{width: 100%;height: auto;font-size: 20px;color: #333;font-weight: bold;line-height: 1.5;}
.fltwo_box li .libox .fltitle p{font-weight: normal;}
.fltwo_box li .libox a{display: block;width: 100%;height: 50px;border: 1px solid #313131;line-height: 50px;text-align: center;font-size: 16px;color: #333;transition: 300ms;}
.fltwo_box li .libox a:hover{background: #131c7c;border: 1px solid #131c7c;color: #fff;transition: 300ms;}
.fltwo_box li .libox .img{overflow: hidden;margin: 9% 0;}
.fltwo_box li .libox:hover .img img,.flone_left a:hover .img img,.solutin_ul li a:hover .img img,.newboxul .new_left a:hover .img img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*产品详情*/
.prodec_content .dectilbox img{transition: 0.7s transform;}
.prodec_content .dectilbox img:hover,.prodec_ul li a:hover .img img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.prodec_one{width: 100%;height: auto;padding: 30px 0 50px;}
.prodec_title{width: 100%;font-size: 16px;color: #333;padding: 30px 0;}
.prodec_title p{font-size: 30px;color: #000;line-height: 1.7;position: relative;}
.prodec_title p:before{content: "";background: #000;position: absolute;bottom: 13px;left: 50%;margin-left: -29px;}
.prodec_title.white,.prodec_title.white p{color: #fff;}
.prodec_title.white p:before{background: #06083b;}
.prodec_two{background: url(../images/bg3.jpg) center no-repeat;background-size: cover;padding: 30px 0 60px;}
.prodec_thr{background: url(../images/bg4.png) center no-repeat;background-size: cover;padding: 30px 0 80px;}
.prodec_for{background: url(../images/bg5.jpg) center no-repeat;background-size: cover;padding: 30px 0 60px;}
.prodec_five{background: url(../images/bg6.jpg) center no-repeat;background-size: cover;padding: 30px 0 80px;}
.prodec_six{padding: 30px 0 80px;}
.movie iframe{width: 80%;height: 475px;margin: 0 10%;}
.prodec_seven{padding: 30px 0 80px;background: #fcfcfc;}
.prodec_seven .prodec_ul{width:calc(100% + 20px);height: auto;overflow: hidden;margin-left: -10px;}
.prodec_seven .prodec_ul li{width: 25%;padding: 10px;float: left;}
.prodec_seven .prodec_ul li a{display: block;width: 100%;height: auto;}
.prodec_seven .prodec_ul li .img{border-radius: 10px;overflow: hidden;}
.prodec_seven .prodec_ul li p{width: 100%;height: 50px;line-height: 58px;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 14px;color: #373737;}
.prodec_eight{background: url(../images/bg7.jpg) center no-repeat;background-size: cover;padding: 30px 0 80px;text-align: center;}
.prodec_eight .download{display: inline-block;padding: 0 4.8%;height: 54px;line-height: 54px;border-radius: 5px;background: #ff0000;margin: 0 auto;color: #fff;font-size: 16px;}
.prodec_eight .downdiv{transition: 0.7s transform;}
.prodec_eight .downdiv:hover{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*解决方案*/
.solutin_ul{width:calc(100% + 24px);height: auto;overflow: hidden;margin-left: -12px;padding: 30px 0;}
.solutin_ul li{width: 33.3%;float: left;padding: 12px;}
.solutin_ul li a{display: block;width: 100%;height: auto;overflow: hidden;}
.solutin_ul li a .img{overflow: hidden;}
.solutin_ul li dl{width: 100%;height: auto;border-bottom: 1px solid #eee;padding: 12px 6% 10%;text-align: center;background: url(../images/icon4.png) center 95% no-repeat;transition: 300ms;}
.solutin_ul li dl dt{font-size: 18px;color: #333333;width: 100%;height: 56px;line-height: 50px;position: relative;overflow: hidden;font-weight:normal;transition: 300ms;}
.solutin_ul li dl dt:before{content: "";width: 0;height: 1px;background: #fff;position: absolute;bottom:0;left: 50%;margin-left: -28px;transition: 300ms; }
.solutin_ul li dl dd{width: 100%;height: 52px;line-height: 26px;font-size: 14px;color: #888888;overflow: hidden;margin: 14px 0;transition: 300ms;}
/*新闻列表*/
.pro_content .newsul{width: 100%;height: auto;padding: 20px 0 40px;}
.pro_content .newsul li{width: 100%;height: auto;overflow: hidden;padding: 32px 0;border-bottom: 1px solid #eeeeee;transition: 300ms;}
.pro_content .newsul li a{display: flex;width: 100%;height: auto;overflow: hidden;background: url(../images/icon5.png) 96% 82% no-repeat;}
.pro_content .newsul .nimg{width:330px;}
.pro_content .newsul .new_dec{padding:0 2% 0 3.5%;flex:1;}
.newsul .new_dec .title{width: 100%;height: 38px;line-height: 38px;font-size: 16px;color: #333;overflow: hidden;transition: 300ms;}
.newsul .new_dec .title span{float: right;color: #b8b8b8;font-size: 22px;}
.newsul .new_dec .ndec{font-size: 14px;color: #888;line-height: 26px;padding-right: 14%;margin: 10px 0;}
/*新闻详情*/
.newdec_content{width:100%;padding: 80px 13.75%;display: flex;}
.newdec_left{flex:1;padding-right: 5%;}
.newdec_left .newtitle{width: 100%;font-size: 22px;color: #333;line-height: 1.7;margin-bottom: 20px;}
.newdec_left .newtitle p{font-size: 14px;color: #888;margin-top: 6px;}
.newdec_left .newdetil{font-size: 14px;color: #888;line-height: 1.7;}
.newdetil img{max-width: 100%;}
.newdec_right{width: 308px;}
.newdec_right .artli{width: 100%;height: auto;background: #f8f8f8;padding:5% 6%;margin-bottom: 22px;transition: 300ms;}
.newdec_right .artli1 a{display: block;width: 100%;height: auto;font-size: 14px;color: #333;line-height: 24px;}
.newdec_right .artli a p{color: #888888;}
.newdec_right .artli:last-child{padding: 6%;}
.newdec_right .artli .black{display: block;width: 100%;height: 40px;background: #131c7c;color: #fff;line-height: 38px;text-align: center;margin-top: 10px;}
.newdec_right .artli1:hover{background: #fff;box-shadow: 0 0 22px rgba(0,0,0,0.1);transition: 300ms;}

/*页码*/
.pagebox{width: 100%;height:auto;margin: 10px 0 30px;overflow: hidden;}
.pagebox a.ym{font-family: "幼圆";font-weight: bold;}
.pagebox a{display:inline-block;margin:0 3px;width: 18px;height: 18px;line-height: 18px;color: #888;transition:300ms;text-align: center;}
.pagebox a:hover,.pagebox a.on{color: #131c7c;transition: 300ms;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;padding: 12px 0;border-top: 1px solid #ddd;margin-bottom: 20px;}
.choose_art li{width: 100%;height: auto;overflow: hidden;}
.choose_art li a{display: block;height: 28px;line-height: 28px;color: #999;font-size: 14px;}
.choose_art li a:hover{color: #131c7c;}
.choose_art li a:hover span{border-bottom: 1px solid #131c7c;}
/*分享*/
.share2{width: 100%;height:auto;overflow: hidden; font-size: 14px;color: #333;}
.share2 a{display: block;width: 24px;height: 24px;position: relative;float: left;margin:12px 8px;margin-left: 0;overflow: hidden;}
.share2 a img{position: absolute;top: 0;left: 0;transition: 300ms;}
.share2 a:hover img{top: -24px;transition: 300ms;}

/*底部导航*/
.mol_navbox{width: 100%;height:60px;background: #131c7c;position: fixed;bottom: 0;left: 0;}
.mol_navbox .fotli{width: 25%;float: left;text-align: center;font-size:14px;color: #fff;line-height: 22px; position: relative;}
.mol_navbox .fotli i{display: inline-block;height: 20px;margin: 10px auto 4px;}
.mol_navbox .fotli i img{height: 100%!important;}
.mol_navbox .fotli a{color: #fff;}

/*panle导航开始*/
.left_nav{width:100%;height:100%;background:#fff; position: fixed; top:0px; left:0px;color:#000;z-index:1000;}
.class-top{width: 100%;height:50px;padding: 0 16px;background: #131c7c;line-height: 50px;font-size: 18px;color: #fff;}
.class-top .closebtn{width: 36px;height: 36px;text-align: center;line-height:32px;float: right;color: #fff;font-size: 30px;margin: 7px 0;}
.class-m{height: 90%;overflow-y:auto;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{padding-left: 16px;color: #000;font-size: 16px;display: block;height:44px;line-height:44px;border-bottom: 1px solid #e6e6e6;}
.class-m .nnav li a.ce.xz_a{color: #131c7c;}
.menu_head .ericon{padding: 0 8px;width:44px;height:44px;line-height:44px;text-align:center;float:right;display:inline;position: relative;z-index: 3;color: #000;font-size: 22px;}
.menu_head .ericon img{width: 100%;}
/*.menu_head .ericon img,.menu_body .thricon img,.menu_body .foricon img{width: 12px;}*/
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;color: #131c7c}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;background: #f0f0f0;}
.class-m .nnav li .menu_body li{border-bottom: none;}
.menu_body li a.er{padding-left:32px;font-size:14px;display: block;height:40px;line-height:40px;color: #666;position: relative;}
.menu_body li a.er.tz_a{color: #131c7c;}
.menu_body .thricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;color: #131c7c;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;background: #dddddd;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:50px;font-size: 14px;display: block;height:44px;line-height:44px;color: #808080;}
.thr_body li a.thr.fz_a{color: #131c7c;}
.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:68px;font-size: 14px;display: block;height:40px;line-height:40px;color: #808080;}
.menu_body .foricon{color:#666;width:44px;height:40px;line-height:40px;text-align:center;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;color: #131c7c;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
-webkit-transform:translate3d(-100%, 0, 0);  
-o-transform:translate3d(-100%, 0, 0); 
-moz-transform:translate3d(-100%, 0, 0);
}
.page-next {
transform:translate3d(74%, 0, 0);
-ms-transform:translate3d(74%, 0, 0);
-webkit-transform:translate3d(70%, 0, 0); 
-o-transform:translate3d(74%, 0, 0);  
-moz-transform:translate3d(74%, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

@media (max-width: 1600px){
  /*.container{width: 1400px;}*/
  .nav_chance_two .bd_two .detil_two .pro_cs{padding: 0 7% 0 15%;}
  .proSlider .proli dl dt{font-size: 38px;}
  .proSlider .proli dl dd{font-size: 20px;}
  .newbox{ padding: 2% 11%;}
  .newboxul ul li a{padding: 14px 0;}
  .footer{padding: 0 11%;}
  .nybanner .bantitle{left: 11%;}
  .ab_content{width: 100%;padding: 0 11%;}
  .pro_content{padding: 30px 11%;}
  .flone_left .fltitle{padding: 0 6%;top: 5%;font-size: 16px;}
  .flone_left .fltitle p{font-size: 20px;}
  .newdec_content{padding: 60px 11%;}
  .fltwo_box li .libox{padding: 7% 9%;}
.nav_chance_two .bd_two .detil_two .img{width: 39%;}
.nav_chance_thr .bd_thr .detil_thr .img{width: 50%;}

}
@media (max-width: 1500px){
  #headerbox .head-r{width: 65%;}
  #headerbox .nav_chance .hd .cli{padding: 0 12px;height: 67px;line-height: 66px;font-size: 14px;}
  .nav_chance_two .hd_two .cli_two,.nav_chance_thr .hd_thr .cli_thr{padding: 0 12px;height: 56px;line-height: 56px;font-size: 14px;}
  .nav_chance_thr .hd_thr .cli_thr{padding: 0 10px;}
  .nav_chance_two .bd_two .detil_two .pro_cs{padding: 0 3% 0 7%;}
  .nav_chance_two .hd_two,#headerbox .libox_pro,.nav_chance_thr .hd_thr{min-height: 500px;}
  .proSlider .proli dl dt{font-size: 30px;}
  .proSlider .proli dl dd{font-size: 16px;}
  .newboxul ul li a{padding: 4px 0;}
  .newboxul .newdec dl dd{margin-top: 5px;}
  .newbox{ padding: 2% 7.8%;}
  .footer,.ab_content{padding: 0 7.8%;}
  .newboxul .newdec .time{width: 84px;}
  .newboxul .newdec dl{margin-left: 86px;}
  .nybanner .bantitle{left: 7.8%;}
  .nybanner .bantitle{font-size: 20px;}
  .nybanner .bantitle p{font-size: 32px;}
  .pro_content{padding: 30px 7.8%;}
  .flone_left .fltitle p{font-size: 18px;}
  .fltwo_box li .libox{padding: 9%;}
  .fltwo_box li .libox .fltitle{font-size: 17px;}
  .fltwo_box li .libox a{height: 42px;line-height: 42px;}
  .newdec_content{padding: 60px 7.8%;}
   
}
@media (max-width: 1199px){
  #headerbox .nav_box .yiji .one{font-size: 16px;}
  .alltitle{font-size: 30px;}
  .alltitle span{font-size: 22px;}
  .solution .solu_dectil h2{font-size: 28px;}
  .solution .solu_dectil,.About .about_dectil{font-size: 20px;}
  .solution_box{width: 61%;}
  .proSlider .proli dl dt{font-size: 24px;}
  .proSlider .proli dl dd{font-size: 14px;}
  .fooot_top .contact .tell p{font-size: 28px;}
  .newboxul .new_left{padding-right: 30px;}
  .solution{background-size: 57% auto; }
  .nybanner .bantitle p{font-size: 28px;}
  .dectilbox h2{font-size: 26px;}
  .fltwo_box li .libox{padding: 7% 9%;}
  .fltwo_box li .libox .fltitle{font-size: 15px;}
  .fltwo_box li .libox a{height: 40px;line-height: 40px;font-size: 14px;}
  .movie iframe{height: 400px;}
  .pro_content .newsul .nimg{width: 280px;}
  
  
	
}

	



@media (max-width: 991px){
  .solution_box,.About .about_dectil{width: 100%;min-height: 0;}
  .newboxul .new_left{width: 100%;padding-right: 0;}
  .newboxul ul{width: 100%;padding-top: 20px;}
  .dectilbox h2{font-size: 22px;margin-bottom: 20px;}
  .footer .copy{padding: 10px 0;}
  .pro_content .pro_flone h2{font-size: 26px;}
  .pro_flone .flone_box .flone_left{width: 33.33%;}
  .fltwo_box{width: 66.66%;}
  .fltwo_box li{width: 50%;}
  .prodec_seven .prodec_ul{width:calc(100% + 12px);}
  .prodec_seven .prodec_ul li{padding:10px 6px;}
  .movie iframe{height: 300px;}
  .solutin_ul{width:calc(100% + 16px);margin-left: -8px;}
  .solutin_ul li{padding: 12px 8px;}
	
  .pro_content .newsul .nimg{width: 200px;}
  .pro_content .newsul li{padding: 20px 0;}
  .newsul .new_dec .ndec{height: 66px;line-height: 22px;overflow: hidden;margin: 5px 0;}
  .newdec_right{width: 260px;}
  .newdec_left{padding-right: 4%;}
  .alltitle{max-width: 271px;}
  


}
@media (min-width: 768px) and (max-width: 991px){
  .pro_content .newsul li:hover{padding-left:18px;}


}
@media (max-width: 768px){
  #headerbox{padding: 0 16px;height: 60px;}
  #headerbox .logo a{height: 60px;}
  #headerbox .mol_navbutton{width: 48px;height: 48px;margin-top: 6px;}
  .solution{padding: 20px 16px;}
  .alltitle{font-size: 20px;margin: 10px 0;background-size: 100% auto;padding-bottom: 15px;max-width: 172px;}
  .alltitle span{font-size: 14px;}
  .solution .solu_dectil h2{font-size: 20px;margin: 15px 0 20px;}
  .solution .solu_dectil, .About .about_dectil{font-size: 14px;}
  .allmore{width: 146px;height: 40px;line-height: 40px;font-size: 12px;padding-right: 6px;}
  .product .alltitle{background-size: 100% auto;}
  .product{padding:0 16px;}
  .product .proSlider{padding: 25px 0 35px;}
  .proSlider .proli{padding: 0;}
  .About{padding: 42px 16px 8%;}
  .newbox{padding: 24px 16px;}
  .newboxul ul li{padding-left: 0;border-left: none;}
  .footer{padding: 0 16px;margin-bottom: 60px;}
  .mobeil_fotnav a{font-size: 14px;}
  .mobeil_fotnav{padding: 20px 0;}
  .foot_link{padding: 14px 0;}
  .nybanner .bantitle{left: 16px;font-size: 14px;}
  .nybanner .bantitle p{font-size: 22px;}
  .ab_content{padding: 0 16px;margin:20px 0;}
  .dectilbox h2{font-size: 18px;}
  .pro_content{padding: 20px 25px;}
  .pro_content .pro_flone h2{font-size: 20px;padding: 20px 0;}
  .pro_flone .flone_box .flone_left{width: 100%;}
  .fltwo_box{width: 100%;}
  .fltwo_box li{width: 100%;}
  .pro_flone .flone_box .flone_left a{padding: 0 10px;}
  .fltwo_box li .libox{padding:20px 16px;}
  .fltwo_box li .libox a{height: 45px;line-height: 45px;font-size: 16px;background: #131c7c;border: 1px solid #131c7c;color: #fff;}
  .fltwo_box li .libox .fltitle{font-size: 16px;}
  .prodec_title{padding-top: 0;font-size: 14px;}
  .prodec_title p{font-size: 20px;}
  .container{padding: 0 16px!important;}
  .prodec_thr,.prodec_five,.prodec_six,.prodec_seven,.prodec_eight{padding-bottom: 52px;}
  .movie iframe{width: 100%;height: 240px;margin: 0;}
  .prodec_seven .prodec_ul{width:calc(100% + 8px);}
  .prodec_seven .prodec_ul li{padding:6px 4px;}
  .prodec_seven .prodec_ul li .img{border-radius: 5px;}
  .prodec_seven .prodec_ul li p{font-size: 12px;height: 32px;line-height: 36px;}
  .prodec_eight .download{height: 44px;line-height: 44px;font-size: 14px;}
  
  .solu_content{padding: 16px;}
  .solutin_ul{width:calc(100% + 12px);margin-left: -6px;padding: 20px 0;}
  .solutin_ul li{width: 50%;padding: 10px 6px;}
  .solutin_ul li dl{padding: 10px 0 16px;}
  .solutin_ul li dl dt{font-size: 15px;height: 40px;line-height: 40px;}
  .solutin_ul li dl dd{height: 40px;line-height: 20px;font-size: 13px;margin: 0;}
  .pro_content .newsul{padding: 0 0 20px}
  .pro_content .newsul li a{background: none;display: block;}
  .pro_content .newsul .nimg{width: 100%;}
  .pro_content .newsul .new_dec{width: 100%;padding: 0;padding-top: 12px;}
  .newsul .new_dec .title{height: 28px;line-height: 28px;}
  .newsul .new_dec .title span{font-size: 14px;}
  .newsul .new_dec .ndec{padding-right: 0;height: 40px;line-height: 20px;margin:3px 0;}

  .newdec_content{padding: 30px 16px;}
  
  .newdec_content{display: block;}
  .newdec_left{width: 100%;padding-right: 0;padding-bottom: 20px;}
  .newdec_left .newtitle{font-size: 16px;line-height: 1.5;}
  .newdec_left .newtitle p{font-size: 14px;}
  .newdec_right{width: 100%;}
  .newdec_right .artli{padding: 10px;margin: 12px 0;}
 

}
@media (max-width: 375px){
	
}
@media (max-width: 360px){
  .solutin_ul li{width: 100%;}
	
}












.custom-control-input.is-valid~.custom-control-indicator,.was-validated .custom-control-input:valid~.custom-control-indicator {
  background-color: rgba(34,188,102,.25)
}

.custom-control-input.is-valid~.custom-control-description,.was-validated .custom-control-input:valid~.custom-control-description {
  color: #22bc66
}

.custom-file-input.is-valid~.custom-file-control,.was-validated .custom-file-input:valid~.custom-file-control {
  border-color: #22bc66
}

.custom-file-input.is-valid~.custom-file-control::before,.was-validated .custom-file-input:valid~.custom-file-control::before {
  border-color: inherit
}

.custom-file-input.is-valid:focus,.was-validated .custom-file-input:valid:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(34,188,102,.25);
  box-shadow: 0 0 0 .2rem rgba(34,188,102,.25)
}

.invalid-feedback {
  display: none;
  margin-top: .25rem;
  font-size: .875rem;
  color: #ec4c4c
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  width: 250px;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(236,76,76,.8);
  border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid,.was-validated input:invalid[type=date],.was-validated input:invalid[type=email],.was-validated input:invalid[type=tel],.was-validated input:invalid[type=text],.was-validated input:invalid[type=time],.was-validated select:invalid,.was-validated textarea:invalid,input.is-invalid[type=date],input.is-invalid[type=email],input.is-invalid[type=tel],input.is-invalid[type=text],input.is-invalid[type=time],select.is-invalid,textarea.is-invalid {
  border-color: #ec4c4c
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus,.was-validated input:invalid:focus[type=date],.was-validated input:invalid:focus[type=email],.was-validated input:invalid:focus[type=tel],.was-validated input:invalid:focus[type=text],.was-validated input:invalid:focus[type=time],.was-validated select:invalid:focus,.was-validated textarea:invalid:focus,input.is-invalid:focus[type=date],input.is-invalid:focus[type=email],input.is-invalid:focus[type=tel],input.is-invalid:focus[type=text],input.is-invalid:focus[type=time],select.is-invalid:focus,textarea.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.25);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip,.was-validated input:invalid[type=date]~.invalid-feedback,.was-validated input:invalid[type=date]~.invalid-tooltip,.was-validated input:invalid[type=email]~.invalid-feedback,.was-validated input:invalid[type=email]~.invalid-tooltip,.was-validated input:invalid[type=tel]~.invalid-feedback,.was-validated input:invalid[type=tel]~.invalid-tooltip,.was-validated input:invalid[type=text]~.invalid-feedback,.was-validated input:invalid[type=text]~.invalid-tooltip,.was-validated input:invalid[type=time]~.invalid-feedback,.was-validated input:invalid[type=time]~.invalid-tooltip,.was-validated select:invalid~.invalid-feedback,.was-validated select:invalid~.invalid-tooltip,.was-validated textarea:invalid~.invalid-feedback,.was-validated textarea:invalid~.invalid-tooltip,input.is-invalid[type=date]~.invalid-feedback,input.is-invalid[type=date]~.invalid-tooltip,input.is-invalid[type=email]~.invalid-feedback,input.is-invalid[type=email]~.invalid-tooltip,input.is-invalid[type=tel]~.invalid-feedback,input.is-invalid[type=tel]~.invalid-tooltip,input.is-invalid[type=text]~.invalid-feedback,input.is-invalid[type=text]~.invalid-tooltip,input.is-invalid[type=time]~.invalid-feedback,input.is-invalid[type=time]~.invalid-tooltip,select.is-invalid~.invalid-feedback,select.is-invalid~.invalid-tooltip,textarea.is-invalid~.invalid-feedback,textarea.is-invalid~.invalid-tooltip {
  display: block
}

.form-check-input.is-invalid+.form-check-label,.was-validated .form-check-input:invalid+.form-check-label {
  color: #ec4c4c
}

.custom-control-input.is-invalid~.custom-control-indicator,.was-validated .custom-control-input:invalid~.custom-control-indicator {
  background-color: rgba(236,76,76,.25)
}

.custom-control-input.is-invalid~.custom-control-description,.was-validated .custom-control-input:invalid~.custom-control-description {
  color: #ec4c4c
}

.custom-file-input.is-invalid~.custom-file-control,.was-validated .custom-file-input:invalid~.custom-file-control {
  border-color: #ec4c4c
}

.custom-file-input.is-invalid~.custom-file-control::before,.was-validated .custom-file-input:invalid~.custom-file-control::before {
  border-color: inherit
}

.custom-file-input.is-invalid:focus,.was-validated .custom-file-input:invalid:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.25);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.25)
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width:576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
  }

  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }

  .form-inline .form-control,.form-inline input[type=date],.form-inline input[type=email],.form-inline input[type=tel],.form-inline input[type=text],.form-inline input[type=time],.form-inline select,.form-inline textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .form-control-plaintext {
    display: inline-block
  }

  .form-inline .input-group {
    width: auto
  }

  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0
  }

  .form-inline .form-check-label {
    padding-left: 0
  }

  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
  }

  .form-inline .custom-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0
  }

  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: text-bottom
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.btn,input[type=submit] {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem .8rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 3px;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.btn:focus,.btn:hover,input:focus[type=submit],input:hover[type=submit] {
  text-decoration: none
}

.btn.focus,.btn:focus,input.focus[type=submit],input:focus[type=submit] {
  outline: 0;
  -webkit-box-shadow: 0 0 0 .2rem rgba(14,22,104,.25);
  box-shadow: 0 0 0 .2rem rgba(14,22,104,.25)
}

.btn.disabled,.btn:disabled,input.disabled[type=submit],input:disabled[type=submit] {
  opacity: .65
}

.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active,input:not([disabled]):not(.disabled).active[type=submit],input:not([disabled]):not(.disabled):active[type=submit] {
  background-image: none
}

a.btn.disabled,fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-primary,input[type=submit] {
  color: #fff;
  background-color: #0e1668;
  border-color: #0e1668
}

.btn-primary:hover,input:hover[type=submit] {
  color: #fff;
  background-color: #090f46;
  border-color: #080c3b
}

.btn-primary.focus,.btn-primary:focus,input.focus[type=submit],input:focus[type=submit] {
  -webkit-box-shadow: 0 0 0 .2rem rgba(14,22,104,.5);
  box-shadow: 0 0 0 .2rem rgba(14,22,104,.5)
}

.btn-primary.disabled,.btn-primary:disabled,input.disabled[type=submit],input:disabled[type=submit] {
  background-color: #0e1668;
  border-color: #0e1668
}

.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle,.show>input.dropdown-toggle[type=submit],input:not([disabled]):not(.disabled).active[type=submit],input:not([disabled]):not(.disabled):active[type=submit] {
  color: #fff;
  background-color: #080c3b;
  border-color: #060a30;
  -webkit-box-shadow: 0 0 0 .2rem rgba(14,22,104,.5);
  box-shadow: 0 0 0 .2rem rgba(14,22,104,.5)
}

.btn-secondary {
  color: #fff;
  background-color: #1e489d;
  border-color: #1e489d
}

.btn-secondary:hover {
  color: #fff;
  background-color: #18397d;
  border-color: #163472
}

.btn-secondary.focus,.btn-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(30,72,157,.5);
  box-shadow: 0 0 0 .2rem rgba(30,72,157,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
  background-color: #1e489d;
  border-color: #1e489d
}

.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #163472;
  border-color: #142f67;
  -webkit-box-shadow: 0 0 0 .2rem rgba(30,72,157,.5);
  box-shadow: 0 0 0 .2rem rgba(30,72,157,.5)
}

.btn-success {
  color: #fff;
  background-color: #22bc66;
  border-color: #22bc66
}

.btn-success:hover {
  color: #fff;
  background-color: #1c9c54;
  border-color: #1a914f
}

.btn-success.focus,.btn-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(34,188,102,.5);
  box-shadow: 0 0 0 .2rem rgba(34,188,102,.5)
}

.btn-success.disabled,.btn-success:disabled {
  background-color: #22bc66;
  border-color: #22bc66
}

.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1a914f;
  border-color: #188649;
  -webkit-box-shadow: 0 0 0 .2rem rgba(34,188,102,.5);
  box-shadow: 0 0 0 .2rem rgba(34,188,102,.5)
}

.btn-info {
  color: #fff;
  background-color: #137ee0;
  border-color: #137ee0
}

.btn-info:hover {
  color: #fff;
  background-color: #106abd;
  border-color: #0f64b1
}

.btn-info.focus,.btn-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(19,126,224,.5);
  box-shadow: 0 0 0 .2rem rgba(19,126,224,.5)
}

.btn-info.disabled,.btn-info:disabled {
  background-color: #137ee0;
  border-color: #137ee0
}

.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #0f64b1;
  border-color: #0e5da5;
  -webkit-box-shadow: 0 0 0 .2rem rgba(19,126,224,.5);
  box-shadow: 0 0 0 .2rem rgba(19,126,224,.5)
}

.btn-warning {
  color: #111;
  background-color: #ffd54f;
  border-color: #ffd54f
}

.btn-warning:hover {
  color: #111;
  background-color: #ffcc29;
  border-color: #ffc91c
}

.btn-warning.focus,.btn-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255,213,79,.5);
  box-shadow: 0 0 0 .2rem rgba(255,213,79,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
  background-color: #ffd54f;
  border-color: #ffd54f
}

.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
  color: #111;
  background-color: #ffc91c;
  border-color: #ffc60f;
  -webkit-box-shadow: 0 0 0 .2rem rgba(255,213,79,.5);
  box-shadow: 0 0 0 .2rem rgba(255,213,79,.5)
}

.btn-danger {
  color: #fff;
  background-color: #ec4c4c;
  border-color: #ec4c4c
}

.btn-danger:hover {
  color: #fff;
  background-color: #e82929;
  border-color: #e71e1e
}

.btn-danger.focus,.btn-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.5);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
  background-color: #ec4c4c;
  border-color: #ec4c4c
}

.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e71e1e;
  border-color: #e01818;
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.5);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.5)
}

.btn-light {
  color: #111;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:hover {
  color: #111;
  background-color: #e2e6ea;
  border-color: #dae0e5
}

.btn-light.focus,.btn-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.show>.btn-light.dropdown-toggle {
  color: #111;
  background-color: #dae0e5;
  border-color: #d3d9df;
  -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124
}

.btn-dark.focus,.btn-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
  -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-primary {
  color: #0e1668;
  background-color: transparent;
  background-image: none;
  border-color: #0e1668
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0e1668;
  border-color: #0e1668
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(14,22,104,.5);
  box-shadow: 0 0 0 .2rem rgba(14,22,104,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
  color: #0e1668;
  background-color: transparent
}

.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0e1668;
  border-color: #0e1668;
  -webkit-box-shadow: 0 0 0 .2rem rgba(14,22,104,.5);
  box-shadow: 0 0 0 .2rem rgba(14,22,104,.5)
}

.btn-outline-secondary {
  color: #1e489d;
  background-color: transparent;
  background-image: none;
  border-color: #1e489d
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #1e489d;
  border-color: #1e489d
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(30,72,157,.5);
  box-shadow: 0 0 0 .2rem rgba(30,72,157,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
  color: #1e489d;
  background-color: transparent
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #1e489d;
  border-color: #1e489d;
  -webkit-box-shadow: 0 0 0 .2rem rgba(30,72,157,.5);
  box-shadow: 0 0 0 .2rem rgba(30,72,157,.5)
}

.btn-outline-success {
  color: #22bc66;
  background-color: transparent;
  background-image: none;
  border-color: #22bc66
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #22bc66;
  border-color: #22bc66
}

.btn-outline-success.focus,.btn-outline-success:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(34,188,102,.5);
  box-shadow: 0 0 0 .2rem rgba(34,188,102,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
  color: #22bc66;
  background-color: transparent
}

.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #22bc66;
  border-color: #22bc66;
  -webkit-box-shadow: 0 0 0 .2rem rgba(34,188,102,.5);
  box-shadow: 0 0 0 .2rem rgba(34,188,102,.5)
}

.btn-outline-info {
  color: #137ee0;
  background-color: transparent;
  background-image: none;
  border-color: #137ee0
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #137ee0;
  border-color: #137ee0
}

.btn-outline-info.focus,.btn-outline-info:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(19,126,224,.5);
  box-shadow: 0 0 0 .2rem rgba(19,126,224,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
  color: #137ee0;
  background-color: transparent
}

.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #137ee0;
  border-color: #137ee0;
  -webkit-box-shadow: 0 0 0 .2rem rgba(19,126,224,.5);
  box-shadow: 0 0 0 .2rem rgba(19,126,224,.5)
}

.btn-outline-warning {
  color: #ffd54f;
  background-color: transparent;
  background-image: none;
  border-color: #ffd54f
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #ffd54f;
  border-color: #ffd54f
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(255,213,79,.5);
  box-shadow: 0 0 0 .2rem rgba(255,213,79,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
  color: #ffd54f;
  background-color: transparent
}

.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ffd54f;
  border-color: #ffd54f;
  -webkit-box-shadow: 0 0 0 .2rem rgba(255,213,79,.5);
  box-shadow: 0 0 0 .2rem rgba(255,213,79,.5)
}

.btn-outline-danger {
  color: #ec4c4c;
  background-color: transparent;
  background-image: none;
  border-color: #ec4c4c
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #ec4c4c;
  border-color: #ec4c4c
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.5);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
  color: #ec4c4c;
  background-color: transparent
}

.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ec4c4c;
  border-color: #ec4c4c;
  -webkit-box-shadow: 0 0 0 .2rem rgba(236,76,76,.5);
  box-shadow: 0 0 0 .2rem rgba(236,76,76,.5)
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light.focus,.btn-outline-light:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}

.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  -webkit-box-shadow: 0 0 0 .2rem rgba(248,249,250,.5);
  box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent
}

.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  -webkit-box-shadow: 0 0 0 .2rem rgba(52,58,64,.5);
  box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
  font-weight: 400;
  color: #0e1668;
  background-color: transparent
}

.btn-link:hover {
  color: #050825;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent
}

.btn-link.focus,.btn-link:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
  color: #868e96
}

.btn-group-lg>.btn,.btn-group-lg>input[type=submit],.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

.btn-group-sm>.btn,.btn-group-sm>input[type=submit],.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.show {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.show {
  display: block
}

tr.collapse.show {
  display: table-row
}

tbody.collapse.show {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease
}

.btn-group,.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group-vertical>input[type=submit],.btn-group>.btn,.btn-group>input[type=submit] {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group-vertical>input:hover[type=submit],.btn-group>.btn:hover,.btn-group>input:hover[type=submit] {
  z-index: 2
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>input.active[type=submit],.btn-group-vertical>input:active[type=submit],.btn-group-vertical>input:focus[type=submit],.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>input.active[type=submit],.btn-group>input:active[type=submit],.btn-group>input:focus[type=submit] {
  z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn+input[type=submit],.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group .btn-group+input[type=submit],.btn-group input[type=submit]+.btn,.btn-group input[type=submit]+.btn-group,.btn-group input[type=submit]+input[type=submit],.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn+input[type=submit],.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group,.btn-group-vertical .btn-group+input[type=submit],.btn-group-vertical input[type=submit]+.btn,.btn-group-vertical input[type=submit]+.btn-group,.btn-group-vertical input[type=submit]+input[type=submit] {
  margin-left: -1px
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.btn-group>input:not(:first-child):not(:last-child):not(.dropdown-toggle)[type=submit] {
  border-radius: 0
}

.btn-group>.btn:first-child,.btn-group>input:first-child[type=submit] {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group>input:first-child:not(:last-child):not(.dropdown-toggle)[type=submit] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child),.btn-group>input:last-child:not(:first-child)[type=submit] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn-group:not(:first-child):not(:last-child)>input[type=submit] {
  border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn-group:first-child:not(:last-child)>input:last-child[type=submit] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn-group:last-child:not(:first-child)>input:first-child[type=submit] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn+.dropdown-toggle-split,input[type=submit]+.dropdown-toggle-split {
  padding-right: .6rem;
  padding-left: .6rem
}

.btn+.dropdown-toggle-split::after,input[type=submit]+.dropdown-toggle-split::after {
  margin-left: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-group-sm>input[type=submit]+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-group-lg>input[type=submit]+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group,.btn-group-vertical input[type=submit] {
  width: 100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn+input[type=submit],.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group,.btn-group-vertical>.btn-group+input[type=submit],.btn-group-vertical>input[type=submit]+.btn,.btn-group-vertical>input[type=submit]+.btn-group,.btn-group-vertical>input[type=submit]+input[type=submit] {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group-vertical>input:not(:first-child):not(:last-child)[type=submit] {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child),.btn-group-vertical>input:first-child:not(:last-child)[type=submit] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child),.btn-group-vertical>input:last-child:not(:first-child)[type=submit] {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>input[type=submit] {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group-vertical>.btn-group:first-child:not(:last-child)>input:last-child[type=submit] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group-vertical>.btn-group:last-child:not(:first-child)>input:first-child[type=submit] {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn-group>input[type=submit] input[type=checkbox],[data-toggle=buttons]>.btn-group>input[type=submit] input[type=radio],[data-toggle=buttons]>input[type=submit] input[type=checkbox],[data-toggle=buttons]>input[type=submit] input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}

.input-group .form-control,.input-group input[type=date],.input-group input[type=email],.input-group input[type=tel],.input-group input[type=text],.input-group input[type=time],.input-group select,.input-group textarea {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0
}

.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover,.input-group input:active[type=date],.input-group input:active[type=email],.input-group input:active[type=tel],.input-group input:active[type=text],.input-group input:active[type=time],.input-group input:focus[type=date],.input-group input:focus[type=email],.input-group input:focus[type=tel],.input-group input:focus[type=text],.input-group input:focus[type=time],.input-group input:hover[type=date],.input-group input:hover[type=email],.input-group input:hover[type=tel],.input-group input:hover[type=text],.input-group input:hover[type=time],.input-group select:active,.input-group select:focus,.input-group select:hover,.input-group textarea:active,.input-group textarea:focus,.input-group textarea:hover {
  z-index: 3
}

.input-group .form-control,.input-group input[type=date],.input-group input[type=email],.input-group input[type=tel],.input-group input[type=text],.input-group input[type=time],.input-group select,.input-group textarea,.input-group-addon,.input-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group input:not(:first-child):not(:last-child)[type=date],.input-group input:not(:first-child):not(:last-child)[type=email],.input-group input:not(:first-child):not(:last-child)[type=tel],.input-group input:not(:first-child):not(:last-child)[type=text],.input-group input:not(:first-child):not(:last-child)[type=time],.input-group select:not(:first-child):not(:last-child),.input-group textarea:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon,.input-group-btn {
  white-space: nowrap
}

.input-group-addon {
  padding: .5rem .8rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  background-color: #e9ecef;
  border: 1px solid #ddd;
  border-radius: 3px
}

.input-group-addon.form-control-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn,.input-group-sm>.input-group-btn>input.input-group-addon[type=submit] {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.input-group-addon.form-control-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn,.input-group-lg>.input-group-btn>input.input-group-addon[type=submit] {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
  margin-top: 0
}

.input-group .form-control:not(:last-child),.input-group input:not(:last-child)[type=date],.input-group input:not(:last-child)[type=email],.input-group input:not(:last-child)[type=tel],.input-group input:not(:last-child)[type=text],.input-group input:not(:last-child)[type=time],.input-group select:not(:last-child),.input-group textarea:not(:last-child),.input-group-addon:not(:last-child),.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>input[type=submit],.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:not(:first-child)>input:not(:last-child):not(.dropdown-toggle)[type=submit],.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group>.btn,.input-group-btn:not(:last-child)>.btn-group>input[type=submit],.input-group-btn:not(:last-child)>.dropdown-toggle,.input-group-btn:not(:last-child)>input[type=submit] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group-addon:not(:last-child) {
  border-right: 0
}

.input-group .form-control:not(:first-child),.input-group input:not(:first-child)[type=date],.input-group input:not(:first-child)[type=email],.input-group input:not(:first-child)[type=tel],.input-group input:not(:first-child)[type=text],.input-group input:not(:first-child)[type=time],.input-group select:not(:first-child),.input-group textarea:not(:first-child),.input-group-addon:not(:first-child),.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group>.btn,.input-group-btn:not(:first-child)>.btn-group>input[type=submit],.input-group-btn:not(:first-child)>.dropdown-toggle,.input-group-btn:not(:first-child)>input[type=submit],.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>input[type=submit],.input-group-btn:not(:last-child)>.btn:not(:first-child),.input-group-btn:not(:last-child)>input:not(:first-child)[type=submit] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child),input[type=date]+.input-group-addon:not(:first-child),input[type=email]+.input-group-addon:not(:first-child),input[type=tel]+.input-group-addon:not(:first-child),input[type=text]+.input-group-addon:not(:first-child),input[type=time]+.input-group-addon:not(:first-child),select+.input-group-addon:not(:first-child),textarea+.input-group-addon:not(:first-child) {
  border-left: 0
}

.input-group-btn {
  position: relative;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn,.input-group-btn>input[type=submit] {
  position: relative
}

.input-group-btn>.btn+.btn,.input-group-btn>.btn+input[type=submit],.input-group-btn>input[type=submit]+.btn,.input-group-btn>input[type=submit]+input[type=submit] {
  margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover,.input-group-btn>input:active[type=submit],.input-group-btn>input:focus[type=submit],.input-group-btn>input:hover[type=submit] {
  z-index: 3
}

.input-group-btn:first-child>.btn+.btn,.input-group-btn:first-child>.btn+input[type=submit],.input-group-btn:first-child>input[type=submit]+.btn,.input-group-btn:first-child>input[type=submit]+input[type=submit] {
  margin-left: 0
}

.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group,.input-group-btn:not(:last-child)>input[type=submit] {
  margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group,.input-group-btn:not(:first-child)>input[type=submit] {
  z-index: 2;
  margin-left: 0
}

.input-group-btn:not(:first-child)>.btn-group:first-child,.input-group-btn:not(:first-child)>.btn:first-child,.input-group-btn:not(:first-child)>input:first-child[type=submit] {
  margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn-group:active,.input-group-btn:not(:first-child)>.btn-group:focus,.input-group-btn:not(:first-child)>.btn-group:hover,.input-group-btn:not(:first-child)>.btn:active,.input-group-btn:not(:first-child)>.btn:focus,.input-group-btn:not(:first-child)>.btn:hover,.input-group-btn:not(:first-child)>input:active[type=submit],.input-group-btn:not(:first-child)>input:focus[type=submit],.input-group-btn:not(:first-child)>input:hover[type=submit] {
  z-index: 3
}

.custom-control {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0
}

.custom-control-input:checked~.custom-control-indicator {
  color: #fff;
  background-color: #0e1668
}

.custom-control-input:focus~.custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(14,22,104,.25);
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(14,22,104,.25)
}

.custom-control-input:active~.custom-control-indicator {
  color: #fff;
  background-color: #4351e6
}

.custom-control-input:disabled~.custom-control-indicator {
  background-color: #e9ecef
}

.custom-control-input:disabled~.custom-control-description {
  color: #868e96
}

.custom-control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
  border-radius: 3px
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 8 8%3E%3Cpath fill=%23fff d=M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
  background-color: #0e1668;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 4 4%3E%3Cpath stroke=%23fff d=M0 2h4/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=-4 -4 8 8%3E%3Ccircle r=3 fill=%23fff/%3E%3C/svg%3E")
}

.custom-controls-stacked {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.custom-controls-stacked .custom-control {
  margin-bottom: .25rem
}

.custom-controls-stacked .custom-control+.custom-control {
  margin-left: 0
}

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.5rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 4 5%3E%3Cpath fill=%23333 d=M2 0L0 2h4zm0 5L0 3h4z/%3E%3C/svg%3E") no-repeat right .75rem center;
  background-size: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-select:focus {
  border-color: #1d2ed8;
  outline: 0
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.custom-select[multiple] {
  height: auto;
  background-image: none
}

.custom-select:disabled {
  color: #868e96;
  background-color: #e9ecef
}

.custom-select::-ms-expand {
  opacity: 0
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: 75%
}

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: calc(2.5rem + 2px);
  margin-bottom: 0
}

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.5rem + 2px);
  margin: 0;
  opacity: 0
}

.custom-file-input:focus~.custom-file-control {
  -webkit-box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0e1668;
  box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #0e1668
}

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.5rem + 2px);
  padding: .5rem .8rem;
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px
}

.custom-file-control:lang(en):empty::after {
  content: "Choose file..."
}

.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: calc(2.5rem + 2px);
  padding: .5rem .8rem;
  line-height: 1.5;
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ddd;
  border-radius: 0 3px 3px 0
}

.custom-file-control:lang(en)::before {
  content: "Browse"
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 3px
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid #e8e8e8
}

.card-header:first-child {
  border-radius: calc(3px - 1px) calc(3px - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
  border-top: 0
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid #e8e8e8
}

.card-footer:last-child {
  border-radius: 0 0 calc(3px - 1px) calc(3px - 1px)
}

.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0
}

.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem
}

.card-img {
  width: 100%;
  border-radius: calc(3px - 1px)
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(3px - 1px);
  border-top-right-radius: calc(3px - 1px)
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(3px - 1px);
  border-bottom-left-radius: calc(3px - 1px)
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.card-deck .card {
  margin-bottom: 20px
}

@media (min-width:576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -20px;
    margin-left: -20px
  }

  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 20px
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.card-group .card {
  margin-bottom: 20px
}

@media (min-width:576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  .card-group .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group .card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0
  }

  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0
  }

  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0
  }

  .card-group .card:only-child {
    border-radius: 3px
  }

  .card-group .card:only-child .card-img-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
  }

  .card-group .card:only-child .card-img-bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
  }

  .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0
  }

  .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
    border-radius: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media (min-width:576px) {
  .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #fff;
  border-radius: 3px
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #868e96;
  content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: none
}

.breadcrumb-item.active {
  color: #868e96
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px
}

.badge:empty {
  display: none
}

.btn .badge,input[type=submit] .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}

.badge-primary {
  color: #fff;
  background-color: #0e1668
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #080c3b
}

.badge-secondary {
  color: #fff;
  background-color: #1e489d
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #163472
}

.badge-success {
  color: #fff;
  background-color: #22bc66
}

.badge-success[href]:focus,.badge-success[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1a914f
}

.badge-info {
  color: #fff;
  background-color: #137ee0
}

.badge-info[href]:focus,.badge-info[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0f64b1
}

.badge-warning {
  color: #111;
  background-color: #ffd54f
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #ffc91c
}

.badge-danger {
  color: #fff;
  background-color: #ec4c4c
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #e71e1e
}

.badge-light {
  color: #111;
  background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
  color: #111;
  text-decoration: none;
  background-color: #dae0e5
}

.badge-dark {
  color: #fff;
  background-color: #343a40
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124
}

.d-none {
  display: none!important
}

.d-inline {
  display: inline!important
}

.d-inline-block {
  display: inline-block!important
}

.d-block {
  display: block!important
}

.d-table {
  display: table!important
}

.d-table-row {
  display: table-row!important
}

.d-table-cell {
  display: table-cell!important
}

.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.d-inline-flex {
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none!important
  }

  .d-sm-inline {
    display: inline!important
  }

  .d-sm-inline-block {
    display: inline-block!important
  }

  .d-sm-block {
    display: block!important
  }

  .d-sm-table {
    display: table!important
  }

  .d-sm-table-row {
    display: table-row!important
  }

  .d-sm-table-cell {
    display: table-cell!important
  }

  .d-sm-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none!important
  }

  .d-md-inline {
    display: inline!important
  }

  .d-md-inline-block {
    display: inline-block!important
  }

  .d-md-block {
    display: block!important
  }

  .d-md-table {
    display: table!important
  }

  .d-md-table-row {
    display: table-row!important
  }

  .d-md-table-cell {
    display: table-cell!important
  }

  .d-md-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .d-md-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none!important
  }

  .d-lg-inline {
    display: inline!important
  }

  .d-lg-inline-block {
    display: inline-block!important
  }

  .d-lg-block {
    display: block!important
  }

  .d-lg-table {
    display: table!important
  }

  .d-lg-table-row {
    display: table-row!important
  }

  .d-lg-table-cell {
    display: table-cell!important
  }

  .d-lg-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
}

@media (min-width:1200px) {
  .d-xl-none {
    display: none!important
  }

  .d-xl-inline {
    display: inline!important
  }

  .d-xl-inline-block {
    display: inline-block!important
  }

  .d-xl-block {
    display: block!important
  }

  .d-xl-table {
    display: table!important
  }

  .d-xl-table-row {
    display: table-row!important
  }

  .d-xl-table-cell {
    display: table-cell!important
  }

  .d-xl-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
}

.d-print-block {
  display: none!important
}

@media print {
  .d-print-block {
    display: block!important
  }
}

.d-print-inline {
  display: none!important
}

@media print {
  .d-print-inline {
    display: inline!important
  }
}

.d-print-inline-block {
  display: none!important
}

@media print {
  .d-print-inline-block {
    display: inline-block!important
  }
}

@media print {
  .d-print-none {
    display: none!important
  }
}

.flex-row {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important
}

.flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: column-reverse!important;
  flex-direction: column-reverse!important
}

.flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse!important;
  flex-wrap: wrap-reverse!important
}

.justify-content-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.align-items-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.align-items-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.align-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.align-items-baseline {
  -webkit-box-align: baseline!important;
  -ms-flex-align: baseline!important;
  align-items: baseline!important
}

.align-items-stretch {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

.align-content-start {
  -ms-flex-line-pack: start!important;
  align-content: flex-start!important
}

.align-content-end {
  -ms-flex-line-pack: end!important;
  align-content: flex-end!important
}

.align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center!important
}

.align-content-between {
  -ms-flex-line-pack: justify!important;
  align-content: space-between!important
}

.align-content-around {
  -ms-flex-line-pack: distribute!important;
  align-content: space-around!important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch!important;
  align-content: stretch!important
}

.align-self-auto {
  -ms-flex-item-align: auto!important;
  align-self: auto!important
}

.align-self-start {
  -ms-flex-item-align: start!important;
  align-self: flex-start!important
}

.align-self-end {
  -ms-flex-item-align: end!important;
  align-self: flex-end!important
}

.align-self-center {
  -ms-flex-item-align: center!important;
  align-self: center!important
}

.align-self-baseline {
  -ms-flex-item-align: baseline!important;
  align-self: baseline!important
}

.align-self-stretch {
  -ms-flex-item-align: stretch!important;
  align-self: stretch!important
}

@media (min-width:576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
  }

  .flex-sm-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
  }

  .justify-content-sm-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }

  .justify-content-sm-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }

  .justify-content-sm-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
  }

  .align-items-sm-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .align-items-sm-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }

  .align-items-sm-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
  }

  .align-self-sm-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
  }

  .align-self-sm-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
  }

  .align-self-sm-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
  }

  .flex-md-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
  }

  .justify-content-md-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }

  .justify-content-md-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }

  .justify-content-md-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .justify-content-md-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
  }

  .align-items-md-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .align-items-md-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }

  .align-items-md-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }

  .align-content-md-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
  }

  .align-content-md-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
  }

  .align-content-md-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
  }

  .align-self-md-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
  }

  .align-self-md-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
  }

  .align-self-md-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
  }

  .flex-lg-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
  }

  .justify-content-lg-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }

  .justify-content-lg-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }

  .justify-content-lg-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
  }

  .align-items-lg-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .align-items-lg-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }

  .align-items-lg-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
  }

  .align-self-lg-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
  }

  .align-self-lg-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
  }

  .align-self-lg-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
  }

  .flex-xl-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
  }

  .justify-content-xl-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
  }

  .justify-content-xl-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
  }

  .justify-content-xl-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
  }

  .align-items-xl-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
  }

  .align-items-xl-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
  }

  .align-items-xl-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
  }

  .align-self-xl-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
  }

  .align-self-xl-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
  }

  .align-self-xl-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
  }
}

.text-justify {
  text-align: justify!important
}

.text-nowrap {
  white-space: nowrap!important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-center {
  text-align: center!important
}

@media (min-width:576px) {
  .text-sm-left {
    text-align: left!important
  }

  .text-sm-right {
    text-align: right!important
  }

  .text-sm-center {
    text-align: center!important
  }
}

@media (min-width:768px) {
  .text-md-left {
    text-align: left!important
  }

  .text-md-right {
    text-align: right!important
  }

  .text-md-center {
    text-align: center!important
  }
}

@media (min-width:992px) {
  .text-lg-left {
    text-align: left!important
  }

  .text-lg-right {
    text-align: right!important
  }

  .text-lg-center {
    text-align: center!important
  }
}

@media (min-width:1200px) {
  .text-xl-left {
    text-align: left!important
  }

  .text-xl-right {
    text-align: right!important
  }

  .text-xl-center {
    text-align: center!important
  }
}

.text-lowercase {
  text-transform: lowercase!important
}

.text-uppercase {
  text-transform: uppercase!important
}

.text-capitalize {
  text-transform: capitalize!important
}

.font-weight-light {
  font-weight: 300!important
}

.font-weight-normal {
  font-weight: 400!important
}

.font-weight-bold {
  font-weight: 700!important
}

.font-italic {
  font-style: italic!important
}

.text-white {
  color: #fff!important
}

.text-primary {
  color: #0e1668!important
}

a.text-primary:focus,a.text-primary:hover {
  color: #080c3b!important
}

.text-secondary {
  color: #1e489d!important
}

a.text-secondary:focus,a.text-secondary:hover {
  color: #163472!important
}

.text-success {
  color: #22bc66!important
}

a.text-success:focus,a.text-success:hover {
  color: #1a914f!important
}

.text-info {
  color: #137ee0!important
}

a.text-info:focus,a.text-info:hover {
  color: #0f64b1!important
}

.text-warning {
  color: #ffd54f!important
}

a.text-warning:focus,a.text-warning:hover {
  color: #ffc91c!important
}

.text-danger {
  color: #ec4c4c!important
}

a.text-danger:focus,a.text-danger:hover {
  color: #e71e1e!important
}

.text-light {
  color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
  color: #dae0e5!important
}

.text-dark {
  color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
  color: #1d2124!important
}

.text-muted {
  color: #868e96!important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
  visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
  background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
  transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
  transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
  transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
  animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-button-next,.swiper-button-prev {
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center
}

@media (max-width:575px) {
  .swiper-button-next {
    right: 0
  }
}

@media (max-width:575px) {
  .swiper-button-prev {
    left: 0
  }
}

.swiper-button-next::before {
  content: "";
  font-family: icomoon;
  font-size: 3rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 35px;
  width: 35px;
  color: #fff;
  text-shadow: 0 0 3px rgba(0,0,0,.4)
}

.swiper-button-prev::before {
  content: "";
  font-family: icomoon;
  font-size: 3rem;
  height: 35px;
  width: 35px;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  text-shadow: 0 0 3px rgba(0,0,0,.4)
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  background-color: #fff
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #0e1668
}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10010;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: 0
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pswp img {
  max-width: none
}

.pswp--animate_opacity {
  opacity: .001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
  transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
  display: block
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.pswp__container,.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
  transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
  transition: transform 333ms cubic-bezier(.4,0,.22,1);
  transition: transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
  transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none
}

.pswp__container,.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
  background: #222
}

.pswp--ie .pswp__img {
  width: 100%!important;
  height: auto!important;
  left: 0;
  top: 0
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline
}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: 0 0;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: .75;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-box-shadow: none;
  box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
  opacity: 1
}

.pswp__button:active {
  outline: 0;
  opacity: .9
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
  background: url(default-skin.png?v=20200817101125) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
  .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg?v=20200817101125)
  }

  .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
    background: 0 0
  }
}

.pswp__button--close {
  background-position: 0 -44px
}

.pswp__button--share {
  background-position: -44px -44px
}

.pswp__button--fs {
  display: none
}

.pswp--supports-fs .pswp__button--fs {
  display: block
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
  visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
  background: 0 0;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute
}

.pswp__button--arrow--left {
  left: 0
}

.pswp__button--arrow--right {
  right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0,0,0,.3);
  height: 30px;
  width: 32px;
  position: absolute
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px
}

.pswp__counter,.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pswp__share-modal {
  display: block;
  background: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity
}

.pswp__share-modal--hidden {
  display: none
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
  box-shadow: 0 2px 5px rgba(0,0,0,.25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s,-webkit-transform .25s;
  -webkit-backface-visibility: hidden;
  will-change: transform
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
  opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d
}

a.pswp__share--download:hover {
  background: #ddd
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: .75;
  padding: 0 10px
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px
}

.pswp__caption small {
  font-size: 11px;
  color: #bbb
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc
}

.pswp__caption--empty {
  display: none
}

.pswp__caption--fake {
  visibility: hidden
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  will-change: opacity;
  direction: ltr
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px
}

.pswp__preloader--active {
  opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url(preloader.gif?v=20200817101125) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise .5s linear infinite;
  animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
  animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
  background: 0 0;
  opacity: .75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: 0 0;
  margin: 0
}

@media screen and (max-width:1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
  transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible
}

.pswp__caption,.pswp__top-bar {
  background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__top-bar {
  opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
  opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
  display: none
}

.pswp__element--disabled {
  display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
  background: 0 0
}

body.lightbox--gallery-launched {
  position: relative
}

body.lightbox--gallery-launched:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  background-color: rgba(0,0,0,.5)
}

body.lightbox--gallery-launched:after {
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 10003;
  border: 1px solid #ddd;
  margin-left: -15px;
  margin-right: -15px;
  border-left-color: transparent
}

.flatpickr-calendar {
  background: 0 0;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
  box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1);
  animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none!important;
  box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px
}

.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
  bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
  top: 100%
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff
}

.flatpickr-calendar:focus {
  outline: 0
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block
}

.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-months .flatpickr-month {
  background: 0 0;
  color: rgba(0,0,0,.9);
  fill: rgba(0,0,0,.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3
}

.flatpickr-months .flatpickr-next-month.disabled,.flatpickr-months .flatpickr-prev-month.disabled {
  display: none
}

.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i {
  position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit
}

.numInputWrapper {
  position: relative;
  height: auto
}

.numInputWrapper input,.numInputWrapper span {
  display: inline-block
}

.numInputWrapper input {
  width: 100%
}

.numInputWrapper input::-ms-clear {
  display: none
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.numInputWrapper span:hover {
  background: rgba(0,0,0,.1)
}

.numInputWrapper span:active {
  background: rgba(0,0,0,.2)
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,.6);
  top: 26%
}

.numInputWrapper span.arrowDown {
  top: 50%
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,.6);
  top: 40%
}

.numInputWrapper span svg {
  width: inherit;
  height: auto
}

.numInputWrapper span svg path {
  fill: rgba(0,0,0,.5)
}

.numInputWrapper:hover {
  background: rgba(0,0,0,.05)
}

.numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,.05)
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,.9)
}

.flatpickr-current-month input.cur-year {
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,.5);
  background: 0 0;
  pointer-events: none
}

.flatpickr-weekdays {
  background: 0 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: 0 0;
  color: rgba(0,0,0,.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder
}

.dayContainer,.flatpickr-weeks {
  padding: 1px 0 0 0
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px
}

.flatpickr-days:focus {
  outline: 0
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1
}

.dayContainer+.dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6
}

.flatpickr-day.today {
  border-color: #959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
  color: rgba(57,57,57,.3);
  background: 0 0;
  border-color: transparent;
  cursor: default
}

.flatpickr-day.disabled,.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,.1)
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
}

.flatpickr-day.hidden {
  visibility: hidden
}

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,.3);
  background: 0 0;
  cursor: default;
  border: none
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}

.flatpickr-time input {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
  font-weight: 400
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover {
  background: #f0f0f0
}

.flatpickr-input[readonly] {
  cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
  }
}

html {
  width: 100%;
  -ms-overflow-x: hidden;
  overflow-x: hidden;
  font-size: 15px
}

@media (max-width:991px) {
  html {
    font-size: 14px
  }
}

@media (max-width:767px) {
  html {
    font-size: 13px
  }
}



.lazyload,.lazyloading {
  opacity: 0;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.lazyloaded {
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 1
}

.notice {
  color: #ec4c4c
}

.pos-r {
  position: relative
}

.ov-h {
  overflow: hidden
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

@media (max-width:991px) {
  .no-gutters-sm {
    margin-right: 0;
    margin-left: 0
  }

  .no-gutters-sm>.col,.no-gutters-sm>[class*=col-] {
    padding-right: 0;
    padding-left: 0
  }
}

@media (max-width:767px) {
  .no-gutters-xs {
    margin-right: 0;
    margin-left: 0
  }

  .no-gutters-xs>.col,.no-gutters-xs>[class*=col-] {
    padding-right: 0;
    padding-left: 0
  }
}

@media (max-width:991px) {
  .gutters-sm-5 {
    margin-right: -5px;
    margin-left: -5px
  }

  .gutters-sm-5>.col,.gutters-sm-5>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
  }
}

@media (max-width:767px) {
  .gutters-xs-5 {
    margin-right: -5px;
    margin-left: -5px
  }

  .gutters-xs-5>.col,.gutters-xs-5>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
  }
}

@media (max-width:991px) {
  .gutters-sm-10 {
    margin-right: -10px;
    margin-left: -10px
  }

  .gutters-sm-10>.col,.gutters-sm-10>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (max-width:767px) {
  .gutters-xs-10 {
    margin-right: -10px;
    margin-left: -10px
  }

  .gutters-xs-10>.col,.gutters-xs-10>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px
  }
}

.gutters-100 {
  margin-left: -50px;
  margin-right: -50px
}

.gutters-100>div {
  padding-right: 50px;
  padding-left: 50px
}

.gutters-80 {
  margin-left: -40px;
  margin-right: -40px
}

.gutters-80>div {
  padding-right: 40px;
  padding-left: 40px
}

@media (min-width:768px) {
  .gutters-md-80 {
    margin-left: -40px;
    margin-right: -40px
  }

  .gutters-md-80>div {
    padding-right: 40px;
    padding-left: 40px
  }
}

.mt0 {
  margin-top: 0!important
}

.mb0 {
  margin-bottom: 0!important
}

.ml0 {
  margin-left: 0!important
}

.mr0 {
  margin-right: 0!important
}

.pt0 {
  padding-top: 0!important
}

.pb0 {
  padding-bottom: 0!important
}

.pl0 {
  padding-left: 0!important
}

.pr0 {
  padding-right: 0!important
}

.mt5 {
  margin-top: 5px!important
}

.mb5 {
  margin-bottom: 5px!important
}

.ml5 {
  margin-left: 5px!important
}

.mr5 {
  margin-right: 5px!important
}

.pt5 {
  padding-top: 5px!important
}

.pb5 {
  padding-bottom: 5px!important
}

.pl5 {
  padding-left: 5px!important
}

.pr5 {
  padding-right: 5px!important
}

.mt10 {
  margin-top: 10px!important
}

.mb10 {
  margin-bottom: 10px!important
}

.ml10 {
  margin-left: 10px!important
}

.mr10 {
  margin-right: 10px!important
}

.pt10 {
  padding-top: 10px!important
}

.pb10 {
  padding-bottom: 10px!important
}

.pl10 {
  padding-left: 10px!important
}

.pr10 {
  padding-right: 10px!important
}

.mt15 {
  margin-top: 15px!important
}

.mb15 {
  margin-bottom: 15px!important
}

.ml15 {
  margin-left: 15px!important
}

.mr15 {
  margin-right: 15px!important
}

.pt15 {
  padding-top: 15px!important
}

.pb15 {
  padding-bottom: 15px!important
}

.pl15 {
  padding-left: 15px!important
}

.pr15 {
  padding-right: 15px!important
}

.mt20 {
  margin-top: 20px!important
}

.mb20 {
  margin-bottom: 20px!important
}

.ml20 {
  margin-left: 20px!important
}

.mr20 {
  margin-right: 20px!important
}

.pt20 {
  padding-top: 20px!important
}

.pb20 {
  padding-bottom: 20px!important
}

.pl20 {
  padding-left: 20px!important
}

.pr20 {
  padding-right: 20px!important
}

.mt25 {
  margin-top: 25px!important
}

.mb25 {
  margin-bottom: 25px!important
}

.ml25 {
  margin-left: 25px!important
}

.mr25 {
  margin-right: 25px!important
}

.pt25 {
  padding-top: 25px!important
}

.pb25 {
  padding-bottom: 25px!important
}

.pl25 {
  padding-left: 25px!important
}

.pr25 {
  padding-right: 25px!important
}

.mt30 {
  margin-top: 30px!important
}

.mb30 {
  margin-bottom: 30px!important
}

.ml30 {
  margin-left: 30px!important
}

.mr30 {
  margin-right: 30px!important
}

.pt30 {
  padding-top: 30px!important
}

.pb30 {
  padding-bottom: 30px!important
}

.pl30 {
  padding-left: 30px!important
}

.pr30 {
  padding-right: 30px!important
}

.mt35 {
  margin-top: 35px!important
}

.mb35 {
  margin-bottom: 35px!important
}

.ml35 {
  margin-left: 35px!important
}

.mr35 {
  margin-right: 35px!important
}

.pt35 {
  padding-top: 35px!important
}

.pb35 {
  padding-bottom: 35px!important
}

.pl35 {
  padding-left: 35px!important
}

.pr35 {
  padding-right: 35px!important
}

.mt40 {
  margin-top: 40px!important
}

.mb40 {
  margin-bottom: 40px!important
}

.ml40 {
  margin-left: 40px!important
}

.mr40 {
  margin-right: 40px!important
}

.pt40 {
  padding-top: 40px!important
}

.pb40 {
  padding-bottom: 40px!important
}

.pl40 {
  padding-left: 40px!important
}

.pr40 {
  padding-right: 40px!important
}

.mt45 {
  margin-top: 45px!important
}

.mb45 {
  margin-bottom: 45px!important
}

.ml45 {
  margin-left: 45px!important
}

.mr45 {
  margin-right: 45px!important
}

.pt45 {
  padding-top: 45px!important
}

.pb45 {
  padding-bottom: 45px!important
}

.pl45 {
  padding-left: 45px!important
}

.pr45 {
  padding-right: 45px!important
}

.mt50 {
  margin-top: 50px!important
}

.mb50 {
  margin-bottom: 50px!important
}

.ml50 {
  margin-left: 50px!important
}

.mr50 {
  margin-right: 50px!important
}

.pt50 {
  padding-top: 50px!important
}

.pb50 {
  padding-bottom: 50px!important
}

.pl50 {
  padding-left: 50px!important
}

.pr50 {
  padding-right: 50px!important
}

.mt55 {
  margin-top: 55px!important
}

.mb55 {
  margin-bottom: 55px!important
}

.ml55 {
  margin-left: 55px!important
}

.mr55 {
  margin-right: 55px!important
}

.pt55 {
  padding-top: 55px!important
}

.pb55 {
  padding-bottom: 55px!important
}

.pl55 {
  padding-left: 55px!important
}

.pr55 {
  padding-right: 55px!important
}

.mt60 {
  margin-top: 60px!important
}

.mb60 {
  margin-bottom: 60px!important
}

.ml60 {
  margin-left: 60px!important
}

.mr60 {
  margin-right: 60px!important
}

.pt60 {
  padding-top: 60px!important
}

.pb60 {
  padding-bottom: 60px!important
}

.pl60 {
  padding-left: 60px!important
}

.pr60 {
  padding-right: 60px!important
}

.mt65 {
  margin-top: 65px!important
}

.mb65 {
  margin-bottom: 65px!important
}

.ml65 {
  margin-left: 65px!important
}

.mr65 {
  margin-right: 65px!important
}

.pt65 {
  padding-top: 65px!important
}

.pb65 {
  padding-bottom: 65px!important
}

.pl65 {
  padding-left: 65px!important
}

.pr65 {
  padding-right: 65px!important
}

.mt70 {
  margin-top: 70px!important
}

.mb70 {
  margin-bottom: 70px!important
}

.ml70 {
  margin-left: 70px!important
}

.mr70 {
  margin-right: 70px!important
}

.pt70 {
  padding-top: 70px!important
}

.pb70 {
  padding-bottom: 70px!important
}

.pl70 {
  padding-left: 70px!important
}

.pr70 {
  padding-right: 70px!important
}

.mt75 {
  margin-top: 75px!important
}

.mb75 {
  margin-bottom: 75px!important
}

.ml75 {
  margin-left: 75px!important
}

.mr75 {
  margin-right: 75px!important
}

.pt75 {
  padding-top: 75px!important
}

.pb75 {
  padding-bottom: 75px!important
}

.pl75 {
  padding-left: 75px!important
}

.pr75 {
  padding-right: 75px!important
}

.mt80 {
  margin-top: 80px!important
}

.mb80 {
  margin-bottom: 80px!important
}

.ml80 {
  margin-left: 80px!important
}

.mr80 {
  margin-right: 80px!important
}

.pt80 {
  padding-top: 80px!important
}

.pb80 {
  padding-bottom: 80px!important
}

.pl80 {
  padding-left: 80px!important
}

.pr80 {
  padding-right: 80px!important
}

.mt85 {
  margin-top: 85px!important
}

.mb85 {
  margin-bottom: 85px!important
}

.ml85 {
  margin-left: 85px!important
}

.mr85 {
  margin-right: 85px!important
}

.pt85 {
  padding-top: 85px!important
}

.pb85 {
  padding-bottom: 85px!important
}

.pl85 {
  padding-left: 85px!important
}

.pr85 {
  padding-right: 85px!important
}

.mt90 {
  margin-top: 90px!important
}

.mb90 {
  margin-bottom: 90px!important
}

.ml90 {
  margin-left: 90px!important
}

.mr90 {
  margin-right: 90px!important
}

.pt90 {
  padding-top: 90px!important
}

.pb90 {
  padding-bottom: 90px!important
}

.pl90 {
  padding-left: 90px!important
}

.pr90 {
  padding-right: 90px!important
}

.mt95 {
  margin-top: 95px!important
}

.mb95 {
  margin-bottom: 95px!important
}

.ml95 {
  margin-left: 95px!important
}

.mr95 {
  margin-right: 95px!important
}

.pt95 {
  padding-top: 95px!important
}

.pb95 {
  padding-bottom: 95px!important
}

.pl95 {
  padding-left: 95px!important
}

.pr95 {
  padding-right: 95px!important
}

.mt100 {
  margin-top: 100px!important
}

.mb100 {
  margin-bottom: 100px!important
}

.ml100 {
  margin-left: 100px!important
}

.mr100 {
  margin-right: 100px!important
}

.pt100 {
  padding-top: 100px!important
}

.pb100 {
  padding-bottom: 100px!important
}

.pl100 {
  padding-left: 100px!important
}

.pr100 {
  padding-right: 100px!important
}

@media (max-width:991px) {
  .pt120,.pt130,.pt140,.pt150 {
    padding-top: 60px!important
  }

  .pb120,.pb130,.pb140,.pb150 {
    padding-bottom: 60px!important
  }
}

@media (max-width:767px) {
  .pt30,.pt40,.pt50,.pt60,.pt70,.pt80 {
    padding-top: 20px!important
  }

  .pb30,.pb40,.pb50,.pb60,.pb70,.pb80 {
    padding-bottom: 20px!important
  }

  .mt30,.mt40,.mt50,.mt60,.mt70,.mt80,.mt90 {
    margin-top: 20px!important
  }

  .mb100,.mb30,.mb40,.mb50,.mb60,.mb70,.mb80,.mb90 {
    margin-bottom: 20px!important
  }

  .pt100,.pt110,.pt120,.pt130,.pt140,.pt150,.pt90 {
    padding-top: 30px!important
  }

  .pb100,.pb110,.pb120,.pb130,.pb140,.pb150,.pb90 {
    padding-bottom: 30px!important
  }
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 700
}

ol li {
  padding-left: 10px;
  margin-bottom: 20px
}

.btn,input[type=submit] {
  padding: 15px 30px;
  border: none
}

.btn-primary,input[type=submit] {
  background-color: #222
}

.btn-more {
  font-weight: 700;
  letter-spacing: 1.4px;
  padding: 17px 30px 14px;
  position: relative;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn-more span {
  position: relative;
  z-index: 2
}

.btn-more:active,.btn-more:focus,.btn-more:hover {
  letter-spacing: 2.2px
}

.btn-more:active:after,.btn-more:focus:after,.btn-more:hover:after {
  opacity: 1
}

.btn-more:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  background: #2c3de3;
  background: -webkit-gradient(linear,left top,right top,from(#2c3de3),to(#0e1668));
  background: linear-gradient(to right,#2c3de3 0,#0e1668 100%)
}

.btn-arrow-left {
  position: relative
}

.btn-arrow-left:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  left: 5px;
  top: 50%;
  font-size: 10px;
  line-height: 10px;
  margin-top: -5px;
  font-size: 1.5rem;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn-arrow-right {
  position: relative
}

.btn-arrow-right:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  right: 5px;
  top: 50%;
  font-size: 10px;
  line-height: 10px;
  margin-top: -5px;
  font-size: 1.5rem;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  z-index: 2
}

.btn-close {
  position: relative
}

.btn-close:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 10px;
  line-height: 10px;
  margin-top: -5px;
  font-size: 1.5rem;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn.btn-pdf,input.btn-pdf[type=submit] {
  position: relative;
  padding-left: 50px
}

.btn.btn-pdf:before,input.btn-pdf[type=submit]:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 10px;
  line-height: 10px;
  margin-top: -5px;
  font-size: 2rem;
  font-weight: 400;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn.btn-width-200,input.btn-width-200[type=submit] {
  max-width: 100%;
  min-width: 200px
}

.btn.btn-width-220,input.btn-width-220[type=submit] {
  max-width: 100%;
  min-width: 220px
}

.btn.btn-width-240,input.btn-width-240[type=submit] {
  max-width: 100%;
  min-width: 240px
}

.btn.btn-width-260,input.btn-width-260[type=submit] {
  max-width: 100%;
  min-width: 260px
}

.btn.btn-width-280,input.btn-width-280[type=submit] {
  max-width: 100%;
  min-width: 280px
}

input[type=date],input[type=email],input[type=tel],input[type=text],input[type=time],textarea {
  font-size: 16px;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

input[type=submit] {
  min-width: 240px;
  padding: 1rem 1.5rem
}

input::-webkit-input-placeholder {
  color: #888!important;
  opacity: 1
}

input:-moz-placeholder {
  color: #888!important
}

input::-moz-placeholder {
  color: #888!important;
  opacity: 1
}

input:-ms-input-placeholder,input::-ms-input-placeholder {
  color: #888!important
}

.form-control::-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=time]::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder {
  color: #888!important
}

input:placeholder-shown {
  color: #888!important
}

.mw_wp_form {
  margin-bottom: 30px
}

.resume--body {
  margin: 20px 0;
  padding: 20px 30px
}

.resume--body address {
  margin-bottom: 0
}

.mw_wp_form_confirm .resume--body {
  display: none
}

.mw_wp_form_confirm .select-wrap:after {
  content: none
}

@media (max-width:767px) {
  .mw_wp_form_confirm .form-group {
    border-bottom: 1px solid #ebebeb;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15px
  }
}

@media (max-width:991px) {
  .mw_wp_form_confirm .form-group>label {
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0
  }
}

@media (max-width:767px) {
  .mw_wp_form_confirm .form-group>label {
    padding-bottom: 0
  }
}

.mw_wp_form_confirm .form-group>div {
  padding-top: calc(.8rem - 1px * 2)
}

@media (max-width:991px) {
  .mw_wp_form_confirm .form-group>div {
    padding-left: 0;
    padding-right: 0;
    padding-top: calc(.8rem - 1px * 2)
  }
}

.mw_wp_form_confirm .input-group-file input {
  display: none
}

.mw_wp_form_confirm .input-group-file .input-group-btn {
  display: none
}

.mw_wp_form_confirm #policy-check {
  display: none
}

.form-group {
  margin-bottom: 20px
}

@media (max-width:767px) {
  .form-group {
    margin-bottom: 10px
  }
}

.select-wrap {
  position: relative;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.select-wrap:after {
  z-index: 3;
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  font-family: icomoon;
  margin-top: -.8rem;
  color: #495057;
  font-size: 1.9rem;
  pointer-events: none;
  line-height: 100%
}

.select-wrap select {
  position: relative;
  z-index: 1;
  background: 0 0;
  padding-left: 15px;
  padding-right: 15px
}

select {
  -moz-appearance: none;
  text-indent: .01px;
  text-overflow: '';
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 16px
}

select:active,select:focus,select:hover {
  outline: 0;
  -webkit-box-shadow: 0 0 2px #137ee0;
  box-shadow: 0 0 2px #137ee0
}

@media (max-width:767px) {
  select {
    font-size: 18px;
    height: 40px
  }
}

textarea {
  height: auto
}

select::-ms-expand {
  display: none
}

select.form-control:not([size]):not([multiple]),select:not([size]):not([multiple]) {
  height: 40px
}

.mwform-radio-field label,.radio {
  position: relative;
  padding-left: 30px;
  padding-right: 15px;
  cursor: pointer;
  font-weight: 400
}

.mwform-radio-field label.radio-block,.radio.radio-block {
  display: block;
  padding-right: 0
}

.mwform-radio-field label input[type=radio],.radio input[type=radio] {
  display: none
}

.mwform-radio-field label input[type=radio]:checked+span:before,.radio input[type=radio]:checked+span:before {
  border-color: #0e1668
}

.mwform-radio-field label input[type=radio]:checked+span:after,.radio input[type=radio]:checked+span:after {
  opacity: 1;
  background: #0e1668;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.mwform-radio-field label span,.radio span {
  line-height: 25px
}

.mwform-radio-field label span:before,.radio span:before {
  content: '';
  border: 2px solid #c4c4c4;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
  -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
  transition: all .5s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.mwform-radio-field label span:after,.radio span:after {
  content: '';
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0;
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.col-form-label {
  font-weight: 700;
  color: #606a73
}

.mwform-checkbox-field.horizontal-item,.mwform-radio-field.horizontal-item {
  margin-left: 0!important;
  margin-bottom: 10px;
  display: block
}

.checkbox,.mwform-checkbox-field label {
  position: relative;
  padding-left: 30px;
  padding-right: 15px;
  cursor: pointer;
  font-weight: 400
}

.checkbox.checkbox-block,.mwform-checkbox-field label.checkbox-block {
  display: block;
  padding-right: 0
}

.checkbox span,.mwform-checkbox-field label span {
  line-height: 25px
}

.checkbox input[type=checkbox],.mwform-checkbox-field label input[type=checkbox] {
  display: none
}

.checkbox input[type=checkbox]:checked+span:before,.mwform-checkbox-field label input[type=checkbox]:checked+span:before {
  -webkit-transform: scale(3);
  transform: scale(3);
  opacity: 0
}

.checkbox input[type=checkbox]:checked+span:after,.mwform-checkbox-field label input[type=checkbox]:checked+span:after {
  opacity: 1;
  position: absolute;
  left: .5rem;
  top: .2rem;
  width: 8px;
  height: 16px;
  border-right: 2px solid #0e1668;
  border-bottom: 2px solid #0e1668;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}

.checkbox span:before,.mwform-checkbox-field label span:before {
  content: '';
  border: 2px solid #c4c4c4;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0;
  -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
  transition: all .5s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.checkbox span:after,.mwform-checkbox-field label span:after {
  content: '';
  opacity: 0;
  position: absolute;
  left: .5rem;
  top: .2rem;
  width: 8px;
  height: 16px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  -webkit-transform: rotate(-200deg);
  transform: rotate(-200deg);
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.input-group-file input[type=file] {
  display: none
}

.card--image {
  position: relative;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
  line-height: 0;
  font-size: 1px
}

.card--image:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 65%
}

.card--image.square:before {
  padding-top: 100%
}

.card {
  border: none
}

.card a.card--image {
  -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);
  transition: all 1s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.card a.card--image:active,.card a.card--image:focus,.card a.card--image:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.bg-black {
  background-color: #232323;
  color: #fff
}

.bg-primary {
  background-color: #0e1668;
  color: #fff
}

.bg-gray {
  background-color: #fafafa
}

.card--image {
  position: relative;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
  line-height: 0;
  font-size: 1px
}

.card--image:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  padding-top: 65%
}

.card--image.square:before {
  padding-top: 100%
}

.card {
  border: none
}

.card a.card--image {
  -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1);
  transition: all 1s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.card a.card--image:active,.card a.card--image:focus,.card a.card--image:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.table-sm td,.table-sm th {
  padding: .3rem .8rem
}

@media (max-width:767px) {
  .table-responsive {
    -ms-overflow-x: auto;
    overflow-x: auto
  }

  .table-responsive table {
    border: 1px solid #e8e8e8
  }

  .table-responsive table>tbody>tr>td,.table-responsive table>tbody>tr>th,.table-responsive table>thead>tr>td,.table-responsive table>thead>tr>th {
    padding: .5rem 1rem;
    white-space: nowrap
  }
}

@media (max-width:767px) {
  table.table>tbody>tr>td,table.table>tbody>tr>th,table.table>thead>tr>td,table.table>thead>tr>th {
    padding: .5rem 1rem
  }
}

@media (max-width:767px) {
  table.table-sm-block {
    border-bottom: none;
    display: block
  }

  table.table-sm-block>tbody,table.table-sm-block>tbody>tr,table.table-sm-block>tbody>tr>td,table.table-sm-block>tbody>tr>th,table.table-sm-block>thead,table.table-sm-block>thead>tr,table.table-sm-block>thead>tr>td,table.table-sm-block>thead>tr>th {
    display: block;
    width: 100%;
    border: none
  }

  table.table-sm-block>tbody>tr>th {
    background-color: #fafafa
  }

  table.table-sm-block>tbody>tr>td,table.table-sm-block>tbody>tr>th {
    border-bottom: 1px solid #e8e8e8
  }
}

#hamburger {
  display: none;
  -webkit-transform: translateZ(0);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10001;
  cursor: pointer;
  width: 55px;
  height: 55px;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}

@media (max-width:991px) {
  #hamburger {
    display: block;
    width: 70px;
    height: 70px;
    padding-top: 24px
  }
}

@media (max-width:767px) {
  #hamburger {
    width: 60px;
    height: 60px;
    padding-top: 18px
  }
}

#hamburger .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 0;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -12.5px;
  -webkit-transition: all .7s cubic-bezier(.19,1,.22,1);
  transition: all .7s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  position: relative
}

#hamburger .icon-bar:nth-child(1) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms
}

#hamburger .icon-bar:nth-child(2) {
  top: 5px;
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

#hamburger .icon-bar:nth-child(3) {
  top: 10px;
  -webkit-transition-delay: 0;
  transition-delay: 0
}

#hamburger.headroom--not-top .icon-bar {
  background-color: #111
}

#drawer {
  display: none
}

@media (max-width:991px) {
  #drawer {
    -webkit-transform: translateZ(0);
    -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
    transition: all .4s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    z-index: -10;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-top: 0;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;
    background: #0e1668
  }

  #drawer::-webkit-scrollbar {
    display: none
  }

  #drawer #drawer--body {
    position: relative;
    z-index: 2;
    padding: 40% 0 80px
  }
}

@media (max-width:991px) and (max-width:767px) {
  #drawer #drawer--body {
    padding: 20% 0 40px
  }
}

@media (max-width:991px) {
  #drawer #drawer--body .drawer--nav {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 10px 20px
  }

  #drawer #drawer--body .drawer--nav>li>a {
    font-weight: 700
  }

  #drawer #drawer--body .drawer--nav li {
    padding: 5px 0
  }

  #drawer #drawer--body .drawer--nav li a {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 1.2px
  }

  #drawer #drawer--body .drawer--nav li a:active,#drawer #drawer--body .drawer--nav li a:focus,#drawer #drawer--body .drawer--nav li a:hover {
    text-decoration: none
  }

  #drawer #drawer--body .drawer--nav li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 10px 0
  }
}

#page,.fixed-content {
  left: 0;
  -webkit-transition: all .4s cubic-bezier(.19,1,.22,1);
  transition: all .4s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transition-property: left;
  transition-property: left
}

@media (max-width:991px) {
  body.drawer-opened #drawer {
    z-index: 10000;
    display: block
  }
}

body.drawer-opening #hamburger :nth-child(1) {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: -2.5px;
  margin-left: -13.75px;
  background-color: #fff
}

body.drawer-opening #hamburger :nth-child(2) {
  -webkit-transform: translate(-50px,0);
  transform: translate(-50px,0);
  opacity: 0
}

body.drawer-opening #hamburger :nth-child(3) {
  -webkit-transform: rotate(-315deg);
  transform: rotate(-315deg);
  margin-left: -15.75px;
  background-color: #fff
}

@media (max-width:991px) {
  body.drawer-opening #drawer {
    -webkit-animation: drawer-open .8s cubic-bezier(1,0,0,1) 0s;
    animation: drawer-open .8s cubic-bezier(1,0,0,1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }
}

@media (max-width:991px) {
  body.drawer-closing #drawer {
    -webkit-animation: drawer-close .5s cubic-bezier(1,0,0,1) 0s;
    animation: drawer-close .5s cubic-bezier(1,0,0,1) 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }
}

@-webkit-keyframes drawer-open {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes drawer-open {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes drawer-close {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
}

@keyframes drawer-close {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
}

.invisible {
  visibility: inherit!important
}

.scrt-fade {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-property: opacity,transform;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}

.scrt-fade.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.scrt-to-top {
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-property: opacity,transform;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}

.scrt-to-top.invisible {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

.scrt-to-top.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.scrt-to-right {
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-property: opacity,transform;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}

.scrt-to-right.invisible {
  opacity: 0;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px)
}

@media (max-width:991px) {
  .scrt-to-right.invisible {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px)
  }
}

.scrt-to-right.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.scrt-to-left {
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1);
  -webkit-transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  transition: all 1s cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  -webkit-transition-property: opacity,transform;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}

.scrt-to-left.invisible {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

@media (max-width:991px) {
  .scrt-to-left.invisible {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }
}

.scrt-to-left.visible {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.scrt-cover {
  overflow-x: hidden;
  position: relative;
  display: block
}

.scrt-cover:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: #111;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.scrt-cover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
  z-index: 2;
  -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
  transition: all .8s cubic-bezier(.77,0,.175,1);
  -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
  transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.scrt-cover.visible:after,.scrt-cover.visible:before {
  right: -100%
}

.single-pagenavi {
  margin-bottom: 20px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  overflow: hidden
}

@media (max-width:767px) {
  .single-pagenavi {
    border-bottom: none;
    display: block
  }
}

.single-pagenavi>a,.single-pagenavi>span {
  width: 33.3%;
  -ms-flex: 33.3%;
  -webkit-box-flex: 33.3%;
  flex: 33.3%;
  text-decoration: none;
  color: #111;
  position: relative
}

@media (max-width:767px) {
  .single-pagenavi>a,.single-pagenavi>span {
    width: 100%;
    max-width: 100%;
    display: block
  }
}

.single-pagenavi>a.arrow-left a:before,.single-pagenavi>span.arrow-left a:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  left: 10px;
  top: 50%;
  line-height: 100%;
  margin-top: -10px;
  font-size: 1.3rem
}

.single-pagenavi>a.arrow-right a:after,.single-pagenavi>span.arrow-right a:after {
  content: "";
  font-family: icomoon;
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 100%;
  margin-top: -10px;
  font-size: 1.3rem
}

.single-pagenavi>a a,.single-pagenavi>span a {
  text-decoration: none;
  display: block;
  padding: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: .9rem;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.single-pagenavi>a a:hover,.single-pagenavi>span a:hover {
  text-decoration: underline
}

@media (max-width:767px) {
  .single-pagenavi>a a,.single-pagenavi>span a {
    padding: 10px 30px
  }
}

.wp-pagenavi {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px
}

.wp-pagenavi>a,.wp-pagenavi>span {
  vertical-align: middle;
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
  line-height: 28px;
  background: #fff;
  color: #0e1668;
  border-radius: 2px;
  border: 1px solid #0e1668;
  text-decoration: none;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

@media (max-width:767px) {
  .wp-pagenavi>a,.wp-pagenavi>span {
    margin-bottom: 10px
  }
}

.wp-pagenavi a:hover {
  background: #0e1668;
  color: #fff;
  border-color: #0e1668
}

.wp-pagenavi span {
  background: #0e1668;
  color: #fff;
  border-color: #0e1668
}

.wp-pagenavi span.extend {
  background: #eee;
  color: #ced4da;
  padding: 0 8px;
  border-color: #ced4da;
  font-size: 12px
}

#breadcrumb {
  font-size: 12px;
  padding-top: 20px
}

#breadcrumb .breadcrumb {
  background: 0 0
}

.btn.btn-share-tw,input.btn-share-tw[type=submit] {
  width: 35px;
  height: 35px;
  background: #1da1f3;
  color: #fff;
  border-color: #1da1f3;
  font-size: 18px;
  padding: 0;
  line-height: 35px;
  border-radius: 30px;
  margin-right: 5px;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn.btn-share-tw:active,.btn.btn-share-tw:hover,input.btn-share-tw:active[type=submit],input.btn-share-tw:hover[type=submit] {
  background: #fff;
  border: 1px solid #1da1f3;
  color: #1da1f3
}

.btn.btn-share-tw:before,input.btn-share-tw[type=submit]:before {
  font-family: icomoon;
  content: ""
}

.btn.btn-share-fb,input.btn-share-fb[type=submit] {
  width: 35px;
  height: 35px;
  font-size: 18px;
  padding: 0;
  line-height: 35px;
  background: #3b5998;
  color: #fff;
  border-color: #3b5998;
  border-radius: 30px;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.btn.btn-share-fb:active,.btn.btn-share-fb:hover,input.btn-share-fb:active[type=submit],input.btn-share-fb:hover[type=submit] {
  background: #fff;
  border: 1px solid #3b5998;
  color: #3b5998
}

.btn.btn-share-fb:before,input.btn-share-fb[type=submit]:before {
  font-family: icomoon;
  content: ""
}

.blog-share {
  background-size: cover;
  background-position: center center;
  color: #111;
  border-bottom: 1px solid #111;
  border-top: 1px solid #111;
  text-align: center;
  padding: 50px 0 40px;
  position: relative
}

@media (max-width:767px) {
  .blog-share {
    padding: 30px 0
  }
}

.blog-share h4 {
  font-size: 1rem;
  padding: 10px 0;
  font-weight: 700
}

blockquote {
  background: #f4f6f8;
  border-left: 3px solid #0e1668;
  font-size: .9rem;
  color: #333;
  padding: 15px 30px
}

blockquote p {
  margin-bottom: 0
}

.blog-single-title {
  padding: 1.3rem 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  border-bottom: 3px solid #0e1668;
  margin-bottom: .6rem
}

.blog--time {
  text-align: right;
  color: #666;
  font-size: .9rem;
  margin-bottom: .5rem
}

.blog--cat {
  margin-bottom: .5rem
}

.blog--cat a {
  margin-right: .3rem
}

.blog--tag {
  color: #666;
  font-size: 12px
}

.blog--tag a {
  margin-right: .5rem
}

#tinymce,.blog-body {
  padding: 15px 0 20px 0
}

#tinymce img,.blog-body img {
  margin: 0 0 .8rem
}

#tinymce h1,#tinymce h2,#tinymce h3,#tinymce h4,#tinymce h5,#tinymce h6,.blog-body h1,.blog-body h2,.blog-body h3,.blog-body h4,.blog-body h5,.blog-body h6 {
  padding: .5rem 0;
  border-bottom: 3px solid #495057;
  margin-bottom: 1.5rem
}

#tinymce h4,#tinymce h5,#tinymce h6,.blog-body h4,.blog-body h5,.blog-body h6 {
  padding: .5rem 0;
  border-bottom: 2px solid #adb5bd
}

#tinymce blockquote h1,#tinymce blockquote h2,#tinymce blockquote h3,#tinymce blockquote h4,#tinymce blockquote h5,#tinymce blockquote h6,.blog-body blockquote h1,.blog-body blockquote h2,.blog-body blockquote h3,.blog-body blockquote h4,.blog-body blockquote h5,.blog-body blockquote h6 {
  padding: 0;
  border-bottom: none;
  margin-bottom: .5rem
}

.blog-detail {
  padding: 20px 0;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .blog-detail {
    padding: 10px 0;
    margin-bottom: 10px
  }
}

.blog-detail dl {
  background-color: #f4f6f8;
  padding: 15px 20px
}

.blog-detail dt {
  line-height: 25px;
  margin-bottom: 10px
}

.blog-detail dt img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  margin-right: 10px
}

.blog-detail dt i {
  font-size: 1.7rem;
  margin-right: 10px;
  vertical-align: middle
}

.blog-detail dd {
  line-height: 150%;
  font-size: .9rem
}

.blog-slider {
  margin-bottom: 20px
}

.blog-slider .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.blog-slider .slide-image {
  background-color: #adb5bd
}

.blog-slider .swiper-slide {
  background-color: #fff
}

.slide-image {
  background-color: #adb5bd
}

_:-ms-lang(x):before,.slide-image .card--image:before {
  padding-top: 500px
}

@media (max-width:1199px) {
  _:-ms-lang(x):before,.slide-image .card--image:before {
    padding-top: 450px
  }
}

@media (max-width:991px) {
  _:-ms-lang(x):before,.slide-image .card--image:before {
    padding-top: 350px
  }
}

@media (max-width:767px) {
  _:-ms-lang(x):before,.slide-image .card--image:before {
    padding-top: 300px
  }
}

@media (max-width:545px) {
  _:-ms-lang(x):before,.slide-image .card--image:before {
    padding-top: 250px
  }
}

.slide-image-single {
  background-color: #adb5bd
}

.blog-list {
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:767px) {
  .blog-list {
    padding: 10px 0
  }
}

.blog-list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 100%;
  z-index: 1
}

.blog-list .blog-list-image {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 20px;
  width: 120px;
  max-width: 120px;
  -ms-flex: 120px;
  -webkit-box-flex: 120px;
  flex: 120px;
  overflow: hidden;
  position: relative;
  z-index: 2
}

@media (max-width:767px) {
  .blog-list .blog-list-image {
    padding-right: 10px;
    width: 90px;
    max-width: 90px;
    -ms-flex: 90px;
    -webkit-box-flex: 90px;
    flex: 90px
  }
}

@media (max-width:545px) {
  .blog-list .blog-list-image {
    width: 70px;
    max-width: 70px;
    -ms-flex: 70px;
    -webkit-box-flex: 70px;
    flex: 70px
  }
}

.blog-list .blog-list-thumbnail {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 0;
  display: block;
  height: 100px;
  width: 100px;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}

@media (max-width:767px) {
  .blog-list .blog-list-thumbnail {
    width: 80px;
    height: 80px
  }
}

@media (max-width:545px) {
  .blog-list .blog-list-thumbnail {
    width: 60px;
    height: 60px
  }
}

.blog-list .blog-list-thumbnail:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.blog-list .blog-list-time {
  line-height: 150%;
  vertical-align: top;
  font-size: .9rem;
  letter-spacing: 1px;
  max-width: 100px;
  -ms-flex: 0 0 1;
  -webkit-box-flex: 1;
  flex: 1
}

@media (max-width:767px) {
  .blog-list .blog-list-time {
    max-width: 80px
  }
}

.blog-list .blog-list-title {
  width: 100%;
  font-size: .9rem;
  line-height: 150%;
  letter-spacing: 1px
}

.blog-list .blog-list-title a {
  color: #111;
  text-decoration: none
}

@media (max-width:767px) {
  .blog-list .blog-list-title {
    margin-bottom: 0
  }
}

.blog-list .blog--list-time {
  font-size: .8rem;
  margin-bottom: 10px;
  display: block
}

@media (max-width:767px) {
  .blog-list .blog--list-time {
    display: inline
  }
}

.blog-list .blog-list-body {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  z-index: 2;
  overflow: hidden;
  -ms-flex: 0 0 1;
  -webkit-box-flex: 1;
  flex: 1
}

@media (max-width:545px) {
  .blog-list .blog-list-body {
    padding: 0
  }
}

.blog-list .blog-list-body a {
  text-decoration: none
}

.blog-list .blog-list-body .cat {
  line-height: 25px
}

.blog-list .blog-list-detail {
  font-size: .8rem;
  color: #000
}

.blog--wrapper {
  padding-top: 30px;
  padding-bottom: 30px
}

@media (max-width:991px) {
  .blog--wrapper {
    padding-top: 30px;
    padding-bottom: 30px
  }
}

@media (max-width:767px) {
  .blog--wrapper {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

.blog--wrapper--body {
  padding-left: 30px;
  padding-right: 30px
}

@media (max-width:767px) {
  .blog--wrapper--body {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media (max-width:575px) {
  .blog--wrapper--body {
    padding-left: 0;
    padding-right: 0
  }
}

#side {
  padding-left: 20px;
  padding-right: 20px
}

@media (max-width:991px) {
  #side {
    padding: 30px 0
  }
}

@media (max-width:575px) {
  #side {
    padding-left: 0;
    padding-right: 0
  }
}

#side ul {
  padding: 0;
  list-style: none
}

#side .side-title {
  font-weight: 700;
  letter-spacing: 1px;
  position: relative;
  color: #0e1668;
  margin-bottom: 25px;
  padding: 8px 0
}

#side .side-title.no-border {
  border: none
}

#side .side-title:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
  border-bottom: 2px solid #0e1668
}

#side .cat-list {
  background: #fff
}

#side .cat-list li {
  margin-bottom: 5px
}

#side .cat-list li a {
  font-weight: 700;
  display: block;
  color: #111;
  padding: 5px 0;
  padding-left: 30px;
  background: #fff;
  text-decoration: none;
  position: relative;
  font-size: 14px
}

@media (max-width:767px) {
  #side .cat-list li a {
    padding: 10px 20px
  }
}

#side .cat-list li a:before {
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -11px;
  content: "";
  font-family: icomoon;
  color: #111;
  font-size: 15px
}

@media (max-width:767px) {
  #side .cat-list li a:before {
    margin-top: -10px
  }
}

#side .cat-list li a:active,#side .cat-list li a:focus,#side .cat-list li a:hover {
  color: #0e1668
}

#side .cat-list li ul {
  margin-bottom: 10px
}

#side .cat-list li ul li {
  border-bottom: none;
  margin-bottom: 0
}

#side .cat-list li ul li a {
  padding: 8px 20px;
  padding-left: 40px;
  font-weight: 400
}

#side .cat-list li ul li a:before {
  content: none
}

@media (max-width:991px) {
  #side .side-select-wrapper .select-wrap select {
    border-bottom: none
  }

  #side .side-select-wrapper>.select-wrap:first-child {
    border-top: 1px solid #adb5bd
  }
}

#side .select-wrap {
  margin-bottom: 20px;
  border: 1px solid #111
}

@media (max-width:991px) {
  #side .select-wrap {
    margin-bottom: 0
  }
}

#side .select-wrap select {
  border: none
}

#side .post--list {
  min-height: auto
}

#side .blog-list {
  padding: 10px 0;
  background: #fff
}

#side .blog-list .blog-list-image {
  width: 75px;
  max-width: 75px;
  -ms-flex: 75px;
  -webkit-box-flex: 75px;
  flex: 75px
}

#side .blog-list .blog-list-thumbnail {
  width: 60px;
  height: 60px
}

#side .blog-list:after {
  border: none
}

#side .blog-list .blog-title {
  font-size: 13px
}

#side .blog-list time {
  font-size: 11px;
  display: block;
  line-height: 180%
}

#side .blog-list .blog-list-body {
  padding-top: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

#side .blog-list .blog-list-title {
  white-space: normal;
  line-height: 1.2rem;
  font-size: .8rem
}

#side .blog-thumbnail.thumbnail-square {
  display: block;
  padding-top: 60px;
  border-radius: 3px;
  max-width: 60px
}

@media (max-width:767px) {
  #side .blog-thumbnail.thumbnail-square {
    width: 60px;
    padding-top: 60px
  }
}

@media (max-width:400px) {
  #side .blog-thumbnail.thumbnail-square {
    width: 60px;
    padding-top: 60px
  }
}

#side .info--list--item {
  padding-top: 20px;
  padding-bottom: 20px
}

#side .case--list .card--case .card-body {
  padding: 10px!important
}

#side .case--list .card--case .card-body h4 {
  font-size: .9rem!important
}

#side .case--list .card--case .card-body .case-category {
  padding-top: 10px!important
}

dl.dl-horizontal {
  margin-bottom: 0
}

dl.dl-horizontal dt {
  width: 200px;
  float: left;
  padding-right: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: inherit;
  white-space: normal
}

dl.dl-horizontal dd {
  margin-bottom: 0;
  margin-left: 200px
}

dl.dl-horizontal dd,dl.dl-horizontal dt {
  padding: 10px 0;
  line-height: 180%;
  text-align: justify
}

@media (max-width:767px) {
  dl.dl-horizontal dd,dl.dl-horizontal dt {
    padding: 5px 0;
    border: none;
    width: auto;
    float: none;
    margin-left: 0
  }
}

.badge {
  padding: 5px 5px 2px
}

.badge:active,.badge:focus,.badge:hover {
  text-decoration: none
}

.badge.badge-cat01 {
  background-color: #22bc66
}

.badge.badge-cat02 {
  background-color: #137ee0
}

.badge.badge-cat03 {
  background-color: #ffd54f
}

.badge.badge-cat03:active,.badge.badge-cat03:focus,.badge.badge-cat03:hover {
  color: #fff;
  text-decoration: none
}

.badge.badge-cat04 {
  background-color: #0e1668
}

.badge.badge-cat05 {
  background-color: #ec4c4c
}

.badge.badge-case-cat01 {
  background-color: #0e1668
}

.badge.badge-case-cat02 {
  background-color: #ec4c4c
}

.badge.badge-case-cat03 {
  background-color: #22bc66
}

.badge.badge-case-cat04 {
  background-color: #a4a4a4
}

.badge.badge-case-cat05 {
  background-color: #1e489d
}

.badge.badge-case-cat06 {
  background-color: #ffd54f
}

.badge.badge-case-cat07 {
  background-color: #137ee0
}

.badge.badge-case-cat08 {
  background-color: #17a2b8
}

.badge.badge-case-cat09 {
  background-color: #20c997
}

.badge.badge-case-cat10 {
  background-color: #e83e8c
}

.badge.badge-case-cat11 {
  background-color: #fd7e14
}

.badge.badge-case-cat12 {
  background-color: #6f42c1
}

.badge.badge-warning:active,.badge.badge-warning:focus,.badge.badge-warning:hover {
  color: #fff;
  text-decoration: none
}

.badge.badge-outline {
  background: #fff;
  color: #000;
  border-width: 1px;
  border-style: solid;
  border-color: #000
}

.badge.badge-outline.badge-primary {
  color: #142095;
  border-color: #142095
}

.badge.badge-outline.badge-success {
  color: #36db7f;
  border-color: #36db7f
}

.badge.badge-outline.badge-info {
  color: #3897ee;
  border-color: #3897ee
}

.badge.badge-outline.badge-warning {
  color: #ffe182;
  border-color: #ffe182
}

.badge.badge-outline.badge-danger {
  color: #f17a7a;
  border-color: #f17a7a
}

a.badge.badge-outline {
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: color,border-color,background-color;
  transition-property: color,border-color,background-color
}

a.badge.badge-outline:hover {
  color: #fff;
  border-color: #000;
  background-color: #000
}

a.badge.badge-outline:hover.badge-primary {
  color: #fff;
  border-color: #142095;
  background-color: #142095
}

a.badge.badge-outline:hover.badge-success {
  color: #fff;
  border-color: #36db7f;
  background-color: #36db7f
}

a.badge.badge-outline:hover.badge-info {
  color: #fff;
  border-color: #3897ee;
  background-color: #3897ee
}

a.badge.badge-outline:hover.badge-warning {
  color: #fff;
  border-color: #ffe182;
  background-color: #ffe182
}

a.badge.badge-outline:hover.badge-danger {
  color: #fff;
  border-color: #f17a7a;
  background-color: #f17a7a
}

.tab--wrapper .tab--nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd
}

.tab--wrapper .tab--nav ul li {
  margin-bottom: -1px
}

.tab--wrapper .tab--nav ul li a {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  border-radius: 3px 3px 0 0;
  margin-right: 3px;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #f8f8f8
}

.tab--wrapper .tab--nav ul li a:hover {
  background-color: #eee
}

.tab--wrapper .tab--nav ul li a.tab--active {
  background-color: #fff
}

.tab--wrapper .tab--pane {
  display: none
}

.tab--wrapper .tab--pane.tab--active {
  display: block
}

.accordion--wrapper {
  border-bottom: 1px solid #9a9d9f
}

.accordion--wrapper .accordion--trigger {
  border: 1px solid #9a9d9f;
  border-bottom: none;
  cursor: pointer;
  padding: 10px 20px;
  font-weight: 700
}

.accordion--wrapper .accordion--trigger:active,.accordion--wrapper .accordion--trigger:focus,.accordion--wrapper .accordion--trigger:hover {
  background-color: #f3f4f5
}

.accordion--wrapper .accordion--trigger.accordion--active {
  background-color: #f3f4f5
}

.accordion--wrapper .accordion--content {
  overflow: hidden
}

.accordion--wrapper .accordion--content.accordion--active .accordion-inner {
  border: 1px solid #9a9d9f;
  border-bottom: none
}

.accordion--wrapper .accordion--content .accordion-inner {
  padding: 10px 20px
}

iframe {
  max-width: 100%
}

.iframe-content {
  position: relative;
  width: 100%;
  padding: 60% 0 0 0
}

@media (max-width:767px) {
  .iframe-content {
    padding-top: 50%
  }
}

.iframe-content iframe,.iframe-content>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.iframe-content iframe label,.iframe-content>div label {
  width: auto;
  display: inline
}

.iframe-content iframe img,.iframe-content>div img {
  max-width: none
}

.map--canvas {
  position: relative;
  padding-top: 66.7%;
  position: relative;
  width: 100%;
  overflow: hidden
}

#page {
  -ms-overflow-x: hidden;
  overflow-x: hidden;
  width: 100%;
  opacity: 0;
  overflow: hidden
}

#luxy {
  overflow: hidden
}

#loading-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10002
}

#loading-wrapper .loading-el {
  position: fixed;
  width: calc(100% / 5);
  height: calc(100% / 5);
  z-index: 10002;
  background: #0e1668
}

#loading-wrapper #loading-1 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-2 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-3 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-4 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-5 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-6 {
  left: calc(100% / 6 * 0);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-7 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-8 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-9 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-10 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-11 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-12 {
  left: calc(100% / 6 * 1);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-13 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-14 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-15 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-16 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-17 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-18 {
  left: calc(100% / 6 * 2);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-19 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-20 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-21 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-22 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-23 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-24 {
  left: calc(100% / 6 * 3);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-25 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-26 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-27 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-28 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-29 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-30 {
  left: calc(100% / 6 * 4);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-31 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 0)
}

#loading-wrapper #loading-32 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 1)
}

#loading-wrapper #loading-33 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 2)
}

#loading-wrapper #loading-34 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 3)
}

#loading-wrapper #loading-35 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 4)
}

#loading-wrapper #loading-36 {
  left: calc(100% / 6 * 5);
  bottom: calc(100% / 6 * 5)
}

#loading-wrapper #loading-37 {
  left: calc(100% / 6 * 6);
  bottom: calc(100% / 6 * 0)
}

#headerbox {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1000
}

#header.headroom--not-top #header--bg::before {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

#header.headroom--not-top #header--logo h1 .logo--white {
  opacity: 0
}

#header.headroom--not-top #header--logo h1 .logo--fill {
  opacity: 1
}

#header.headroom--not-top #gnav ul li a,#header.headroom--not-top #header--sns ul li a {
  color: #333
}

#header.headroom--not-top #gnav ul li a span:before {
  background-color: #111
}




#hero--image {
  height: 100vh;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 4
}

#hero--image #hero--slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

#hero--image #hero--slider .slider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center
}

#hero--image #hero--slider #main01 {
  /*background-image: url(../images/banner.jpg);*/
  z-index: 2
}

#hero--image #hero--slider #main01-back {
  /*background-image: url(../images/banner.jpg);*/
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;background-position: center center;
}

/*#hero--image #hero--slider #main02 {
  background-image: url(../images/banner.jpg)
}

#hero--image #hero--slider #main03 {
  background-image: url(../images/banner.jpg)
}

#hero--image #hero--slider #main04 {
  background-image: url(../images/banner.jpg)
}*/

#hero--image #hero--text {
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #fff;
  text-align: center;
  font-weight: 400;
  max-width: 494px;
  margin: 0 auto
}


#hero--image #hero--text .hero--text-wrap span {
  min-width: 1rem;
  display: block;
  -webkit-transform-origin: center center;
  transform-origin: center center
}

#hero--image #hero--text #hero--text-en {
  opacity: 0;
  font-size: 60px;
  margin-bottom: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


#hero--image #hero--text #hero--text-en.active {
  opacity: 1
}

#hero--image #hero--text #hero--text-ja {
  opacity: 0;
  font-size:48px;width: 266px;margin: 26px auto;
  margin-bottom: 0;font-weight: normal;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


#hero--image #hero--text #hero--text-ja.active {
  opacity: 1
}

#hero--image #hero--overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden
}

#hero--image #hero--overlay.step1 #hero--overlay1 {
  -webkit-transform: skew(70deg);
  transform: skew(70deg);
  left: 70%;
  width: 300%!important
}

#hero--image #hero--overlay.step1 #hero--overlay2 {
  -webkit-transform: skew(50deg);
  transform: skew(50deg);
  left: 70%;
  width: 300%!important
}

#hero--image #hero--overlay.step2 #hero--overlay1 {
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  left: 70%
}

#hero--image #hero--overlay.step2 #hero--overlay2 {
  -webkit-transform: skew(40deg);
  transform: skew(40deg);
  left: 70%
}

#hero--image #hero--overlay.step3 #hero--overlay1 {
  -webkit-transform: skew(-70deg);
  transform: skew(-70deg);
  left: 80%;
  width: 300%!important
}

#hero--image #hero--overlay.step3 #hero--overlay2 {
  -webkit-transform: skew(-50deg);
  transform: skew(-50deg);
  left: 60%;
  width: 300%!important
}

#hero--image #hero--overlay #hero--overlay1 {
  position: absolute;
  left: -160%;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 8;
  background: rgba(14,22,104,.5);
  -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
  transition: all 1s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg)
}

#hero--image #hero--overlay #hero--overlay2 {
  position: absolute;
  left: -165%;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 7;
  background: rgba(30,72,157,.5);
  -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
  transition: all 1s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transform: skew(30deg);
  transform: skew(30deg)
}

#hero--image .slider-controls {
  position: absolute;
  right: 8%;
  top: 48%;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 11;
  width: 35px
}

@media (max-width:991px) {
  #hero--image .slider-controls {
    display: none
  }
}
@media (max-width:575px) {
  #hero--image #hero--text {max-width: 270px}
  #hero--image #hero--text #hero--text-en{font-size: 32px}
  #hero--image #hero--text #hero--text-ja{font-size: 40px;width:218px;margin: 15px auto;}
}

@media (max-width:350px) {
  #hero--image #hero--text #hero--text-en{font-size: 26px}
  #hero--image #hero--text{max-width: 220px;}
}

#hero--image .slider-controls li {
  width: 35px;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  margin: 0;
  line-height: 20px
}

#hero--image .slider-controls li.active:before {
  width: 35px
}

#hero--image .slider-controls li:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all .8s cubic-bezier(1,0,0,1);
  transition: all .8s cubic-bezier(1,0,0,1);
  -webkit-transition-timing-function: cubic-bezier(1,0,0,1);
  transition-timing-function: cubic-bezier(1,0,0,1)
}

#main--image {
  position: relative;
  z-index: 3;
  overflow: hidden;
  width: 100%;
  background-size: cover;
  background-position: center center
}

#main--image.main-about {
  background-image: url(../img/main/main-about.jpg?v=20200817101125)
}

#main--image.main-service {
  background-image: url(../img/main/main-service.jpg?v=20200817101125)
}

#main--image.main-company {
  background-image: url(../img/main/main-company.jpg?v=20200817101125)
}

#main--image.main-recruit {
  background-image: url(../img/main/main-recruit.jpg?v=20200817101125)
}

#main--image.main-contact {
  background-image: url(../img/main/main-contact.jpg?v=20200817101125)
}

#main--image.main-blog {
  background-image: url(../img/main/main-about.jpg?v=20200817101125)
}

#main--image:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: 1;
  background: rgba(14,22,104,.5);
  -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
  transition: all 1s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transform: skew(-55deg,0);
  transform: skew(-55deg,0)
}

#main--image:after {
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: 1;
  background: rgba(30,72,157,.5);
  -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
  transition: all 1s cubic-bezier(.19,1,.22,1);
  -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
  transition-timing-function: cubic-bezier(.19,1,.22,1);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transform: skew(60deg,0);
  transform: skew(60deg,0)
}

#main--image h2 {
  padding-top: 260px;
  padding-bottom: 120px;
  color: #fff;
  font-size: 3rem;
  letter-spacing: 4px;
  margin-bottom: 0;
  position: relative;
  z-index: 2
}

#main--image h2 span {
  font-size: 1.1rem;
  letter-spacing: 1px;
  display: block
}

.content-inner-x {
  padding-left: 60px;
  padding-right: 60px
}

@media (max-width:991px) {
  .content-inner-x {
    padding-left: 40px;
    padding-right: 40px
  }
}

@media (max-width:767px) {
  .content-inner-x {
    padding-left: 10px;
    padding-right: 10px
  }
}

.content-inner-y {
  padding-top: 60px;
  padding-bottom: 60px
}

@media (max-width:991px) {
  .content-inner-y {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media (max-width:767px) {
  .content-inner-y {
    padding-top: 30px;
    padding-bottom: 30px
  }
}

.content-inner-t {
  padding-top: 60px
}

@media (max-width:991px) {
  .content-inner-t {
    padding-top: 40px
  }
}

@media (max-width:767px) {
  .content-inner-t {
    padding-top: 30px
  }
}

.content-inner-b {
  padding-bottom: 60px
}

@media (max-width:991px) {
  .content-inner-b {
    padding-bottom: 40px
  }
}

@media (max-width:767px) {
  .content-inner-b {
    padding-bottom: 30px
  }
}

.content-inner-lg-y {
  padding-top: 80px;
  padding-bottom: 80px
}

@media (max-width:991px) {
  .content-inner-lg-y {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

@media (max-width:767px) {
  .content-inner-lg-y {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.content-inner-lg-t {
  padding-top: 80px
}

@media (max-width:991px) {
  .content-inner-lg-t {
    padding-top: 60px
  }
}

@media (max-width:767px) {
  .content-inner-lg-t {
    padding-top: 40px
  }
}

.content-inner-lg-b {
  padding-bottom: 80px
}

@media (max-width:991px) {
  .content-inner-lg-b {
    padding-bottom: 60px
  }
}

@media (max-width:767px) {
  .content-inner-lg-b {
    padding-bottom: 40px
  }
}

.text-vertical-rl {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline;
  vertical-align: top
}

@media (max-width:991px) {
  .text-vertical-rl {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: inherit;
    display: block
  }
}

.text-vertical-lr {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  display: inline;
  vertical-align: top
}

@media (max-width:991px) {
  .text-vertical-lr {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: inherit;
    display: block
  }
}

.contact--complete {
  padding-top: 80px
}

.section--title {
  color: #1e489d;
  font-size: 2.5rem;
  letter-spacing: .2rem
}

.section--title span {
  display: block;
  font-size: 1rem;
  padding-top: 5px
}

.z-depth-2 {
  position: relative;
  z-index: 2
}

#aside--recruit-bg {
  position: relative
}

#aside--recruit-bg .skew03:before {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: skew(0,-24deg);
  transform: skew(0,-24deg);
  z-index: 3
}

#aside--recruit-bg #aside--bg03 {
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
  height: 100%;
  background-image: url(../img/index/bg03.jpg?v=20200817101125);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 2
}

@media (max-width:991px) {
  #aside--recruit-bg #aside--bg03 {
    top: 400px;
    height: 500px!important
  }
}

@media (max-width:767px) {
  #aside--recruit-bg #aside--bg03 {
    height: 400px!important
  }
}

@media (max-width:575px) {
  #aside--recruit-bg #aside--bg03 {
    height: 350px!important
  }
}

#aside--recruit {
  padding-top: 150px;
  z-index: 5;
  position: relative
}

@media (max-width:991px) {
  #aside--recruit {
    padding-top: 0
  }
}

#aside--recruit .container {
  position: relative;
  z-index: 4
}

@media (max-width:991px) {
  #aside--recruit .container {
    padding-bottom: 400px
  }
}

@media (max-width:767px) {
  #aside--recruit .container {
    padding-bottom: 300px
  }
}

@media (max-width:575px) {
  #aside--recruit .container {
    padding-bottom: 250px
  }
}

#aside--recruit .wrapper {
  background-color: #fff;
  padding: 60px;
  position: relative;
  -webkit-box-shadow: 0 0 30px rgba(14,22,104,.1);
  box-shadow: 0 0 30px rgba(14,22,104,.1)
}

@media (max-width:767px) {
  #aside--recruit .wrapper {
    padding: 40px
  }
}

@media (max-width:575px) {
  #aside--recruit .wrapper {
    padding: 40px 30px
  }
}

#aside--recruit .section--heading {
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 20px
}

@media (max-width:575px) {
  #aside--recruit .section--heading {
    font-size: 1.4rem;
    letter-spacing: 0
  }
}

@media (max-width:320px) {
  #aside--recruit .section--heading br {
    display: none
  }
}

#aside--recruit .inner {
  margin-bottom: 30px;
  font-size: .9rem
}

.has-skew {
  position: relative;
  z-index: 1
}

.has-skew:before {
  content: "";
  position: absolute;
  left: 0;
  top: -50vh;
  width: 100%;
  height: 140vh;
  background-color: #fafafb;
  -webkit-transform: skew(0,-24deg);
  transform: skew(0,-24deg);
  z-index: 1
}

.border--title {
  color: #1e489d;
  position: relative;
  text-align: center;
  padding-bottom: 15px
}

.border--title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 30px;
  margin-left: -15px;
  height: 2px;
  background-color: #1e489d
}

.border--title.inverse {
  color: #fff
}

.border--title.inverse:after {
  background-color: #fff
}

.page--nav ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.page--nav ul li {
  color: #1e489d;
  padding: 5px 20px;
  font-size: .9rem;
  position: relative
}

.page--nav ul li a {
  color: #1e489d;
  font-weight: 700;
  letter-spacing: .2px;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: color;
  transition-property: color
}

.page--nav ul li a:active,.page--nav ul li a:focus,.page--nav ul li a:hover {
  text-decoration: none;
  color: #8690ef
}

.page--nav ul li:not(:last-child):after {
  content: "/";
  position: absolute;
  right: 0;
  top: 5px;
  font-weight: 700
}

.dl-table {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.dl-table :nth-child(1),.dl-table :nth-child(2) {
  border: none
}

.dl-table dt {
  padding: 15px 0 15px;
  margin-bottom: 0;
  width: 30%;
  -ms-flex: 30%;
  -webkit-box-flex: 30%;
  flex: 30%;
  border-top: 1px solid #ccc
}

@media (max-width:767px) {
  .dl-table dt {
    padding: 10px 0;
    border: none;
    border-bottom: 2px solid #eee!important;
    width: 100%;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
  }
}

.dl-table dd {
  padding: 15px 0 15px;
  margin-bottom: 0;
  width: 70%;
  -ms-flex: 70%;
  -webkit-box-flex: 70%;
  flex: 70%;
  border-top: 1px solid #ccc
}

@media (max-width:767px) {
  .dl-table dd {
    padding: 10px 0;
    border: none;
    width: 100%;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
  }
}

#index #index--information {
  position: relative;
  z-index: 20;
  top: -65px
}

#index #index--information .scroll-down {
  font-weight: 700;
  text-align: center;
  padding: 25px 0 20px;
  color: #c8c8c8;
  letter-spacing: 1px;
  overflow: hidden;
  position: relative
}

#index #index--information .scroll-down div {
  overflow: hidden
}

#index #index--information .scroll-down div span {
  display: block;
  overflow: hidden;
  -webkit-animation: scroll 4s cubic-bezier(1,0,0,1) 2s infinite;
  animation: scroll 4s cubic-bezier(1,0,0,1) 2s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

#index #index--information .scroll-down div a {
  color: #c8c8c8;
  text-decoration: none
}

#index #index--information .scroll-down:before {
  content: "";
  position: absolute;
  left: 40px;
  bottom: 0;
  border: 1px solid #646464;
  width: calc(100% - 80px)
}

@media (max-width:991px) {
  #index #index--information .scroll-down:before {
    left: 30px;
    width: calc(100% - 60px)
  }
}

#index #index--information .row {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px
}

@media (max-width:991px) {
  #index #index--information .row {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

#index #index--information .information--title {
  width: 160px;
  -ms-flex: 160px;
  -webkit-box-flex: 160px;
  flex: 160px;
  color: #c8c8c8;
  text-align: center;
  letter-spacing: 1px;
  position: relative
}

#index #index--information .information--title h4 {
  margin-bottom: 0;
  font-size: 1.1rem
}

#index #index--information .information--title:before {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  border: 1px solid #646464;
  height: 20px
}

@media (max-width:991px) {
  #index #index--information .information--title:before {
    content: none
  }
}

@media (max-width:991px) {
  #index #index--information .information--title {
    width: 100%;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
  }
}

#index #index--information .information--body {
  overflow: hidden;
  width: calc(100% - 260px);
  -ms-flex: calc(100% - 260px);
  -webkit-box-flex: calc(100% - 260px);
  flex: calc(100% - 260px);
  padding: 0 10px;
  font-size: .9rem
}

#index #index--information .information--body time {
  margin-right: 20px;
  letter-spacing: 2px
}

@media (max-width:991px) {
  #index #index--information .information--body time {
    display: block;
    margin-right: 0
  }
}

#index #index--information .information--body a {
  color: #fff
}

@media (max-width:991px) {
  #index #index--information .information--body {
    width: 100%;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
  }
}

#index #index--information .information--btn {
  width: 100px;
  -ms-flex: 100px;
  -webkit-box-flex: 100px;
  flex: 100px
}

@media (max-width:991px) {
  #index #index--information .information--btn {
    text-align: right;
    padding-top: 10px;
    width: 100%;
    -ms-flex: 100%;
    -webkit-box-flex: 100%;
    flex: 100%
  }
}

#index #index--information .information--btn a {
  position: relative;
  color: #fff;
  padding: 15px 0;
  padding-right: 30px;
  padding-left: 20px;
  text-decoration: none;
  font-weight: 700
}

#index #index--information .information--btn a:before {
  content: "";
  font-family: icomoon;
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 10px;
  line-height: 10px;
  margin-top: -7px;
  font-size: 1.5rem;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  z-index: 2
}

#index .skew01:before {
  content: "";
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 200%;
  background-color: #fafafb;
  -webkit-transform: skew(0,-24deg);
  transform: skew(0,-24deg);
  z-index: 3
}

#index .about--wrapper {
  position: relative;
  z-index: 10
}

#index #index--about #bg01 {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/index/bg01.png?v=20200817101125);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 2
}

#index #index--about .section--heading {
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 20px
}

@media (max-width:575px) {
  #index #index--about .section--heading br {
    display: none
  }
}

#index #index--about .inner {
  margin-bottom: 30px;
  font-size: .9rem
}

#index #index--service {
  padding-top: 150px;
  z-index: 1;
  position: relative
}

@media (max-width:991px) {
  #index #index--service {
    padding-top: 80px
  }
}

@media (max-width:767px) {
  #index #index--service {
    padding-top: 40px
  }
}

#index #index--service .skew02:before {
  content: "";
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: skew(0,-24deg);
  transform: skew(0,-24deg);
  z-index: 3
}

#index #index--service .container {
  position: relative;
  z-index: 4
}

@media (max-width:991px) {
  #index #index--service .container {
    padding-top: 400px
  }
}

@media (max-width:767px) {
  #index #index--service .container {
    padding-top: 300px
  }
}

@media (max-width:575px) {
  #index #index--service .container {
    padding-top: 250px
  }
}

#index #index--service .wrapper {
  background-color: #fff;
  padding: 60px;
  position: relative;
  -webkit-box-shadow: 0 0 30px rgba(14,22,104,.1);
  box-shadow: 0 0 30px rgba(14,22,104,.1)
}

@media (max-width:767px) {
  #index #index--service .wrapper {
    padding: 40px
  }
}

@media (max-width:575px) {
  #index #index--service .wrapper {
    padding: 40px 30px
  }
}

#index #index--service #bg02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/index/bg02.jpg?v=20200817101125);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 2
}

@media (max-width:991px) {
  #index #index--service #bg02 {
    height: 500px
  }
}

@media (max-width:767px) {
  #index #index--service #bg02 {
    height: 400px
  }
}

@media (max-width:575px) {
  #index #index--service #bg02 {
    height: 350px
  }
}

#index #index--service .section--heading {
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 160%;
  margin-bottom: 20px
}

@media (max-width:575px) {
  #index #index--service .section--heading {
    font-size: 1.4rem;
    letter-spacing: 0
  }
}

@media (max-width:320px) {
  #index #index--service .section--heading br {
    display: none
  }
}

#index #index--service .inner {
  margin-bottom: 30px;
  font-size: .9rem
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0
  }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0
  }

  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0
  }
}

#about {
  position: relative;
  z-index: 1
}

#about .skew {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  background-color: #f4f6fa;
  -webkit-transform: skew(0,15deg);
  transform: skew(0,15deg)
}

#about #bg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fafafb;
  -webkit-transform: skew(0,-15deg);
  transform: skew(0,-15deg);
  z-index: 1;
  overflow: hidden
}

#about #bg01:before {
  content: "";
  position: absolute;
  right: 0;
  top: -15%;
  width: 100%;
  height: 115%;
  background-position: right top;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/index/bg01.png?v=20200817101125);
  -webkit-transform: skew(0,15deg);
  transform: skew(0,15deg)
}

#about .section--lead {
  line-height: 160%;
  letter-spacing: 2px
}

#about #bg02 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: skew(0,-15deg);
  transform: skew(0,-15deg);
  z-index: 1;
  overflow: hidden
}

#about #bg02:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/about/bg02.jpg?v=20200817101125)
}

#about #sec02 {
  position: relative;
  z-index: 2;
  padding-top: 200px
}

@media (max-width:991px) {
  #about #sec02 {
    padding-top: 150px
  }
}

@media (max-width:767px) {
  #about #sec02 {
    padding-top: 80px
  }
}

@media (min-width:992px) {
  #about #sec02 .section--lead {
    text-align: right
  }
}

#about #sec02 .about--list {
  padding-top: 30px
}

@media (min-width:768px) {
  #about #sec02 .about--list>div:not(:last-child) {
    border-right: 1px solid #111
  }
}

#about #sec02 .about--list .about--list--items {
  padding: 0 10px
}

#about #sec02 .about--list h4 {
  padding: 10px 0;
  text-align: center;
  font-size: 1rem
}

@media (max-width:991px) {
  #about #sec02 .about--list h4 {
    text-align: left
  }
}

#about #sec02 .about--list p {
  font-size: .9rem;
  line-height: 140%
}

#service .section--lead {
  line-height: 160%;
  text-align: center
}

#service .card-service {
  background-color: transparent;
  margin-bottom: 30px
}

#service .card-service .card-title {
  margin-top: 15px;
  margin-bottom: 5px
}

#service .card-service .card-body {
  padding: 0;
  font-size: .9rem;
  line-height: 140%
}

#company #message .heading {
  padding: 20px 0 15px;
  margin-bottom: 0;
  line-height: 160%
}

@media (min-width:992px) {
  #company #message .card--image:before {
    padding-top: 100%
  }
}

#company #message .name {
  padding-top: 20px;
  font-weight: 700;
  font-size: 1.3rem
}

#company #message .name span {
  font-size: .9rem;
  margin-right: 10px
}

@media (max-width:991px) {
  #company #message .greeting--img {
    margin-bottom: 40px
  }
}

@media (max-width:767px) {
  #company #message .greeting--img {
    margin-bottom: 20px
  }
}

#company #idea {
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #fff;
  margin-bottom: 60px
}

#company #idea .skew:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5%;
  width: 100%;
  height: 100%;
  background-color: #1e489d;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg);
  z-index: 1
}

#company #idea .skew:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  height: 100%;
  background-color: #0e1668;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg);
  z-index: 0
}

#company #idea .idea {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 180%
}

@media (max-width:767px) {
  #company #idea .idea {
    font-size: 1.2rem;
    text-align: left;
    line-height: 170%
  }
}

#company #history {
  z-index: 3
}

#company #profile {
  z-index: 3;
  background-color: #fff
}

#company #facilities .skew {
  position: absolute;
  left: 0;
  top: -60%;
  width: 100%;
  height: 130%;
  background-color: #f7f7f7;
  -webkit-transform: skew(0,-25deg);
  transform: skew(0,-25deg)
}

#company #facilities .card--image {
  margin-bottom: 20px
}

@media (min-width:992px) {
  #company #facilities .card--image:before {
    padding-top: 100%
  }
}

#company #facilities .machines {
  font-size: .9rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#company #facilities .machines .count {
  font-weight: 700
}

#company #access {
  z-index: 1
}

#company #access .skew {
  overflow: hidden
}

#company #access .skew:before {
  content: "";
  position: absolute;
  left: 0;
  top: -120%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: skew(0,-24deg);
  transform: skew(0,-24deg);
  z-index: 3
}

#company #access .tel {
  margin-bottom: 30px
}

#company #access .tel a {
  color: #fff;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px
}

#company #access .tel a span {
  font-weight: 400;
  font-size: 1rem
}

#company #access .iframe-content {
  position: relative;
  top: 140px;
  margin-top: -140px
}

@media (max-width:991px) {
  #company #access .iframe-content {
    top: 0;
    margin-top: 30px
  }
}

#recruit .has-skew {
  z-index: 2
}

#recruit #sec01 .heading {
  padding: 20px 0 15px;
  margin-bottom: 0;
  line-height: 160%
}

#recruit #sec01 .icons--list {
  width: 150px;
  max-width: 150px;
  -ms-flex: 0 0 150px;
  -webkit-box-flex: 0;
  flex: 0 0 150px;
  padding-left: 0;
  padding-right: 0
}

@media (max-width:767px) {
  #recruit #sec01 .icons--list {
    width: 33%;
    min-width: 33%;
    -ms-flex: 0 0 33%;
    -webkit-box-flex: 0;
    flex: 0 0 33%
  }
}

#recruit #sec01 .icons--list h5 {
  font-size: .9rem
}

#recruit #sec01 .icons {
  text-align: center;
  margin-bottom: 10px
}

#recruit #sec01 .icons img {
  width: 70px
}

@media (max-width:767px) {
  #recruit #sec01 .icons img {
    width: 50px
  }
}

#recruit .bg01 {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 900px;
  background-position: right 50% center;
  background-size: cover;
  background-color: #0e1668
}

@media (max-width:991px) {
  #recruit .bg01 {
    background-position: right 30% center;
    height: 600px;
    position: relative;
    margin-bottom: -150px
  }
}

@media (max-width:767px) {
  #recruit .bg01 {
    height: 400px;
    margin-bottom: -100px
  }
}

#recruit .bg01:before {
  content: "";
  position: absolute;
  left: 0;
  top: -80%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg)
}

#recruit .bg01:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -80%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg)
}

#recruit .bg02 {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 900px;
  overflow: hidden;
  background-position: right 50% center;
  background-size: cover;
  background-color: #0e1668;
  -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
  transition: all .4s cubic-bezier(.165,.84,.44,1);
  -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);
  transition-timing-function: cubic-bezier(.165,.84,.44,1);
  -webkit-transition-property: opacity;
  transition-property: opacity
}

@media (max-width:991px) {
  #recruit .bg02 {
    background-position: right 30% center;
    height: 600px
  }
}

@media (max-width:767px) {
  #recruit .bg02 {
    height: 400px
  }
}

#recruit .bg02:before {
  content: "";
  position: absolute;
  left: 0;
  top: -80%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg)
}

#recruit .bg02:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -80%;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(0,8deg);
  transform: skew(0,8deg)
}

#recruit #interview01 {
  position: relative;
  z-index: 1;
  top: -80px
}

#recruit #interview01 .bg01 {
  background-image: url(../img/recruit/staff01-1.jpg?v=20200817101125)
}

#recruit #interview01 .bg02 {
  background-image: url(../img/recruit/staff01-2.jpg?v=20200817101125)
}

#recruit #interview01 .bg02:hover {
  opacity: 1
}

#recruit #interview02 {
  margin-bottom: 60px;
  z-index: 2
}

#recruit #interview02 .bg01 {
  background-image: url(../img/recruit/staff02-1.jpg?v=20200817101125)
}

#recruit #interview02 .bg01:before {
  -webkit-transform: skew(0,-8deg);
  transform: skew(0,-8deg)
}

#recruit #interview02 .bg01:after {
  -webkit-transform: skew(0,-8deg);
  transform: skew(0,-8deg)
}

#recruit #interview02 .bg02 {
  background-image: url(../img/recruit/staff02-2.jpg?v=20200817101125)
}

#recruit #interview02 .bg02:hover {
  opacity: 1
}

#recruit #interview02 .bg02:before {
  -webkit-transform: skew(0,-8deg);
  transform: skew(0,-8deg)
}

#recruit #interview02 .bg02:after {
  -webkit-transform: skew(0,-8deg);
  transform: skew(0,-8deg)
}

#recruit #interview03 {
  position: relative;
  z-index: 1;
  top: -80px
}

#recruit #interview03 .bg01 {
  background-image: url(../img/recruit/staff03-1.jpg?v=20200817101125)
}

#recruit #interview03 .bg02 {
  background-image: url(../img/recruit/staff03-2.jpg?v=20200817101125)
}

#recruit #interview03 .bg02:hover {
  opacity: 1
}

#recruit .interview--wrapper {
  cursor: pointer
}

#recruit .interview--box {
  background-color: #1e489d;
  color: #fff;
  padding: 40px;
  margin: 80px 0
}

@media (max-width:991px) {
  #recruit .interview--box {
    padding: 30px;
    margin: 0
  }
}

#recruit .interview--box .name {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 40px;
  white-space: nowrap
}

@media (max-width:575px) {
  #recruit .interview--box .name .col {
    width: 100%
  }
}

#recruit .interview--box .name span {
  font-weight: 400;
  font-size: .9rem;
  padding-right: 20px
}

#recruit .interview--box .name .date {
  font-weight: 400;
  font-size: .9rem;
  text-align: right
}

@media (max-width:575px) {
  #recruit .interview--box .name .date {
    padding-top: 5px;
    width: 100%
  }
}

#recruit .interview--box .dl-interview dt {
  padding: 10px 0
}

#recruit .interview--box .dl-interview dd {
  font-size: .9rem;
  line-height: 140%
}

#recruit #sec03 {
  overflow: hidden
}

#recruit #sec03 .skew {
  position: absolute;
  left: 0;
  top: -50%;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  -webkit-transform: skew(0,-35deg);
  transform: skew(0,-35deg)
}

#recruit #sec03 small {
  display: block;
  line-height: 140%;
  font-size: .9rem
}

#contact .tel {
  margin-bottom: 10px
}

#contact .tel a {
  color: #111;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 2px
}

#contact .tel a span {
  font-size: 1.2rem;
  font-weight: 400
}

.kongge {width:66px; display: block}
.timage { margin: 10px 0; width:250px; height: 187.5px; overflow: hidden; }
.tborder {text-align: left; font-size: 16px; line-height: 30px; border-bottom: 2px #000 solid;}
.ttext{ text-align: left;line-height: 25px;}
.tcenter {text-align: center;}

#kefu {
  position: fixed;
  right: 10px;
  bottom: 80px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#kefu .topBtn:active {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.wechat {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.wechat:hover .eweima {
  display: block;
}
#kefu span.wechat .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: rgba(163, 163, 163, 0.8);
  width: 120px;
  height: 150px;
}
#kefu span.wechat .eweima img {
  width: 120px;
  height: 120px;
  display: block;
}
#kefu span.wechat .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.qq {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 120px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
}
#kefu span.other .tel dt {

}
#kefu span.other .tel dd {
  font-size: 12px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background: #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575450105478%22%20class%3D%22icon%22%20viewBox%3D%220%200%201220%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222883%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M609.524%20103.522c-222.89%200-403.712%20178.472-403.712%20398.78%200%20220.31%20180.823%20398.782%20403.712%20398.782%20222.889%200%20403.712-178.473%20403.712-398.781%200-220.309-180.823-398.781-403.712-398.781v48.762c196.1%200%20354.95%20156.785%20354.95%20350.019s-158.85%20350.019-354.95%20350.019-354.95-156.785-354.95-350.02c0-193.233%20158.85-350.018%20354.95-350.018v-48.762z%22%20fill%3D%22%231296db%22%20p-id%3D%222884%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M786.578%20916.34c166.45-69.217%20278.408-231.055%20278.408-414.035%200-248.026-203.847-449.219-455.457-449.219-251.619%200-455.457%20201.188-455.457%20449.22%200%2055.397%2010.152%20109.367%2029.718%20159.975%204.855%2012.56-1.39%2026.677-13.949%2031.533-12.56%204.855-26.677-1.39-31.532-13.949a490.396%20490.396%200%200%201-3.042-8.078c-1.85%200.077-3.711%200.116-5.581%200.116C58.06%20671.903%200%20614.597%200%20543.903c0-65.005%2049.09-118.69%20112.68-126.91C153.65%20182.56%20360.56%204.324%20609.528%204.324c248.962%200%20455.877%20178.24%20496.85%20412.67%2063.583%208.225%20112.669%2061.907%20112.669%20126.909%200%2070.694-58.06%20128-129.686%20128-1.89%200-3.771-0.04-5.642-0.119-47.536%20129.702-148.34%20235.841-279.493%20290.027-1.161%2033.464-29.012%2060.24-63.2%2060.24-34.925%200-63.237-27.944-63.237-62.416%200-34.471%2028.312-62.415%2063.237-62.415%2017.892%200%2034.048%207.333%2045.551%2019.12z%22%20fill%3D%22%231296db%22%20p-id%3D%222885%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M609.528%20611.405c-58.933%200-112.056-10.644-158.472-28.342-16.123-6.147-30.211-12.702-42.138-19.208-6.926-3.777-11.447-6.59-13.437-7.972-19.24-13.373-44.428%205.446-37.059%2027.688%2035.296%20106.527%20136.054%20179.913%20251.106%20179.913%20115.05%200%20215.796-73.384%20251.092-179.913%207.37-22.243-17.82-41.062-37.06-27.687-1.99%201.383-6.51%204.195-13.434%207.972-11.926%206.505-26.012%2013.06-42.133%2019.207-46.413%2017.698-99.533%2028.342-158.465%2028.342z%22%20fill%3D%22%231296db%22%20p-id%3D%222886%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -70px);
  transform: translate(0, -70px);
  background-color: #3cb035;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575461686978%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%221208%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20d%3D%22M664.250054%20368.541681c10.015098%200%2019.892049%200.732687%2029.67281%201.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083%200-308.085774%20114.232694-308.085774%20259.274068%200%2083.708494%2046.165436%20152.460344%20123.281791%20205.78483l-30.80868%2091.730191%20107.688651-53.455469c38.558178%207.53665%2069.459978%2015.308661%20107.924012%2015.308661%209.66308%200%2019.230993-0.470721%2028.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693%20476.632491%20517.908058%20368.541681%20664.250054%20368.541681zM498.62897%20285.87389c23.200398%200%2038.557154%2015.120372%2038.557154%2038.061874%200%2022.846334-15.356756%2038.156018-38.557154%2038.156018-23.107277%200-46.260603-15.309684-46.260603-38.156018C452.368366%20300.994262%20475.522716%20285.87389%20498.62897%20285.87389zM283.016307%20362.090758c-23.107277%200-46.402843-15.309684-46.402843-38.156018%200-22.941502%2023.295566-38.061874%2046.402843-38.061874%2023.081695%200%2038.46301%2015.120372%2038.46301%2038.061874C321.479317%20346.782098%20306.098002%20362.090758%20283.016307%20362.090758zM945.448458%20606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838%200-262.015505%2099.348706-262.015505%20221.236753%200%20122.06508%20115.437126%20221.200938%20262.015505%20221.200938%2030.66644%200%2061.617359-7.609305%2092.423993-15.262612l84.513836%2045.786813-23.178909-76.17082C899.379213%20735.776599%20945.448458%20674.90216%20945.448458%20606.151333zM598.803483%20567.994292c-15.332197%200-30.807656-15.096836-30.807656-30.501688%200-15.190981%2015.47546-30.477129%2030.807656-30.477129%2023.295566%200%2038.558178%2015.286148%2038.558178%2030.477129C637.361661%20552.897456%20622.099049%20567.994292%20598.803483%20567.994292zM768.25071%20567.994292c-15.213493%200-30.594809-15.096836-30.594809-30.501688%200-15.190981%2015.381315-30.477129%2030.594809-30.477129%2023.107277%200%2038.558178%2015.286148%2038.558178%2030.477129C806.808888%20552.897456%20791.357987%20567.994292%20768.25071%20567.994292z%22%20p-id%3D%221209%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-70px, -70px);
  transform: translate(-70px, -70px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('data:image/svg+xml;%20charset=utf8,%3Csvg%20t%3D%221575461889902%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%223861%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M511.500488%20512.499512m-511.500488%200a511.500488%20511.500488%200%201%200%201023.000976%200%20511.500488%20511.500488%200%201%200-1023.000976%200Z%22%20fill%3D%22%231BC1FA%22%20p-id%3D%223862%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M784.234146%20572.440976c8.178014%200%2016.273108%200.253752%2024.282287%200.728288-16.961436-38.434466-42.247742-69.886751-58.977405-90.331785%202.822244-8.482716%2011.30496-56.536788-25.443153-90.453666v-2.827239c0-132.850263-96.103149-231.785647-214.822213-231.785647-118.717065%200-214.82521%2096.107145-214.825209%20231.785647v2.827239c-33.915879%2033.915879-25.437159%2081.969951-19.782681%2090.453666-25.444152%2028.265397-73.49223%2087.62343-76.320469%20155.461182%200%2016.961436%202.827239%2045.226833%2011.305959%2056.531794%2011.305959%2014.133198%2039.570357-2.827239%2062.186272-48.054073%205.650482%2019.788675%2019.78368%2053.709549%2050.876316%2093.281905-50.876316%2011.302962-65.009514%2062.186271-48.049077%2090.450669%2011.305959%2019.788675%2039.570357%2033.920874%2087.624429%2033.920874%2078.496343%200%20115.815899-19.378076%20134.378771-35.711126C492.644901%20814.680414%20490.520976%20800.136617%20490.520976%20785.233171c0-117.522232%20131.500581-212.792195%20293.71317-212.792195z%22%20fill%3D%22%23FFFFFF%22%20p-id%3D%223863%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M514.925143%20819.204995c5.654478%200%2011.309955%202.82624%2014.132199%205.649483%2016.960437%2016.960437%2053.709549%2039.575352%20138.50674%2039.575352%2048.054072%200%2076.320468-16.960437%2087.625428-33.920874%2016.960437-28.264398%202.827239-79.147707-48.054072-90.450669%2031.092636-39.572355%2045.225834-73.493229%2050.881311-93.281905%2019.787676%2045.226833%2050.881311%2062.18727%2062.186271%2048.054073%202.827239-11.30496%205.650482-39.570357%205.650482-56.531794-1.93511-23.223321-8.508691-45.121936-17.337069-65.128398-8.009179-0.475536-16.104273-0.729288-24.282287-0.729287-162.212589%200-293.713171%2095.269963-293.71317%20212.792195%200%2014.903446%202.123926%2029.447243%206.147996%2043.485533a88.18688%2088.18688%200%200%200%204.122973-3.864226c2.827239-2.823243%208.481717-5.649483%2014.133198-5.649483z%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%22.4%22%20p-id%3D%223864%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('http://www.sunnyoo.com/templates/xiangyu/images/tphone.png');
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}