body{margin:0;padding:0;font-family:'Myriad Pro'}.about-us-animation{width:100%;height:684px;background:gray;position:relative}@media (max-width:767px){.about-us-animation{height:380px}}.about-us-animation #map{width:100%;height:100%}.about-us-animation #map .gm-style>div:first-child>div:first-child>div:nth-child(2) img[role=presentation]{opacity:0;transition:opacity 1s ease}.about-us-animation #map.active .gm-style>div:first-child>div:first-child>div:nth-child(2) img[role=presentation],.about-us-animation #map.fadein .gm-style>div:first-child>div:first-child>div:nth-child(2) img[role=presentation]{opacity:1}.about-us-animation #map.fadeout .gm-style>div:first-child>div:first-child>div:nth-child(2) img[role=presentation]{opacity:0}.about-us-animation #map .mapboxgl-ctrl{display:none!important}.about-us-animation .bottom-line,.about-us-animation .top-line{height:46px;left:50%;position:absolute;width:1px;background:rgba(1,62,125,.63)}.about-us-animation .top-line{top:0}.about-us-animation .bottom-line{bottom:0}.about-us-animation .title{text-align:center;position:absolute;top:80px;width:100%}.about-us-animation .title h2{font-size:40px;font-weight:600;line-height:56px;margin-bottom:23px;text-align:center;text-transform:uppercase;color:#013e7d}.about-us-animation .link-wrap{position:absolute;bottom:60px;width:100%;text-align:center}@media (max-width:767px){.about-us-animation .bottom-line,.about-us-animation .top-line{display:none}.about-us-animation .title h2{font-size:24px;line-height:29px}.about-us-animation .title{top:20px}.about-us-animation .link-wrap{bottom:30px}}.about-us-animation .link-wrap .btn span{font-weight:400}.about-us-animation .link-wrap .btn span strong{font-weight:700}.about-us-animation .slide-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about-us-animation .slide-container .general-text{line-height:39px}.about-us-animation .slide-container .general-text .top{color:#242020;font-size:22px;line-height:46px;transition:opacity .5s ease;opacity:0}@media (max-width:767px){.about-us-animation .slide-container{width:90%;top:45%}.about-us-animation .slide-container .general-text{max-width:215px;margin:auto}.about-us-animation .slide-container .general-text .top{font-size:16px;line-height:33px}}.about-us-animation .slide-container .general-text .middle{text-transform:uppercase;font-size:35px;font-weight:700;color:#7A9A01;transition:opacity .5s ease .25s;opacity:0}@media (max-width:767px){.about-us-animation .slide-container .general-text .middle{font-size:25px;line-height:29px}}.about-us-animation .slide-container .general-text .bottom{font-size:24px;font-weight:700;color:#013e7d;text-align:right;transition:opacity .5s ease .5s;opacity:0}.about-us-animation .slide-container .contact .image{width:290px;height:290px;border-radius:50%;border:0 solid #013e7d;background-size:cover;background-position:center;-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:all .5s ease .5s;position:relative;margin:0 auto 16px}@media (max-width:1023px){.about-us-animation .slide-container .contact .image{width:220px;height:220px}}@media (max-width:767px){.about-us-animation .slide-container .general-text .bottom{font-size:18px;line-height:29px}.about-us-animation .slide-container .contact .image{width:140px;height:140px}.about-us-animation .slide-container .contact.right .image .marker{display:none}}.about-us-animation .slide-container .contact .name{color:#242020;font-size:18px;font-weight:600;text-align:center;transition:all .5s ease;opacity:0}.about-us-animation .slide-container .contact .function{text-align:center;color:#7A9A01;font-size:14px;font-weight:400;transition:all .5s ease;opacity:0}.about-us-animation .slide-container .contact.right .image .marker{position:absolute;right:calc(-400px + 125px);height:30px;width:30px;margin-top:-15px;top:50%;border-radius:50%;transition:-webkit-transform .25s ease .25s;transition:transform .25s ease .25s;transition:transform .25s ease .25s,-webkit-transform .25s ease .25s;-webkit-transform:scale(0);transform:scale(0)}@media (max-width:1199px){.about-us-animation .slide-container .contact.right .image .marker{right:calc(-300px + 125px)}}@media (max-width:1023px){.about-us-animation .slide-container .contact.right .image .marker{right:calc(-220px + 90px)}}.about-us-animation .slide-container .contact.right .image:after{content:'';position:absolute;right:calc(-400px + 145px);height:1px;top:50%;width:calc(400px - 145px);background:#013e7d;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top right;transform-origin:top right}@media (max-width:1199px){.about-us-animation .slide-container .contact.right .image:after{right:calc(-300px + 145px);width:calc(300px - 145px)}}@media (max-width:1023px){.about-us-animation .slide-container .contact.right .image:after{right:calc(-220px + 110px);width:calc(300px - 190px)}}.about-us-animation .slide-container .contact.left .image .marker{position:absolute;left:calc(-400px + 125px);height:30px;width:30px;margin-top:-15px;top:50%;border-radius:50%;transition:-webkit-transform .25s ease .25s;transition:transform .25s ease .25s;transition:transform .25s ease .25s,-webkit-transform .25s ease .25s;-webkit-transform:scale(0);transform:scale(0)}@media (max-width:1199px){.about-us-animation .slide-container .contact.left .image .marker{left:calc(-300px + 125px)}}@media (max-width:1023px){.about-us-animation .slide-container .contact.left .image .marker{left:calc(-220px + 90px)}}.about-us-animation .slide-container .contact.left .image:after{content:'';position:absolute;left:calc(-400px + 145px);height:1px;top:50%;width:calc(400px - 145px);background:#013e7d;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top left;transform-origin:top left}@media (max-width:1199px){.about-us-animation .slide-container .contact.left .image:after{left:calc(-300px + 145px);width:calc(300px - 145px)}}@media (max-width:1023px){.about-us-animation .slide-container .contact.left .image:after{left:calc(-220px + 110px);width:calc(300px - 190px)}}.about-us-animation .slide-container.fadein .general-text .bottom,.about-us-animation .slide-container.fadein .general-text .middle,.about-us-animation .slide-container.fadein .general-text .top{opacity:1}.about-us-animation .slide-container.fadein .contact .image{-webkit-transform:scale(1);transform:scale(1);transition:opacity .5s cubic-bezier(.67,1.38,.78,1.01),border-width .25s ease .25s,-webkit-transform .5s cubic-bezier(.67,1.38,.78,1.01);transition:transform .5s cubic-bezier(.67,1.38,.78,1.01),opacity .5s cubic-bezier(.67,1.38,.78,1.01),border-width .25s ease .25s;transition:transform .5s cubic-bezier(.67,1.38,.78,1.01),opacity .5s cubic-bezier(.67,1.38,.78,1.01),border-width .25s ease .25s,-webkit-transform .5s cubic-bezier(.67,1.38,.78,1.01);opacity:1;border-width:7px}@media (max-width:767px){.about-us-animation .slide-container .contact.left .image .marker,.about-us-animation .slide-container .contact.left .image:after,.about-us-animation .slide-container .contact.right .image:after{display:none}.about-us-animation .slide-container.fadein .contact .image{border-width:4px}}.about-us-animation .slide-container.fadein .contact .function,.about-us-animation .slide-container.fadein .contact .name{transition:all .5s ease .5s;opacity:1}.about-us-animation .slide-container.fadein .contact.left .image .marker,.about-us-animation .slide-container.fadein .contact.right .image .marker{transition:-webkit-transform .25s ease .5s;transition:transform .25s ease .5s;transition:transform .25s ease .5s,-webkit-transform .25s ease .5s;-webkit-transform:scale(1);transform:scale(1)}.about-us-animation .slide-container.fadein .contact.left .image:after,.about-us-animation .slide-container.fadein .contact.right .image:after{transition:-webkit-transform .25s ease .75s;transition:transform .25s ease .75s;transition:transform .25s ease .75s,-webkit-transform .25s ease .75s;-webkit-transform:scaleX(1);transform:scaleX(1)}.about-us-animation .slide-container.active .general-text .bottom,.about-us-animation .slide-container.active .general-text .middle,.about-us-animation .slide-container.active .general-text .top{opacity:1}.about-us-animation .slide-container.active .contact .image{-webkit-transform:scale(1);transform:scale(1);opacity:1;border-width:7px}@media (max-width:767px){.about-us-animation .slide-container.active .contact .image{border-width:4px}}.about-us-animation .slide-container.active .contact .function,.about-us-animation .slide-container.active .contact .name{opacity:1}.about-us-animation .slide-container.fadeout .contact .function,.about-us-animation .slide-container.fadeout .contact .name,.about-us-animation .slide-container.fadeout .general-text .bottom,.about-us-animation .slide-container.fadeout .general-text .middle,.about-us-animation .slide-container.fadeout .general-text .top{opacity:0}.about-us-animation .slide-container.active .contact.left .image .marker,.about-us-animation .slide-container.active .contact.right .image .marker{-webkit-transform:scale(1);transform:scale(1)}.about-us-animation .slide-container.active .contact.left .image:after,.about-us-animation .slide-container.active .contact.right .image:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.about-us-animation .slide-container.fadeout .contact .image{-webkit-transform:scale(0);transform:scale(0);opacity:0;border-width:7px}.about-us-animation .slide-container.fadeout .contact.left .image .marker,.about-us-animation .slide-container.fadeout .contact.right .image .marker{-webkit-transform:scale(0);transform:scale(0)}.about-us-animation .slide-container.fadeout .contact.left .image:after,.about-us-animation .slide-container.fadeout .contact.right .image:after{-webkit-transform:scaleX(0);transform:scaleX(0)} .about-us-animation a {max-height:60px;}