.cursor-pointer{cursor:pointer;}
@font-face{font-family:"Muli";src:url("/assets/vendor/muli-1.0.0/Mulish-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Muli";src:url("/assets/vendor/muli-1.0.0/Mulish-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Muli";src:url("/assets/vendor/muli-1.0.0/Mulish-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:"Muli";src:url("/assets/vendor/muli-1.0.0/Mulish-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:"Muli";src:url("/assets/vendor/muli-1.0.0/Mulish-ExtraBold.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap;}
body{font-family:"Muli", sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img.main_sticky{display:none !important;}
.sticky img.main_sticky{display:inherit !important;}
.menu a.logo{display:inline-block;padding:25px 0 0;float:left;position:relative;z-index:1;}
@media only screen and (max-width:959px){}
.techno_nav_manu{background:#fff;transition:.5s;margin-bottom:0;z-index:999;position:relative;}
.techno_nav_manu.transparent_menu{background:transparent;margin-bottom:-103px;position:relative;}
.transparent_menu .menu>ul>li a{color:#fff;}
.transparent_menu.up .menu>ul>li a{color:#232323;}
.sticky{left:0;margin:auto;position:fixed !important;top:0;width:100%;-webkit-box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.1);box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.1);background:#00247e !important;transition:.5s;z-index:999;}
.style-two.techno_nav_manu{background:transparent;transition:0.5s;margin-bottom:-87px;z-index:999;position:relative;}
.techno_nav_manu .navbar{padding-top:0;padding-bottom:0;align-items:center;}
.techno_nav_manu .navbar-brand{padding:0;margin:0;}
.techno_nav_manu .navbar-logo{top:-22px;}
.style-two .techno_menu>ul>li>a{color:#fff;font-size:16px;}
.style-two .donate-btn-header{display:inline-block;margin-left:30px;}
.style-two a.dtbtn{-moz-user-select:none;background:#fff;color:#232323;font-size:16px;}
.upper.style-two .donate-btn-header{display:inline-block;margin-left:25px;}
.upper.style-two .donate-btn-header a.seo-button{background:#fff;color:#0C5ADB;}
.upper.style-two .donate-btn-header a.seo-button:hover{color:#fff;}
.style-three .techno_menu>ul>li>a{color:#616161;font-size:16px;font-weight:400;}
.style-four.techno_nav_manu{background:#1137C8;height:97px;z-index:1;}
.style-four .techno_menu>ul>li>a{color:#fff;font-size:16px;font-weight:400;}
.techno_menu{text-align:right;}
.techno_menu ul{text-align:right;list-style:none;display:inline-block;}
.techno_menu>ul>li{display:inline-block;position:relative;}
.techno_menu>ul>li>a{display:block;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;position:relative;color:#232323;font-weight:600;text-transform:capitalize;margin:30px 10px;font-size:17px;}
.white .techno_menu>ul>li>a{color:#fff;}
.techno_menu ul li:last-child a{margin-right:0px;}
.techno_menu>ul>li.current>a{color:#00247E;}
.white .techno_menu>ul>li.current>a{color:#fff;}
.techno_menu .navbar-nav{text-align:right;list-style:none;display:inline-block;}
.techno_menu .navbar-nav>li{display:inline-block;position:relative;}
.techno_menu .navbar-nav>li>a{display:block;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;position:relative;color:#232323;font-weight:600;text-transform:capitalize;margin:30px 10px;font-size:17px;}
.white .techno_menu .navbar-nav>li>a{color:#fff;}
.techno_menu .navbar-nav>li.current>a{color:#00247E;}
.white .techno_menu .navbar-nav>li.current>a{color:#fff;}
.techno_menu .dropdown-menu{display:none;background:#fff;margin-top:-30px;}
.techno_menu .dropdown-menu.show{display:block;}
.techno_menu .dropdown-item{color:#000;}
.techno_menu .dropdown-item:hover, .techno_menu .dropdown-item:focus{color:#000;background:#f2f2f2;}
.techno_nav_manu.sticky .dropdown-menu .dropdown-item{color:#000;}
@media (max-width: 991.98px){
    .techno_menu .dropdown-menu{background:#00247e;margin-top:0;}
    .techno_menu .dropdown-item{color:#fff;}
    .techno_menu .dropdown-item:hover, .techno_menu .dropdown-item:focus,
    .techno_menu .dropdown-item:active{color:#fff;background:rgba(255,255,255,0.12);}
    .techno_nav_manu.sticky .dropdown-item,
    .techno_nav_manu.sticky .dropdown-item:visited{color:#fff;}
}
@media (max-width: 991.98px){
    .techno_menu .navbar-nav{text-align:left;display:block;}
    .techno_menu .navbar-nav>li{display:block;}
    .techno_menu .navbar-nav>li>a{margin:12px 0;}
}
.techno_menu ul .sub-menu{position:absolute;left:0;top:130%;width:217px;text-align:left;background:#fff;margin:0;z-index:1;-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;border-top:2px solid #0c5adb;}
.techno_menu ul li:hover>.sub-menu{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;top:100%;z-index:9;}
.techno_menu ul .sub-menu li{position:relative;}
.techno_menu ul .sub-menu li a{display:block;padding:12px 20px;margin:0;line-height:1.3;letter-spacing:normal;font-size:15px;font-weight:500;text-transform:capitalize;-webkit-transition:.1s;-o-transition:.1s;transition:.1s;visibility:inherit !important;color:#333 !important;}
.techno_menu ul .sub-menu li:hover>a, .techno_menu ul .sub-menu .sub-menu li:hover>a, .techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a{background:#0c5adb;color:#fff !important;}
.techno_menu ul .sub-menu li a span{background:#0C5ADB;font-size:12px;color:#fff;padding:3px 5px 2px;border-radius:5px;}
.techno_menu ul .sub-menu li:hover>a span{background:#fff;color:#0C5ADB;}
.techno_menu ul .sub-menu .sub-menu{left:100%;top:130%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;}
.techno_menu ul .sub-menu li:hover>.sub-menu{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;top:0%;}
.techno_menu ul .sub-menu .sub-menu li{position:relative;}
.techno_menu ul .sub-menu .sub-menu .sub-menu{right:100%;left:auto;top:130%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;}
.techno_menu ul .sub-menu .sub-menu li:hover>.sub-menu{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;top:0%;}
.techno_menu ul .sub-menu .sub-menu .sub-menu li{position:relative;}
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu{}
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;top:0%;}
.donate-btn-header{display:inline-block;margin-left:16px;}
a.dtbtn{-moz-user-select:none;background:#0c5adb;border:medium none;color:#fff;cursor:pointer;display:inline-block;font-size:17px;margin-bottom:0;padding:10px 30px;text-align:center;text-transform:capitalize;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.5s ease 0s;vertical-align:middle;border-radius:5px;border:2px solid #0c5adb;font-weight:600;}
a.dtbtn:hover{border:2px solid #00247E;background:#00247E;color:#fff;}
a.dtbtn.up:hover{border:2px solid #00247E;background:linear-gradient(to left, #2475FC, #1129B9 100%);color:#fff;}
.techno_menu li a:hover:before{width:101%;}
.techno_nav_manu.sticky .logo_img{display:none;}
.main_sticky{display:none;}
.techno_nav_manu.sticky .main_sticky{display:inherit;}
.techno_nav_manu.sticky .techno_menu li a{color:#fff;}
.techno_nav_manu.sticky a.dtbtn{color:#0c5adb;background:#fff;border:2px solid #fff;}
.techno_nav_manu.sticky a.dtbtn:hover{color:#0c5adb;}
.mobile-menu.mean-container{overflow:hidden;}
.slider3{background-image:url(/site/svnhoster/img/slider-3.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:900px;}
.slider_text_desc p{color:#fff;width:62%;font-size:18px;text-align:justify;}
.text_center .slider_text_desc p{margin:auto;}
.slider15 .single_slider{position:relative;z-index:1;top:184px;}
.slider15 .button a{background:#33BAFF;padding:15px 35px;font-size:16px;font-weight:500;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:44;border-radius:5px;color:#fff;margin-top:4px;}
.slider17 .button a{background:#fff;padding:13px 42px;font-size:16px;font-weight:600;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:44;border-radius:5px;color:#0c5adb;}
.slider17 .upper.button a{background:inherit;padding:12px 42px;font-size:16px;font-weight:600;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:44;border-radius:5px;color:#fff;margin-right:15px;border:1px solid #ffffff;}
.slider17 .slider_button span{color:#fff;font-size:18px;font-weight:600;padding:13px 19px 0;}
.effective_slider .slider_text>h1{margin-bottom:13px;}
.slider18 .slider_button{display:inline-block !important;padding-right:30px;}
.slider18 .button a{background:#33BAFF;padding:14px 30px;font-size:16px;font-weight:500;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:44;border-radius:5px;color:#fff;}
.slider18 .button a i{margin-left:5px;position:relative;top:2px;font-size:18px;}
.color_black .slider_text_desc p{color:#616161;}
.button a{background:#0c5adb;padding:16px 32px;font-size:18px;font-weight:500;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:1;border-radius:5px;color:#fff;}
.button.color_two a{background:#00247E;}
.button.color_two a:before{background:#0c5adb;}
.button.two a{padding:14px 35px;}
.button.three a{background:#fff;padding:14px 35px;color:#0c5adb;}
.button.style-four a{background:transparent;padding:10px 30px;border-radius:30px;color:#0c5adb;border:2px solid #0c5adb;}
.button.style-four a:before{background:#0c5adb;}
.button .active{background:#00247E;margin-left:25px;}
.button .active:before{background:#0c5adb;}
.button a i{margin-left:5px;position:relative;top:2px;}
.button a:before{position:absolute;content:"";top:0px;height:100%;left:-25%;width:0%;background:#00247E;transform:skew(50deg);transition-duration:.6s;z-index:-1;}
.button a:hover{color:#fff;}
.button a:hover:before{width:180%;}
.slider12 .button a i{font-size:14px;}
.slider12 .button a{font-size:17px;}
.slider12 .button .active{background:transparent;border:1px solid #fff;}
.slider12 .button .active:hover{border-color:#0c5adb;}
.slider13 .button a, .slider14 .button a{padding:13px 32px;font-size:18px;}
.text-right .em-slider-descript{margin-right:0;margin-left:auto;}
.em-slider-button.wow.bounceInUp.em-button-button-area.animated{padding-top:19px;}
.em-nivo-slider-wrapper .nivo-controlNav a.active{background:#FFA700 none repeat scroll 0 0;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.form-group .btn{background:#0C5ADB;border:0;display:inline-block;text-align:center;border-radius:7px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;color:#fff;width:100%;height:54px;}
.dark.top_feature .techno_flipbox .techno_flipbox_font{background:#181b2d;}
.dark.top_feature .techno_flipbox .flipbox_title h3{color:#fff;}
.dark .about_icon .icon{color:#fff;}
.dark .cntr_bg_up{position:relative;margin-bottom:-100px;}
.landing .slider_text_desc p{margin:auto;}
.landing .button{margin:auto;}
.section_sub_title h6{letter-spacing:5px;color:#0c5adb;font-size:16px;}
.section_title.text_center{text-align:center;}
.section_main_title h1, .section_main_title h2{font-weight:800;margin:0;}
.text_left .section_main_title h1{margin:0;letter-spacing:-1px;}
.section_main_title h1 span{color:#0c5adb;}
.section_content_text p{font-size:18px;}
.text_center .section_content_text p{width:75%;margin:auto;font-size:19px;}
.section_content_text.bold p{font-size:22px;font-weight:600;}
.section_title.white .section_main_title h1, .section_title.white .section_main_title h2{color:#fff;}
.section_title.white .section_sub_title h6{color:#fff;}
.section_title.white .section_content_text p{color:#fff;}
.section_sub_title h6{letter-spacing:0;color:#0c5adb;font-size:16px;}
.about_area.odoo .section_content_text{margin:36px 0 26px;}
.about_area.odoo .text_left .section_main_title h1{font-size:39px;}
.about_area .upper.section_content_text{margin:19px 0 26px;}
.about_area .upper.section_content_text p{font-size:16px;padding:0 0 0 20px;border-left:2px solid #0C5ADB;width:100%;}
.upper.section_content_text p{font-size:16px;padding:0 0 0 20px;width:62%;}
.upper1.section_content_text p{font-size:16px;padding:18px 0 0px;width:100%;}
.upper.section_main_title h1{font-size:38px !important;letter-spacing:0;}
.section_sub_title h5{letter-spacing:0;color:#0c5adb;font-size:16px;position:relative;z-index:1;font-weight:600;text-transform:capitalize;padding:0 0 18px 20px;}
.section_sub_title h5:before{position:absolute;content:"";z-index:-1;left:0;top:-12px;filter:drop-shadow(0px 5px 15px rgba(152, 179, 223, 0.2));background-color:#ffffff;width:145px;height:42px;border-radius:4px;}
.upper.section_sub_title h5:before{right:0;margin:auto;left:15px;top:-12px;}
.feature-area .section_sub_title h5:before{width:174px;}
.service-area .section_sub_title h5:before{width:174px;}
.why-choose-us .section_sub_title h5:before{width:161px;}
.testimonial-area .section_sub_title h5{;color:#fff;}
.testimonial-area .section_sub_title h5:before{filter:drop-shadow(0px 5px 15px rgba(152, 179, 223, 0.2));background-color:rgba(255, 255, 255, 0.14901960784313725);width:173px;}
.blog-area .section_sub_title h5:before{width:123px;height:42px;}
.section_main_title1 h1{font-size:32px;color:#232323;line-height:45px;}
.section_sub_title1 h4{letter-spacing:0;color:#0c5adb;font-size:18px;font-weight:700;}
.upper.section_sub_title1 h6{letter-spacing:0;color:#0c5adb;font-size:18px;font-weight:700;padding:0 0 0 40px;position:relative;z-index:1;}
.upper.section_sub_title1 h6:before{position:absolute;content:"";left:-1px;top:11px;width:32px;height:1px;background:#0C59DB;}
.section_main_title1 h2{font-size:42px;color:#232323;line-height:50px;}
.section_sub_title1 h5{font-size:18px;color:#0c5adb;position:relative;z-index:1;display:inline-block;padding:0 0 3px 0px;transition:.5s;}
.section_sub_title1 h5:before{position:absolute;content:"";z-index:-1;right:-10px;top:-2px;background:#CEDEF8;width:30px;height:26px;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);transition:.5s;}
.section_sub_title1 h5:hover{padding-left:14px;}
.section_sub_title1 h5:hover:before{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);width:103%;}
.style-two .section_sub_title h5{letter-spacing:0;color:#0c5adb;font-size:18px;position:relative;z-index:1;font-weight:600;text-transform:capitalize;padding:0 0 16px 24px;}
.style-two .section_sub_title h5:before{position:absolute;content:"";z-index:-1;left:7px;top:8px;right:inherit;width:9px;height:9px;border-radius:9px;background:#0c5adb;}
.style-two .section_sub_title h5:after{position:absolute;content:"";left:1px;top:3px;right:inherit;width:12px;height:12px;border-radius:12px;background:rgba(35, 181, 255, 0.7019607843137254);}
.style-two .section_main_title h1{font-weight:800;margin:0;font-size:38px;line-height:1.3;}
.style-two .section_content_text p{font-size:16px;padding:16px 0 0;}
.style-two.up .section_sub_title h5:before{left:-104px;right:0;margin:auto;}
.style-two.up .section_sub_title h5:after{left:-114px;right:0;margin:auto;}
.section_sub_title span{position:relative;z-index:1;}
.style-two.up .section_sub_title span:before{position:absolute;content:"";z-index:-1;left:71px;top:8px;right:inherit;width:9px;height:9px;border-radius:9px;background:#0c5adb;}
.style-two.up .section_sub_title span:after{position:absolute;content:"";left:74px;top:3px;right:inherit;width:12px;height:12px;border-radius:12px;background:rgba(35, 181, 255, 0.7019607843137254);}
.em_bar{background:#9B50DB none repeat scroll 0 0;height:2px;margin:0 auto 5px;width:62px;}
.text_left .em_bar{margin:0;}
.em_bar_bg{height:5px;width:90px;background:#cbbded;margin:20px auto;position:relative;border-radius:30px;}
.em_bar_bg:before{content:"";position:absolute;left:0;top:-2.7px;height:10px;width:10px;border-radius:50%;background:#0C5ADB;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:MOVE-BG;animation-name:MOVE-BG;}
@-webkit-keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0);}
to{-webkit-transform:translateX(88px);transform:translateX(88px);}
}
@keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0);}
to{-webkit-transform:translateX(88px);transform:translateX(88px);}
}
.row.contact-shape{position:relative;z-index:1;}
.about_area.style-five.upper .section_content_text p{font-size:16px;padding:16px 0 0;margin-bottom:5px;}
.row.brand-bg3{border-radius:5px;filter:drop-shadow(0px 10px 20px rgba(12, 90, 219, 0.07));background-color:#ffffff;padding:86px 27px 84px;position:relative;z-index:1;top:-103px;}
.row.counter-shap{position:relative;z-index:1;}
.nagative_margin,.negative_margin{position:relative;margin-top:-100px;}
.top_feature .techno_flipbox .techno_flipbox_font{background:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.10);border:0;}
.top_feature .techno_flipbox .techno_flipbox_back{background:#0c5adb;box-shadow:0 5px 20px rgba(0, 0, 0, 0.10);border-radius:8px;}
.top_feature .techno_flipbox .techno_flipbox_inner{padding:0 30px;}
.top_feature .techno_flipbox .techno_flipbox_back::before{display:none;}
.top_feature .icon{color:#0c5adb;font-size:45px;display:inline-block;line-height:46px;}
.top_feature .techno_flipbox .flipbox_title h3{font-size:20px;color:#232323;font-weight:700;font-family:"Muli", sans-serif;}
.row.feature-shape{position:relative;z-index:1;}
.flipbox-icon .icon{font-size:35px;color:#fff;}
.flipbox_area.odoo .techno_flipbox_font .icon{color:#fff;font-size:40px;background:transparent;}
.flipbox_area.odoo .techno_flipbox .flipbox_title h3{margin:0;}
.flipbox_area.odoo .techno_flipbox .techno_flipbox_back::before{background:#0C5ADBEB;}
.flipbox_area.odoo .techno_flipbox .techno_flipbox_back .flipbox_button a:hover{color:#fff;border-color:#1f1c51;background:#1f1c51;}
.flipbox_area.odoo .techno_flipbox_back .flipbox_desc p{color:#fff;margin:0 0 5px;}
.flipbox_area.odoo .section_title.white .section_main_title h1, .section_title.white .section_main_title h2{font-size:39px;}
.top_feature.two .techno_flipbox .techno_flipbox_font, .top_feature.two .techno_flipbox .techno_flipbox_back{min-height:223px;}
.top_feature.two .techno_flipbox .techno_flipbox_back{background:#fff;}
.top_feature.two .techno_flipbox .techno_flipbox_inner{padding:0 24px;}
.top_feature.two .icon{color:#fff;font-size:40px;line-height:90px;height:90px;width:90px;background:#0c5adb;border-radius:33% 66% 70% 30%/49% 62% 38% 51% !important;}
.top_feature.two .techno_flipbox .flipbox_title h3{padding-bottom:0;font-size:21px;}
.top_feature.two .techno_flipbox .techno_flipbox_back .flipbox_title h3{color:#232323;font-size:21px;}
.top_feature.two .techno_flipbox_back .flipbox_desc p{color:#616161;}
.feature_style_thre_icon .icon{color:#fff;font-size:50px;}
.feature_style_four.active{background:#0C5ADB;}
.feature_style_four.active .feature_style_four_title h4, .feature_style_four.active .feature_style_four_text p, .feature_style_four.active .feature_style_four_button a{color:#fff;}
.single_feature_six_content.white{overflow:hidden;}
.single_feature_six_seven_icon .icon{font-size:55px;color:#0c5adb;transition:.5s;}
.single_feature_seven:hover .single_feature_six_seven_icon .icon{color:#fff;}
.feature_style_eight_icon .icon{display:inline-block;}
.techno_flipbox_font{border:1px solid #0c5adb;border-radius:8px;}
.flipbox .section_main_title h1{color:#fff;}
.flipbox .section_sub_title h6{color:#fff;}
.flipbox .section_title{margin-bottom:30px;}
.techno_flipbox{perspective:1000px;position:relative;transform-style:preserve-3d;-webkit-perspective:1000px;-webkit-transform-style:preserve-3d;z-index:1;}
.techno_flipbox .techno_flipbox_font, .techno_flipbox .techno_flipbox_back{min-height:250px;height:auto;box-shadow:0px 1px 51.3px 5.7px rgba(137, 143, 156, .15);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0);-webkit-transform:rotateX(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .7s ease, -webkit-transform .7s ease;position:relative;}
.techno_flipbox .techno_flipbox_back::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent -80%, #00247e);}
.icon{font-size:45px;line-height:45px;}
.techno_flipbox .techno_flipbox_inner{text-align:center;padding:0 25px;border-radius:2px;position:absolute;left:0;top:50%;width:100%;perspective:inherit;-webkit-perspective:inherit;outline:transparent solid 1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);z-index:2;}
.techno_flipbox_icon{font-size:45px;text-align:center;display:inline-block;color:#fff;overflow:hidden;}
.techno_flipbox_font .flipbox_desc p{color:#fff;}
.techno_flipbox .flipbox_title h3{font-size:22px;padding-bottom:13px;text-transform:capitalize;-webkit-transition:all 0.7s ease 0s;transition:all 0.7s ease 0s;color:#fff;}
.techno_flipbox .techno_flipbox_back{position:absolute;top:0;left:0;width:100%;border-radius:2px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.techno_flipbox .techno_flipbox_back .flipbox_button a{text-transform:capitalize;margin-top:22px;background:#fff;color:#0c5adb;display:inline-block;padding:4px 25px;border-radius:5px;border:2px solid #fff;transition:.5s;}
.techno_flipbox_back .flipbox_desc p{color:#fff;}
.techno_flipbox .techno_flipbox_back .flipbox_button a i{display:none;}
.techno_flipbox .techno_flipbox_back .flipbox_title h3{padding-bottom:16px;padding-top:0;color:#fff;margin-bottom:0;}
.techno_flipbox .techno_flipbox_font .flipbox_desc, .techno_flipbox .techno_flipbox_back .flipbox_desc{color:#fff;}
.flipbox_area.top_feature.upper .techno_flipbox_font .icon{font-size:45px;color:#0c5adb;background:transparent;}
.techno_flipbox:hover .techno_flipbox_font{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);}
.techno_flipbox:hover .techno_flipbox_back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.techno_flipbox .techno_flipbox_back .flipbox_button a:hover{color:#fff;border-color:#0c5adb;background:#0c5adb;}
.pages .techno_flipbox .techno_flipbox_font .flipbox_title h3{color:#444;}
.pages .techno_flipbox_font .flipbox_desc p{color:#666;}
.about_icon .icon{font-size:40px;color:#0c5adb;}
.home11 .about_icon .icon{font-size:20px;margin-top:-8px;}
.data_science_about_icon .icon{height:90px;width:90px;line-height:90px;font-size:40px;color:#0c5adb;position:relative;text-align:center;box-shadow:0 20px 50px 5px #e9eef7;border-radius:50%;z-index:1;background:#fff;}
.data_science_about_icon .icon:before{position:absolute;content:"";background:rgba(12, 90, 219, 0.10);width:100%;height:100%;left:-8px;top:-5px;z-index:-1;border-radius:50%;box-shadow:-10px 10px 20px 0px rgba(0, 0, 0, 0.2);transition:.5s;}
.singel_about_left_inner:hover .data_science_about_icon .icon:before{background:rgba(12, 90, 219, 0.90);}
.singel_about_left_inner:hover .data_science_about_icon .icon{color:#fff;}
.style_two .about_icon .icon{color:#FFFFFF;background:#0C5ADB;border-radius:4px 4px 4px 4px;height:75px;width:75px;font-size:45px;line-height:75px;text-align:center;}
.subscribe-area .form_box input{width:100%;height:54px;padding-left:15px;background:#fff;border:1px solid #fff;border-radius:5px;color:#232323;transition:.5s;}
.subscribe-area .quote_btn button{background:#33B9FF;color:#fff;font-weight:600;border:0;display:inline-block;text-transform:uppercase;text-align:center;padding:15px 35px;border-radius:7px;transition:.3s;}
.style-two.call-do-action .section_content_text p{font-size:16px;padding:16px 0 0;color:#232323;}
.single_slider_shape{position:relative;}
.single_slider_shape_image{position:absolute;right:-275px;top:-608px;z-index:1;}
.single_slider_shape_image img{width:90%;height:90%;}
.service_style_one{background:#fff;border-radius:10px;}
.service_style_one_icon i{width:75px;height:75px;line-height:75px;background:#e8ecfc;border-radius:100%;color:#0C5ADB;display:inline-block;border-radius:33% 66% 70% 30%/49% 62% 38% 51%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;text-align:center;font-size:35px;}
.service_style_one_title h4{font-weight:700;color:#0C5ADB;position:relative;}
.service_style_one_title h4:before{position:absolute;content:"";left:0;top:37px;height:1px;width:100px;background:#d1d1d1;margin:auto;right:0;}
.service_style_one_button a{color:#616161;border:1px solid #e8ecfc;padding:5px 23px;border-radius:30px;display:inline-block;font-size:16px;}
.service_style_one_button a i{margin-left:7px;}
.service_style_one:hover .service_style_one_button a{background-color:#0C5ADB;color:#fff;border-color:#0C5ADB;}
.service_style_one:hover .service_style_one_icon i{background-color:#0C5ADB;color:#fff;}
.service_style_eight_icon .icon i{color:#fff;}
.services_style_nine_icon .icon{height:100px;width:100px;line-height:100px;font-size:50px;color:#0c5adb;position:relative;text-align:center;box-shadow:0 20px 50px 5px #e9eef7;border-radius:50%;z-index:1;background:#fff;transition:.5s;}
.services_style_nine_icon .icon:before{position:absolute;content:"";background:rgba(12, 90, 219, 0.10);width:100%;height:100%;left:-8px;top:-5px;z-index:-1;border-radius:50%;box-shadow:-10px 10px 20px 0px rgba(0, 0, 0, 0.2);transition:.5s;}
.service_style_nine:hover .services_style_nine_icon .icon{color:#fff;}
.service_style_nine:hover .services_style_nine_icon .icon:before{background:rgba(12, 90, 219, 0.80);}
.single_service_style_ten:hover .service_style_ten_icon .icon{background:rgba(12, 90, 219, 0.90);color:#fff;}
.service_style_ten_icon .icon{background:rgba(12, 90, 219, 0.10);display:inline-block;height:70px;width:70px;line-height:70px;text-align:center;font-size:35px;color:#0c5adb;border-radius:5px;transition:.5s;}
.service_style_eleven_icon .icon{background:rgba(12, 90, 219, 0.10);height:58px;width:58px;line-height:58px;font-size:28px;text-align:center;border-radius:50%;color:#0c5adb;transition:.5s;}
.single_service_style_eleven:hover .service_style_eleven_icon .icon{transform:rotate(360deg);}
.single_service_style_eleven:hover .service_style_eleven_icon .icon{background:#fff;}
.service_style_12_icon .icon{width:80px;height:80px;line-height:80px;background:#0C5ADB;color:#fff;text-align:center;font-size:40px;border-radius:4px;display:block;}
.owl-dot.active{background:#0C5ADB;width:40px;}
.active.em-service-single-box1{background-color:#0C5ADB;}
.active .em-service-title1 h2{color:#fff;}
.active .em-service-text1 p{color:#fff;}
.team_area.style-four .style-two.up .section_sub_title span:before{left:84px;top:8px;}
.team_area.style-four .style-two.up .section_sub_title span:after{left:86px;top:2px;}
.team_area.style-four .style-two.up .section_sub_title h5:before{left:-128px;right:0;}
.team_area.style-four .style-two.up .section_sub_title h5:after{left:-137px;right:0;}
.owl-nav3 .owl-dot.active{background:#0C5ADB;width:218px;height:6px;}
.three .case_study_style_two_content{top:75%;}
.three .case_study_style_two:hover .case_study_style_two_content{top:60%;}
.three .case_study_style_two_title h4{font-size:20px;}
.single_portfolio{overflow:hidden;margin-bottom:30px;position:relative;transition:.5s;}
.single_portfolio_thumb{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:.5s;}
.single_portfolio_content{position:absolute;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:.5s;-o-transition:.5s;transition:.5s;right:20px;bottom:20px;left:20px;opacity:0;background:#0c5adb;margin:auto;text-align:left;padding:30px 20px 30px;border-radius:5px;}
.single_portfolio_icon{text-align:center;padding-bottom:10px;}
.single_portfolio_content_inner{text-align:center;}
.single_portfolio_content_inner h2{font-size:22px;margin:0;}
.single_portfolio_content_inner h2 a{display:inline-block;overflow:hidden;font-weight:600;color:#fff;}
.single_portfolio_icon i{background:#fff;height:40px;width:40px;text-align:center;line-height:40px;font-size:18px;border-radius:5px;color:#135ef3;transition:.5s;}
.single_portfolio_thumb img{width:100%;}
.single_portfolio_content_inner span{color:#fff;}
.single_portfolio:hover .single_portfolio_thumb{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.single_portfolio:hover .single_portfolio_content{opacity:1;bottom:35px;}
.single_portfolio_icon i:hover{background:#fff;color:#135ef3;}
.style_two .single_portfolio_thumb{position:relative;z-index:1;}
.style_two .single_portfolio_thumb:after{content:"";background:rgba(12, 90, 219, .85);height:100%;width:100%;position:absolute;top:0;transform-origin:top;-moz-transition:all .5s ease-out 0s;-webkit-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;-moz-transform:perspective(15em) rotateX(-90deg);-o-transform:perspective(15em) rotateX(-90deg);-ms-transform:perspective(15em) rotateX(-90deg);-webkit-transform:perspective(15em) rotateX(-90deg);transform:perspective(15em) rotateX(-90deg);z-index:1;left:0;}
.style_two .single_portfolio_content_inner h2 a{font-weight:700;color:#232323;}
.style_two .single_portfolio_content_inner span{color:#135ef3;}
.style_two .single_portfolio_icon i{background:#135ef3;color:#fff;}
.style_two .single_portfolio_content{z-index:1;background:#fff;}
.style_two .single_portfolio:hover .single_portfolio_thumb:after{-moz-transform:perspective(0) rotateX(0);-o-transform:perspective(0) rotateX(0);-ms-transform:perspective(0) rotateX(0);-webkit-transform:perspective(0) rotateX(0);transform:perspective(0) rotateX(0);}
.style_three .single_portfolio_thumb{position:relative;}
.style_three .single_portfolio_thumb::before{position:absolute;content:"";left:0;bottom:0;height:0%;width:100%;background:rgba(12, 90, 219, 0.75);transition:.5s;}
.style_three .single_portfolio_content{right:0;left:0;opacity:0;background:transparent;text-align:left;padding:0;}
.style_three .single_portfolio:hover .single_portfolio_thumb::before{height:100%;}
.portfolio_area.style-four{overflow:hidden;}
.style-four .single_portfolio{overflow:hidden;margin-bottom:30px;position:relative;transition:.5s;border-radius:10px;filter:drop-shadow(0 0 20px rgba(170, 192, 228, 0.3));background-color:#ffffff;padding:20px 20px 22px;}
.style-four .single_portfolio_content_inner{text-align:left;padding:20px 0 0;}
.style-four .single_portfolio_icon{text-align:center;padding-bottom:10px;position:absolute;top:0%;left:33%;right:50%;transform:translate(50%, -50%);z-index:1;opacity:0;transition:.5s;}
.style-four .single_portfolio_icon a i{display:inline-block;width:55px;height:55px;line-height:55px;text-align:center;background:#fff;border-radius:50%;color:#132FBF;}
.style-four .single_portfolio_content_inner h2 a{display:inline-block;overflow:hidden;font-weight:700;color:#232323;line-height:30px;padding:7px 0 0px;}
.style-four .single_portfolio:hover .single_portfolio_content_inner h2 a{color:#0c5adb;text-decoration:underline;}
.style-four .single_portfolio:hover .single_portfolio_thumb1:before{height:100%;top:0;}
.style-four .single_portfolio:hover .single_portfolio_icon{opacity:1;top:39%;}
.single_it_work_content_list.three::before{display:none;}
.how_it_work.odoo .section_main_title h1, .section_main_title h2{font-size:39px;}
.it_work_style_two .techno_flipbox .techno_flipbox_font, .it_work_style_two .techno_flipbox .techno_flipbox_back{min-height:410px;}
.it_work_style_two .it_work_style_two .techno_flipbox .techno_flipbox_inner{top:50%;}
.techno_flipbox_font .icon{color:#fff;font-size:30px;line-height:80px;height:80px;width:80px;background:#0c5adb;border-radius:33% 66% 70% 30%/49% 62% 38% 51% !important;display:inline-block;}
.single_pricing{padding:51px 40px 60px;text-align:center;border:1px solid #e6e6e6;border-radius:8px;transition:.5s;}
.single_pricing.active{border:1px solid #0c5adb;}
.pricing_title h3{font-size:30px;color:#0c5adb;font-weight:700;}
.pricing_body{border:1px solid #e6e6e6;border-radius:8px;transition:.5s;}
.single_pricing.active .pricing_body{border:1px solid #0c5adb;}
.pricing_body .featur ul li{margin-bottom:13px;display:block;}
.curencyp,.currency{font-size:25px;font-weight:500;position:relative;top:-15px;color:#0c5adb;}
.pricing_tk h2{display:inline-block;font-size:35px;font-weight:700;color:#0c5adb;}
.pricing_tk h2 span{font-size:19px;font-weight:500;}
.order_now a{display:inline-block;font-size:18px;font-weight:600;padding:16px 42px;color:#616161;border:1px solid #e6e6e6;border-radius:5px;transition:.5s;background:transparent;}
.order_now a{display:inline-block;font-size:18px;font-weight:600;padding:16px 42px;color:#616161;border:1px solid #0c5adb;border-radius:5px;transition:.5s;background:transparent;}
.cntr_bg_up{background:#ffffff;border-radius:15px;box-shadow:11px 11px 38px rgba(0, 0, 0, 0.2);}
.countr_text h1,.counter_text h1{font-size:40px;font-weight:800;}
.counter_desc h5{margin-top:6px;color:#0c5adb;}
.nagative_margin2,.negative_margin2{position:relative;margin-top:-108px;}
.nav-tabs .nav-item{margin:0 5px;}
.nav-tabs .nav-link{border:1px solid #0c5adb !important;background:#0c5adb;padding:22px 50px;font-size:20px;color:#fff;}
.nav-tabs .nav-item.active .nav-link{border:1px solid #fff !important;background:#fff;color:#0c5adb;}
.nav-tabs{border-bottom:inherit !important;}
.nav-tabs .nav-link i{font-size:30px;display:block;text-align:center;padding-bottom:5px;}
.tab_thumb img{width:100%;}
.tab_content_title h4{font-weight:700;}
.tab_content_sub_text ul{display:block;}
.tab_content_sub_text ul li{list-style:none;margin-bottom:5px;}
.choose_us .techno_flipbox .techno_flipbox_font, .choose_us .techno_flipbox .techno_flipbox_back{min-height:410px;}
.choose_us .techno_flipbox .techno_flipbox_font{position:relative;border:0 !important;}
.choose_us .techno_flipbox .techno_flipbox_font::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%) !important;}
.choose_us .techno_flipbox .techno_flipbox_inner{top:72%;}
.choose_us .techno_flipbox .techno_flipbox_back .techno_flipbox_inner{top:50%;}
.form_box input{width:100%;height:50px;padding-left:15px;background:transparent;border:1px solid #fff;border-radius:5px;color:#fff;transition:.5s;}
.form_box textarea{width:100%;background:transparent;padding-left:15px;padding-top:20px;height:250px;border:1px solid #fff;border-radius:5px;color:#fff;transition:.5s;}
.quote_btn button{background:#fff;border:0;display:inline-block;text-align:center;padding:14px 39px;border-radius:7px;transition:.3s;}
.footer-middle{background-repeat:no-repeat;background-position:center center;background-size:cover;background:#111a3a;}
.widget-title{color:#fff;font-size:22px;}
.company-info-desc p{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255, 255, 255, .23);}
.footer-bottom-content-copy p{color:#fff;}
.footer-bottom-right-text{text-align:right;}
.footer-bottom-right-text a{color:#fff;display:inline-block;}
.faq-thumb{position:relative;left:-106px;}
.faq-sticky-col{align-self:flex-start;}
.faq-thumb img{width:100%;}
ul.accordion{height:510px;}
.accordion li{position:relative;list-style:none;padding:2px 0px 15px;}
.accordion li h5{width:100%;display:block;cursor:pointer;font-weight:700;font-size:20px;color:#232323;}
.accordion li p{display:none;font-size:16px;color:#828fa0;padding-top:20px;margin:0;}
.accordion h3:before{width:2px;height:12px;background:#232323;position:absolute;right:12px;content:" ";top:12px;transform:rotate(0deg);transition:all 0.2s ease-in-out;}
.accordion h3:after{width:12px;height:2px;background:#232323;position:absolute;right:7px;content:" ";top:17px;transition:all 0.2s ease-in-out;}
.accordion h3.active:after{transform:rotate(0deg);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background:#1E54E7 !important;}
.accordion h3.active:before{display:none;}
.accordion h3.active{color:#1E54E7 !important;}
.logo_text{position:absolute;left:84px;top:8px;color:white;font-size:22px;font-weight:600;font-family:"Muli", sans-serif;}
.logo_img img, .main_sticky img{position:absolute;top:-2px;}
div.modal{top:1px;overflow:auto;max-width:unset;}
.modal-wide{max-width:850px;}
.modal-wide div.modal-body{padding-left:30px;}
ul.accordion li p a{font-size:16px;color:#1E54E7;display:inline;}
.h1{font-size:42px;}
.countr_text .h1,.counter_text .h1{font-size:40px;font-weight:800;}
.section_main_title .h1{font-weight:800;margin:0;}
.h2{display:inline-block;font-size:35px;font-weight:700;color:#0c5adb;}
.pricing_tk span.h2 span{font-size:19px;font-weight:500;}
.show>.btn-secondary.dropdown-toggle{background-color:#2a93bb;border-color:#81c5df;margin-left:15px;}
.counter_desc p{margin-top:6px;color:#0c5adb;font-size:20px;font-weight:700;}
.countr_text p,.counter_text p{color:#000000;margin-top:11px;}
.container.free-product .nonfree{display:none;}
.quote_btn button.btn:hover{background-color:#33fb52;color:#000;}
.quote_btn button.btn{transition:all 0.3s ease;}
.accordion h3.active{color:#1E54E7 !important;}
.accordion h3.active:before{content:none;}
.accordion h3:before{width:2px;height:12px;background:#232323;position:absolute;right:12px;content:" ";top:12px;transform:rotate(0deg);transition:all 0.2s ease-in-out;}
.accordion h3:after{width:12px;height:2px;background:#232323;position:absolute;right:7px;content:" ";top:17px;transition:all 0.2s ease-in-out;}
.accordion h3.active:after{transform:rotate(0deg);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background:#1E54E7 !important;}
.best-seller-badge{position:absolute;top:10px;right:10px;z-index:1;box-shadow:0 6px 14px rgba(0, 0, 0, 0.20);border-radius:6px;font-size:large;}
.slider3{min-height:650px;padding-top:95px;}
.slider_text_desc p{width:100%;}
.single_slider_shape_image{position:absolute;right:0px;top:unset;bottom:0px;z-index:1;}
.service_style_one{background:#e1ebff;border-radius:10px;}
.service_style_one_icon i{background:#ffffff;}
.reference-container{margin:auto;opacity:0.5;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;text-align:center;display:flex;justify-content:space-evenly;align-items:center;gap:12px;}
@media (max-width: 991.98px){
    .reference-container{display:block;justify-content:normal;align-items:normal;gap:0;}
}

/* VCSAdmin docs: toc + figure styling */
.vcsadmin-docs .slider3{min-height:650px;padding-top:95px;}
.vcsadmin-docs h2,.vcsadmin-docs h3,.vcsadmin-docs h4{color:#efeeee;}
.vcsadmin-docs h3{font-size:24px;}
.vcsadmin-docs h4{font-size:20px;}
.vcsadmin-docs #tocList .nav-link{line-height:1.2;padding:4px 8px;font-size:.9rem;}
.vcsadmin-docs #tocList .nav-link.active{font-weight:700;color:#000;}
.vcsadmin-docs .doc-figure{text-align:center;max-width:800px;margin:20px auto;overflow:hidden;}
.vcsadmin-docs .doc-image{display:block;max-width:600px;height:auto;border:1px solid #ddd;border-radius:5px;padding:4px;background:#fff;box-shadow:2px 2px 8px rgba(0,0,0,0.1);margin:0 auto;transition:all .4s ease-in-out;}
.vcsadmin-docs .doc-figure:hover .doc-image{max-width:800px;box-shadow:4px 4px 12px rgba(0,0,0,0.2);}
.vcsadmin-docs .doc-caption{font-size:.9rem;font-style:italic;color:#dfdede;margin-top:6px;}
.reference-container:hover{opacity:1;}
.reference-image{border:0;width:128px;height:100px;float:left;background-image:url("/site/svnhoster/img/reference-sprite.png");margin:0 20px;}
.reference-image.one{background-position-y:-0px;}
.reference-image.two{background-position-y:-110px;}
.reference-image.three{background-position-y:-220px;}
.reference-image.four{background-position-y:-330px;}
.reference-image.five{background-position-y:-440px;}
.reference-image.six{background-position-y:-550px;}
.reference-image.seven{background-position-y:-660px;}
.reference-image.eight{background-position-y:-770px;}
.reference-image.nine{background-position-y:-880px;}
.reference-image.ten{background-position-y:-990px;}
.reference-image.eleven{background-position-y:-1100px;}
.reference-image.twelve{background-position-y:-1210px;}
.single_pricing{box-shadow:7px 7px 20px rgba(0, 0, 0, 0.2);}
.border-fade{position:relative;}
.border-fade::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(to right, transparent, #795548, transparent);}
.mobile-menu-area{position:fixed;top:0;left:0;width:100%;z-index:1050;background-color:#fff;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
@media only screen and (min-width:320px) and (max-width:599px){.slider_area{padding-top:50px;height:auto !important;}
.counter_area{padding-top:0;}
.cntr_bg_up{box-shadow:unset;}
.call_do_action{padding-top:0 !important;padding-bottom:0 !important;}
#pricing .container{position:relative;padding-top:30px;}
#pricing .container:before{position:absolute;content:"";left:0;top:0;height:1px;width:275px;background:#d1d1d1;margin:auto;right:0;}
.tab_area .nav-tabs .nav-link{padding:36px 27px;margin-right:-7px;width:87px;}
.faq-thumb{left:0;}
}
/* Animated text styles (merged from animated-text.css) */ .cd-words-wrapper{display:inline-block;position:relative;text-align:left}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-headline.rotate-1 .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}
.cd-headline.rotate-1 b{opacity:0;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}
.cd-headline.rotate-1 b.is-visible{opacity:1;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-animation:cd-rotate-1-in 1.2s;-moz-animation:cd-rotate-1-in 1.2s;animation:cd-rotate-1-in 1.2s}
.cd-headline.rotate-1 b.is-hidden{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-animation:cd-rotate-1-out 1.2s;-moz-animation:cd-rotate-1-out 1.2s;animation:cd-rotate-1-out 1.2s}
@-webkit-keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);opacity:0}
35%{-webkit-transform:rotateX(120deg);opacity:0}
65%{opacity:0}
100%{-webkit-transform:rotateX(360deg);opacity:1}
}
@-moz-keyframes cd-rotate-1-in{0%{-moz-transform:rotateX(180deg);opacity:0}
35%{-moz-transform:rotateX(120deg);opacity:0}
65%{opacity:0}
100%{-moz-transform:rotateX(360deg);opacity:1}
}
@keyframes cd-rotate-1-in{0%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}
35%{-webkit-transform:rotateX(120deg);-moz-transform:rotateX(120deg);-ms-transform:rotateX(120deg);-o-transform:rotateX(120deg);transform:rotateX(120deg);opacity:0}
65%{opacity:0}
100%{-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-ms-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg);opacity:1}
}
@-webkit-keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0deg);opacity:1}
35%{-webkit-transform:rotateX(-40deg);opacity:1}
65%{opacity:0}
100%{-webkit-transform:rotateX(180deg);opacity:0}
}
@-moz-keyframes cd-rotate-1-out{0%{-moz-transform:rotateX(0deg);opacity:1}
35%{-moz-transform:rotateX(-40deg);opacity:1}
65%{opacity:0}
100%{-moz-transform:rotateX(180deg);opacity:0}
}
@keyframes cd-rotate-1-out{0%{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}
35%{-webkit-transform:rotateX(-40deg);-moz-transform:rotateX(-40deg);-ms-transform:rotateX(-40deg);-o-transform:rotateX(-40deg);transform:rotateX(-40deg);opacity:1}
65%{opacity:0}
100%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}
}
.cd-headline.type .cd-words-wrapper{vertical-align:top;overflow:hidden}
.cd-headline.type .cd-words-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px;background-color:#aebcb9}
.cd-headline.type .cd-words-wrapper.waiting::after{-webkit-animation:cd-pulse 1s infinite;-moz-animation:cd-pulse 1s infinite;animation:cd-pulse 1s infinite}
.cd-headline.type .cd-words-wrapper.selected{background-color:#aebcb9}
.cd-headline.type .cd-words-wrapper.selected::after{visibility:hidden}
.cd-headline.type .cd-words-wrapper.selected b{color:#0d0d0d}
.cd-headline.type b{visibility:hidden}
.cd-headline.type b.is-visible{visibility:visible}
.cd-headline.type i{position:absolute;visibility:hidden}
.cd-headline.type i.in{position:relative;visibility:visible}
@-webkit-keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);opacity:1}
40%{-webkit-transform:translateY(-50%) scale(0.9);opacity:0}
100%{-webkit-transform:translateY(-50%) scale(0);opacity:0}
}
@-moz-keyframes cd-pulse{0%{-moz-transform:translateY(-50%) scale(1);opacity:1}
40%{-moz-transform:translateY(-50%) scale(0.9);opacity:0}
100%{-moz-transform:translateY(-50%) scale(0);opacity:0}
}
@keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}
40%{-webkit-transform:translateY(-50%) scale(0.9);-moz-transform:translateY(-50%) scale(0.9);-ms-transform:translateY(-50%) scale(0.9);-o-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0}
100%{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}
}
.cd-headline.rotate-2 .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cd-headline.rotate-2 b{opacity:0}
.cd-headline.rotate-2 i{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-20px) rotateX(90deg);-moz-transform:translateZ(-20px) rotateX(90deg);-ms-transform:translateZ(-20px) rotateX(90deg);-o-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg);opacity:0}
.is-visible .cd-headline.rotate-2 i{opacity:1}
.cd-headline.rotate-2 i.in{-webkit-animation:cd-rotate-2-in 0.4s forwards;-moz-animation:cd-rotate-2-in 0.4s forwards;animation:cd-rotate-2-in 0.4s forwards}
.cd-headline.rotate-2 i.out{-webkit-animation:cd-rotate-2-out 0.4s forwards;-moz-animation:cd-rotate-2-out 0.4s forwards;animation:cd-rotate-2-out 0.4s forwards}
.cd-headline.rotate-2 em{-webkit-transform:translateZ(20px);-moz-transform:translateZ(20px);-ms-transform:translateZ(20px);-o-transform:translateZ(20px);transform:translateZ(20px)}
.no-csstransitions .cd-headline.rotate-2 i{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);opacity:0}
.no-csstransitions .cd-headline.rotate-2 i em{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity:1}
@-webkit-keyframes cd-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg)}
60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg)}
100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0deg)}
}
@-moz-keyframes cd-rotate-2-in{0%{opacity:0;-moz-transform:translateZ(-20px) rotateX(90deg)}
60%{opacity:1;-moz-transform:translateZ(-20px) rotateX(-10deg)}
100%{opacity:1;-moz-transform:translateZ(-20px) rotateX(0deg)}
}
@keyframes cd-rotate-2-in{0%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(90deg);-moz-transform:translateZ(-20px) rotateX(90deg);-ms-transform:translateZ(-20px) rotateX(90deg);-o-transform:translateZ(-20px) rotateX(90deg);transform:translateZ(-20px) rotateX(90deg)}
60%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(-10deg);-moz-transform:translateZ(-20px) rotateX(-10deg);-ms-transform:translateZ(-20px) rotateX(-10deg);-o-transform:translateZ(-20px) rotateX(-10deg);transform:translateZ(-20px) rotateX(-10deg)}
100%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0deg);-moz-transform:translateZ(-20px) rotateX(0deg);-ms-transform:translateZ(-20px) rotateX(0deg);-o-transform:translateZ(-20px) rotateX(0deg);transform:translateZ(-20px) rotateX(0deg)}
}
@-webkit-keyframes cd-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0)}
60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg)}
100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg)}
}
@-moz-keyframes cd-rotate-2-out{0%{opacity:1;-moz-transform:translateZ(-20px) rotateX(0)}
60%{opacity:0;-moz-transform:translateZ(-20px) rotateX(-100deg)}
100%{opacity:0;-moz-transform:translateZ(-20px) rotateX(-90deg)}
}
@keyframes cd-rotate-2-out{0%{opacity:1;-webkit-transform:translateZ(-20px) rotateX(0);-moz-transform:translateZ(-20px) rotateX(0);-ms-transform:translateZ(-20px) rotateX(0);-o-transform:translateZ(-20px) rotateX(0);transform:translateZ(-20px) rotateX(0)}
60%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-100deg);-moz-transform:translateZ(-20px) rotateX(-100deg);-ms-transform:translateZ(-20px) rotateX(-100deg);-o-transform:translateZ(-20px) rotateX(-100deg);transform:translateZ(-20px) rotateX(-100deg)}
100%{opacity:0;-webkit-transform:translateZ(-20px) rotateX(-90deg);-moz-transform:translateZ(-20px) rotateX(-90deg);-ms-transform:translateZ(-20px) rotateX(-90deg);-o-transform:translateZ(-20px) rotateX(-90deg);transform:translateZ(-20px) rotateX(-90deg)}
}
.cd-headline.loading-bar span{display:inline-block;padding:.2em 0}
.cd-headline.loading-bar .cd-words-wrapper{overflow:hidden;vertical-align:top}
.cd-headline.loading-bar .cd-words-wrapper::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:#0096a7;z-index:2;-webkit-transition:width 0.3s -0.1s;-moz-transition:width 0.3s -0.1s;transition:width 0.3s -0.1s}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after{width:100%;-webkit-transition:width 3s;-moz-transition:width 3s;transition:width 3s}
.cd-headline.loading-bar b{top:.2em;opacity:0;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;transition:opacity 0.3s}
.cd-headline.loading-bar b.is-visible{opacity:1;top:0}
.cd-headline.slide span{display:inline-block;padding:.2em 0}
.cd-headline.slide .cd-words-wrapper{overflow:hidden;vertical-align:top}
.cd-headline.slide b{opacity:0;top:.2em}
.cd-headline.slide b.is-visible{top:0;opacity:1;-webkit-animation:slide-in 0.6s;-moz-animation:slide-in 0.6s;animation:slide-in 0.6s}
.cd-headline.slide b.is-hidden{-webkit-animation:slide-out 0.6s;-moz-animation:slide-out 0.6s;animation:slide-out 0.6s}
@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes slide-in{0%{opacity:0;-moz-transform:translateY(-100%)}
60%{opacity:1;-moz-transform:translateY(20%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
60%{opacity:1;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%)}
}
@-moz-keyframes slide-out{0%{opacity:1;-moz-transform:translateY(0)}
60%{opacity:0;-moz-transform:translateY(120%)}
100%{opacity:0;-moz-transform:translateY(100%)}
}
@keyframes slide-out{0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
60%{opacity:0;-webkit-transform:translateY(120%);-moz-transform:translateY(120%);-ms-transform:translateY(120%);-o-transform:translateY(120%);transform:translateY(120%)}
100%{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
}
.cd-headline.clip span{display:inline-block;padding:.2em 0}
.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}
.cd-headline.clip .cd-words-wrapper::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background-color:#aebcb9}
.cd-headline.clip b{opacity:0}
.cd-headline.clip b.is-visible{opacity:1}
.cd-headline.zoom .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}
.cd-headline.zoom b{opacity:0}
.cd-headline.zoom b.is-visible{opacity:1;-webkit-animation:zoom-in 0.8s;-moz-animation:zoom-in 0.8s;animation:zoom-in 0.8s}
.cd-headline.zoom b.is-hidden{-webkit-animation:zoom-out 0.8s;-moz-animation:zoom-out 0.8s;animation:zoom-out 0.8s}
@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px)}
100%{opacity:1;-webkit-transform:translateZ(0)}
}
@-moz-keyframes zoom-in{0%{opacity:0;-moz-transform:translateZ(100px)}
100%{opacity:1;-moz-transform:translateZ(0)}
}
@keyframes zoom-in{0%{opacity:0;-webkit-transform:translateZ(100px);-moz-transform:translateZ(100px);-ms-transform:translateZ(100px);-o-transform:translateZ(100px);transform:translateZ(100px)}
100%{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}
@-webkit-keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0)}
100%{opacity:0;-webkit-transform:translateZ(-100px)}
}
@-moz-keyframes zoom-out{0%{opacity:1;-moz-transform:translateZ(0)}
100%{opacity:0;-moz-transform:translateZ(-100px)}
}
@keyframes zoom-out{0%{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{opacity:0;-webkit-transform:translateZ(-100px);-moz-transform:translateZ(-100px);-ms-transform:translateZ(-100px);-o-transform:translateZ(-100px);transform:translateZ(-100px)}
}
.cd-headline.rotate-3 .cd-words-wrapper{-webkit-perspective:300px;-moz-perspective:300px;perspective:300px}
.cd-headline.rotate-3 b{opacity:0}
.cd-headline.rotate-3 i{display:inline-block;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.is-visible .cd-headline.rotate-3 i{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}
.cd-headline.rotate-3 i.in{-webkit-animation:cd-rotate-3-in 0.6s forwards;-moz-animation:cd-rotate-3-in 0.6s forwards;animation:cd-rotate-3-in 0.6s forwards}
.cd-headline.rotate-3 i.out{-webkit-animation:cd-rotate-3-out 0.6s forwards;-moz-animation:cd-rotate-3-out 0.6s forwards;animation:cd-rotate-3-out 0.6s forwards}
.no-csstransitions .cd-headline.rotate-3 i{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity:0}
.no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity:1}
@-webkit-keyframes cd-rotate-3-in{0%{-webkit-transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(0deg)}
}
@-moz-keyframes cd-rotate-3-in{0%{-moz-transform:rotateY(180deg)}
100%{-moz-transform:rotateY(0deg)}
}
@keyframes cd-rotate-3-in{0%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
100%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}
}
@-webkit-keyframes cd-rotate-3-out{0%{-webkit-transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg)}
}
@-moz-keyframes cd-rotate-3-out{0%{-moz-transform:rotateY(0)}
100%{-moz-transform:rotateY(-180deg)}
}
@keyframes cd-rotate-3-out{0%{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg)}
}
.cd-headline.scale b{opacity:0}
.cd-headline.scale i{display:inline-block;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.is-visible .cd-headline.scale i{opacity:1}
.cd-headline.scale i.in{-webkit-animation:scale-up 0.6s forwards;-moz-animation:scale-up 0.6s forwards;animation:scale-up 0.6s forwards}
.cd-headline.scale i.out{-webkit-animation:scale-down 0.6s forwards;-moz-animation:scale-down 0.6s forwards;animation:scale-down 0.6s forwards}
.no-csstransitions .cd-headline.scale i{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
.no-csstransitions .cd-headline.scale .is-visible i{opacity:1}
@-webkit-keyframes scale-up{0%{-webkit-transform:scale(0);opacity:0}
60%{-webkit-transform:scale(1.2);opacity:1}
100%{-webkit-transform:scale(1);opacity:1}
}
@-moz-keyframes scale-up{0%{-moz-transform:scale(0);opacity:0}
60%{-moz-transform:scale(1.2);opacity:1}
100%{-moz-transform:scale(1);opacity:1}
}
@keyframes scale-up{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}
60%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);opacity:1}
60%{-webkit-transform:scale(0);opacity:0}
}
@-moz-keyframes scale-down{0%{-moz-transform:scale(1);opacity:1}
60%{-moz-transform:scale(0);opacity:0}
}
@keyframes scale-down{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
60%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}
}
.cd-headline.push b{opacity:0}
.cd-headline.push b.is-visible{opacity:1;-webkit-animation:push-in 0.6s;-moz-animation:push-in 0.6s;animation:push-in 0.6s}
.cd-headline.push b.is-hidden{-webkit-animation:push-out 0.6s;-moz-animation:push-out 0.6s;animation:push-out 0.6s}
@-webkit-keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%)}
60%{opacity:1;-webkit-transform:translateX(10%)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes push-in{0%{opacity:0;-moz-transform:translateX(-100%)}
60%{opacity:1;-moz-transform:translateX(10%)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@keyframes push-in{0%{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
60%{opacity:1;-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0)}
60%{opacity:0;-webkit-transform:translateX(110%)}
100%{opacity:0;-webkit-transform:translateX(100%)}
}
@-moz-keyframes push-out{0%{opacity:1;-moz-transform:translateX(0)}
60%{opacity:0;-moz-transform:translateX(110%)}
100%{opacity:0;-moz-transform:translateX(100%)}
}
@keyframes push-out{0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{opacity:0;-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
}
* / @-webkit-keyframes bounce{20%, 53%, 80%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}
90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}
}
@keyframes bounce{20%, 53%, 80%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}
90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{50%, from, to{opacity:1}
25%, 75%{opacity:0}
}
@keyframes flash{50%, from, to{opacity:1}
25%, 75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}
}
@keyframes pulse{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
30%{-webkit-transform:scale3d(1.25, .75, 1);transform:scale3d(1.25, .75, 1)}
40%{-webkit-transform:scale3d(.75, 1.25, 1);transform:scale3d(.75, 1.25, 1)}
50%{-webkit-transform:scale3d(1.15, .85, 1);transform:scale3d(1.15, .85, 1)}
65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1)}
75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1)}
}
@keyframes rubberBand{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
30%{-webkit-transform:scale3d(1.25, .75, 1);transform:scale3d(1.25, .75, 1)}
40%{-webkit-transform:scale3d(.75, 1.25, 1);transform:scale3d(.75, 1.25, 1)}
50%{-webkit-transform:scale3d(1.15, .85, 1);transform:scale3d(1.15, .85, 1)}
65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1)}
75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
}
@keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{0%, 50%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
}
@keyframes headShake{0%, 50%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}
to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}
to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}
}
@keyframes tada{from, to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)}
30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}
40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}
}
@keyframes wobble{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}
30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}
45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}
60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}
75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{11.1%, from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{11.1%, from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes heartBeat{0%, 28%, 70%{-webkit-transform:scale(1);transform:scale(1)}
14%, 42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes heartBeat{0%, 28%, 70%{-webkit-transform:scale(1);transform:scale(1)}
14%, 42%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
.bounceIn, .bounceOut, .flipOutX{-webkit-animation-duration:.75s}
@-webkit-keyframes bounceIn{20%, 40%, 60%, 80%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97)}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
}
@keyframes bounceIn{20%, 40%, 60%, 80%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97)}
to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
}
.bounceIn{animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
.bounceOut, .flipOutX{animation-duration:.75s}
@-webkit-keyframes bounceInDown{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes bounceInDown{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}
75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes bounceInLeft{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes bounceInRight{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}
75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes bounceInUp{60%, 75%, 90%, from, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}
from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
to{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
to{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
}
@keyframes fadeOutDown{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
}
@keyframes fadeOutDownBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
}
@keyframes fadeOutLeft{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
}
@keyframes fadeOutLeftBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
}
@keyframes fadeOutRight{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
}
@keyframes fadeOutRightBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
}
@keyframes fadeOutUp{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
}
@keyframes fadeOutUpBig{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
.flipInX, .flipInY, .flipOutX{-webkit-backface-visibility:visible !important}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
.flipInY, .flipOutX{backface-visibility:visible !important}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}
}
@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX}
@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}
}
@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}
}
.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{from{opacity:1}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{from{opacity:1}
to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}
}
@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
}
@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
}
@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
}
@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}
}
@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}
}
@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}
to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}
}
@keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
to{opacity:0}
}
@keyframes zoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}
to{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}
to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
}
@keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
}
@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
}
@keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}
.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
service_hexagon{transform:rotate(0)}
100 %{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
@font-face{font-family:Flaticon;src:url("/assets/vendor/flaticon/fonts/Flaticon.eot");src:url("/assets/vendor/flaticon/Flaticond41d.eot?#iefix") format("embedded-opentype"), url("/assets/vendor/flaticon/Flaticon.woff2") format("woff2"), url("/assets/vendor/flaticon/Flaticon.woff") format("woff"), url("/assets/vendor/flaticon/Flaticon.ttf") format("truetype"), url("/assets/vendor/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight:400;font-style:normal;font-display:swap}
@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url("/assets/vendor/flaticon/Flaticon.svg#Flaticon") format("svg");font-display:swap}
}
[class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before{font-family:Flaticon;font-size:inherit;font-style:normal;font-display:swap}
.flaticon-report:before{content:"\f100"}
.flaticon-clock:before{content:"\f101"}
.flaticon-call:before{content:"\f102"}
.flaticon-tourism:before{content:"\f103"}
.flaticon-process:before{content:"\f104"}
.flaticon-data:before{content:"\f105"}
.flaticon-global:before{content:"\f106"}
.flaticon-system:before{content:"\f107"}
.flaticon-padlock:before{content:"\f108"}
.flaticon-process-1:before{content:"\f109"}
.flaticon-data-1:before{content:"\f10a"}
.flaticon-work:before{content:"\f10b"}
.flaticon-data-analytics:before{content:"\f10c"}
.flaticon-chart:before{content:"\f10d"}
.flaticon-algorithm:before{content:"\f10e"}
.flaticon-data-2:before{content:"\f10f"}
.flaticon-clock-1:before{content:"\f110"}
.flaticon-microchip:before{content:"\f111"}
.flaticon-server:before{content:"\f112"}
.flaticon-24h:before{content:"\f113"}
.flaticon-global-1:before{content:"\f114"}
.flaticon-business-and-finance:before{content:"\f115"}
.flaticon-space:before{content:"\f116"}
.flaticon-information:before{content:"\f117"}
.flaticon-privacy:before{content:"\f118"}
.flaticon-alert:before{content:"\f119"}
.flaticon-online-library:before{content:"\f11a"}
.flaticon-info:before{content:"\f11b"}
.flaticon-interaction:before{content:"\f11c"}
.flaticon-mobile-app:before{content:"\f11d"}
.flaticon-code:before{content:"\f11e"}
.flaticon-developer:before{content:"\f11f"}
.flaticon-intelligent:before{content:"\f120"}
.flaticon-content:before{content:"\f121"}
.flaticon-laptop:before{content:"\f122"}
.flaticon-web:before{content:"\f123"}
.flaticon-content-writing:before{content:"\f124"}
.flaticon-computer:before{content:"\f125"}
.flaticon-computer-1:before{content:"\f126"}
.flaticon-graphic-design:before{content:"\f127"}
.flaticon-analysis:before{content:"\f128"}
.flaticon-bar-chart:before{content:"\f129"}
.flaticon-analytics:before{content:"\f12a"}
.flaticon-ui:before{content:"\f12b"}
.flaticon-resume:before{content:"\f12c"}
.flaticon-taxi:before{content:"\f12d"}
.flaticon-online-shop:before{content:"\f12e"}
.flaticon-smartphone:before{content:"\f12f"}
body, p{font-weight:400}
body, h1, h2, h3, h4, h5, h6{font-family:Muli, sans-serif}
.btn:focus, a:focus, a:hover{text-decoration:none}
hr, ul{padding:0}
.bg_before, .nagative_mb{position:relative}
body, html{overflow-x:hidden}
body{color:#616161;font-size:16px;line-height:27px;text-align:left}
p{font-style:normal}
h1, h2, h3, h4, h5, h6{color:#232323;font-style:normal;margin-bottom:0;margin-top:11px;line-height:1.2;font-weight:700;-webkit-transition:.5s;transition:.5s}
hr.mp-0, ul{margin:0}
a{-webkit-transition:.3s ease-out;transition:.3s ease-out;color:#0c5adb}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, label{color:#fff}
.btn:focus, a:focus{outline:0}
.uppercase{text-transform:uppercase}
.capitalize{text-transform:capitalize}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;-webkit-transition:.5s;transition:.5s}
h1{font-size:42px}
h2{font-size:35px}
h3{font-size:30px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:18px}
button:focus, input:focus, textarea:focus{border-color:transparent;outline-color:transparent}
hr, hr.mtb-40{border-top:0}
hr{margin:60px 0;border-bottom:1px solid #eceff8}
hr.style-2{border-bottom:1px dashed #f10}
hr.mp-0, hr.mtb-40{border-bottom:1px solid #eceff8}
hr.mtb-40{margin:40px 0}
label{cursor:pointer;font-size:14px;font-weight:400}
a, address, cite, dfn, em, i, li, ol, ul, var{font-style:normal;font-weight:400}
.bg_color{background:#0c5adb}
.bg_color2{background:#eff2f7}
.bg_color3{background:#f5f8fd}
.bg_color4{background:#010101}
.white_bg{background:#fff}
.text_center{text-align:center}
.bg_fixed{background-attachment:fixed}
.bg_before:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;background:rgba(12, 90, 219, .3)}
.nagative_mb{margin-bottom:-180px;z-index:1}
::-moz-selection{background:#4fc1f0;color:#454545;text-shadow:none}
::selection{background:#4fc1f0;color:#454545;text-shadow:none}
::placeholder{color:#454545;font-size:16px}
::-webkit-input-placeholder{color:#454545}
::-moz-placeholder{color:#454545}
:-ms-input-placeholder{color:#454545}
:-moz-placeholder{color:#454545}
.counter_area ::-moz-selection{contact_area:#fff;text-shadow:none}
.contact_area ::-moz-selection{color:#fff;text-shadow:none}
.contact_area ::selection{color:#fff;text-shadow:none}
.contact_area ::placeholder{color:#fff;font-size:16px}
.contact_area ::-webkit-input-placeholder{color:#fff}
.contact_area ::-moz-placeholder{color:#fff}
.contact_area :-ms-input-placeholder{color:#fff}
.contact_area :-moz-placeholder{color:#fff}
.blog_reply ::-moz-selection{color:#151948}
.blog_reply ::selection{color:#151948}
.blog_reply::placeholder{color:#151948}
.blog_reply ::-webkit-input-placeholder{color:#151948}
.blog_reply ::-moz-placeholder{color:#151948}
.blog_reply :-ms-input-placeholder{color:#151948}
.blog_reply :-moz-placeholder{color:#151948}
.pt-280{padding-top:280px}
.pt-250{padding-top:250px}
.pt-200{padding-top:200px}
.pt-190{padding-top:190px}
.pt-180{padding-top:180px}
.pt-170{padding-top:170px}
.pt-160{padding-top:160px}
.pt-150{padding-top:150px}
.pt-140{padding-top:140px}
.pt-130{padding-top:130px}
.pt-120{padding-top:120px}
.pt-110{padding-top:110px}
.pt-100{padding-top:100px}
.pt-95{padding-top:95px}
.pt-90{padding-top:90px}
.pt-85{padding-top:85px}
.pt-80{padding-top:80px}
.pt-75{padding-top:75px}
.pt-70{padding-top:70px}
.pt-65{padding-top:65px}
.pt-60{padding-top:60px}
.pt-55{padding-top:55px}
.pt-50{padding-top:50px}
.pt-45{padding-top:45px}
.pt-40{padding-top:40px}
.pt-35{padding-top:35px}
.pt-30{padding-top:30px}
.pt-25{padding-top:25px}
.pt-20{padding-top:20px}
.pt-15{padding-top:15px}
.pt-10{padding-top:10px}
.pb-250{padding-bottom:250px}
.pb-200{padding-bottom:200px}
.pb-190{padding-bottom:190px}
.pb-180{padding-bottom:180px}
.pb-170{padding-bottom:170px}
.pb-160{padding-bottom:160px}
.pb-150{padding-bottom:150px}
.pb-140{padding-bottom:140px}
.pb-135{padding-bottom:135px}
.pb-130{padding-bottom:130px}
.pb-120{padding-bottom:120px}
.pb-110{padding-bottom:110px}
.pb-100{padding-bottom:100px}
.pb-95{padding-bottom:95px}
.pb-90{padding-bottom:90px}
.pb-85{padding-bottom:85px}
.pb-80{padding-bottom:80px}
.pb-75{padding-bottom:75px}
.pb-70{padding-bottom:70px}
.pb-65{padding-bottom:65px}
.pb-60{padding-bottom:60px}
.pb-55{padding-bottom:55px}
.pb-50{padding-bottom:50px}
.pb-45{padding-bottom:45px}
.pb-40{padding-bottom:40px}
.pb-35{padding-bottom:35px}
.pb-30{padding-bottom:30px}
.pb-25{padding-bottom:25px}
.pb-20{padding-bottom:20px}
.pb-15{padding-bottom:15px}
.pb-10{padding-bottom:10px}
.pl-120{padding-left:120px}
.pl-110{padding-left:110px}
.pl-100{padding-left:100px}
.pl-90{padding-left:90px}
.pl-80{padding-left:80px}
.pl-70{padding-left:70px}
.pl-60{padding-left:60px}
.pl-50{padding-left:50px}
.pl-40{padding-left:40px}
.pl-35{padding-left:35px}
.pl-30{padding-left:30px}
.pl-25{padding-left:25px}
.pl-20{padding-left:20px}
.pl-15{padding-left:15px}
.pl-10{padding-left:10px}
.pr-120{padding-right:120px}
.pr-110{padding-right:110px}
.pr-100{padding-right:100px}
.pr-90{padding-right:90px}
.pr-80{padding-right:80px}
.pr-70{padding-right:70px}
.pr-60{padding-right:60px}
.pr-50{padding-right:50px}
.pr-40{padding-right:40px}
.pr-35{padding-right:35px}
.pr-30{padding-right:30px}
.pr-25{padding-right:25px}
.pr-20{padding-right:20px}
.pr-15{padding-right:15px}
.pr-10{padding-right:10px}
.mt-200{margin-top:200px}
.mt-190{margin-top:190px}
.mt-180{margin-top:180px}
.mt-170{margin-top:170px}
.mt-160{margin-top:160px}
.mt-150{margin-top:150px}
.mt-140{margin-top:140px}
.mt-130{margin-top:130px}
.mt-120{margin-top:120px}
.mt-110{margin-top:110px}
.mt-100{margin-top:100px}
.mt-95{margin-top:95px}
.mt-90{margin-top:90px}
.mt-80{margin-top:80px}
.mt-75{margin-top:75px}
.mt-70{margin-top:70px}
.mt-65{margin-top:65px}
.mt-60{margin-top:60px}
.mt-55{margin-top:55px}
.mt-50{margin-top:50px}
.mt-45{margin-top:45px}
.mt-40{margin-top:40px}
.mt-35{margin-top:35px}
.mt-30{margin-top:30px}
.mt-25{margin-top:25px}
.mt-20{margin-top:20px}
.mt-15{margin-top:15px}
.mt-10{margin-top:10px}
.mb-200{margin-bottom:200px}
.mb-190{margin-bottom:190px}
.mb-180{margin-bottom:180px}
.mb-170{margin-bottom:170px}
.mb-160{margin-bottom:160px}
.mb-150{margin-bottom:150px}
.mb-140{margin-bottom:140px}
.mb-130{margin-bottom:130px}
.mb-120{margin-bottom:120px}
.mb-110{margin-bottom:110px}
.mb-100{margin-bottom:100px}
.mb-95{margin-bottom:95px}
.mb-90{margin-bottom:90px}
.mb-80{margin-bottom:80px}
.mb-75{margin-bottom:75px}
.mb-70{margin-bottom:70px}
.mb-65{margin-bottom:65px}
.mb-60{margin-bottom:60px}
.mb-55{margin-bottom:55px}
.mb-50{margin-bottom:50px}
.mb-45{margin-bottom:45px}
.mb-40{margin-bottom:40px}
.mb-35{margin-bottom:35px}
.mb-30{margin-bottom:30px}
.mb-25{margin-bottom:25px}
.mb-24{margin-bottom:24px}
.mb-20{margin-bottom:20px}
.mb-15{margin-bottom:15px}
.mb-10{margin-bottom:10px}
.ml-200{margin-left:200px}
.ml-190{margin-left:190px}
.ml-180{margin-left:180px}
.ml-170{margin-left:170px}
.ml-160{margin-left:160px}
.ml-150{margin-left:150px}
.ml-140{margin-left:140px}
.ml-130{margin-left:130px}
.ml-120{margin-left:120px}
.ml-110{margin-left:110px}
.ml-100{margin-left:100px}
.ml-95{margin-left:95px}
.ml-90{margin-left:90px}
.ml-80{margin-left:80px}
.ml-75{margin-left:75px}
.ml-70{margin-left:70px}
.ml-65{margin-left:65px}
.ml-60{margin-left:60px}
.ml-55{margin-left:55px}
.ml-50{margin-left:50px}
.ml-45{margin-left:45px}
.ml-40{margin-left:40px}
.ml-35{margin-left:35px}
.ml-30{margin-left:30px}
.ml-25{margin-left:25px}
.ml-20{margin-left:20px}
.ml-15{margin-left:15px}
.ml-10{margin-left:10px}
.mr-200{margin-right:200px}
.mr-190{margin-right:190px}
.mr-180{margin-right:180px}
.mr-170{margin-right:170px}
.mr-160{margin-right:160px}
.mr-150{margin-right:150px}
.mr-140{margin-right:140px}
.mr-130{margin-right:130px}
.mr-120{margin-right:120px}
.mr-110{margin-right:110px}
.mr-100{margin-right:100px}
.mr-95{margin-right:95px}
.mr-90{margin-right:90px}
.mr-80{margin-right:80px}
.mr-75{margin-right:75px}
.mr-70{margin-right:70px}
.mr-65{margin-right:65px}
.mr-60{margin-right:60px}
.mr-55{margin-right:55px}
.mr-50{margin-right:50px}
.mr-45{margin-right:45px}
.mr-40{margin-right:40px}
.mr-35{margin-right:35px}
.mr-30{margin-right:30px}
.mr-25{margin-right:25px}
.mr-20{margin-right:20px}
.mr-15{margin-right:15px}
.mr-10{margin-right:10px}
.mrt-345{margin-top:-345px}
.mrt-300{margin-top:-300px}
.mrt-200{margin-top:-200px}
.mrt-100{margin-top:-100px}
.mrt-50{margin-top:-50px}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:.7s both fadeOut;-moz-animation:.7s both fadeOut;animation:.7s both fadeOut}
.owl-fade-in{-webkit-animation:.7s both fadeIn;-moz-animation:.7s both fadeIn;animation:.7s both fadeIn}
.owl-backSlide-out{-webkit-animation:1s both backSlideOut;-moz-animation:1s both backSlideOut;animation:1s both backSlideOut}
.owl-backSlide-in{-webkit-animation:1s both backSlideIn;-moz-animation:1s both backSlideIn;animation:1s both backSlideIn}
.owl-goDown-out{-webkit-animation:.7s both scaleToFade;-moz-animation:.7s both scaleToFade;animation:.7s both scaleToFade}
.owl-goDown-in{-webkit-animation:.6s both goDown;-moz-animation:.6s both goDown;animation:.6s both goDown}
.owl-fadeUp-in{-webkit-animation:.5s both scaleUpFrom;-moz-animation:.5s both scaleUpFrom;animation:.5s both scaleUpFrom}
.owl-fadeUp-out{-webkit-animation:.5s both scaleUpTo;-moz-animation:.5s both scaleUpTo;animation:.5s both scaleUpTo}
@-webkit-keyframes empty{0%{opacity:1}
}
@-moz-keyframes empty{0%{opacity:1}
}
@keyframes empty{0%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%, 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}
100%, 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}
100%, 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn{0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn{0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn{0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}
}
@keyframes goDown{from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}
}
.blog-left-side>div{background-color:#fff;margin-bottom:30px;padding:30px;box-shadow:0 0 5px rgba(0, 0, 0, .1)}
#wp-calendar caption, .blog-left-side h2{margin-bottom:10px;text-transform:uppercase}
.blog-left-side .content{padding:0}
.blog-left-side .push-bottom-large, .blog-left-side>div:last-child{margin-bottom:0}
.blog-left-side>aside:last-child{margin-bottom:0 !important}
.blog-left-side .nav .children li a:hover, .blog-left-side .sub-menu li a:hover{background:0 0;color:#0762f8}
.search{background:#f7f7f7;position:relative}
.search input{background:#fff;border:0;height:54px;position:relative;width:100%;box-shadow:0 0 2px rgba(0, 0, 0, .2)}
.search input::-moz-placeholder, .search input::-ms-input-placeholder, .search input::-webkit-placeholder{color:#858585;font-size:14px}
.search button{background:#0762f8;border:0;color:#fff;font-size:18px;position:absolute;right:0;top:0;width:16%;height:100%}
.search input[type=text]{padding-left:10px}
.blog-left-side .widget h2{bottom:-1px;color:#0d1218;display:block;font-size:24px;line-height:17px;margin-bottom:20px;padding-bottom:16px;text-transform:capitalize;font-weight:700}
.footer-middle .widget h5{color:#333;font-size:24px;text-transform:capitalize}
.blog-left-side .widget ul{list-style:none;color:#0762f8}
.blog-left-side .widget ul li{margin:0 0 5px;padding-bottom:5px;padding-left:10px;position:relative}
.blog-left-side>.widget>ul>li{margin:0 0 10px;padding:8px 0 15px;border-bottom:1px solid #ddd}
.blog-left-side .widget ul li:last-child{margin-bottom:0;border-bottom:0 solid #ddd}
.blog-left-side .widget ul li a{color:#333}
.blog-left-side .widget ul li a i{margin-right:10px;font-size:12px}
.blog-left-side .widget ul li a span{float:right}
.blog-left-side .widget ul li::before{color:#333;content:"\f178";font-family:FontAwesome;font-size:18px;left:0;position:absolute;top:-3px;display:none}
.sbi_photo_wrap{float:left;margin:2px}
.sbi_photo_wrap img{width:88px;height:88px}
.widget_recent_data .recent-post-text h4{font-size:18px}
.widget_recent_data .recent-post-text a{color:#232323;transition:.5s;font-weight:700}
.textwidget{padding:0 0 223px}
.widget_recent_data .recent-post-text a:hover{color:#0c5adb}
.blog-left-side .widget select{width:100%;height:40px;background:#fff;border:1px solid #ddd;padding-left:5px}
.widget .screen-reader-text{display:none}
#wp-calendar, .textwidget select{width:100%}
.recent-post-item{margin-top:25px}
.recent-post-image{float:left;margin-right:3px}
.recent-post-text h4{margin:0}
.tagcloud a{color:#606060;display:inline-block;font-size:14px;margin:0 2px 10px 0;padding:4px 15px;text-align:center;background:#f7fafd;border-radius:5px}
table#wp-calendar td, table#wp-calendar th{border:1px solid #e5e5e5;padding:5px 10px;text-align:center}
.tagcloud a:hover{color:#fff !important;background:#0762f8}
.r-post-content h3 a:hover, .r-post-content h3:hover, .tagcloud a:hover, .widget_archive ul li a:hover, .widget_archive ul li:hover:before, .widget_categories ul li a:hover, .widget_categories ul li:hover:before{color:#0762f8}
#wp-calendar caption{font-size:14px;font-weight:400;text-align:left}
#wp-calendar{font-size:13px;border:0 solid #e5e5e5;overflow:auto;vertical-align:top;width:100%;margin:0;color:#333}
table#wp-calendar td{color:#444;vertical-align:top;font-size:14px}
#wp-calendar td, #wp-calendar th{padding:8px}
table#wp-calendar th{color:#333;font-size:13px;font-weight:700;text-transform:uppercase;vertical-align:middle}
table#wp-calendar td#today{color:#fff;background-color:#0762f8}
@media (min-width:1200px) and (max-width:1500px){.how_it_work.odoo .single_it_work{padding:0 2px !important}
.donate-btn-header{margin-left:0}
.menu>ul>li a{padding:28px 20px 30px 0;font-size:15px}
}
@media (min-width:992px) and (max-width:1199px){a.dtbtn{font-size:15px !important;padding:9px 25px !important}
.donate-btn-header{margin-left:0}
.menu>ul>li a{padding:28px 20px 30px 0;font-size:15px}
.techno_menu>ul>li>a{font-size:14px !important;margin:30px 6px !important}
.owl-next, .owl-prev{display:none}
.top_feature .techno_flipbox .techno_flipbox_inner{padding:0 20px !important}
.em-about-counter-title h3, .pricing_tk h2, .section_main_title h1, .section_main_title h2{font-size:35px}
.recent-post-text h6{font-size:16px;margin:0}
.em-service-text1 p, .feature-area.owl-nav3.style-two .em-feature-title p, .recent-post-text span, .style-four .company-info-title p, .style-two .em-blog-text p{font-size:13px}
.recent-post-image{margin-right:10px !important}
.em-nivo-slider-wrapper:hover .nivo-nextNav{right:-30px !important}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav{margin-left:-50px !important}
.service_style_two_title h4{font-size:22px}
.nav-tabs .nav-link{padding:22px 35px !important}
.service_style_nine_content h4, .service_style_three_title h4{font-size:21px}
.nagative_margin3,.negative_margin3{margin-top:0 !important;padding-top:70px}
.feature_style_three:hover .feature_style_tree_content{bottom:8px !important}
.accordion li a, .blog-area.blog-new .em-blog-title h2 a, .em-about-title2 h3, .feature_style_three_title h4, .single_feature_six_content h5, .style-five .em-service-title1 h2{font-size:18px}
.techno_flipbox .techno_flipbox_back, .techno_flipbox .techno_flipbox_font{min-height:280px !important}
.choose_us .techno_flipbox .techno_flipbox_back, .choose_us .techno_flipbox .techno_flipbox_font{min-height:400px !important}
.it_work_style_two .techno_flipbox .techno_flipbox_back, .it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:410px !important}
.appointment .slider_text_inner h1{font-size:50px !important}
.heading_experience_title h2{font-size:28px !important}
.headingh_experience_number h1{font-size:118px !important}
#section-quote .container-pe-quote .li-quote-10{right:130px !important}
#section-quote .container-pe-quote .li-quote-2{left:30px !important}
.counter_style_four_text h5, .pricing_style_four_body ul li, .team_style_three_title h4{font-size:17px !important}
.banner_text_content h1{font-size:55px !important}
.banner_area .data_science_video_inner{left:50% !important}
.banner2 .banner_text_content h1{font-size:40px !important}
.banner3 .banner_text_content h1, .slider15 .slider_text_inner h1{font-size:45px !important}
.about_icon_box_inner span, .single_software_box_content h5{font-size:15px !important}
.about_icon_box_inner i{height:26px !important;width:26px !important;line-height:26px !important;font-size:14px !important;margin-right:5px !important}
.service_style_eleven_title h4, .testimonial_style_three_text p{font-size:18px !important}
.em-blog-text p, .em-feature-title p, .happy-client-title p, .process-title h3, .section_content_text1 p, .section_content_text2 p, .service_style_eleven_text p, .service_style_four_text p, .style-two .em-testimonial-text p{font-size:14px}
.single_service_style_eleven{padding:35px 18px 30px !important}
.feature_style_eight{padding:60px 26px 45px !important}
.testimonial_style_three_content{padding:23px 28px 30px 10px !important}
.testimonial_style_three_content::before{left:-130px !important;width:169% !important}
.pricing_style_four_body{padding:55px 21px 40px !important}
.service_style_ten_content h4 a{font-size:20px !important}
.single_process_thumb{height:200px !important;width:200px !important;line-height:200px !important}
.about_area.odoo .text_left .section_main_title h1{font-size:34px !important}
.about_area.style-five.upper .em-about-icon span h6, .blog-area .contact-form-title p, .section_content_text p, .section_sub_title1 h5, .slider15 .slider_text_inner p, .slider16 .slider_text_inner p, .slider17 .slider_text_inner h5, .slider18 .slider_text_inner p{font-size:16px}
.brand-thumb img{width:75%}
.case_study_style_two_title h4 a, .em-blog-title h2 a, .em-service-title h2, .em-service-title1 h2, .feature_style_five_title h4, .feature_style_four_title h4, .service_area.bg_color2 .service_style_two_title h4, .service_style_eight_content h4{font-size:20px}
.style-four .portfolio_nav ul li{padding:7px 12px;margin:20px 3px}
.hero-main-thumb img, .single_about_thumb_inner1 img, .style-five .single_about_thumb_inner img, .testimonial-thumb img{width:100%}
.upper.section_main_title h1{font-size:30px !important}
.accordion li p, .company-info-desc p, .em-testimonial-title p, .feature_style_five_text p, .feature_style_four_text p, .process-text p, .service_style_eight_content p, .service_style_two_text p, .singel-about-content p, .single_feature_six_content p, .single_it_work_content_text p, .slider17 .slider_text_inner p, .style-two .em-testimonial-title h6, .techno_flipbox_font .flipbox_desc p, p.seo-text, p.seo-text1{font-size:15px}
.em-blog-icon, .single_contact_address_two_icon .icon{float:inherit}
.blog-button{text-align:left;padding:15px 5px 0}
.style_three .subscribe_form input{width:520px !important}
.style-four .recent-post-text a{font-size:12px}
.hero-main-thumb.pl-120{padding-left:30px}
.slider16 .em-hero-inner-thumb{top:215px;left:-68px}
.slider16 .slider_text_inner h1{font-size:50px}
.slider18 .hero_section_thumb, .style-three.about_area .single_about_thumb, .why-choose-us-thumb{left:0}
.em-service-single-box1{height:365px}
.upper1 .subscribe_form_send button{right:180px}
.why-choose-main-thumb{left:-60px}
.single_team_icon1 a i{width:28px;height:28px;line-height:28px;margin-right:5px}
.faq-thumb{left:-35px}
.slider17 .slider_text_inner h1{font-size:48px}
.hero-main-thumb.ml-4.pl-60{padding-left:0;margin-left:0}
.section_main_title1 h2{font-size:37px}
.em-about-counter-title h5, .style-two .em-blog-title h2 a{font-size:17px}
.em-dot span:before, .em-dot:after, .em-dot:before{width:5px;height:5px;border-radius:6px}
.process-shape img{width:90%}
.process-shape{left:96px;top:-4px}
.blog-area .contact-form-title h2{font-size:25px}
.style-two .meta-blog-comment span, .style-two .meta-blog-text1 p{font-size:11px}
.style-two .meta-blog-text1 p i{font-size:12px;padding-right:5px}
.style-two .meta-blog-comment{padding:0 0 0 20px}
.style-two .meta-blog-post{bottom:162px}
.slider18 .slider_text_inner h1{font-size:49px}
.slider18 .button a{margin-bottom:30px}
.slider18 .em-hero-inner-thumb2{top:20px;right:74px}
.slider18 .em-hero-inner-thumb2 img{width:55%}
.em-hero-icon-thumb img{width:63%}
.slider18 .em-hero-icon-thumb{top:182px;left:46px}
.slider18 .em-hero-inner-thumb4{bottom:138px;left:21px}
.slider18 .em-hero-inner-shape{bottom:-200px}
.service_style_four_title h4, .single_portfolio_content_inner h2, .style-two .em-feature-title h2, .top_feature .techno_flipbox .flipbox_title h3{font-size:19px}
.feature-top-icon{left:40px}
.style-two .em-feature-single-box{padding:68px 23px 1px}
.style-five .single_about_thumb{left:-3px}
.em-about-title h3{font-size:16px;line-height:22px}
.style-five .em-about-icon{margin-right:8px}
.about_area.style-five.upper .em-about-thmub-inner1{left:111px;top:-111px}
.style-two .process-contant1{padding:60px 17px 15px}
.style-two .process-number{left:76px}
.style-two .section_main_title h1{font-size:32px}
.call-do-main-thumb.pl-70{padding-left:0}
.feature_style_four{padding:50px 25px}
.service_style_eight{padding:35px 15px 33px}
.single_contact_address_two{text-align:center}
.text_left .section_main_title h1{font-size:28px}
.feature_style_five{padding:35px 15px 10px}
.blog_area.bg_color2 .blog_description p{font-size:15px;padding:7px 0 0}
}
@media (min-width:768px) and (max-width:991px){.call_do_action .section_title, .call_do_action .single-video, .counter-area, .service_area, .single_contact_address_two, .subscribe-area{text-align:center}
#section-quote .container-pe-quote.left, #section-quote .container-pe-quote.right, .em-slider-sub-title, .header_top_menu, .left .single_service_brg_thumb, .owl-next, .owl-prev, .right .single_service_brg_thumb, .section_button, .single_banner_thumb, .single_it_work_content_list::before, .single_slider_rot_inner, .single_slider_shape_image, .single_slider_shape_image img, .slider_area .appointment, .team_area .button.two, .text-center .em-slider-descript, .video_shape{display:none}
.slider_text_inner h1{font-size:50px !important}
.about_area .section_main_title h1, .section_main_title h2, .style-two.call-do-action .section_main_title h1{font-size:26px}
.call_do_action .single-video{margin-top:30px !important}
.counter_area .nagative_margin, .counter_area .negative_margin, .em-button-button-area a{margin-top:0 !important}
.counter_area{padding-top:100px}
.blog_area .button.two{display:none !important}
.recent-post-item{margin-top:6px !important}
.em-nivo-slider-wrapper:hover .nivo-nextNav{right:-30px !important}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav{margin-left:-50px !important}
.em-nivo-slider-wrapper .nivo-directionNav a{height:58px !important;width:33px !important;line-height:54px !important;font-size:30px !important}
.main_video{margin-top:-115px !important}
.nav-tabs .nav-link{padding:13px 22px !important;font-size:16px !important}
.nagative_margin2,.negative_margin2{margin-top:-90px !important}
.testimonial-bg{padding-bottom:0 !important}
.call_do_action, .service_area{padding-bottom:70px !important}
.nagative_margin3,.negative_margin3{margin-top:0 !important;padding-top:70px}
.feature_style_three:hover .feature_style_tree_content{bottom:15px !important}
.em-blog-title h2 a, .feature_style_three_title h4, .service_style_two_title h4{font-size:20px}
.em-slider-main-title{font-size:90px !important}
.techno_flipbox .techno_flipbox_back, .techno_flipbox .techno_flipbox_font{min-height:280px !important}
.it_work_style_two .techno_flipbox .techno_flipbox_back, .it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:350px !important}
.brand-thumb img, .text_center .slider_text_desc p{width:88%}
.headingh_experience_number h1{float:none !important}
.heading_experience_title h2, .slider18 .slider_text_inner h1{font-size:34px !important}
.experience .main_video{margin-top:-170px !important}
.process-shape img, .slider8 .slider_text_desc p{width:75%}
.left .single_service_inner_thumb, .right .single_service_inner_thumb{margin-top:0 !important;margin-left:0 !important;text-align:center}
.choose_us .techno_flipbox .techno_flipbox_back, .choose_us .techno_flipbox .techno_flipbox_font{min-height:400px !important}
.about_shape_thumb{bottom:49px !important;right:233px !important}
.testimonial_style_three_content::before{left:-130px !important;width:169% !important}
.testimonial_style_three_text p{font-size:18px !important}
.testimonial_style_three_thumb{width:56%}
.testimonial_style_three_content{padding:10px 0 0 !important}
.banner2{height:700px !important}
.service_style_eleven_title h4{font-size:19px !important}
.software_shape_thumb_inner4{top:0 !important}
.section_title.white .section_main_title h1, .section_title.white .section_main_title h2{font-size:24px !important}
.erp_area .text_left .section_main_title h1{font-size:35px !important}
.single_erp_thumb_inner{position:relative;top:56px}
.slider15 .slider_text_inner p{font-size:15px;padding:15px 0 0}
.slider15 .slider_text_inner h1{font-size:31px !important;line-height:1.3}
.slider15 .slider_text_inner h5{font-size:17px;margin:0 0 18px 35px}
.slider15 .em-hero-inner-thumb{left:-75px}
.slider15 .em-hero-inner-shape1{right:-140px;bottom:-75px}
.em-hero-icon-thumb, .faq-thumb{left:-20px}
.em-feature-title h2, .faq-area .section_main_title1 h2{font-size:22px}
.em-feature-title p, .happy-client-title p, .style-four .company-info-title p, .style-four .recent-post-text span{font-size:13px}
.em-feature-single-box{padding:15px 20px 35px}
.feature-single-box-inner:before{position:inherit}
.em-about-title h3{font-size:14px;line-height:22px}
.abou-button1 a{padding:10px 20px;font-size:15px}
.em-about-icons{margin-right:10px}
.em-about-icons i{font-size:25px;width:42px;height:42px;line-height:42px}
.em-about-title2 h3{font-size:10px}
.em-about-title2 p, .em-service-text p, .em-service-text1 p, .em-testimonial-title p, .people-title p, .section_content_text1 p, .style-four .port-icon-title p, p.seo-text, p.seo-text1{font-size:14px}
.em-service-content{padding:26px 22px 0}
.em-service-title h2{font-size:16px;line-height:22px;padding:10px 0 8px}
.em-icon img{width:85%}
.upper.section_main_title h1{font-size:22px !important;line-height:32px}
.call-do-action-title h1{font-size:34px;line-height:34px}
.style-four .portfolio_nav ul li{font-size:13px;padding:7px 14px;margin:7px 3px}
.single_portfolio_content_inner h2{font-size:19px}
.call-do-main-thumb img, .em-about-thmub-inner1 img, .em-hero-inner-thumb img, .hero-main-thumb img, .single_about_thumb_inner1 img, .style-five .single_about_thumb_inner img, .testimonial-thumb img, .up.faq-thumb img, .why-choose-us.style-two .why-choose-main-thumb img{width:100%}
.em-testimonial-title h6{font-size:15px;margin:0}
.blog-area .contact-form-title p, .people-title h4, .slider18 .slider_text_inner p, .upper.accordion li a{font-size:16px}
.style_three .subscribe_content_title h2{font-size:30px}
.service_style_eight_content p, .service_style_two_text p, .single_about_signesur_content p, .single_feature_seven_content p, .single_fun_faq_text p, .single_testimonial_content_text p, .slider17 .slider_text_inner h5, .style-two .section_sub_title h5, .style_three .subscribe_content_title p, .techno_flipbox_font .flipbox_desc p, .upper.section_sub_title1 h6{font-size:15px}
.style_three .subscribe_form input{height:68px;width:382px !important}
.style_three .subscribe_form_send button{right:26px}
.subscribe-thumb{top:-179px;left:428px}
.subscribe_area.style_three.pb-100{padding-bottom:0}
.recent-post-image a img{width:90%}
.recent-post-image.mr-3{margin-right:0}
.style-four .recent-post-text a{font-size:13px;line-height:20px}
a.social-icon-color, a.social-icon-color1, a.social-icon-color2, a.social-icon-color3{width:30px;height:30px;line-height:30px}
.slider16 .slider_text_inner p{font-size:16px;padding:12px 0 18px}
.upper .subscribe_form_send button{padding:12px 15px;bottom:-1%}
.call-do-main-thumb.pl-70, .hero-main-thumb.pl-120{padding-left:0}
.upper .subscribe_form input::placeholder{font-size:13px}
.upper .subscribe_form input{padding:5px 12px}
.slider16 .em-hero-inner-thumb{top:230px;left:62px}
.slider18 .hero_section_thumb, .style-four .why-choose-us-thumb, .style-three.about_area .single_about_thumb{left:0}
.single_about_thumb.pr-5{padding-right:0 !important}
.section_main_title1 h1{font-size:24px;line-height:34px}
.accordion li p, .section_sub_title1 h6{font-size:12px}
.upper1 .subscribe_form_send button{right:60px}
.why-choose-us.style-two .why-choose-main-thumb{left:-110px}
.abou-button2 a{padding:10px 32px;font-size:14px}
.accordion li a, .style-five .em-service-title1 h2, .style-four .choose-icon span i{font-size:18px}
.widget.widgets-company-info{padding:25px 0 0}
.about_area .upper.section_content_text p, .choose-icon-text p, .section_content_text2 p, .section_sub_title1 h5, .slider17 .slider_text_inner p, .style-two .em-blog-text p, .upper .subscribe_form_send button{font-size:13px}
.slider16 .slider_text_inner h1{font-size:30px !important;line-height:40px}
.slider17 .slider_text_inner h1{font-size:30px !important}
.hero-main-thumb.ml-4.pl-60{padding-left:0;margin-left:0 !important}
.slider17 .button a{padding:13px 42px;font-size:12px}
.slider17 .upper.button a{padding:11px 38px;font-size:12px}
.slider17 .slider_button span{font-size:9px;padding:13px 3px 0}
.section_main_title1 h2{font-size:25px;line-height:35px}
.em-dot span:before, .em-dot:after, .em-dot:before{width:5px;height:5px;border-radius:6px}
.em-about-counter-title h3, .section_main_title h1, .section_main_title h2{font-size:38px}
.em-about-counter-title h5, .single_about_signesur_content h4, .slider18 .slider_text_inner h5, .style-two .em-blog-title h2 a{font-size:17px}
.choose-icon h6{font-size:15px;display:block}
.up.faq-thumb{left:0;top:200px}
.up.faq-thumb .data_science_video1{left:37%;top:6%}
.upper.accordion li:before{right:-28px;top:0}
.upper.accordion a:after{right:-17px}
.upper.accordion a:before{right:-12px}
.process-shape{left:133px;top:12px}
.blog-area .contact-form-title h2{font-size:25px}
.style-two .meta-blog-comment span, .style-two .meta-blog-text1 p{font-size:11px}
.style-two .meta-blog-text1 p i{font-size:12px;padding-right:5px}
.style-two .meta-blog-comment{padding:0 0 0 20px}
.style-two .meta-blog-post{bottom:162px}
.slider18 .button a{margin-bottom:30px}
.em-hero-inner-thumb2 img{width:55%}
.slider18 .em-hero-inner-thumb2{top:27px;right:-7px}
.slider18 .em-hero-inner-thumb4{bottom:85px;left:22px}
.em-feature-button.mt-50{margin-top:0;margin-bottom:40px}
.feature-shape1{top:137px}
.style-two .feature-extra-single-box:before{top:78px;width:299px}
.feature-top-icon{left:105px}
.style-five .single_about_thumb{left:-8px}
.ems-border{left:109px}
.em-border2{left:90px}
.em-border1{left:112px}
.style-two .section_main_title h1{font-size:28px}
.style-five .why-choose-us-thumb img{width:inherit}
.choose-us-thumb{right:-265px}
.choose-us-thumb1{right:-266px}
.about_area.style-five.upper .em-about-thmub-inner1{top:13px;left:155px}
.about_area.style-five.upper .em-about-icon span h6{margin-left:0;font-size:15px}
.style-five.upper .single_about_thumb{top:120px;left:-8px}
.process-shape-thumb{right:-34px}
.process-single-box{margin-bottom:75px}
.style-two .call-do-icon span{font-size:25px;padding-left:12px}
.single_contact_address_two_icon .icon{float:inherit}
.text_left .em_bar{margin:auto}
.blog_area{text-align:center !important}
.blog_area.bg_color2 .blog_description p{font-size:15px;padding:7px 0 0}
}
@media only screen and (min-width:600px) and (max-width:767px){#section-quote .container-pe-quote.left, #section-quote .container-pe-quote.right, .em-slider-sub-title, .header_top_menu, .left .single_service_brg_thumb, .owl-next, .owl-prev, .right .single_service_brg_thumb, .single_about_shape_thumb, .single_banner_thumb, .single_it_work_content_list::before, .single_slider_rot_inner, .single_slider_shape_image, .single_slider_shape_image img, .slider_area .appointment, .team_area .button.two, .text-center .em-slider-descript, .video_shape{display:none}
.slider_text_inner h1{font-size:36px !important}
.slider_text_inner h5{font-size:16px !important}
.banner2, .banner3, .slider1, .slider2{height:700px !important}
.section_main_title h1, .section_main_title h2{font-size:38px}
.button.two, .call_do_action .section_title, .contact_from, .counter-area, .em-about-counter-box, .footer-middle.style-four, .section_button2, .section_title, .service-area.style-four, .single-blog-box, .style-three.about_area, .why-choose-us.style-two{text-align:center}
.footer-bottom-content-copy p, .footer-bottom-right-text{text-align:center !important}
.call_do_action .single-video{text-align:center;margin-top:30px !important}
.counter_area .nagative_margin, .counter_area .negative_margin, .em-button-button-area a{margin-top:0 !important}
.counter_area{padding-top:100px}
.blog_area .section_button{display:none !important}
.hero-main-thumb img, .single_blog_thumb img, .testimonial-thumb img, .why-choose-us-thumb img{width:100%}
.footer-bottom-right-text{padding-bottom:16px}
.em-nivo-slider-wrapper:hover .nivo-nextNav{right:-30px !important}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav{margin-left:-50px !important}
.em-slider-main-title{font-size:85px !important}
.em-nav-slider-title-center{font-size:45px !important}
.em-nivo-slider-wrapper .nivo-directionNav a{height:55px !important;width:28px !important;line-height:54px !important;font-size:30px !important}
.slider3{height:750px !important}
.slider_text_desc p{width:88% !important}
.video_thumb{margin:0 !important;padding-bottom:120px}
.nav-tabs .nav-link{padding:22px 38px !important;font-size:18px !important;margin-bottom:9px}
.testimonial-bg{padding-bottom:0 !important}
.nagative_margin3,.negative_margin3{margin-top:0 !important;padding-top:70px}
.call-button a, .team_style_two{margin-top:30px}
.prfs_experience{padding-top:65px !important}
.heading_experience_title h2{font-size:33px !important}
.call_do_action, .service_area{padding-bottom:70px !important}
.left .single_service_inner_thumb, .right .single_service_inner_thumb{margin-top:0 !important;margin-left:0 !important;text-align:center}
.choose_us_area .section_button{text-align:right;display:none}
.banner_area .data_science_video_inner{left:45% !important}
.testimonial_style_three_thumb{width:30%}
.testimonial_style_three_content{padding:15px 0 0 !important}
.testimonial_style_three_content::before{left:-120px !important;width:143% !important}
.about_area.odoo .button.two, .erp_area .button.two{text-align:left !important}
.about_area.odoo .section_sub_title h6{letter-spacing:2px !important}
.single_erp_thumb_inner{position:relative;top:56px}
.slider13 .slider_text_inner p, .slider14 .slider_text_inner p{width:86% !important}
.slider15 .slider_content{position:relative;top:-158px}
.hero_section_thumb{top:132px}
.slider15 .slider_text_inner p{font-size:16px;padding:15px 0 0}
.slider15 .button a{padding:13px 25px;font-size:14px;margin-top:0}
.em-hero-inner-thumb{top:8px}
.em-hero-icon-thumb{top:65px}
.em-hero-inner-thumb2{top:134px;right:0}
.brand-thumb img{width:20%}
.brand-thumb{margin-bottom:30px;text-align:center}
.abou-button1, .blog-button{text-align:left}
.happy-client-title p:before{left:114px;margin:auto}
.upper.section_content_text p{width:77%}
.call-do-action-title h1{font-size:34px;line-height:34px}
.call-button a{font-size:15px}
.call-do-thumb3{right:0;top:80px}
.call-do-thumb1{bottom:-185px;left:-139px}
.call-do-thumb{bottom:0;left:101px}
.call-do-thumb4{right:-50px;top:-96px}
.style-four .portfolio_nav ul li{font-size:15px;margin:6px 3px}
.upper.section_main_title h1{font-size:35px !important}
.em-blog-title h2 a{font-size:18px}
.accordion li p, .choose-icon-text p, .em-blog-text p, .section_content_text1 p, .style-two .em-testimonial-text p, .style-two .em-testimonial-title h6 span{font-size:14px}
.em-blog-content{padding:12px 22px 25px}
.blog-button{padding:0 43px}
.blog-area .contact-form-title h2, .style_three .subscribe_content_title h2{font-size:30px}
.accordion li a, .style_three .subscribe_content_title p{font-size:17px}
.style_three .subscribe_form input{width:389px !important}
.recent-post-image, .style-four .company-icon{float:inherit}
.testimonial-area .section_sub_title h5:before{left:16px;right:0}
.meta-blog-text p{padding:0;font-size:14px}
.hero-main-thumb{top:-82px;position:relative}
.slider16 .em-hero-inner-thumb, .slider18 .hero_section_thumb{left:0}
.single_about_thumb{left:0 !important}
.why-choose-main-thumb{top:40px}
.about_area .upper.section_content_text p, .em-feature-title p, .style-two .em-testimonial-title h6, .techno-seo-title p, .techno-vedio-title p{font-size:15px}
.upper1 .subscribe_form input{width:516px}
.upper1 .subscribe_form_send button{right:20px}
.why-choose-us-thumb{left:140px}
.upper.section_sub_title1 h6:before{left:-134px;right:0;margin:auto}
.faq-thumb{left:-19px}
.blog-area .contact-form-title p, .section_sub_title1 h6, .style-two .section_sub_title h5{font-size:16px}
.section_main_title1 h1{font-size:27px;line-height:38px}
.section_main_title1 h2{font-size:32px}
.service-area.style-five .section_title.text_left.mb-50.mt-5{margin-top:0 !important;margin-bottom:0 !important}
.em-dot span{left:-254px}
.why-choose-main-thumb1{left:-173px;top:65px}
.up.faq-thumb{left:-31px}
.blog-area .contact-form-icon i{padding:0 18px 0 0}
.up.faq-thumb .data_science_video1{left:45%;top:28%}
.em-hero-inner-thumb2 img{width:65%}
.slider18 .em-hero-inner-thumb2{top:-22px;right:44px}
.slider18 .em-hero-icon-thumb img{width:55%}
.slider18 .em-hero-icon-thumb{top:116px;left:59px}
.slider18 .em-hero-inner-thumb4{bottom:250px;left:33px}
.slider18 .em-hero-inner-shape{bottom:-452px;right:109px}
.em-feature-button.mt-50{margin-top:0;margin-bottom:50px}
.feature-shape1{top:155px}
.style-two .section_sub_title h5:after{left:192px}
.style-two .section_sub_title h5:before{left:197px}
.style-five .single_about_thumb{position:relative;left:0;bottom:34px}
.style-two .section_main_title h1{font-size:33px}
.style-five .em-about-icon-box{margin-bottom:25px}
.ems-border{left:193px}
.em-border1{left:203px}
.em-border2{left:181px}
.process-single-box{margin-bottom:75px}
.style-two .process-number{left:212px}
.call-do-main-thumb{padding:76px 0 0}
.em-blog-thumb{padding:3px 0 0}
.process-shape-thumb{right:-71px}
.call_do_action .section_main_title h1, .section_main_title h2{font-size:25px}
.text_center .section_content_text p{width:100%;font-size:20px}
.section_main_title h2, .service_area .section_main_title h1{font-size:36px}
.text_left .em_bar{margin:auto}
.pricing_tk h2{font-size:42px}
}
@media only screen and (min-width:320px) and (max-width:599px){#section-quote .container-pe-quote.left, #section-quote .container-pe-quote.right, .about_area .em-about-thmub-inner2, .button .active, .choose-us-thumb, .choose-us-thumb1, .em-slider-sub-title, .header_top_menu, .left .single_service_brg_thumb, .owl-next, .owl-prev, .right .single_service_brg_thumb, .section_button, .single_about_shape_thumb, .single_banner_thumb, .single_it_work_content_list::before, .single_slider_rot_inner, .single_slider_shape_image, .single_slider_shape_image img, .slider-video, .slider_area .appointment, .software_shape_thumb, .team_area .button.two, .text-center .em-slider-descript, .upper .subscribe_form_send button, .upper1 .subscribe_form_send button, .video_shape{display:none}
.banner2 .banner_text_content h1, .em-nav-slider-title-center, .slider_text_inner h1{font-size:25px !important}
.slider_text_inner h5{font-size:14px !important}
.slider1, .slider2{height:600px !important}
.section_main_title h1, .section_main_title h2{font-size:26px}
.about_area .upper.section_content_text p, .about_area.style-five.upper .section_content_text p, .case_study_style_two_title span, .feature_style_five_text p, .feature_style_four_text p, .section_sub_title1 h5, .service_style_eight_content p, .service_style_two_text p, .singel-about-content p, .single_about_signesur_content p, .single_feature_six_content p, .single_it_work_content_text p, .slider18 .slider_text_inner p, .style-four .port-icon-title p, .style-two .section_sub_title h5{font-size:15px}
.single_it_work{margin-bottom:60px !important}
.call_do_action .section_title, .contact_from, .counter-area, .em-about-counter-box, .footer-middle.style-four, .section_button2, .section_title, .service-area.style-four, .single-blog-box, .slider16, .slider18, .style-four.about_area, .style-three.about_area, .testimonial-area.style-two, .why-choose-us.style-two{text-align:center}
.footer-bottom-content-copy p, .footer-bottom-right-text{text-align:center !important}
.call_do_action .single-video{text-align:center;margin-top:30px !important}
.counter_area .nagative_margin, .counter_area .negative_margin{margin-top:0 !important}
.counter_area{padding-top:100px}
.appointment .slider_text_inner h1, .banner3 .banner_text_content h1, .countr_text h1, .counter_text h1{font-size:32px !important}
.blog_area .button.two, .em-button-button-area a, .tp-caption a{display:none !important}
.footer-bottom-right-text{padding-bottom:16px}
.recent-post-item{margin-top:7px !important}
.em-nivo-slider-wrapper:hover .nivo-nextNav{right:-30px !important}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav{margin-left:-50px !important}
.em-slider-main-title{font-size:45px !important}
.em-nivo-slider-wrapper .nivo-directionNav a{height:55px !important;width:28px !important;line-height:54px !important;font-size:30px !important}
.slider13 .slider_text_inner p, .slider14 .slider_text_inner p, .slider_text_desc p{width:100% !important}
.banner1, .slider3{height:650px !important}
.slider_text_desc p{font-size:15px}
.video_thumb{margin:0 !important;padding-bottom:80px}
.main_video{margin-top:-130px !important}
.service_style_two_title h4, .techno-seo-title h3{font-size:22px}
.nav-tabs .nav-link{font-size:18px !important;margin-bottom:9px}
.testimonial-bg{padding-bottom:0 !important}
.nagative_margin3,.negative_margin3{margin-top:0 !important;padding-top:70px}
.feature_style_three:hover .feature_style_tree_content{bottom:15px !important}
.banner2 .banner_text_content.white h5, .case_study_style_two_title h4 a, .em-about-title2 h3, .em-blog-title h2 a, .em-service-title1 h2, .feature_style_three_title h4, .single_about_signesur_content h4, .single_choose_us_content_inner h4, .single_contact_address_two_content h4, .style-five .em-service-title1 h2, .style-four .single_portfolio_content_inner h2 a{font-size:18px}
.techno_flipbox .techno_flipbox_back, .techno_flipbox .techno_flipbox_font{min-height:280px !important}
.it_work_style_two .techno_flipbox .techno_flipbox_back, .it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:350px !important}
.button a{padding:12px 22px !important;font-size:15px !important}
.appointment .slider_button{margin:30px 0 0 !important}
.brand-thumb, .slider18 .slider_button{margin-bottom:30px}
.headingh_experience_number h1{float:none !important}
.heading_experience_title h2{font-size:30px !important}
.call_do_action, .service_area{padding-bottom:70px !important}
.left .single_service_inner_thumb, .right .single_service_inner_thumb{margin-top:0 !important;margin-left:0 !important;text-align:center}
.appointment_form_inner{padding:35px !important}
.appointment_title h1{font-size:35px}
.choose_us .techno_flipbox .techno_flipbox_back, .choose_us .techno_flipbox .techno_flipbox_font{min-height:400px !important}
.choose_content_text_lft{overflow:hidden}
.banner_area .data_science_video_inner{left:62% !important}
.banner_text_content h1{font-size:35px !important}
.about_shape_thumb{bottom:37px !important;right:78px !important}
.section_main_title h2, .service_area .section_main_title h1, .service_style_nine_content h4{font-size:21px}
.brand-thumb img, .testimonial_style_three_thumb{width:30%}
.testimonial_style_three_content{padding:10px 0 0 !important}
.testimonial_style_three_content::before{left:-79px !important;width:145% !important}
.testimonial_style_three_text p{font-size:17px !important}
.call-do-action.style-two .section_main_title h1, .em-feature-title h2, .single_feature_six_content h5, .testimonial_style_three_title h4{font-size:19px}
.testimonial_style_three_quote{margin-top:10px !important}
.style_two .subscribe_bg_box form{padding:30px 15px 25px !important;border-radius:20px !important}
.style_two .subscribe_form_send button{padding:17px 25px !important;right:26px !important;top:73% !important}
.footer_middle_social_icon a{margin:7px 5px !important}
.pricing_style_four_body ul li{font-size:16px !important}
.banner2{height:700px !important}
.section_sub_title h6{letter-spacing:1px !important}
.about_area.odoo .text_left .section_main_title h1{font-size:24px !important}
.flipbox_area.odoo .section_title.white .section_main_title h1, .section_title.white .section_main_title h2{font-size:26px !important}
.erp_area .text_left .section_main_title h1{font-size:33px !important}
.call-do-main-thumb img, .em-about-thmub-inner1 img, .hero-main-thumb img, .single_about_thumb_inner1 img, .single_erp_thumb_inner img, .style-five .single_about_thumb_inner img, .testimonial-thumb img, .up.faq-thumb img, .why-choose-us-thumb img{width:100%}
.single_erp_thumb_inner{position:relative;top:56px}
.odoo_contact_section .row.upper{padding:40px 9px !important}
.odoo_contact_section .quote_wrapper{padding:32px 22px 9px !important}
.slider15 .hero_section_thumb{top:256px}
.slider15{height:777px;padding-bottom:405px}
.slider15 .em-hero-inner-thumb1 img{width:68%}
.em-hero-inner-thumb1{right:112px}
.em-hero-inner-thumb4{bottom:0}
.em-hero-inner-thumb2{right:-20px}
.slider15 .em-hero-inner-shape1{right:-118px;bottom:-69px}
.slider15 .em-hero-inner-shape1 img{width:70%}
.upper.section_main_title h1{font-size:21px !important;line-height:27px}
.em-feature-title p{line-height:20px}
.accordion li p, .choose-icon-text p, .happy-client-title p, .section_content_text1 p, .section_content_text2 p, .single_choose_us_content_inner p, .slider16 .slider_text_inner p, .style-two .upper .process-text p, .techno-seo-title p, .techno-vedio-title p{font-size:14px}
.brand-thumb{text-align:center}
.upper.section_content_text p{font-size:15px;width:100%}
.em-service-title h2{font-size:20px;line-height:26px}
.em-feature-title p, .em-service-text p, .em-service-text1 p, .em-testimonial-title p, .section_content_text1 p, .style-two .em-testimonial-text p, .style-two .meta-blog-comment span, .style-two .meta-blog-text1 p{font-size:13px}
.call-do-action-title h1{font-size:21px;line-height:21px}
.call-button a{padding:10px 22px;font-size:15px;margin-top:30px}
.call-do-thumb3{top:-69px}
.call-do-thumb{bottom:136px}
.style-four .portfolio_nav ul li{font-size:12px;padding:7px 13px;margin:8px 3px}
.testimonial-single-box1{top:-75px;left:19px}
.em-testimonial-title h6{font-size:17px;line-height:26px;margin:0}
.em-blog-text p{padding:10px 0 18px;font-size:13px}
.blog-button{text-align:left;padding:6px 46px 0}
.style_three .subscribe_content_title h2{font-size:20px;line-height:30px}
.style_three .subscribe_content_title p{font-size:14px;padding:6px 0 0}
.style_three .subscribe_form input{width:268px !important;height:55px}
.style_three .row.sbc_bg_box{padding:42px 16px 50px}
.subscribe_form_send button{padding:10px 15px !important;top:79% !important;right:10px !important;font-size:14px}
a.social-icon-color, a.social-icon-color1, a.social-icon-color2, a.social-icon-color3{width:30px;height:30px;line-height:30px}
.recent-post-image, .style-four .company-icon{float:inherit}
.widget-title{padding-top:30px}
.feature-area .em-feature-single-box{padding:23px 22px 40px}
.about_area .single_about_thumb, .single_about_thumb, .slider18 .hero_section_thumb, .why-choose-us .why-choose-us-thumb{left:0}
.about_area .em-about-thmub-inner1 img{width:78%}
.call-do-action .call-do-thumb1{left:-77px}
.call-do-action .call-do-thumb1 img{width:73%}
.slider16 .slider_text_inner h1{font-size:20px !important;line-height:32px}
.slider16 .slider_text_inner h5{font-size:12px !important}
.upper .subscribe_form input{padding:5px 16px}
.slider16 .slider_text_inner h5:before{left:32px;top:6px}
.hero_section_thumb{top:100px}
.em-hero-inner-thumb img{width:81%}
.section_sub_title1 h6, p.seo-text, p.seo-text1{font-size:12px}
.upper.section_sub_title1 h6:before{left:74px;top:7px}
.abou-button2 a{padding:10px 28px;font-size:13px}
.why-choose-main-thumb{top:35px}
.why-choose-shape-thumb img{width:54%}
.upper1 .subscribe_form input{height:59px;width:275px}
.why-choose-us-thumb{left:149px}
.section_main_title1 h1{font-size:20px;line-height:31px}
.upper.section_sub_title1 h6{color:#0c5adb;font-size:12px}
.feature_style_four_title h4, .service_style_seven_title h4, .style-five .choose-us-title h3, .style-two .call-do-icon span, .techno-vedio-title h2{font-size:20px}
.style-two .people-thumb{float:inherit;left:30%}
.faq-thumb{left:-7px}
.slider17 .slider_button span{font-size:12px;padding:13px 6px 0}
.section_main_title1 h2{font-size:24px;line-height:36px}
.style-five.service-area{background:inherit;text-align:center}
.em-dot span:before, .em-dot:after, .em-dot:before{width:5px;height:5px;border-radius:6px}
.em-about-counter-title h3{font-size:37px}
.about_area.style-five.upper .em-about-icon span h6, .blog-area .contact-form-title p, .choose-icon h6, .em-about-counter-title h5, .section_content_text p{font-size:16px}
.process-area .section_main_title1 h2, .why-choose-us.style-four .section_main_title1 h2{font-size:22px;line-height:36px}
.why-choose-us.style-four.pt-120.pb-120{text-align:center;padding-top:0}
.up.faq-thumb{top:70px;left:-31px}
.faq-area .section_main_title1 h2{font-size:18px;line-height:30px}
.blog-area.style-two.blog-new.pt-110.pb-110{padding-top:20px !important;text-align:center}
.blog-area .contact-form-icon i{font-size:44px}
.style-two .meta-blog-comment{padding:0}
.slider17 .button a{padding:12px 22px !important;font-size:14px !important}
.button.upper a{padding:9px 22px !important;font-size:13px !important}
.service-area.style-five .section_title.text_left.mb-50.mt-5{margin-top:0 !important;margin-bottom:0 !important}
.em-dot span{left:-254px}
.why-choose-main-thumb1{left:-173px;top:65px}
.accordion li a{font-size:17px}
.blog-area .contact-form-title h2{font-size:30px}
.blog-area .contact-form-icon i{padding:0 18px 0 0}
.up.faq-thumb .data_science_video1{left:45%;top:28%}
.slider18 .slider_text_inner h5:after{left:51px}
.slider18 .slider_text_inner h5:before{left:62px}
.em-hero-inner-thumb2 img{width:47%}
.slider18 .em-hero-inner-thumb2{top:33px;right:20px}
.em-hero-icon-thumb img{width:31%}
.slider18 .em-hero-icon-thumb{top:125px;left:-87px}
.slider18 .em-hero-inner-thumb4{bottom:48px;left:16px}
.slider18 .em-hero-inner-shape{bottom:-452px;right:109px}
.em-feature-button.mt-50{margin-top:0;margin-bottom:50px}
.feature-shape1{top:180px}
.em-feature-button a{padding:7px 25px;font-size:14px}
.style-two .section_sub_title h5:after{left:207px}
.style-two .section_sub_title h5:before{left:212px}
.feature-top-icon{left:93px}
.style-five .single_about_thumb{position:relative;left:0;bottom:34px}
.style-two .section_main_title h1{font-size:25px}
.style-five .em-about-icon-box{margin-bottom:25px}
.ems-border{left:86px}
.em-border1{left:94px}
.em-border2{left:75px}
.style-five .choose-us-number{margin-right:14px}
.process-single-box{margin-bottom:75px}
.style-two .process-number{left:115px}
.call-do-main-thumb{padding:76px 0 0}
.em-blog-thumb{padding:3px 0 0}
.process-shape-thumb{right:-71px}
.style-two .call-do-icon i{width:50px;height:50px;line-height:50px;font-size:20px}
.about_area .section_main_title h1, .section_main_title h2, .subscribe_content_title h2{font-size:23px}
.text_left .em_bar{margin:auto}
.feature_style_four{padding:50px 30px}
.text_center .section_content_text p{width:100%;font-size:17px}
.single_choose_us_icon .icon{height:60px;width:60px;line-height:60px;font-size:32px;margin-right:15px}
.call_do_action .section_main_title h1, .section_main_title h2{font-size:19px;font-weight:600}
.single_testimonial_content_text{padding:32px 30px 20px}
.section_content_text.pr-70.pt-4{padding-right:0 !important}
.pricing_tk h2{font-size:32px}
}
@media (max-width: 991.98px){
    .techno_nav_manu.transparent_menu{margin-bottom:0;background:#00247e;}
    .techno_nav_manu .navbar-logo{transform:none;}
    .techno_nav_manu .navbar-logo .logo_img img,
    .techno_nav_manu .navbar-logo .main_sticky img{transform:scale(0.65);transform-origin:left top;top:5px;}
    .slider3{height:auto !important;min-height:650px;padding-top:20px !important;}
    .call_do_action{margin-top:0;padding-top:64px !important;}
}