.animat-col-title{text-align:center}.animat-col-title:before{content:"";width:14px;display:block;border-bottom:1px solid #383838;margin:0 auto 30px}.animat-col-title:after{content:"";width:64px;display:block;border-bottom:1px solid #20a3f0;margin:30px auto 50px;text-align:center}.animat-col-title h3{font-size:30px;color:#333;margin:0 0 10px}.animat-col01{margin:0;padding:0;overflow:hidden;list-style:none;text-align:center}.animat-col01 li{width:25%;float:left;margin:0;height:415px;line-height:415px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.animat-col01 li .box{padding:0px 30px;display:inline-block;line-height:1.6;vertical-align:middle;color:#353535}.animat-col01 .box .fa{font-size:42px;margin-bottom:40px;color:#353535}.animat-col01 .box h3{color:#353535;font-size:25px;margin-bottom:20px}.animat-col01 .box .btn{padding:12px 40px;border:2px solid #353535;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;margin-top:50px;color:#353535}.animat-col01 .box .cont{height:0px;visibility:hidden;opacity:0;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col01 li:hover .box .cont{height:140px;visibility:visible;opacity:1}.animat-col01 li.color-01{background-color:#20a3f0;border:none}.animat-col01 li.color-02{background-color:#353535;border:none}.animat-col01 li.color-01 .box,.animat-col01 li.color-02 .box,.animat-col01 li.color-01 .box .fa,.animat-col01 li.color-02 .box .fa,.animat-col01 li.color-01 .box h3,.animat-col01 li.color-02 .box h3{color:#fff}.animat-col01 li.color-01 .box .btn,.animat-col01 li.color-02 .box .btn{border-color:#fff;color:#fff}@media only screen and (min-width:768px) and (max-width:991px){.animat-col01 li{width:50%}}@media only screen and (max-width:767px){.animat-col01 li{width:100%}}.animat-col02{margin:0;padding:0;list-style:none}.animat-col02 li{margin:0;padding:130px 0 130px;width:20%;float:left;text-align:center;color:#fff;transition:background-color ease-in 200ms;-moz-transition:background-color ease-in 200ms;-webkit-transition:background-color ease-in 200ms;-o-transition:background-color ease-in 200ms;-ms-transition:background-color ease-in 200ms}.animat-col02 li .fa{font-size:35px;margin-bottom:15px}.animat-col02 li h3{color:#fff}.animat-col02 li h3 span{color:#fff;font-size:13px;display:block}.animat-col02 li .btn{margin-top:40px;background-color:#fff;border:1px solid #fff;color:#000;padding:7px 20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col02 li.color-01{background-color:#f9cf79}.animat-col02 li.color-02{background-color:#ef8494}.animat-col02 li.color-03{background-color:#20a3f0}.animat-col02 li.color-04{background-color:#8d6cc3}.animat-col02 li.color-05{background-color:#1bbc9b}.animat-col02 li:hover{background-color:#4e4e4e}.animat-col02 li:hover .btn{background-color:transparent;color:#fff}@media only screen and (max-width:767px){.animat-col02 li{width:100%}}.animat-col03{margin:0;padding:0;overflow:hidden;list-style:none;text-align:center}.animat-col03 li{width:25%;float:left;margin:0;height:655px;line-height:555px}.animat-col03 li .box{padding:0px 30px;display:inline-block;line-height:1.6;vertical-align:middle;color:#fff}.animat-col03 .box .fa{font-size:142px;margin-bottom:40px;color:#fff}.animat-col03 .box h3{color:#fff;font-size:25px;margin-bottom:20px}.animat-col03 .box h3:after{content:"";width:50px;display:block;margin:15px auto 15px}.animat-col03 .box .btn{padding:0px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;margin-top:20px;color:#fff;font-weight:bold;font-size:13px}.animat-col03 .box .cont{height:0px;visibility:hidden;opacity:0;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col03 li:hover .box .cont{height:140px;visibility:visible;opacity:1}.animat-col03 li.color-01{background-color:#0b72c2}.animat-col03 li.color-02{background-color:#20a3f0}.animat-col03 li.color-03{background-color:#39bff7}.animat-col03 li.color-04{background-color:#0b72c2}@media only screen and (max-width:767px){.animat-col03 li{width:100%}}.animat-col04{height:418px;line-height:418px;background:no-repeat center center;background-size:cover;text-align:center;color:#20a3f0;position:relative;margin:0 0 25px 0;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col04:before{content:"";border:1px solid #919b9c;position:absolute;top:30px;left:30px;right:30px;bottom:30px;opacity:0;visibility:hidden;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col04.bg-left{background-image:url(../images/animat-col03-01.jpg)}.animat-col04.bg-right{background-image:url(../images/animat-col03-02.jpg)}.animat-col04 .box{line-height:1.8;display:inline-block;vertical-align:middle}.animat-col04 .fa{font-size:45px;margin-bottom:55px}.animat-col04 h3{font-size:15px;color:inherit;margin-bottom:30px}.animat-col04 h3:before{content:"";border-top:3px solid #20a3f0;width:40px;display:block;margin:auto;font-size:15px;color:#20a3f0;margin-bottom:20px;transition:border-color ease-in 200ms;-moz-transition:border-color ease-in 200ms;-webkit-transition:border-color ease-in 200ms;-o-transition:border-color ease-in 200ms;-ms-transition:border-color ease-in 200ms}.animat-col04 .btn{border:1px solid #fff;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font-size:13px;color:#020202;padding:0px 38px;position:relative;height:0;line-height:46px;visibility:hidden;opacity:0;z-index:2;overflow:hidden;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col04 .btn:before{content:"";top:3px;left:3px;right:3px;bottom:3px;position:absolute;background-color:#fff;z-index:-1}.animat-col04:hover:before{opacity:1;visibility:visible}.animat-col04:hover .btn{height:46px;opacity:1;visibility:visible}.animat-col04:hover{color:#fff}.animat-col04:hover h3:before{border-color:#fff}.animat-col05{margin:0;padding:0;list-style:none;overflow:hidden}.animat-col05 li{margin:0;padding:0;list-style:none;float:left;width:16.6666666%;text-align:center;height:420px;line-height:420px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#20a3f0;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col05 li:first-child{border-left:none}.animat-col05 li .box{line-height:1.8px;display:inline-block;position:relative;width:100%}.animat-col05 li .fa{font-size:35px}.animat-col05 li h3{font-size:13px;visibility:hidden;opacity:0;position:absolute;left:0;top:5px;width:100%}.animat-col05 li:hover{background-color:#20a3f0;color:#fff}.animat-col05 li:hover .fa{visibility:hidden;opacity:0}.animat-col05 li:hover h3{visibility:visible;opacity:1;color:#fff}@media only screen and (max-width:767px){.animat-col05 li{width:100%}}.animat-col06{height:252px;line-height:252px;background-color:#20a3f0;margin-bottom:25px;text-align:center;padding:0 20px}.animat-col06 .box{line-height:1.8;display:inline-block;vertical-align:middle;color:#fff}.animat-col06 .fa{font-size:50px;width:60px;height:60px;line-height:60px;margin-bottom:20px;overflow:hidden;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col06 h3{font-size:15px;color:#fff}.animat-col06 .btn{color:#fff;font-size:13px}.animat-col06 .cont{height:0;overflow:hidden;transition:all ease-in 200ms;-moz-transition:all ease-in 200ms;-webkit-transition:all ease-in 200ms;-o-transition:all ease-in 200ms;-ms-transition:all ease-in 200ms}.animat-col06:hover .fa{height:0px}.animat-col06:hover .cont{height:110px}