Help
RSS
API
Feed
Maltego
Contact
Domain > bhagwatisteelindia.in
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-09-12
103.21.58.181
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Thu, 12 Sep 2024 03:35:55 GMTServer: nginx/1.23.4Content-Type: text/html; charsetiso-8859-1Content-Length: 238Content-Security-Policy: upgrade-insecure-requests;Location: https://bhagwatisteelindia.in/X-Server-Cache: trueX-Proxy-Cache: EXPIRED !DOCTYPE HTML PUBLIC -//IETF//DTD HTML 2.0//EN>html>head>title>301 Moved Permanently/title>/head>body>h1>Moved Permanently/h1>p>The document has moved a hrefhttps://bhagwatisteelindia.in/>here/a>./p>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Thu, 12 Sep 2024 03:35:56 GMTServer: nginx/1.23.4Content-Type: text/htmlContent-Length: 276828Content-Security-Policy: upgrade-insecure-requests;Last-Modified: Sat, 12 Nov 2022 08:27:28 GMTVary: Accept-EncodingX-Server-Cache: trueX-Proxy-Cache: HITAccept-Ranges: bytes !DOCTYPE html>html langen>head> meta charsetutf-8> meta http-equivX-UA-Compatible contentIEedge> meta namekeywords contentBhagwati Steel India, Rakhial, Ahmedabad, Gujarat, Stainless Steel Square Pipe, Industrial Pipe Fitting, SS Industrial Sheet, Stainless Steel Round Bar, SS Flat Bar, Steel Pipes and Tubes, Wholesaler from Ahmedabad /> meta namedescription contentBhagwati Steel India, Rakhial, Ahmedabad, Gujarat - Wholesaler of Stainless Steel Square Pipe, Industrial Pipe Fitting, SS Industrial Sheet, Stainless Steel Round Bar and Steel Pipes and Tubes since 2005 /> meta nameauthor contentwww.bhagwatisteelindia.in /> meta nameviewport contentwidthdevice-width, initial-scale1> title>Welcome To Bhagwati Steel India - Manufacturer and Trader from Rakhial, Ahmedabad, India /title> link relshortcut icon hrefimages/favicon.png /> link relstylesheet typetext/css hrefcss/bootstrap.min.css /> link relstylesheet typetext/css hrefrevolution/css/rs6.css /> link relstylesheet typetext/css hrefcss/shortcodes.css /> link relstylesheet typetext/css hrefcss/main.css /> link relstylesheet typetext/css hrefcss/megamenu.css /> link relstylesheet typetext/css hrefcss/responsive.css />/head>body> !--page start--> div classpage> !-- preloader start --> !-- preloader end --> !--header start--> header idmasthead classheader ttm-header-style-01> !-- topbar --> !--header start--> header idmasthead classheader ttm-header-style-01> !-- topbar --> div classtop_bar ttm-bgcolor-darkgrey clearfix> div classcontainer> div classrow> div classcol-lg-12> div classrow> div classcol-lg-6> div classtop_bar_contact_item> div classtop_bar_icon>i classflaticon flaticon-placeholder>/i>/div> div classtop_bar_content>Rakhial, Ahmedabad 380023/div> /div> div classtop_bar_contact_item> div classtop_bar_icon>i classflaticon flaticon-envelope>/i>/div> div classtop_bar_content> a hrefmailto:info@bhagwatisteelindia.in>bhagwatisteel143@gmail.com /a>/div> /div> /div> div classcol-lg-6> div classcontact-info> div classtop_bar_contact_item top_bar_social ml-auto p-0> ul classsocial-icons d-flex> li> a classttm-social-facebook href# relnoopener aria-labelfacebook>i class fa fa-facebook-f>/i>/a>/li> li> a classttm-social-twitter href# relnoopener aria-labeltwitter>i classfa fa-twitter>/i>/a>/li> li> a classttm-social-linkedin href# relnoopener aria-labelgoogle>i classfa fa-linkedin>/i>/a>/li> li> a classttm-social-pinteres href# relnoopener aria-labelgoogle>i classfa fa-google-plus>/i>/a>/li> /ul> /div> div classtop_bar_contact_item ttm-highlight-right> div classtop_bar_icon>i classflaticon-phone-call>/i>/div> div classtop_bar_content> Talk To Expert: strong>a hreftel:143456789>+91 98792 78081/a>/strong>/div> /div> /div> /div> /div> /div> /div> /div> /div> !-- topbar end --> !-- site-header-menu --> div idsite-header-menu classsite-header-menu ttm-bgcolor-white> div classsite-header-menu-inner ttm-stickable-header> div classcontainer> div classrow> div classcol-lg-12 > !--site-navigation --> div classsite-navigation d-flex flex-row justify-content-between align-items-center> !-- site-branding --> div classsite-branding > a classhome-link hrefindex.html titleBuildtab relhome> img idlogo-img height45 width175 classimg-fluid auto_size srcimages/logo.png altbhagwati steel india> /a> /div>!-- site-branding end --> a classhome-link hrefindex.html titleBuildtab relhome> img idlogo-img height45 width175 classimg-fluid auto_size srcimages/logo1.png altbhagwati steel india> /a> div class d-flex flex-row > div classbtn-show-menu-mobile menubar menubar--squeeze> span classmenubar-box> span classmenubar-inner>/span> /span> /div> !-- menu --> nav classmain-menu menu-mobile idmenu> ul classmenu> li classmega-menu-item active>a hrefindex.html classmega-menu-link>Home/a>/li>li classmega-menu-item>a hrefAbout.html classmega-menu-link>About Us/a> /li> li classmega-menu-item> a hrefStainless-Steel-Circle.html classmega-menu-link>Our Products/a>ul classmega-submenu> li>a hrefStainless-Steel-Circle.html>Stainless Steel Circle/a>/li> li>a hrefIndustrial-Bars-Rods.html>Industrial Bars & Rods/a>/li> li>a hrefSteel-Pipes-And-Tubes.html>Steel Pipes And Tubes/a>/li> li>a hrefPlates-Coils-Sheets.html>Plates,Coils & Sheets/a>/li> li>a hrefStainless-Steel-Wires.html>Stainless Steel Wires/a>/li> li>a hrefSteel-Railing.html>Steel Railing/a>/li> li>a hrefRaw-Materials.html>Raw Materials/a>/li> li>a hrefIndustrial-Pipe-Fittings.html>Industrial Pipe Fittings/a>/li> li>a hrefSteel-Angles-and-Flats.html>Steel Angles and Flats/a>/li> li>a hrefSS-Pipe.html>SS Pipe/a>/li> /ul> /li>li classmega-menu-item>a hrefBhagwati-Steel.pdf target_blank classmega-menu-link>Download Broucher/a>/li> li classmega-menu-item>a hrefCertificate.html classmega-menu-link> Certificate/a>/li> li classmega-menu-item>a hrefContact.html>Contact us/a>/li> /ul> /nav>!-- menu end --> div classheader_extra d-flex flex-row align-items-center justify-content-end> div classheader_search> /div> div classpadding_left15> div classheader_btn> a classttm-btn ttm-btn-size-md ttm-text-darkgrey btn-inline ttm-icon-btn-right hrefInquiry.html>Inquiry i classfa fa-long-arrow-right>/i>/a> /div> /div> /div> /div> /div>!-- site-navigation end--> /div> /div> /div> /div> /div> !-- site-header-menu end--> /header> !--header end--> !-- Banner --> p classrs-p-wp-fix>/p> rs-module-wrap idrev_slider_3_1_wrapper data-aliasmain-classic-03 data-sourcegallery stylevisibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;> rs-module idrev_slider_3_1 style data-version6.5.7> rs-slides> rs-slide styleposition: absolute; data-keyrs-6 data-titleSlide data-thumbrevolution/revolution/assets/mainslider-bg5-50x100.jpg data-ino:0; data-outa:false;> img srcrevolution/assets/mainslider-bg5.jpg titlemainslider-bg5 width1920 height840 classrev-slidebg tp-rs-img data-no-retina> !-- --> rs-layer idslider-3-slide-6-layer-0 data-typetext data-color#fff data-rsp_chon data-xyx:l,l,c,c;xo:79px,79px,0,520px;y:m;yo:-105px,-105px,-134px,-34px; data-textw:normal;s:16,16,16,15;l:25,25,20,12;ls:1px,1px,0px,0px;fw:600; data-vbilityt,t,t,f data-frame_0x:-50,-50,-31,-19; data-frame_1st:100;sp:500;sR:100; data-frame_999o:0;st:w;sR:8400; stylez-index:8;font-family:Poppins;text-transform:uppercase;>Welcome To /rs-layer> !-- --> rs-layer idslider-3-slide-6-layer-1 data-typetext data-color#fff data-rsp_chon data-xyx:l,l,c,c;xo:79px,79px,0,0;y:m;yo:-42px,-42px,-77px,-89px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:180;sp:800;sR:180; data-frame_999o:0;st:w;sR:8020; stylez-index:9;font-family:inter;>span classttm-textcolor-skincolor>Bhagwati /span>Steel /rs-layer> !-- --> rs-layer idslider-3-slide-6-layer-2 data-typetext data-color#fff data-rsp_chon data-xyx:l,l,c,c;xo:79px,79px,0,0;y:m;yo:42px,42px,-11px,-32px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:260;sp:800;sR:260; data-frame_999o:0;st:w;sR:7940; stylez-index:10;font-family:inter;>India /rs-layer> !-- --> rs-layer idslider-3-slide-6-layer-3 data-typeshape data-rsp_chon data-xyxo:35px,35px,-238px,-146px;y:m;yo:-34px,-34px,33px,20px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:7px,7px,3px,1px;h:260px,260px,162px,99px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:14;background-color:#b0c04c;> /rs-layer> !-- --> rs-layer idslider-3-slide-6-layer-4 data-typeshape data-rsp_chon data-xyxo:35px,35px,-281px,-173px;y:m;yo:-163px,-163px,-90px,-55px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:200px,200px,125px,77px;h:7px,7px,3px,1px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:13;background-color:#b0c04c;> /rs-layer> !-- -->a idslider-3-slide-6-layer-5 classrs-layer ttm-btn hrefStainless-Steel-Circle.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:l,l,c,c;xo:84px,84px,0,0;y:m;yo:144px,144px,68px,31px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:27,27,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#0c2d62;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#0c2d62;bgc:#afcc17;boc:#afcc17;bos:solid;bow:2px,2px,2px,2px; stylez-index:12;font-family:inter;>All Products i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-6-layer-13 classrs-layer ttm-btn hrefContact.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:l,l,c,c;xo:270px,270px,0,0;y:m;yo:144px,144px,124px,85px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:25,25,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#afcc17;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#fff;bgc:#0c2d62;boc:#0c2d62;bos:solid;bow:2px,2px,2px,2px; stylez-index:11;background-color:#afcc17;font-family:inter;> Contact Usi classfa fa-long-arrow-right>/i> /a> !-- --> rs-layer idslider-3-slide-6-layer-14 data-typeimage data-rsp_chon data-xyx:c;xo:-349px,-349px,-218px,-134px;y:m;yo:-169px,-169px,-105px,-64px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:42px,42px,25px,15px;h:53px,53px,32px,19px; data-vbilityt,t,f,f data-frame_0rY:360deg; data-frame_1e:back.out;st:310;sp:500;sR:310; data-frame_999o:0;st:w;sR:8190; stylez-index:15;>img srcrevolution/assets/1.png classtp-rs-img width49 height54 altrev-img data-no-retina> /rs-layer> !----> /rs-slide> rs-slide styleposition: absolute; data-keyrs-7 data-titleSlide data-thumbrevolution/assets/mainslider-bg7-50x100.jpg data-ino:0; data-outa:false;> img srcrevolution/assets/mainslider-bg7.jpg titlemainslider-bg7 width1920 height840 classrev-slidebg tp-rs-img data-no-retina> !-- --> rs-layer idslider-3-slide-7-layer-0 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,520px;y:m;yo:-100px,-100px,-128px,-34px; data-textw:normal;s:16,16,16,15;l:25,25,20,12;ls:1px,1px,0px,0px;fw:600; data-vbilityt,t,t,f data-frame_0x:-50,-50,-31,-19; data-frame_1st:100;sp:500;sR:100; data-frame_999o:0;st:w;sR:8400; stylez-index:8;font-family:Poppins;text-transform:uppercase;>Welcome to Bhagwati Steel India /rs-layer> !-- --> rs-layer idslider-3-slide-7-layer-1 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:-40px,-40px,-77px,-89px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:180;sp:800;sR:180; data-frame_999o:0;st:w;sR:8020; stylez-index:9;font-family:inter;>Sheet span classttm-textcolor-skincolor> Coil /span> /rs-layer> !-- --> rs-layer idslider-3-slide-7-layer-2 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:45px,45px,-11px,-32px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:260;sp:800;sR:260; data-frame_999o:0;st:w;sR:7940; stylez-index:10;font-family:inter;> /rs-layer> !-- --> rs-layer idslider-3-slide-7-layer-3 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-238px,-146px;y:m;yo:-34px,-34px,33px,20px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:7px,7px,3px,1px;h:260px,260px,162px,99px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:14;background-color:#b0c04c;> /rs-layer> !-- --> rs-layer idslider-3-slide-7-layer-4 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-281px,-173px;y:m;yo:-163px,-163px,-90px,-55px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:200px,200px,125px,77px;h:7px,7px,3px,1px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:13;background-color:#b0c04c;> /rs-layer> !-- -->a idslider-3-slide-7-layer-5 classrs-layer ttm-btn hrefSteel-Railing.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:260px,260px,0,0;y:m;yo:144px,144px,62px,31px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:27,27,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#0c2d62;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#0c2d62;bgc:#afcc17;boc:#afcc17;bos:solid;bow:2px,2px,2px,2px; stylez-index:12;font-family:inter;>More Products i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-7-layer-13 classrs-layer ttm-btn hrefContact.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:144px,144px,120px,85px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:25,25,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#afcc17;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#fff;bgc:#0c2d62;boc:#0c2d62;bos:solid;bow:2px,2px,2px,2px; stylez-index:11;background-color:#afcc17;font-family:inter;>Contact Us i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-7-layer-18 classrs-layer ttm_prettyphoto target_self relnofollow data-typetext data-color#b0c04c data-rsp_chon data-xyx:c;xo:350px,350px,520px,320px;y:m;yo:-165px,-165px,25px,15px; data-textw:normal;s:25,25,15,9;l:55,55,34,20;a:center; data-dimw:55px,55px,34px,20px;h:55px,55px,34px,20px; data-vbilityt,t,f,f data-frame_0rY:360deg; data-frame_1e:back.out;st:230;sp:500;sR:230; data-frame_999o:0;st:w;sR:8270; data-frame_hoverc:#0c2d62;bgc:#b0c04c; stylez-index:16;background-color:#0c2d62;font-family:Roboto;>img srcrevolution/assets/1.png classtp-rs-img width49 height54 altrev-img data-no-retina> /a> !-- --> /rs-slide> rs-slide styleposition: absolute; data-keyrs-8 data-titleSlide data-thumbrevolution/assets/mainslider-bg8-50x100.jpg data-ino:0; data-outa:false;> img srcrevolution/assets/mainslider-bg8.jpg titlemainslider-bg8 width1920 height840 classrev-slidebg tp-rs-img data-no-retina> !-- --> rs-layer idslider-3-slide-8-layer-0 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,520px;y:m;yo:-100px,-100px,-128px,-34px; data-textw:normal;s:16,16,16,15;l:25,25,20,12;ls:1px,1px,0px,0px;fw:600; data-vbilityt,t,t,f data-frame_0x:-50,-50,-31,-19; data-frame_1st:100;sp:500;sR:100; data-frame_999o:0;st:w;sR:8400; stylez-index:8;font-family:Poppins;text-transform:uppercase;>Welcome to Bhagwati Steel India /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-1 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:-40px,-40px,-77px,-89px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:180;sp:800;sR:180; data-frame_999o:0;st:w;sR:8020; stylez-index:9;font-family:inter;>Steel span classttm-textcolor-skincolor>Angles /span> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-2 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:45px,45px,-11px,-32px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:260;sp:800;sR:260; data-frame_999o:0;st:w;sR:7940; stylez-index:10;font-family:inter;>and Flats /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-3 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-238px,-146px;y:m;yo:-34px,-34px,33px,20px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:7px,7px,3px,1px;h:260px,260px,162px,99px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:14;background-color:#b0c04c;> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-4 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-281px,-173px;y:m;yo:-163px,-163px,-90px,-55px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:200px,200px,125px,77px;h:7px,7px,3px,1px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:13;background-color:#b0c04c;> /rs-layer> !-- -->a idslider-3-slide-8-layer-5 classrs-layer ttm-btn hrefSteel-Angles-and-Flats.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:260px,260px,0,0;y:m;yo:144px,144px,62px,31px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:27,27,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#0c2d62;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#0c2d62;bgc:#afcc17;boc:#afcc17;bos:solid;bow:2px,2px,2px,2px; stylez-index:12;font-family:inter;>More Products i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-13 classrs-layer ttm-btn hrefContact.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:144px,144px,120px,85px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:25,25,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#afcc17;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#fff;bgc:#0c2d62;boc:#0c2d62;bos:solid;bow:2px,2px,2px,2px; stylez-index:11;background-color:#afcc17;font-family:inter;>Contact Us i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-18 classrs-layer ttm_prettyphoto target_self relnofollow data-typetext data-color#b0c04c data-rsp_chon data-xyx:c;xo:350px,350px,520px,320px;y:m;yo:-165px,-165px,25px,15px; data-textw:normal;s:25,25,15,9;l:55,55,34,20;a:center; data-dimw:55px,55px,34px,20px;h:55px,55px,34px,20px; data-vbilityt,t,f,f data-frame_0rY:360deg; data-frame_1e:back.out;st:230;sp:500;sR:230; data-frame_999o:0;st:w;sR:8270; data-frame_hoverc:#0c2d62;bgc:#b0c04c; stylez-index:16;background-color:#0c2d62;font-family:Roboto;>img srcrevolution/assets/1.png classtp-rs-img width49 height54 altrev-img data-no-retina> /a> !-- --> /rs-slide> rs-slide styleposition: absolute; data-keyrs-11 data-titleSlide data-thumbrevolution/assets/mainslider-bg11-50x100.jpg data-ino:0; data-outa:false;> img srcrevolution/assets/mainslider-bg11.jpg titlemainslider-bg11 width1920 height840 classrev-slidebg tp-rs-img data-no-retina> !-- --> rs-layer idslider-3-slide-8-layer-0 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,520px;y:m;yo:-100px,-100px,-128px,-34px; data-textw:normal;s:16,16,16,15;l:25,25,20,12;ls:1px,1px,0px,0px;fw:600; data-vbilityt,t,t,f data-frame_0x:-50,-50,-31,-19; data-frame_1st:100;sp:500;sR:100; data-frame_999o:0;st:w;sR:8400; stylez-index:8;font-family:Poppins;text-transform:uppercase;>Welcome to Bhagwati Steel India /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-1 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:-40px,-40px,-77px,-89px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:180;sp:800;sR:180; data-frame_999o:0;st:w;sR:8020; stylez-index:9;font-family:inter;>SS span classttm-textcolor-skincolor>Pipe /span> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-2 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:45px,45px,-11px,-32px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:260;sp:800;sR:260; data-frame_999o:0;st:w;sR:7940; stylez-index:10;font-family:inter;> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-3 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-238px,-146px;y:m;yo:-34px,-34px,33px,20px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:7px,7px,3px,1px;h:260px,260px,162px,99px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:14;background-color:#b0c04c;> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-4 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-281px,-173px;y:m;yo:-163px,-163px,-90px,-55px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:200px,200px,125px,77px;h:7px,7px,3px,1px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:13;background-color:#b0c04c;> /rs-layer> !-- -->a idslider-3-slide-8-layer-5 classrs-layer ttm-btn hrefSS-Pipe.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:260px,260px,0,0;y:m;yo:144px,144px,62px,31px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:27,27,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#0c2d62;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#0c2d62;bgc:#afcc17;boc:#afcc17;bos:solid;bow:2px,2px,2px,2px; stylez-index:12;font-family:inter;>More Products i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-13 classrs-layer ttm-btn hrefContact.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:144px,144px,120px,85px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:25,25,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#afcc17;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#fff;bgc:#0c2d62;boc:#0c2d62;bos:solid;bow:2px,2px,2px,2px; stylez-index:11;background-color:#afcc17;font-family:inter;>Contact Us i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-18 classrs-layer ttm_prettyphoto target_self relnofollow data-typetext data-color#b0c04c data-rsp_chon data-xyx:c;xo:350px,350px,520px,320px;y:m;yo:-165px,-165px,25px,15px; data-textw:normal;s:25,25,15,9;l:55,55,34,20;a:center; data-dimw:55px,55px,34px,20px;h:55px,55px,34px,20px; data-vbilityt,t,f,f data-frame_0rY:360deg; data-frame_1e:back.out;st:230;sp:500;sR:230; data-frame_999o:0;st:w;sR:8270; data-frame_hoverc:#0c2d62;bgc:#b0c04c; stylez-index:16;background-color:#0c2d62;font-family:Roboto;>img srcrevolution/assets/1.png classtp-rs-img width49 height54 altrev-img data-no-retina> /a> !-- --> /rs-slide> rs-slide styleposition: absolute; data-keyrs-14 data-titleSlide data-thumbrevolution/assets/mainslider-bg14-50x100.jpg data-ino:0; data-outa:false;> img srcrevolution/assets/mainslider-bg14.jpg titlemainslider-bg14 width1920 height840 classrev-slidebg tp-rs-img data-no-retina> !-- --> rs-layer idslider-3-slide-8-layer-0 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,520px;y:m;yo:-100px,-100px,-128px,-34px; data-textw:normal;s:16,16,16,15;l:25,25,20,12;ls:1px,1px,0px,0px;fw:600; data-vbilityt,t,t,f data-frame_0x:-50,-50,-31,-19; data-frame_1st:100;sp:500;sR:100; data-frame_999o:0;st:w;sR:8400; stylez-index:8;font-family:Poppins;text-transform:uppercase;>Welcome to Bhagwati Steel India /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-1 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:-40px,-40px,-77px,-89px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:180;sp:800;sR:180; data-frame_999o:0;st:w;sR:8020; stylez-index:9;font-family:inter;>Steel span classttm-textcolor-skincolor>Railing /span> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-2 data-typetext data-color#fff data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:45px,45px,-11px,-32px; data-textw:normal;s:65,65,55,40;l:90,90,56,50;fw:800; data-frame_0x:-50,-50,-31,-19; data-frame_1st:260;sp:800;sR:260; data-frame_999o:0;st:w;sR:7940; stylez-index:10;font-family:inter;> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-3 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-238px,-146px;y:m;yo:-34px,-34px,33px,20px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:7px,7px,3px,1px;h:260px,260px,162px,99px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:14;background-color:#b0c04c;> /rs-layer> !-- --> rs-layer idslider-3-slide-8-layer-4 data-typeshape data-rsp_chon data-xyx:r;xo:30px,30px,-281px,-173px;y:m;yo:-163px,-163px,-90px,-55px; data-textw:normal;s:20,20,12,7;l:0,0,15,9; data-dimw:200px,200px,125px,77px;h:7px,7px,3px,1px; data-vbilityt,t,f,f data-frame_0x:50,50,31,19; data-frame_1st:110;sp:400;sR:110; data-frame_999o:0;st:w;sR:8490; stylez-index:13;background-color:#b0c04c;> /rs-layer> !-- -->a idslider-3-slide-8-layer-5 classrs-layer ttm-btn hrefSteel-Railing.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:260px,260px,0,0;y:m;yo:144px,144px,62px,31px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:27,27,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#0c2d62;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#0c2d62;bgc:#afcc17;boc:#afcc17;bos:solid;bow:2px,2px,2px,2px; stylez-index:12;font-family:inter;>More Products i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-13 classrs-layer ttm-btn hrefContact.html target_self relnofollow data-typetext data-color#0c2d62 data-rsp_chon data-xyx:r,r,c,c;xo:74px,74px,0,0;y:m;yo:144px,144px,120px,85px; data-textw:normal;s:14,14,14,13;l:20,20,14,13;fw:700; data-paddingt:13,13,12,12;r:25,25,30,25;b:13,13,12,12;l:30,30,30,25; data-borderbos:solid;boc:#afcc17;bow:2px,2px,2px,2px; data-frame_0y:100%; data-frame_1e:power4.inOut;st:260;sp:500;sR:260; data-frame_999o:0;st:w;sR:8240; data-frame_hoverc:#fff;bgc:#0c2d62;boc:#0c2d62;bos:solid;bow:2px,2px,2px,2px; stylez-index:11;background-color:#afcc17;font-family:inter;>Contact Us i classfa fa-long-arrow-right>/i> /a> !-- -->a idslider-3-slide-8-layer-18 classrs-layer ttm_prettyphoto target_self relnofollow data-typetext data-color#b0c04c data-rsp_chon data-xyx:c;xo:350px,350px,520px,320px;y:m;yo:-165px,-165px,25px,15px; data-textw:normal;s:25,25,15,9;l:55,55,34,20;a:center; data-dimw:55px,55px,34px,20px;h:55px,55px,34px,20px; data-vbilityt,t,f,f data-frame_0rY:360deg; data-frame_1e:back.out;st:230;sp:500;sR:230; data-frame_999o:0;st:w;sR:8270; data-frame_hoverc:#0c2d62;bgc:#b0c04c; stylez-index:16;background-color:#0c2d62;font-family:Roboto;>img srcrevolution/assets/1.png classtp-rs-img width49 height54 altrev-img data-no-retina> /a> !-- --> /rs-slide> /rs-slides> /rs-module> /rs-module-wrap> !-- Banner end--> !--site-main start--> div classsite-main> !--top-section--> section classttm-row top-section clearfix> div classcontainer> div classrow > div classcol-lg-12> div classrow mt_160 res-991-margin_top_0 g-0> div classcol-lg-12> div classrow> div classcol-sm-4 col-12> div classfeatured-icon-box icon-align-top-content style1> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-size-md> i>img classimg-fluid srcimages/portfolio/h8.png altimage>/i> /div> /div> div classfeatured-content> div classfeatured-title> h3>Our Vision/h3> /div> div classfeatured-desc> p>We are committed to ensure that our comprehensive business solutions spearhead the renewable energy movement for a cleaner and.../p> /div> a classttm-btn btn-inline ttm-btn-size-md ttm-icon-btn-right ttm-textcolor-darkgreycolor hrefAbout.html>Read Morei classfa fa-long-arrow-right>/i>/a> /div> /div> /div> div classcol-sm-4 col-12> div classfeatured-icon-box icon-align-top-content style1> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-size-md> i>img classimg-fluid srcimages/portfolio/h7.png altimage>/i> /div> /div> div classfeatured-content> div classfeatured-title> h3>Our Mission/h3> /div> div classfeatured-desc> p>Our Mission To strive hard to achieve what has not been achieved hitherto and produce the world’s best products & services in terms of quality.../p> /div> a classttm-btn btn-inline ttm-btn-size-md ttm-icon-btn-right ttm-textcolor-darkgreycolor hrefAbout.html>Read Morei classfa fa-long-arrow-right>/i>/a> /div> /div> /div> div classcol-sm-4 col-12> div classfeatured-icon-box icon-align-top-content style1> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-size-md> i>img classimg-fluid srcimages/portfolio/h9.png altimage>/i> /div> /div> div classfeatured-content> div classfeatured-title> h3>Why Us?/h3> /div> div classfeatured-desc> p>We are the foremost organization, betrothed in manufacturing high quality products in various specifications as per client’s exact needs.../p> /div> a classttm-btn btn-inline ttm-btn-size-md ttm-icon-btn-right ttm-textcolor-darkgreycolor hrefAbout.html>Read Morei classfa fa-long-arrow-right>/i>/a> /div> /div> /div> /div> /div> /div> /div> /div> /div> /section> !--top-section-end--> !--perfomance-section--> section classttm-row perfomance-section bg-layer-equal-height clearfix> div classcontainer> div classrow> div classcol-lg-7> !--section-title--> div classsection-title > div classtitle-header> h3>Welcome to /h3> h2 classtitle> strong classttm-textcolor-skincolor> Bhagwati Steel/strong> India. /h2> /div> div classtitle-desc> p>Established in the year 2000, we, Bhagwati Steel India, is recognized as the prominent Manufacturer and Trader of Hydraulic Pipes, MS Hydraulic Pipe, Hydraulic Pipe etc. A large Gamut of Industrial Pipes can be availed from us, which finds application in construction, engineering, cement and many other industries. Our Pipes are offered to the clients in different sizes, lengths and diameters. These Pipes are resistant to corrosion and can sustain adverse weather conditions. Different types of Pipes provided by us are explained below./p> /div> div classcontent-inner active> div classrow g-0> div classcol-lg-8 col-6> ul classttm-list ttm-list-style-icon ttm-list-icon-color-skincolor d-grid margin_top10> li>i classfa fa-angle-double-right>/i> span classttm-list-li-content>Optimum Quality Products/span> /li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Competent team of professionals/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Efficient logistics facility/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Timely delivery/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Cost-effective prices/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Vast industry experience/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Large warehousing unit/span>/li> li>i classfa fa-angle-double-right>/i>span classttm-list-li-content>Ethical business policies/span>/li> /ul> /div> /div> /div> div classmargin_top30> a classttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-dark margin_right20 margin_top15 hrefAbout.html>Read More i classfa fa-long-arrow-right>/i>/a> a classttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-skincolor margin_top15 hrefContact.html>Contact Usi classfa fa-long-arrow-right>/i>/a> /div> /div> !--section-title-end--> /div> div classcol-lg-5> div classttm-bg ttm-col-bgcolor-yes ttm-bgcolor-white ttm-right-span position-relative> div classttm-col-wrapper-bg-layer ttm-bg-layer>/div> div classlayer-content> !-- col-img-img-four --> div classttm-bg ttm-col-bgimage-yes col-bg-img-eight ttm-right-span> div classttm-col-wrapper-bg-layer ttm-bg-layer>/div> div classlayer-content>/div> /div>!-- col-img-bg-img-four end--> img classimg-fluid ttm-equal-height-image w-100 res-991-margin_bottom30 srcimages/bg-image/col-bgimage-8.jpg altbg-image> /div> /div> /div> /div> div classrow g-0> div classcol-lg-9> div classborder-right> /div> /div> div classcol-lg-3> div classttm-bg ttm-col-bgcolor-yes ttm-bgcolor-grey ttm-bg ttm-right-span> div classttm-col-wrapper-bg-layer ttm-bg-layer spacing-11 vertical-border> div classttm-col-wrapper-bg-layer-inner>/div> /div> div classlayer-content> div classfid-box-style> div classttm-fid inside style5> div classttm-fid-contents> h4 classttm-fid-inner> span data-appear-animationanimateDigits data-from0 data-to25 data-interval5 data-before data-before-stylesup data-after+ data-after-stylesub classnuminate>25/span> /h4> /div> div classttm-fid-title> p>Years Of br> Experiance/p> /div> /div> /div> /div> /div> /div> /div> /div> /section> !--perfomance-section-end--> !-- fid-section --> section classttm-row ttm-bgimage-yes ttm-bg ttm-bgcolor-darkgrey clearfix stylebackground-color: #b0c04c; top:100px;> div classttm-row-wrapper-bg-layer ttm-bg-layer>/div> div classcontainer> div classrow> div classcol-lg-12> div classrow> div classcol-lg-3 col-md-6 col-sm-6 col-12> !-- ttm-fid --> div classttm-fid inside ttm-fid-with-icon ttm-fid-view-lefticon style2> div classttm-fid-icon-wrapper> i classflaticon flaticon-design-team stylecolor: #000;>/i> /div> div classttm-fid-contents> h4 classttm-fid-inner> span data-appear-animationanimateDigits data-from0 data-to416 data-interval5 data-before data-before-stylesup data-after+ data-after-stylesub classnuminate>416/span> span>k/span> /h4> h3 classttm-fid-title>Happy Client/h3> /div> /div> !-- ttm-fid End--> /div> div classcol-lg-3 col-md-6 col-sm-6 col-12> !-- ttm-fid --> div classttm-fid inside ttm-fid-with-icon ttm-fid-view-lefticon style2> div classttm-fid-icon-wrapper> i classflaticon flaticon-renovation stylecolor: #000;>/i> /div> div classttm-fid-contents> h4 classttm-fid-inner> span data-appear-animationanimateDigits data-from0 data-to25 data-interval5 data-before data-before-stylesup data-after data-after-stylesub classnuminate>25/span> /h4> h3 classttm-fid-title>Years Experience/h3> /div> /div> !-- ttm-fid End--> /div> div classcol-lg-3 col-md-6 col-sm-6 col-12> !-- ttm-fid --> div classttm-fid inside ttm-fid-with-icon ttm-fid-view-lefticon style2> div classttm-fid-icon-wrapper> i classflaticon flaticon-building-1 stylecolor: #000;>/i> /div> div classttm-fid-contents> h4 classttm-fid-inner> span data-appear-animationanimateDigits data-from0 data-to4162 data-interval5 data-before data-before-stylesup data-after data-after-stylesub classnuminate>4162/span> /h4> h3 classttm-fid-title>Projects/h3> /div> /div> !-- ttm-fid End--> /div> div classcol-lg-3 col-md-6 col-sm-6 col-12> !-- ttm-fid --> div classttm-fid inside ttm-fid-with-icon ttm-fid-view-lefticon style2> div classttm-fid-icon-wrapper> i classflaticon flaticon-workers stylecolor: #000;>/i> /div> div classttm-fid-contents> h4 classttm-fid-inner> span data-appear-animationanimateDigits data-from0 data-to416 data-interval5 data-before data-before-stylesup data-after+ data-after-stylesub classnuminate>416/span> /h4> h3 classttm-fid-title>Worldwide Clients/h3> /div> /div> !-- ttm-fid End--> /div> /div> /div> /div> /div> /section> !-- fid-section-end--> !-- progress-bar-section--> section classttm-row progressbar-section ttm-bg bg-layer-equal-height ttm-bgcolor-grey clearfix> div classcontainer> div classrow> div classcol-lg-12> div classrow g-0> div classcol-lg-6> div classttm-col-bgimage-yes ttm-bg col-bg-img-four ttm-left-span> div classttm-col-wrapper-bg-layer ttm-bg-layer>/div> div classlayer-content> /div> /div> !--col-image-four --> img classimg-fluid ttm-equal-height-image srcimages/bg-image/col-bgimage-2.jpg altbg-image> !--col-image-four --> /div> /div> /div> /div> /div> /section> !-- progress-bar-section-end--> !--Blog-section--> !--Blog-section-end--> !--portfolio-section--> section classttm-row project-section-section bg-img2 clearfix > div classcontainer-fluid p-0> div classrow> div classcol-lg-12> !--section-title --> div classsection-title title-style-center_text> div classtitle-header> h2 classtitle>Our strong classttm-textcolor-skincolor>Products/strong>/h2> /div> /div> !--section-title-end --> /div> /div> !-- row --> div classrow g-0 > div classcol-lg-12> div classttm-tabs portfolio_filter_tab ttm-tab-style-02> div classcontent-tab> !-- content-inner --> div classrow slick_slider data-slick{slidesToShow: 4, slidesToScroll: 1, arrows:false, dots:false, autoplay:true, infinite:true, responsive: {breakpoint:1024,settings:{slidesToShow: 3}} , {breakpoint:90,settings:{slidesToShow: 2}}, {breakpoint:575,settings:{slidesToShow: 1}}}> div classcol-lg-2dot4 ttm-box-col-wrapper project_item buildings houses> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/project01-650x700.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleInterior Texture data-relprettyPhoto hrefimages/portfolio/project01-1200x800.jpg> i classti ti-plus>/i> /a> a hrefStainless-Steel-Circle.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefStainless-Steel-Circle.html>Stainless Steel Circle/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item buildings interior> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/1.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleHouse of Cards data-relprettyPhoto hrefimages/portfolio/b1.jpg> i classti ti-plus>/i> /a> a hrefIndustrial-Bars-Rods.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefIndustrial-Bars-Rods.html>Industrial Bars & Rods/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/2.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b2.jpg> i classti ti-plus>/i> /a> a hrefSteel-Pipes-And-Tubes.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefSteel-Pipes-And-Tubes.html>Steel Pipes And Tubes/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/3.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b3.jpg> i classti ti-plus>/i> /a> a hrefPlates-Coils-Sheets.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefPlates-Coils-Sheets.html>Plates,Coils & Sheets/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/4.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b4.jpg> i classti ti-plus>/i> /a> a hrefStainless-Steel-Wires.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefStainless-Steel-Wires.html>Stainless Steel Wires/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/6.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b6.jpg> i classti ti-plus>/i> /a> a hrefSteel-Railing.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefSteel-Railing.html>Steel Railing/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/7.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b7.jpg> i classti ti-plus>/i> /a> a hrefRaw-Materials.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefRaw-Materials.html>Raw Materials/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/8.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b8.jpg> i classti ti-plus>/i> /a> a hrefIndustrial-Pipe-Fittings.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefIndustrial-Pipe-Fittings.html>Industrial Pipe Fittings/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/10.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b10.jpg> i classti ti-plus>/i> /a> a hrefSteel-Angles-and-Flats.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefSteel-Angles-and-Flats.html>Steel Angles and Flats/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> div classcol-lg-2dot4 ttm-box-col-wrapper project_item houses offices> !-- featured-imagebox-portfolio --> div classfeatured-imagebox featured-imagebox-portfolio style2> !-- ttm-box-view-overlay --> div classttm-box-view-overlay> !-- featured-thumbnail --> div classfeatured-thumbnail> img classimg-fluid srcimages/portfolio/11.jpg altimage> /div>!-- featured-thumbnail end--> div classttm-media-link> a classttm_prettyphoto ttm_image titleKitchen and Living data-relprettyPhoto hrefimages/portfolio/b11.jpg> i classti ti-plus>/i> /a> a hrefSS-Pipe.html classttm_link> i classti ti-search>/i>/a> /div> /div>!-- ttm-box-view-overlay end--> div classfeatured-content> div classfeatured-title> h3>a hrefSS-Pipe.html>SS Pipe/a>/h3> /div> /div> /div>!-- featured-imagebox-portfolio --> /div> /div> /div> /div> /div> /div> /div> !-- row --> /div> /section> !--portfolio-section-end--> section classttm-row process-section ttm-bgimage-yes bg-img6 ttm-bg ttm-bgcolor-darkgrey mt_100 res-991-margin_top_0 clearfix> div classttm-row-wrapper-bg-layer ttm-bg-layer>/div> div classcontainer> div classrow> div classcol-lg-12> !--section-title --> div classsection-title title-style-center_text padding_bottom20> div classtitle-header> h3>Why /h3> h2 classtitle>Choice strong classttm-textcolor-skincolor>Us?/strong>/h2> /div> /div> !--section-title-end --> /div> /div> div classrow> div classcol-lg-12> div classrow> div classcol-lg-4 col-md-6> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h1.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>Nature of Business/p> /div> div classfeatured-title> h3>Wholesaler/h3> /div> /div> /div> /div> div classcol-lg-4 col-md-6> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h2.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>Total Number of Employees/p> /div> div classfeatured-title> h3>Upto 10 People/h3> /div> /div> /div> /div> div classcol-lg-4> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h3.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>Year of Establishment/p> /div> div classfeatured-title> h3>2005/h3> /div> /div> /div> /div> /div> /div> /div> br> div classrow> div classcol-lg-12> div classrow> div classcol-lg-4 col-md-6> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h4.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>Legal Status of Firm/p> /div> div classfeatured-title> h3>Individual - Proprietor/h3> /div> /div> /div> /div> div classcol-lg-4 col-md-6> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h5.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>Annual Turnover/p> /div> div classfeatured-title> h3>Rs. 10 - 25 Crore/h3> /div> /div> /div> /div> div classcol-lg-4> div classfeatured-icon-box icon-align-top-content style6> div classfeatured-icon text-center> div classttm-icon ttm-icon_element-fill ttm-icon_element-color-skincolor ttm-icon_element-size-xl ttm-icon_element-style-square> i>img classimg-fluid srcimages/portfolio/h6.png altimage>/i> /div> div classprocess-num>/div> /div> div classfeatured-content text-center> div classfeatured-desc> p>GST Number/p> /div> div classfeatured-title> h3>24AELPB9069D1ZK/h3> /div> /div> /div> /div> /div> /div> /div> /div> /section> !--process-section-end--> !--site-main start--> div classsite-main> !--contact-info-section--> section classttm-row contact-info-section clearfix> div classrow> div classcol-lg-12> !--section-title --> div classsection-title title-style-center_text> div classtitle-header> h2 classtitle>Our strong classttm-textcolor-skincolor>Branche/strong>/h2> /div> /div> !--section-title-end --> /div> /div> div classcontainer stylepadding-left: 77px;> div classrow> div classcol-lg-4 col-md-12> div classfeatured-icon-box icon-align-top-content style8> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-md> img classimg-fluid auto_size width160 height98 srcimages/client/logo.png altimage> /div> /div> div classfeatured-content> div classfeatured-title> h3>Kutch, Gujarat/h3> /div> /div> /div> /div> div classcol-lg-4 col-md-12> div classfeatured-icon-box icon-align-top-content style8> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-skincolor ttm-icon_element-size-md> img classimg-fluid auto_size width160 height98 srcimages/client/logo1.png altimage> /div> /div> div classfeatured-content> div classfeatured-title> h3>Ahmedabad, Gujarat/h3> /div> /div> /div> /div> /div> /div> /section> section classttm-row progressbar-section ttm-bg bg-layer-equal-height ttm-bgcolor-grey clearfixstylepadding:1px;> div classcontainer> div classmargin_top90 padding_bottom30 res-991-margin_top50 style text-align-last: center;> div classpadding_left15 padding_right15> h3 classtitle>Our Valuable span>Clients/span>/h3> /div> div classrow slick_slider data-slick{slidesToShow: 4, slidesToScroll: 1, arrows:false, autoplay:false, infinite:true, responsive: {breakpoint:1200,settings:{slidesToShow: 5}}, {breakpoint:1024,settings:{slidesToShow: 4}}, {breakpoint:777,settings:{slidesToShow: 3}},{breakpoint:575,settings:{slidesToShow: 2}},{breakpoint:400,settings:{slidesToShow: 1}}}> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-01.png altimage> /div> /div> /div> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-02.png altimage> /div> /div> /div> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-03.png altimage> /div> /div> /div> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-01.png altimage> /div> /div> /div> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-02.png altimage> /div> /div> /div> div classcol-lg-12> div classclient-box style1> div classclient-thumbnail> img classimg-fluid auto_size width160 height98 srcimages/client/client-03.png altimage> /div> /div> /div> /div>!-- row end --> /div> /div> /section> !--footer start--> footer classfooter widget-footer clearfix> div classfirst-footer> div classcontainer> div classrow> div classcol-xs-12 col-sm-12 col-md-12 col-lg-4 widget-area> /div> div classcol-xs-12 col-sm-12 col-md-12 col-lg-4 widget-area> div classfeatured-icon-box icon-align-before-content> div classfeatured-icon> div classttm-icon ttm-icon_element-onlytxt ttm-icon_element-color-darkgrey ttm-icon_element-size-lg> i classflaticon-phone-call>/i> /div> /div> div classfeatured-content> div classfeatured-title> h3>Contact For Any Help/h3> /div> div classfeatured-desc> /div> /div> /div> /div> div classcol-xs-12 col-sm-12 col-md-12 col-lg-4 widget-area> div classwidget newsletter_widget clearfix res-991-padding_top30> h3 stylefont-size: 29px; color:#fff;>+(91)-98792 78081 /h3> /div> /div> /div> /div> /div> div classsecond-footer ttm-bgimage-yes bg-footer ttm-bg ttm-bgcolor-darkgrey> div classttm-row-wrapper-bg-layer ttm-bg-layer>/div> div classcontainer> div classrow> div classcol-xs-12 col-sm-6 col-md-6 col-lg-4 widget-area> div classwidget-latest-tweets mt_140 res-991-margin_top0 clearfix margin:0px;> div classwidgte-text> iframe srchttps://www.google.com/maps/embed?pb!1m16!1m12!1m3!1d7344.268969271391!2d72.62359697618437!3d23.018833843218832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1s%09BHAGVATISTEEL%2020%2F3%20Shrine%20Estate%2C%20Opp%20Nanavati%20Estate%2C%20Nr%20Keval%20Kanta%2C%20Rakhial%2C%20Ahmedabad%20380023!5e0!3m2!1sen!2sin!4v1657868453506!5m2!1sen!2sin width100% height350 styleborder:0; allowfullscreen loadinglazy referrerpolicyno-referrer-when-downgrade>/iframe> /div> /div> /div> div classcol-xs-12 col-sm-4 col-md-4 col-lg-4 widget-area> div classwidget widget_nav_menu clearfix> h3 classwidget-title>Our Products/h3> ul idmenu-footer-quick-links styleletter-spacing: 1.1px; font-size: 13px;> li>a href#>i classfa fa-arrow-right>/i>Stainless Steel Circle/a>/li> li>a href#>i classfa fa-arrow-right>/i>Industrial Bars & Rods/a>/li> li>a href#>i classfa fa-arrow-right>/i>Steel Pipes And Tubes/a>/li> li>a href#>i classfa fa-arrow-right>/i>Plates,Coils & Sheets /a>/li> li>a href#>i classfa fa-arrow-right>/i>Stainless Steel Wires/a>/li> li>a href#>i classfa fa-arrow-right>/i>Stainless Steel Bars/a>/li> /ul> /div> /div> div classcol-xs-12 col-sm-4 col-md-4 col-lg-4 widget-area> div classwidget widget-recent-post clearfix> h3 classwidget-title>Contact Us/h3> ul classwidget-post ttm-recent-post-list> li> div classpost-detail > span classpost-date>i classflaticon-phone-call style font: icon;>/i>+(91)-99788 18529/span> /div> /li> li> div classpost-detail> span classpost-date>i classflaticon flaticon-envelope style font: icon;>/i> bhagwatisteel143@gmail.com/span> /div> /li> li> div classpost-detail> span classpost-date>i classflaticon flaticon-placeholder style font: icon;>/i>b>Bhagwati Steel India/b> br> 20/3 Shrine Estate, Opp Nanavati Estate, Nr Keval Kanta, Rakhial, Ahmedabad 380023/span> /div> /li> /ul> br> div classsocial-icons> ul classsocial-icons list-inline> li>a classtooltip-top href# relnoopener aria-labelfacebook data-tooltipFacebook> i classfa fa-facebook>/i>/a>/li> li>a classtooltip-top href# relnoopener aria-labeltwitter data-tooltiptwitter> i classfa fa-twitter>/i>/a>/li> li>a classtooltip-top href# relnoopener aria-labellinkedin data-tooltiplinkedin> i classfa fa-linkedin>/i>/a>/li> li>a classtooltip-top hrefGoogle Plus relnoopener aria-labelgoogle-plus data-tooltipgoogle-plus>i classfa fa-google-plus>/i>/a>/li> /ul> /div> /div> /div> /div> /div> div classbottom-footer-text ttm-bg copyright> div classcontainer> div classrow> div classcol-sm-6> div classtext-left> span classcpy-text> Copyright © 2022 a href# class font-weight-500> Bhagwati Steel India/a> Design By a hrefhttp://krishnatechno.co.in/>Krishna Techno/a>/span> /div> /div> /div> /div> /div> /div> /footer> a hrefhttps://api.whatsapp.com/send?phone9426592347&text%20Bhagwati%20Steel%20India classWhatsAppButton aria-label target_blank>style> .WhatsAppButton2 { position: fixed; bottom: 3px; left: 4px; width: 210px; height: 82px; z-index: 10; background-image: url(img-456.png); transition: .3s ease;}.WhatsAppButton2:hover {} .WhatsAppButton { position: fixed; bottom: 98px; right: 4px; width: 60px; height: 60px; background-color: #25d366; border-radius: 50%; z-index: 10; background-image: url(../img/whatsapp-logo.svg); background-repeat: no-repeat; background-size: 30px; background-position: 50%; transition: .3s ease;}.WhatsAppButton:hover { background-color: #128c73;}@keyframes whatsScale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; }}.WhatsAppButton::before,.WhatsAppButton::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #128c73; border-radius: 50%; transition: .3s ease; transform: scale(0);}.WhatsAppButton::before { animation: whatsScale 2000ms ease infinite;}.WhatsAppButton::after { animation: whatsScale 2000ms ease infinite 500ms;}/*------------------------ Move Up Animation ---------------------------*/.move-up { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}.move-up.animate { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-animation: moveVertical .65s ease forwards; animation: moveVertical .65s ease forwards;}/* ------------------------ Custom Animation 01 ----------------------------*/@-webkit-keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; }}@keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; }}/*------------------------ slidefadeinup--------------------------*/@-webkit-keyframes slideFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes slideFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.slideFadeInUp { -webkit-animation-name: slideFadeInUp; animation-name: slideFadeInUp;}/* ----------------------------------- Custom Animation For All Page---------------------------------------*/@-webkit-keyframes moveVertical { to { opacity: 1; -webkit-transform: translateY(0); }}@keyframes moveVertical { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}/*---------------------- Animated Text -----------------------*/@-webkit-keyframes animateBorder { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; } 50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; } 51% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }}@keyframes animateBorder { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; } 50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; } 51% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }}.box span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;}.box span:nth-child(1) { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}.box span:nth-child(2) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: auto; right: 0;}.box span:nth-child(3) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}.box span:nth-child(4) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}.box span::before { content: ; position: absolute; width: 100%; height: 2px; background: #ffffff; -webkit-animation: animateBorder 4s linear infinite; animation: animateBorder 4s linear infinite;}.box span:nth-child(1)::before { left: 0;}.box span:nth-child(2)::before { top: -122px; right: 0;}.box span:nth-child(4)::before { top: -121px; left: 0;}.box span:nth-child(3)::before { right: 0; left: auto;}/*--------------------------Scroll Line Animation ----------------------------*/@-webkit-keyframes line1 { 0% { opacity: 1; bottom: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { bottom: 100%; opacity: 0.5; }}@keyframes line1 { 0% { opacity: 1; bottom: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { bottom: 100%; opacity: 0.5; }}@-webkit-keyframes line5 { 0% { opacity: 1; bottom: 400px; } 50% { bottom: 50%; } 100% { bottom: 100%; opacity: 0.5; }}@keyframes line5 { 0% { opacity: 1; bottom: 400px; } 50% { bottom: 50%; } 100% { bottom: 100%; opacity: 0.5; }}@-webkit-keyframes line2 { 0% { opacity: 1; top: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line2 { 0% { opacity: 1; top: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { top: 100%; opacity: 0.5; }}@-webkit-keyframes line3 { 0% { opacity: 1; top: 500px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line3 { 0% { opacity: 1; top: 500px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@-webkit-keyframes line4 { 0% { opacity: 1; top: 300px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line4 { 0% { opacity: 1; top: 300px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}/*--------------------------------Scroll Down Button Animation ----------------------------------*/@-webkit-keyframes scrollDown { 0% { opacity: 0; } 10% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; }}@keyframes scrollDown { 0% { opacity: 0; } 10% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; }}/* Custom Animation */.link-hover a { display: inline-block; padding: 3px 0; position: relative; overflow: hidden; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 1;}.link-hover a::after { content: ; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor;}.link-hover a:hover::after { width: 100%; left: 0; right: auto;}.link-hover.color-var--2 a:hover { color: #5BCC9F !important;}/* SPLITTING */.splitting .word,.splitting .char { display: inline-block;}.splitting .char { position: relative;}.animated .char { display: inline-block; -webkit-animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(10ms * var(--char-index)); animation-delay: calc(10ms * var(--char-index));}/* ANIMATIONS */@-webkit-keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}/* REVEAL EFFECT */.reveal-effect { position: relative;}.reveal-effect > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative;}.reveal-effect > * { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}.reveal-effect { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;}.reveal-effect { -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}.reveal-effect.animated { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}.reveal-effect.animated * { -webkit-animation-name: show-img-1; animation-name: show-img-1;}.reveal-effect::after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);}.reveal-effect::after { content: ; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}.reveal-effect::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); -ms-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);}.reveal-effect.masker::after { background-color: rgba(0, 2, 72, 0.3);}.reveal-effect.animated::after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2;}@-webkit-keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; }}@keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; }}@-webkit-keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }}@keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }}/*!Animate.css - http://daneden.me/animateVersion - 3.4.0Licensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s;}.animated.flipOutX,.animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce { from, 20%, 53%, 80%, 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 { from, 20%, 53%, 80%, 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; -ms-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}.flash { -webkit-animation-name: flash; animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.pulse { -webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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 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; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.tada { -webkit-animation-name: tada; animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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); } to { -webkit-transform: none; transform: none; }}@keyframes wobble { from { -webkit-transform: none; transform: none; } 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); } to { -webkit-transform: none; transform: none; }}.wobble { -webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }}@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }}.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInDown { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInLeft { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInRight { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 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 { from, 60%, 75%, 90%, 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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }}@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.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: none; transform: none; }}@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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;}@-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 { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-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-backface-visibility: visible !important; backface-visibility: visible !important; -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-backface-visibility: visible !important; backface-visibility: visible !important;}@-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}@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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}.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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-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: none; transform: none; }}@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: none; transform: none; }}.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; }}@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; }}.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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;}/* * Utilities*/ .bounce-in-top { -webkit-animation: bounce-in-top 1.1s both; animation: bounce-in-top 1.1s both;}@-webkit-keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }}@keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }}.WhatsAppButton { position: fixed; bottom: 98px; right: 4px; width: 60px; height: 60px; background-color: #25d366; border-radius: 50%; z-index: 10; background-image: url(whatsapp-logo.svg); background-repeat: no-repeat; background-size: 30px; background-position: 50%; transition: .3s ease;}.WhatsAppButton:hover { background-color: #128c73;}@keyframes whatsScale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; }}.WhatsAppButton::before,.WhatsAppButton::after { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #128c73; border-radius: 50%; transition: .3s ease; transform: scale(0);}.WhatsAppButton::before { animation: whatsScale 2000ms ease infinite;}.WhatsAppButton::after { animation: whatsScale 2000ms ease infinite 500ms;} /*------------------------ Move Up Animation ---------------------------*/.move-up { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}.move-up.animate { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-animation: moveVertical .65s ease forwards; animation: moveVertical .65s ease forwards;}/* ------------------------ Custom Animation 01 ----------------------------*/@-webkit-keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; }}@keyframes headerSlideDown { 0% { margin-top: -100px; } to { margin-top: 0; }}/*------------------------ slidefadeinup--------------------------*/@-webkit-keyframes slideFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes slideFadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.slideFadeInUp { -webkit-animation-name: slideFadeInUp; animation-name: slideFadeInUp;}/* ----------------------------------- Custom Animation For All Page---------------------------------------*/@-webkit-keyframes moveVertical { to { opacity: 1; -webkit-transform: translateY(0); }}@keyframes moveVertical { to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }}/*---------------------- Animated Text -----------------------*/@-webkit-keyframes animateBorder { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; } 50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; } 51% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }}@keyframes animateBorder { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; } 50% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; } 51% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }}.box span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box;}.box span:nth-child(1) { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}.box span:nth-child(2) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: auto; right: 0;}.box span:nth-child(3) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}.box span:nth-child(4) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}.box span::before { content: ; position: absolute; width: 100%; height: 2px; background: #ffffff; -webkit-animation: animateBorder 4s linear infinite; animation: animateBorder 4s linear infinite;}.box span:nth-child(1)::before { left: 0;}.box span:nth-child(2)::before { top: -122px; right: 0;}.box span:nth-child(4)::before { top: -121px; left: 0;}.box span:nth-child(3)::before { right: 0; left: auto;}/*--------------------------Scroll Line Animation ----------------------------*/@-webkit-keyframes line1 { 0% { opacity: 1; bottom: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { bottom: 100%; opacity: 0.5; }}@keyframes line1 { 0% { opacity: 1; bottom: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { bottom: 100%; opacity: 0.5; }}@-webkit-keyframes line5 { 0% { opacity: 1; bottom: 400px; } 50% { bottom: 50%; } 100% { bottom: 100%; opacity: 0.5; }}@keyframes line5 { 0% { opacity: 1; bottom: 400px; } 50% { bottom: 50%; } 100% { bottom: 100%; opacity: 0.5; }}@-webkit-keyframes line2 { 0% { opacity: 1; top: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line2 { 0% { opacity: 1; top: 0; } 30% { bottom: 30%; } 50% { bottom: 50%; } 70% { bottom: 70%; } 100% { top: 100%; opacity: 0.5; }}@-webkit-keyframes line3 { 0% { opacity: 1; top: 500px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line3 { 0% { opacity: 1; top: 500px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@-webkit-keyframes line4 { 0% { opacity: 1; top: 300px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}@keyframes line4 { 0% { opacity: 1; top: 300px; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; }}/*--------------------------------Scroll Down Button Animation ----------------------------------*/@-webkit-keyframes scrollDown { 0% { opacity: 0; } 10% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; }}@keyframes scrollDown { 0% { opacity: 0; } 10% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; }}/* Custom Animation */.link-hover a { display: inline-block; padding: 3px 0; position: relative; overflow: hidden; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; z-index: 1;}.link-hover a::after { content: ; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; background: currentColor;}.link-hover a:hover::after { width: 100%; left: 0; right: auto;}.link-hover.color-var--2 a:hover { color: #5BCC9F !important;}/* SPLITTING */.splitting .word,.splitting .char { display: inline-block;}.splitting .char { position: relative;}.animated .char { display: inline-block; -webkit-animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; animation: texteffect 0.6s cubic-bezier(0.5, 0, 0.5, 1) both; -webkit-animation-delay: calc(10ms * var(--char-index)); animation-delay: calc(10ms * var(--char-index));}/* ANIMATIONS */@-webkit-keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}@keyframes texteffect { 0% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}/* REVEAL EFFECT */.reveal-effect { position: relative;}.reveal-effect > * { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative;}.reveal-effect > * { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}.reveal-effect { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;}.reveal-effect { -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}.reveal-effect.animated { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}.reveal-effect.animated * { -webkit-animation-name: show-img-1; animation-name: show-img-1;}.reveal-effect::after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);}.reveal-effect::after { content: ; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}.reveal-effect::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); -ms-transform: scale(0.05, 0); transform: scale(0.05, 0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);}.reveal-effect.masker::after { background-color: rgba(0, 2, 72, 0.3);}.reveal-effect.animated::after { -webkit-animation-name: slide-bg-2; animation-name: slide-bg-2;}@-webkit-keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; }}@keyframes show-img-1 { 0%, 66.6% { visibility: hidden; } 100%, 66.7% { visibility: visible; }}@-webkit-keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }}@keyframes slide-bg-2 { 33.3% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 1); transform: scale(0.05, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); }}/*! Copyright (c) 2015 Daniel Eden*/.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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s;}.animated.flipOutX,.animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce { from, 20%, 53%, 80%, 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 { from, 20%, 53%, 80%, 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; -ms-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}.flash { -webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes pulse { from { -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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.pulse { -webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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 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; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.tada { -webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 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); } to { -webkit-transform: none; transform: none; }}@keyframes wobble { from { -webkit-transform: none; transform: none; } 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); } to { -webkit-transform: none; transform: none; }}.wobble { -webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }}@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); }}.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes bounceIn { from, 20%, 40%, 60%, 80%, 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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInDown { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInLeft { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, 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: none; transform: none; }}@keyframes bounceInRight { from, 60%, 75%, 90%, 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: none; transform: none; }}.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, 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 { from, 60%, 75%, 90%, 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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }}@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.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: none; transform: none; }}@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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: none; transform: none; }}@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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;}@-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 { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-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-backface-visibility: visible !important; backface-visibility: visible !important; -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-backface-visibility: visible !important; backface-visibility: visible !important;}@-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}@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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}.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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-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: none; transform: none; }}@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: none; transform: none; }}.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; }}@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; }}.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.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(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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;}/* * Utilities*/ /style> !--footer end--> !--back-to-top start--> a idtotop href#top> i classfa fa-angle-up>/i> /a> !--back-to-top end--> /div>!-- page end --> !-- Javascript --> script srcjs/jquery-3.6.0.min.js>/script> script srcjs/jquery-migrate-3.3.2.min.js>/script> script srcjs/bootstrap.bundle.min.js>/script> script srcjs/jquery.easing.js>/script> script srcjs/jquery-waypoints.js>/script> script srcjs/jquery-validate.js>/script> script srcjs/jquery.prettyPhoto.js>/script> script srcjs/slick.min.js>/script> script srcjs/numinate.min.js>/script> script srcjs/imagesloaded.min.js>/script> script srcjs/jquery-isotope.js>/script> script srcrevolution/js/rbtools.min.js>/script> script srcrevolution/js/rs6.min.js>/script> script srcrevolution/js/slider.js>/script> script srcjs/main.js>/script> !-- Javascript end-->/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]