body { margin: 0; padding: 0; font-family: oswald; font-size: 16px; color: #514e4e; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; line-height: 16px; font-weight: 300 } .p-bot5 { padding-bottom: 5px!important } .p-bot10 { padding-bottom: 10px!important } .p-bot15 { padding-bottom: 15px!important } .p-bot20 { padding-bottom: 20px!important } .p-bot25 { padding-bottom: 25px!important } .p-bot30 { padding-bottom: 30px!important } .p-bot40 { padding-bottom: 40px!important } .p-bot45 { padding-bottom: 45px!important } .p-bot50 { padding-bottom: 50px!important } .p-bot55 { padding-bottom: 55px!important } .p-bot60 { padding-bottom: 60px!important } .p-top5 { padding-top: 5px!important } .p-top10 { padding-top: 10px!important } .p-top15 { padding-top: 15px!important } .p-top20 { padding-top: 20px!important } .p-top25 { padding-top: 25px!important } .p-top30 { padding-top: 30px!important } .p-top35 { padding-top: 35px!important } .p-top40 { padding-top: 40px!important } .p-top45 { padding-top: 45px!important } .p-top50 { padding-top: 50px!important } .p-top55 { padding-top: 55px!important } div, ul, li, ol, strong, span, textfield, textarea { margin: 0; padding: 0; list-style: none; box-sizing: border-box; line-height: 16px; -webkit-transition: all 1s; -moz-transition: all 1s } h1, h2, h3, h4, h5, h6, .title { margin: 0; padding: 0; font-size: 14px; font-weight: 400; box-sizing: border-box; line-height: 16px } p { text-align: justify; line-height: 16pt; margin: 0; padding: 0; box-sizing: border-box; color: #514e4e } a { text-decoration: none; color: #FFF; box-sizing: border-box } a:hover { text-decoration: none; color: #FFF } img { margin: 0; padding: 0; border: 0; display: inline-block; vertical-align: middle } img a { margin: 0; padding: 0; border: 0 } img a:hover { margin: 0; padding: 0; border: 0 } .fixed { width: 1170px; margin: 0 auto } .center { text-align: center!important } .mainrow { width: auto; padding: 40px 0 } .mainrow1 { width: auto; padding: 30px 0 } .mainrow2 { width: auto; padding: 40px 0 0 } .maintitle { width: auto; padding: 0; font-size: 30px; font-weight: 600; overflow: hidden; line-height: 28pt; text-align: left } .maintitle.blue { color: #2b77af } .header .menu .logo-black { float: left; background: url(http://cdn.pagetraffic.com/images/logo-black.png) left top no-repeat; width: 250px; height: 72px; -webkit-transition: all .5s; -moz-transition: all .5s; cursor: pointer; margin: -15px 0 0 } .callrow { width: auto; display: block } .callrow p { width: auto; display: block; font-family: 'Open Sans', sans-serif; text-align: center; color: #5a5858 } .callrow p strong { width: auto; display: block; color: #b91038; font-size: 30px; font-weight: 700 } .callrow p strong small { color: #5a5858; font-size: 30px; font-weight: 700 } .callrow p span { display: block; padding: 14px 0 10px } .callrow p a { background: #4798d1; display: inline-block; padding: 15px 100px; font-weight: 700; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-transition: none; -moz-transition: none } .callrow p a:hover { opacity: .8 } .gray { background: #f6f7f8 } .sky { background: #e6f3fc } .font30 { font-size: 30px } .header { font-family: 'Open Sans', sans-serif; color: #fff; width: 100%; position: fixed; padding: 10px 0; z-index: 1000; top: 0 } .header .blueback { width: 100%; position: absolute; height: 200px; z-index: -1; left: 0; top: 0; padding-bottom: 0; background-color: #009cde; background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); -webkit-background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); -moz-background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); -ms-background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); -o-background-image: radial-gradient(circle farthest-side at center bottom, #009cde, #003087 125%); color: #fff } .header .fixed { margin: 0 auto } .header .headerinner { margin: 10px 0 0; display: inline-block } .header .topbar { font-weight: 400; width: auto; padding: 0 } .header .topbar ul { font-size: 0; width: auto; text-align: right; padding: 0 0 10px } .header .topbar ul li { display: inline-block; font-size: 14px; line-height: 8pt; vertical-align: top } .header .topbar ul li:first-child { font-size: 16px; font-weight: 600; margin: 0 5px 0 0 } .header .topbar ul li:last-child { margin: 0 } .header .topbar ul li a { vertical-align: top; display: block; padding: 0 } .header .topbar ul li a.call { color: #fff; font-weight: 600; font-size: 16px } .header .topbar ul li a.mobile, .header.animate1 .topbar ul li a.mobile { border-left: 1px solid #fff; color: #fff; margin: 0 0 0 10px; padding: 0 0 0 10px } .header .topbar ul li a:hover.mobile, .header.animate1 .topbar ul li a:hover.mobile { text-decoration: underline } .header .menu { float: right; margin: 5px 0 0 45px } .header .logo { background: url(http://cdn.pagetraffic.com/images/logo.png) left top no-repeat; width: 250px; height: 56px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; cursor: pointer; margin: -20px auto 0 0; float: left } .header .menu .nav { width: auto } .header .menu .nav ul { display: inline-block; vertical-align: top; width: auto } .header .menu .nav ul li { float: left; font-size: 16px; position: relative } .header .menu .nav ul li span { display: none } .header .menu .nav ul li a { display: block; font-size: 16px; font-weight: 700; padding: 8px 16px; color: #fff } .hideblock { margin: 0 0 0 15px } .header.animate .menu .nav ul li a.droplink span { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/dropdown-icon2.png) no-repeat scroll right top; display: inline-block; height: 4px; line-height: normal; padding: 0; width: 8px; vertical-align: top; position: relative; top: 6px; left: 0 } .header .menu .nav ul li a.droplink span, .header.animate1 .menu .nav ul li a.droplink span { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/dropdown-icon.png) no-repeat scroll right top; display: inline-block; height: 4px; line-height: normal; padding: 0; width: 8px; vertical-align: top; position: relative; top: 6px; left: 0 } .header .menu .nav ul li a.last { background: none!important } .header .menu .nav ul li a.quote, .header.animate1 a.quote { background: #cf6 none repeat scroll 0 0; border: 0 none; border-radius: 6px; color: #000!important; padding: 6px 13px; line-height: 24px } .header .menu .nav ul li a.quote:hover { background: #b2e943 none repeat scroll 0 0; border: 0 none } .header .award { background: url(http://cdn.pagetraffic.com/images/award-back.png) no-repeat left bottom; font-size: 16px; font-weight: 600; line-height: 17pt; padding: 10px 0 30px; position: absolute; right: 10px; text-align: center; text-shadow: 0 1px 1px #cc6e13; -webkit-text-shadow: 0 1px 1px #cc6e13; -moz-text-shadow: 0 1px 1px #cc6e13; -ms-text-shadow: 0 1px 1px #cc6e13; -o-text-shadow: 0 1px 1px #cc6e13; top: 0; width: 103px } .header .award a, .header .award a:hover { text-decoration: none; color: #fff } .header .award strong { font-size: 40px } .header .newmenu { width: auto } .header .newmenu ul { width: auto; text-align: center } .header .newmenu ul li { display: inline-block } .header.animate { animation: slide 1s forwards; background: #FFF!important } .header.animate .logo { float: left; background: url(http://cdn.pagetraffic.com/images/active-logo.png) left top no-repeat } .header.animate .logo:hover { background: url(http://cdn.pagetraffic.com/images/active-logo.png) -250px top no-repeat } .header.animate .topbar ul li { color: #5e5d5d } .header.animate .topbar ul li a { color: #5e5d5d } .header.animate .menu .nav ul li { position: relative } .header.animate .menu .nav ul li a { color: #5e5d5d; -webkit-transition: none } .header.animate .menu .nav ul li a.quote { background: rgba(0,0,0,0) none repeat scroll 0 0; border: 2px solid #509ad2; border-radius: 6px } .header.animate1 .menu .nav ul li a.quote { color: #000!important } .header.animate1.animate .menu .nav ul li a.quote { color: #fff!important } .header.animate .menu .nav ul li a.quote:hover, .header.animate1 .menu .nav ul li a.quote:hover { background: #4797d1 none repeat scroll 0 0; border: 2px solid #4797d1; border-radius: 6px; color: #fff!important } .header.animate .topbar ul li a.call { background: url(http://cdn.pagetraffic.com/images/top-icon1-active.png) left top no-repeat } .header.animate .topbar ul li a.speak { background: url(http://cdn.pagetraffic.com/images/top-icon2-active.png) left top no-repeat } .header.animate .topbar ul li a.mobile { background: url(http://cdn.pagetraffic.com/images/top-icon3-active.png) left top no-repeat; border-left: 1px solid #5e5d5d; margin: 0 0 0 10px; padding: 0 0 0 10px } .header.animate1 .topbar ul li a.mobile { border-left: 1px solid #fff!important } .header.animate .menu .nav ul li a:hover .header { background: #F91B1F } .header.animate1 { background: #FFF } .header.animate1 .logo { float: left; background: url(http://cdn.pagetraffic.com/images/logo.png) left top no-repeat } .header.animate1 .logo:hover { background: url(http://cdn.pagetraffic.com/images/logo.png) -250px top no-repeat } .header.animate1 .topbar ul li { color: #fff } .header.animate1 .topbar ul li a { color: #fff } .header.animate1 .menu .nav ul li a { color: #fff } .header.animate1 .topbar ul li a.call { background: url(http://cdn.pagetraffic.com/images/top-icon1.png) left top no-repeat } .header.animate1 .topbar ul li a.speak { background: url(http://cdn.pagetraffic.com/images/top-icon2.png) left top no-repeat } .header .menu .nav ul li ol { display: none; margin: 0; padding: 0 } .closeme { display: none } .header .menu .nav ul li:hover ol { display: block; justify-content: left; position: absolute; right: 0; left: 0; margin: 0; top: 30px; width: 850px; padding: 10px 0 0 } .header .menu .nav ul li:first-child:hover ol { left: -150px!important } .header .menu .nav ul li:nth-child(2):hover ol { left: -220px!important } .header .menu .nav ul li:nth-child(3):hover ol { left: -150px!important } .header .menu .nav ul li:nth-child(4):hover ol { left: -140px!important } .header .menu .nav ul li:nth-child(5):hover ol { left: -180px!important } .header .menu .nav ul li:nth-child(6):hover ol { left: -365px!important } .header .menu .nav ul li ol ul { margin: 0 20px } .header .menu .nav ul li ol ul .title { width: auto; font-size: 16px; font-weight: 700; text-align: left; padding: 0; margin: 0 0 20px } .header .menu .nav ul li ol ul li { width: auto; float: none; text-align: left } .header .menu .nav ul li ol ul li a { width: auto; color: #fff; font-size: 14px; display: block; padding: 4px 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; font-weight: 400; background: none!important } .header .menu .nav ul li ol ul li a:hover { text-decoration: underline } .header .menu .nav ul li ol ul li ul { margin: 10px 0 0; padding: 0 } .header .menu .nav ul li ol.active { background: #fff } .header .menu .nav ul li ol.active ul li a { width: auto; color: #fff; font-size: 13px; display: block; padding: 3px 0 } .header .menu .nav ul li ol.active ul .title { color: #5f5d5d } .header .menu .nav ul li ol.active ul li a { color: #5f5d5d } .mquote { display: none } .header .menu .nav ul li ol ul li strong { display: none } .home-banner { font-family: 'Open Sans', sans-serif; color: #fff; width: auto; background: url(http://cdn.pagetraffic.com/images/home-banner.jpg) no-repeat; background-size: cover; background-position: center top; overflow: hidden; position: relative } .home-banner .middletext { width: auto; text-align: center; color: #fff; margin: 0 auto } .home-banner .middletext .down { display: block; height: 50px; width: 50px; margin: 0 auto; left: 0; right: 0; bottom: 20px; position: absolute } .home-banner .middletext .down img { -webkit-animation: downme 1s infinite; -moz-animation: downme 1s infinite; -ms-animation: downme 1s infinite; -o-animation: downme 1s infinite; cursor: pointer } @-webkit-keyframes downme { 0% { margin:20px 0 0 } 50% { margin:30px 0 0 } 100% { margin:20px 0 0 } } @-moz-keyframes downme { 0% { margin:20px 0 0 } 50% { margin:30px 0 0 } 100% { margin:20px 0 0 } } .home-banner .middletext p { width: auto; text-align: center; font-size: 30px; line-height: 0; color: #fff } .home-banner .middletext h1 { font-size: 65px; font-weight: 700; line-height: normal; margin: 15px 0 18px; width: auto; color: #fff; line-height: 55pt } .home-banner .middletext ul { width: auto; font-size: 0; text-align: center; margin: 28px 0 } .home-banner .middletext ul li { display: inline-block; text-align: center; margin: 0 10px } .home-banner .middletext ul li img { margin: 0 auto } .home-banner .middletext a.requestbt { background: #4797d1; border: 1px #4797d1 solid; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block; font-size: 18px; padding: 18px 0; font-weight: 700; -webkit-transition: none; -moz-transition: none; margin: 0 5px; width: 280px; box-shadow: 0 2px 2px #323232; -webkit-box-shadow: 0 2px 2px #323232; -moz-box-shadow: 0 2px 2px #323232; -ms-box-shadow: 0 2px 2px #323232; -o-box-shadow: 0 2px 2px #323232 } .home-banner .middletext a.light { background: rgba(255,255,255,0.2); border: 1px rgba(255,255,255,0.2) solid; box-shadow: none } .home-banner .middletext a:hover { opacity: .8 } .home-banner .middletext a.light:hover { border: 1px rgba(255,255,255,0.8) solid } .tools { width: auto; overflow: hidden } .tools p { text-align: center } .tools ul { width: auto; font-size: 0; text-align: center } .tools ul.inner { margin: 0 } .tools ul li { display: inline-block; margin: 0 15px; vertical-align: middle } .tools .button { width: auto; text-align: center; margin: 30px 0 0 } .tools .button a { display: inline-block; padding: 5px 90px; background: #4797d1; font-size: 25px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; font-size: 18px; line-height: 24pt } .tools .button a:hover { background: #00b478 } .form { background: #139dcb } .form .fixed { width: 700px; margin: 0 auto } .form .maintitle { color: #fff } .form p { text-align: center; color: #fff } .form ul { width: auto; font-size: 0 } .form ul li { width: 47%; display: inline-block; font-size: 14px; margin: 0 1%; vertical-align: top } .form ul li label { display: block; color: #fff; margin: 10px 0; display: block; padding: 0 5px } .form ul li .text { display: block; background: #0f81a6; border: 0; width: 100%; border-radius: 6px; padding: 15px; box-sizing: border-box; box-shadow: inset 0 5px 10px #0e7393; color: #69d4f7 } .form ul .button { display: block; padding: 15px 30px; background: #00b478; font-size: 25px; border-radius: 4px; border-bottom: 8px #2d9673 solid; color: #fff; font-size: 25px; width: 90%; border: 0; margin: 20px auto 0; text-align: center; cursor: pointer } .form ul .button:hover { opacity: .8 } .form ul li .drop { display: block; background: #0f81a6 url(http://cdn.pagetraffic.com/images/form-drop-icon.png) right 20px no-repeat; border: 0; width: 100%; border-radius: 6px; padding: 15px; box-sizing: border-box; box-shadow: inset 0 5px 10px #0e7393; color: #69d4f7; position: relative; cursor: pointer } .form ul li .drop ul { width: 100%; background: #fff; position: absolute; left: 0; top: 43px; z-index: 50; border-radius: 0 0 6px 6px; padding: 5px 0; -webkit-transition: none; -moz-transition: none } .form ul li .drop ul li { width: 97%; padding: 7px 10px; display: block; color: #000; cursor: pointer; border-bottom: 1px #5c6166 dotted; box-sizing: border-box } .form ul li .drop ul li:last-child { border-bottom: 0 } .form ul li .drop ul li:hover { color: #69d4f7 } .footer { font-size: 13px; font-weight: 400; background: #195475 none repeat scroll 0 0; color: #fff; margin: 0; padding: 0 } .footer div { line-height: 25px } .footert-top { overflow: hidden } .footer .col { float: left; margin: 0 1%; width: 31% } .contactus { float: left; font-size: 14px; width: 72% } .our-services { float: left; font-size: 14px; margin: 0; padding: 0; width: auto } .our-services2 { float: right } .our-services ul { margin: 15px 0 0 } .our-services li { margin: 0; width: auto; line-height: 25px } .toptitle { font-size: 16px; font-weight: 700; text-transform: uppercase } .ftcolumn.socials-links li { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll 0 0; display: inline-block; height: 38px; margin: 0 2px; width: 38px } .ftcolumn.socials-links li a { display: block; height: 37px; width: 38px } .ftcolumn.socials-links .sl2 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -94px 0 } .ftcolumn.socials-links .sl3 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -48px 0 } .ftcolumn.socials-links .sl4 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -142px 0 } .ftcolumn.socials-links .sl5 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -236px 0 } .ftcolumn.socials-links .sl6 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -189px 0 } .ftcolumn.socials-links .sl7 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll -282px 0 } .ftcolumn.socials-links .sl8 { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/socials.png) no-repeat scroll right 0 } .socials-links { padding: 10px 0 0; text-align: center } .copyrights-links li { border-right: 1px solid #fff; display: inline-block; line-height: 12px; margin: 0 5px 15px 0; padding: 0 8px 0 0; vertical-align: middle } .copyrights-links li.last { border-right: none } .copyrights-links img { padding: 0 5px; vertical-align: middle } .copyrights-links { margin: 0 0 10px } .smartseo { width: auto; text-align: center } .smartseo .box { display: inline-block; width: 28%; margin: 1.5% 2% } .smartseo .box .img { float: left; background: #2b77af; padding: 15px; margin: 0 20px 0 0; position: relative } .smartseo .box .img span { position: absolute; background: url(http://cdn.pagetraffic.com/images/seo-tip.jpg) left top no-repeat; width: 12px; height: 18px; position: absolute; right: -12px; top: 23px } .smartseo .box .pera { width: auto; overflow: hidden } .smartseo .box .pera p { text-align: left; line-height: 16pt; font-size: 14px } .smartseo .box .pera p strong { color: #000; display: block; font-weight: 400; font-size: 18px; margin: 0 0 5px } .testibox { width: auto; text-align: center; padding: 0 0 30px } .testibox .box { display: inline-block; width: 48%; padding: 0 40px; text-align: left; border-right: 5px #e1ebf2 solid; vertical-align: top } .testibox .box:last-child { border-right: 0 } .testibox .box .miantitle { color: #2b77af; text-align: left; padding: 0 } .testibox .box .resultbox { width: auto; overflow: hidden; margin: 10px 0 15px; font-size: 0 } .testibox .box .resultbox .left { display: inline-block; width: 50%; vertical-align: bottom } .testibox .box .resultbox .right { font-size: 20px; width: 50%; text-align: right; display: inline-block; vertical-align: bottom; padding: 5px 0 } .testibox .box .list { width: auto; border: 1px #e3e3e3 solid } .testibox .box .list ul { width: auto } .testibox .box .list ul li { width: auto; padding: 12px; background: #fff; text-align: left; border-bottom: 1px #e3e3e3 solid } .testibox .box .list ul li span { width: 300px; display: inline-block } .testibox .box .list ul li:first-child { color: #4797d1 } .testibox .box .list ul li:last-child { border-bottom: 0 } .testibox .box .list ul li:nth-child(2n) { background: #f9f9f9 } .testibox .box .testimonial { width: auto; margin: 105px 0 15px } .testibox .box .testimonial p { color: #888; background: #fff; border-radius: 6px; text-align: left; font-style: italic; text-align: left; padding: 10px 20px; line-height: 20pt } .testibox .box .testimonial .name { padding: 0 50px; color: #4797d1 } .testibox .box .testimonial .name img { margin: 0 10px 0 0 } .testibox .bx-viewport { height: 290px!important } .googlerank { width: auto } .googlerank .ipad { width: 592px; margin: 40px auto 0; background: url(http://cdn.pagetraffic.com/images/ipad.png) left top no-repeat; overflow: hidden; text-align: center } .googlerank .ipad ul { box-sizing: border-box; display: inline-block; height: 360px; margin: 18px 0 45px -5px; overflow-y: scroll; width: 85% } .googlerank .ipad ul li { width: auto; padding: 10px; width: auto; padding: 12px; background: #f6f7f8; text-align: left; border-bottom: 1px #e3e3e3 solid; font-size: 14px } .googlerank .ipad ul li strong { float: right; color: #4797d1; width: 70px; text-align: center } .googlerank .ipad ul li:first-child { color: #000; font-weight: 700 } .googlerank .ipad ul li:first-child strong { color: #000 } .googlerank .ipad ul li:last-child { border-bottom: 0 } .googlerank .ipad ul li:nth-child(2n) { background: #f6fbfc } .number { width: auto; text-align: center } .number .box { display: inline-block; text-align: center; padding: 0 40px; vertical-align: top } .number .box p { text-align: center } .number .box p strong { display: block } .number .box p span { display: block; font-weight: 400; padding: 15px 0; font-size: 25px } .footer .title { font-size: 14px; font-weight: 700; margin: 10px 0; text-transform: uppercase; padding: 0; text-align: left } .container { clear: both; margin: 0 auto; padding: 40px 0; width: auto } .footer a:hover { color: #ff8a18 } .footert-top .ftcolumn { width: 33% } .footer p { font-size: 13px; line-height: 1.8em; text-align: inherit; margin: 10px 0 0; padding: 0; color: #fff } .footert-mid { border-top: 1px solid #628eb0; margin: 20px 0; padding: 20px 0; overflow: hidden } .footert-top .ftcolumn { vertical-align: middle; float: left; margin: 0 auto; width: 33.3333% } .footert-top .socials-icon { display: block; float: left; margin: 0 } .footert-top .business-rating img { display: block; float: right } .text-transformnone { text-transform: none; margin: 10px 0 0 } .video-head { width: auto; overflow: hidden; text-align: center; padding: 0 } .video-head .left { display: inline-block; vertical-align: middle } .video-head .right { display: inline-block; vertical-align: middle; padding: 0 40px } .social-box span { box-sizing: initial } .videobox { width: auto; overflow: hidden } .videobox.nospace { padding: 0; background: url(http://cdn.pagetraffic.com/images/front/campaign.jpg) right top no-repeat; min-height: 445px; margin: -40px 0 } .videobox .text { width: auto } .videobox .text.top { margin: 60px 0 0 } .videobox .text .maintitle { display: block; color: #2b77af; text-align: left; font-size: 30px; margin: 0 0 30px; padding: 10px 0; line-height: 30pt } .videobox .text p { text-align: left; line-height: 20pt; font-size: 18px; color: #747373; margin: 0 0 20px } .videobox .leftbox { float: left; width: 47%; text-align: center } .videobox .leftbox img { cursor: pointer } .videobox .leftbox p.head { display: block; padding: 15px 0 0; text-align: center; color: #2b77af } .videobox .rightbox { float: right; width: 47% } .videobox .rightbox img { width: 100% } .newinpt { width: auto; padding-bottom: 26px } .newinpt .list { width: auto; overflow: hidden; text-align: center } .newinpt .list ul { width: 49%; display: inline-block; vertical-align: top; box-sizing: border-box; padding: 10px } .newinpt .list ul .title { width: auto; text-align: left; color: #05a0e2; font-size: 22px; margin: 0 0 10px } .newinpt .list ul li { background: url(http://cdn.pagetraffic.com/images/front/list-arrow.png) left 14px no-repeat; text-align: left; line-height: 20pt; font-size: 18px; color: #747373; padding: 4px 0 4px 18px } .newinpt .list ul li a { color: #747373 } .newinpt .list ul li a:hover { color: #05a0e2 } .ptservice { width: auto; text-align: center; padding-bottom: 25px } .ptservice .box { width: 30%; padding: 15px; box-sizing: border-box; display: inline-block; vertical-align: top; text-align: center } .ptservice .box p { font-size: 18px; text-align: center; line-height: 20pt; font-size: 18px; color: #747373 } .ptservice .box p img { display: block; margin: 0 auto } .ptservice .box p strong { display: block; color: #05a0e2; font-size: 22px; font-weight: 400; padding: 20px 0 } .need-an-ans { background: url(http://cdn.pagetraffic.com/images/need-an-answer-bg.png) center top; background-size: cover; padding: 80px 0!important } .need-an-ans h4, .need-an-ans .title { font-size: 46px; color: #fff; line-height: 1.6; font-weight: 700; text-transform: uppercase } .need-an-ans .get-in-touch { margin-bottom: 20px; display: block; font-size: 22px; color: #fff } .c-call img, .e-email img { margin-right: 10px; float: left } .c-call { background: rgba(255,255,255,0.2); padding: 12px 25px 11px 30px; display: inline-block; border-radius: 8px; font-size: 25px; font-weight: 700; border: 1px solid #fff; line-height: 28pt; vertical-align: middle } .or { color: #fff; font-size: 20px; margin: 0 10px } .member-ship-affiliation { background: #f3f4f4 none repeat scroll 0 0; padding: 20px 0; text-align: center } .affilication-inner { border-radius: 5px; padding: 17px } .small-title { border-bottom: 1px solid #e3e3e3; color: #258dd3; display: block; margin-bottom: 10px; padding-bottom: 10px; width: 100% } .mask-opening { background-color: rgba(0,0,0,0.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1040 } .modal-opening { background: #fff; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; left: 0; margin: 0 auto; padding: 10px; position: fixed; right: 0; top: 10%; transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); width: 50%; z-index: 10001 } .modal-header a { background: #2269bb; border-radius: 50%; color: #fff; float: right; font-size: 15px; font-weight: 700; margin: -25px -19px 0 0; padding: 8px 13px; text-decoration: none } .modal-body { padding: 12px 19px } .footer { font-family: arial } .footer p a { text-decoration: underline } .logo a { display: block; height: 100%; height: 56px } .header .topbar ul li a:hover { text-decoration: underline } .need-an-ans { background: rgba(0,0,0,0) url(http://cdn.pagetraffic.com/images/need-an-answer-bg.png) repeat scroll 0 0/cover!important; text-align: center } .need-an-ans .container-small { margin: 0 auto; width: 1000px } .need-an-ans .title { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.6; text-transform: uppercase; box-sizing: border-box; margin: 0; padding: 0; transition: all .5s ease 0 } .need-an-ans .get-in-touch { color: #fff; display: block; font-size: 22px; margin-bottom: 20px } .need-an-ans .need-three-boxes { border-top: 2px solid #525052; margin-top: 35px; padding-top: 33px; overflow: hidden } .need-an-ans .need-three-boxes .need-box-one { box-sizing: border-box; float: left; padding: 0 15px; width: 28% } .need-an-ans .need-three-boxes img { float: left; margin-right: 16px } .need-an-ans .need-three-boxes p { color: #fff; font-family: arial; line-height: 26px; font-weight: 400; font-size: 22px; box-sizing: border-box; margin: 0; padding: 0; text-align: left } .need-an-ans .need-bottom { font-size: 21px } .need-an-ans .need-three-boxes .need-box-two { box-sizing: border-box; float: left; padding: 0 15px; width: 37% } .need-an-ans .need-three-boxes .need-box-three { box-sizing: border-box; float: left; padding: 0 15px; width: 35% } .need-an-ans .need-three-boxes .need-bottom-two { font-size: 12px; line-height: 13px; padding-left: 85px } .need-an-ans a { color: #fff } .need-an-ans a:hover { text-decoration: underline } .BusinessForm #main_body label.description { color: #fff; font-size: 16px; font-style: normal; font-weight: 300; text-transform: capitalize } .BusinessForm #main_body form li { clear: inherit; display: block; float: left; margin: 0 1%; padding: 0; position: relative; width: 48% } .BusinessForm #main_body input.text, .BusinessForm #main_body input.file, .BusinessForm #main_body textarea.textarea, .BusinessForm #main_body select.select, .BusinessForm #main_body input.checkbox, .BusinessForm #main_body input.radio { background: none!important; background-image: none!important; background-color: #0f81a6!important; border: 0 none; border-radius: 6px; box-shadow: 0 5px 10px #0e7393 inset; box-sizing: border-box; color: #69d4f7; display: block; font-family: "Oswald", sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 50px; list-style: outside none none; margin: 0; min-width: auto; outline: medium none; padding: 0 10px; width: 100%; height: 50px; outline: none; -webkit-shadow: 0 5px 10px #0e7393 inset; -moz-shadow: 0 5px 10px #0e7393 inset; -ms-shadow: 0 5px 10px #0e7393 inset; -o-shadow: 0 5px 10px #0e7393 inset; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px } .BusinessForm #main_body textarea.textarea { height: 75px; min-height: 75px } .BusinessForm .simple_name_1, .BusinessForm .simple_name_2 { display: inline-block; width: 49%!important } .BusinessForm #main_body form li#li_2 { padding: 0 0 40px } .BusinessForm #main_body input.button_text { background: #00b478 none repeat scroll 0 0; border: 0 none; border-radius: 4px; color: #fff; cursor: pointer; display: block; font-size: 25px; margin: 20px auto 0; padding: 15px 0; text-align: center; width: 98% } .BusinessForm { overflow: hidden } .BusinessForm #form_container h1, .BusinessForm .form_description { display: none } .BusinessForm #main_body form li.buttons { width: 100%; margin: 0 } .BusinessForm p.error { background: #fff none repeat scroll 0 0; bottom: 0; color: red; font-size: 14px; font-weight: 400; left: 5px; padding: 2px 5px; position: absolute; z-index: 9999 } .BusinessForm #error_message_title, .BusinessForm #error_message_desc { color: red; display: none; font-size: 18px; position: absolute; top: 10px } .BusinessForm #main_body div, .BusinessForm #main_body select { box-sizing: inherit!important } iframe { border: medium none } a.top { background: #ff8a18 none repeat scroll 0 0; border-radius: 5px; bottom: 45px; color: #fff; font-size: 19px; height: 45px; left: inherit; line-height: 40px; padding: 0; position: fixed; right: 35px; text-align: center; width: 45px } #intercom-container .intercom-launcher-frame { border-radius: 50%!important; bottom: 55px!important; box-shadow: 0 1px 6px rgba(0,0,0,0.06), 0 2px 32px rgba(0,0,0,0.16)!important; height: 60px!important; position: fixed!important; right: 29px!important; transition: box-shadow 80ms ease-in-out 0!important; width: 60px!important; z-index: 2147483000!important } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } .grabbing { cursor: url(grabbing.png) 8 8, move } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-theme .owl-controls { margin-top: 10px; text-align: center } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display:inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: .5 } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display:inline } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791 } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-item.loading { min-height: 150px; background: url(http://cdn.pagetraffic.com/images/AjaxLoader.gif) no-repeat center center } @media (min-width:1370px) { .header .headerinner { display: block } } @media (min-width:0px) and (max-width:1300px) { .home-banner .middletext .down { display: none!important } } @media (min-width:1000px) and (max-width:1320px) { .fixed { width: 98%; padding: 10px } .header .logo { height: 56px; margin: -20px auto 0 0; width: 215px!important; background-size: 420px!important } .header .headerinner { display: block } .leftimagecoloum .imagearea { width: 49% } .leftimagecoloum .imagearea img { width: 100% } .leftimagecoloum .textarea { width: 49%; margin: 0 } .rightimagecoloum .textarea { width: 49%; margin: 0 } .grapharea .box { width: auto } .rightimagecoloum .imagearea { width: 49% } .rightimagecoloum .imagearea img { width: 100% } .header .menu .nav ul li a { display: block; font-size: 14px; padding: 8px 4px 30px } .header .award { display: none } .videobox .leftbox img { width: 100% } .testibox .box { padding: 0 20px } .footert-top .ftcolumn { width: 31.333% } .footert-top .ftcolumn.socials-links { width: 37.333% } } @media (min-width:768px) and (max-width:999px) { .mainrow { padding: 10px 0; width: auto } .mainrow1 { width: auto; padding: 10px 0 } .mainrow2 { width: auto; padding: 10px 0 0 } body { font-size: 14px } p { line-height: 22pt } .fixed { width: auto; padding: 15px } .home-banner { height: auto; overflow: hidden; text-align: right; width: auto; background-size: cover; background-position: left top } .home-banner .middletext h1 { font-size: 24px; width: auto; text-align: center; color: #fff; padding: 10px 0 0; line-height: 20pt } .banner .text p { font-size: 18px; line-height: 19pt; padding: 10px 0; text-align: center; color: #fff } .banner .text p a { display: block; margin: 15px auto 0; padding: 5px 0; text-align: center; width: 55%; background: #fff; color: #4797d1 } .home-banner .middletext ul li { width: 10% } .home-banner .middletext ul li img { width: 100% } .maintitle { font-size: 25px; font-weight: 600; text-align: center!important; width: auto } .titletext { padding: 0 0 10px } .trustedarea .logos ul li { display: block; margin: 15px 10px; vertical-align: middle; width: auto } .recent .sitebox .box { display: block; margin: 20px 0; width: auto } .testimonial { width: auto } .testimonial .testimonialbox { width: 90% } .testimonial .testimonialbox .box .pera { padding: 0 } .testimonial .testimonialbox .box .pera p { line-height: 19pt; font-size: 14px; padding: 10px } .testimonial .testimonialbox .box .pera p img { width: 15px } .testimonial .testimonialbox .box .pera p span { line-height: 19pt } .testibox { padding: 0 } .testibox .box .title { text-align: center } .callus .row { margin: 0 auto; width: auto } .callus .row .box { border-bottom: 1px solid #cfcfcf; border-right: 0 none; display: block; margin: 0 0 35px; padding: 0 0 40px; width: auto } .callus .row .box:last-child { padding: 0; border-bottom: 0; margin: 0 } .callus .row .box .or { bottom: -16px; left: 0; margin: 0 auto; position: absolute; right: 0; top: auto; width: 32px } .form ul .button { box-sizing: border-box; margin: 20px auto 0; padding: 10px 30px; width: 100% } .callus .row .box .text p strong { font-size: 20px } .header .getbutton a.call { color: #fff!important } .callus .row .box .text p span { color: #4797d1!important } .callus .row .box .text p span a { color: #4797d1!important } .header .headerinner { display: block; margin: 0 } .videobox { overflow: hidden; padding: 10px!important; width: auto; min-height: inherit } .videobox .leftbox { width: auto; float: none } .videobox .leftbox img { width: 100%; max-width: 50% } .videobox .rightbox { float: none; width: auto } .videobox .rightbox img { width: 100%; max-width: 50% } .videobox .text .maintitle { margin: 0 0 10px; font-size: 25px } .videobox .text p { text-align: center } .videobox .text.top { margin: 0 } .callrow { padding: 10px 0 20px } .callrow p strong { line-height: 28pt } .callrow p strong small { color: #5a5858; font-size: 30px; font-weight: 700 } .callrow p strong small a { color: #5a5858; font-size: 30px; font-weight: 700; background: none!important; padding: 0!important; margin: 0!important } .callrow p a { padding: 15px 18px } .callrow p span { padding: 4px 0 10px } .videobox.nospace { background: none; min-height: inherit } .testibox .box .resultbox .left img { width: 120px } .testibox .box .maintitle { font-size: 20px } .testibox .box .list ul li span { display: inline-block; width: auto } .testibox .box .testimonial { margin: 20px 0 15px; width: auto } .googlerank .ipad { width: 592px; background-size: 100% } .googlerank .ipad ul { display: inline-block; height: 370px; margin: 37px 0 45px -5px; overflow: auto; width: 85% } .googlerank .ipad ul li { background: #f6f7f8 none repeat scroll 0 0; border-bottom: 1px solid #e3e3e3; font-size: 11px; padding: 10px; text-align: left; width: auto } .number { padding: 10px } .number .box { padding: 20px 22px 0 } .modal-opening { width: 95%; z-index: 10001 } .modal-opening iframe { width: 100% } .footert-top { overflow: hidden; text-align: center } .footert-top .ftcolumn { display: block; float: none; width: auto; text-align: center; margin: 20px 0 } .footert-top .business-rating img { display: block; float: none; margin: 0 auto } } @media (min-width:0px) and (max-width:767px) { .mainrow { padding: 10px 0; width: auto } .mainrow1 { width: auto; padding: 10px 0 } .mainrow2 { width: auto; padding: 10px 0 0 } body { font-size: 14px } div, ol, ul, li, a { -webkit-transition: none; -moz-transition: none } p { line-height: 22pt } .fixed { width: auto; padding: 15px } .home-banner { height: auto; overflow: hidden; text-align: right; width: auto; background-size: cover; background-position: left 50px } .home-banner .middletext { margin: 150px 0 0!important } .home-banner .middletext h1 { font-size: 24px; width: auto; text-align: center; color: #fff; padding: 10px 0 0; line-height: 20pt } .home-banner .middletext a { margin: 5px 0 } .home-banner .middletext ul li { width: 10% } .home-banner .middletext ul li img { width: 100% } .maintitle { font-size: 25px; font-weight: 600; text-align: center!important; width: auto } .titletext { padding: 0 0 10px } .trustedarea .logos ul li { display: block; margin: 15px 10px; vertical-align: middle; width: auto } .tools ul li { display: inline-block; margin: 5px 20px; width: 33% } .tools ul li img { width: 100% } .recent .sitebox .box { display: block; margin: 20px 0; width: auto } .testimonial { width: auto } .testimonial .testimonialbox { width: 90% } .testimonial .testimonialbox .box .pera { padding: 0 } .testimonial .testimonialbox .box .pera p { line-height: 19pt; font-size: 14px; padding: 10px } .testimonial .testimonialbox .box .pera p img { width: 15px } .testimonial .testimonialbox .box .pera p span { line-height: 19pt } .testibox { padding: 0 0 20px!important } .testibox .box:last-child .maintitle { margin: 50px 0 0 } .callus .row { margin: 0 auto; width: auto } .callus .row .box { border-bottom: 1px solid #cfcfcf; border-right: 0 none; display: block; margin: 0 0 35px; padding: 0 0 40px; width: auto } .callus .row .box:last-child { padding: 0; border-bottom: 0; margin: 0 } .callus .row .box .or { bottom: -16px; left: 0; margin: 0 auto; position: absolute; right: 0; top: auto; width: 32px } .form .fixed { margin: 0 auto; width: auto; padding: 10px } .form ul li { display: block; font-size: 14px; margin: 0; width: auto } .form ul .button { box-sizing: border-box; margin: 20px auto 0; padding: 10px 30px; width: 100% } .callus .row .box .text p strong { font-size: 20px } .testibox .bx-viewport { height: auto!important } .header .getbutton a.call { color: #fff!important } .callus .row .box .text p span { color: #4797d1!important } .callus .row .box .text p span a { color: #4797d1!important } .header .headerinner { display: block; margin: 0 } .videobox { overflow: hidden; padding: 10px!important; width: auto } .videobox .leftbox { width: auto; float: none } .videobox .leftbox img { width: 100% } .videobox .rightbox { float: none; width: auto } .videobox .rightbox img { width: 100% } .videobox .text .maintitle { margin: 0 0 10px; font-size: 25px } .videobox .text p { text-align: center } .videobox .text.top { margin: 0 } .callrow { padding: 10px 0 20px } .callrow p strong { line-height: 28pt } .callrow p strong small { color: #5a5858; font-size: 30px; font-weight: 700 } .callrow p strong small a { color: #5a5858; font-size: 30px; font-weight: 700; background: none!important; padding: 0!important; margin: 0!important } .callrow p a { padding: 15px 18px } .callrow p span { padding: 4px 0 10px } .videobox.nospace { background: none; min-height: inherit } .testibox .box { border-right: 0; display: block; padding: 0; width: auto } .testibox .box .resultbox .left { display: block; vertical-align: bottom; width: auto; text-align: center } .testibox .box .resultbox .left img { width: 120px } .testibox .box .resultbox .right { display: block; padding: 5px 0; text-align: center; width: auto } .testibox .box:last-child { margin: 20px 0 0 } .testibox .box .list ul li span { display: inline-block; width: auto } .testibox .box .testimonial { margin: 20px 0 15px; width: auto } .newinpt .list ul { display: block; width: auto } .newinpt .list { padding: 10px } .ptservice .box { display: block; padding: 15px; width: auto } .googlerank .ipad { width: 292px; background-size: 100% } .googlerank .ipad ul { display: inline-block; height: 188px; margin: 0 0 45px -3px; overflow: auto; width: 85% } .googlerank .ipad ul li { background: #f6f7f8 none repeat scroll 0 0; border-bottom: 1px solid #e3e3e3; font-size: 11px; padding: 10px; text-align: left; width: auto } .number .box { padding: 0; width: 49.3%; margin: 20px 0 } .c-call { font-size: 18px } .or { margin: 10px; display: block } .modal-opening { width: 95%; z-index: 10001 } .modal-opening iframe { width: 100% } .footert-top .ftcolumn { float: none; vertical-align: middle; width: auto; text-align: center } .footert-top .business-rating img { display: inline-block; float: none; margin: 10px 0 } .contactus { float: none; width: auto; overflow: hidden } .col { float: none; margin: 0; width: auto } .our-services { float: none; width: auto } .ftcolumn.socials-links li { margin: 5px 10px } } @media (min-width:0px) and (max-width:767px) and (orientation:landscape) { .home-banner .middletext { margin: 150px 0 0!important } .trustedarea .logos ul li { display: inline-block } .tools ul li { display: inline-block; width: 20% } .tools ul li img { width: 100% } .grapharea .circlearea .circle { display: inline-block; margin: 2%; padding: 0; width: 45% } .package .box { display: inline-block; width: 45%; margin: 2% } .recent .sitebox .box { display: inline-block; margin: 2%; width: 46% } .googlerank .ipad { width: 400px } .googlerank .ipad ul { display: inline-block; height: 246px; margin: 37px 0 45px -5px; overflow: auto; width: 85% } .number .box { display: inline-block; padding: 20px 0 0; text-align: center; vertical-align: top; width: 46% } .videobox .leftbox img { width: 100%; max-width: 50% } .videobox .rightbox img { width: 100%; max-width: 50% } } @media (max-width:999px) { .header { padding: 5px 0; background: #000!important } .header .logo { display: block!important; float: none; height: 60px; margin: 0 auto; vertical-align: middle; width: 220px!important; float: left; background: url(http://cdn.pagetraffic.com/images/logo.png) left top no-repeat!important; background-size: 450px!important } .header .partner { display: none } .header .getbutton { display: none } .header .award { display: none } .home-banner .middletext a { padding: 0 } .header .topbar { display: none } .header .blueback { display: none!important } .header .menu { background: #000; display: none; float: none; margin: 0; padding: 15px; top: 70px; position: absolute; width: 100%; left: 0; -webkit-transition: none; -moz-transition: none; height: 500px } .header .menu .nav { height: 350px; overflow: auto } .header .menu ul li { position: relative!important } .header .menu .nav ul li span { display: block; height: 35px; position: absolute; right: 0; top: 0; text-align: right; padding: 10px 20px; font-weight: 700; cursor: pointer } .header .menu .nav ul li:hover span { background: #4797d1 } .header .menu .nav ul li ol { margin: 0; padding: 0!important; position: static!important; -webkit-transition: none; -moz-transition: none; display: none } .header .menu .nav ul li:hover ol { display: none } .header .menu .nav ul li { float: none; border-bottom: 1px #2d2d2d solid } .header .menu .nav ul li a { display: block; font-size: 14px!important; font-weight: 400!important; padding: 10px!important; text-transform: uppercase; background: none } .header .menu .nav ul li a.quote { display: none!important } .header .menu .nav ul li ol ul { margin: 0; -webkit-transition: none; -moz-transition: none } .header .menu .nav ul li ol ul .title { font-size: 15px; margin: 0!important; padding: 10px 10px 10px 20px !important; cursor: pointer; font-weight: 400 } .header .menu .nav ul li ol ul li strong { right: 0; top: 0; text-align: right; padding: 0 10px; font-weight: 700; cursor: pointer; display: block!important; float: right } .header .menu .nav ul li:hover ol { width: auto } .header .menu .nav ul li ol ul li { border-bottom: 0; border-top: 1px #2d2d2d solid; overflow: hidden } .header .menu .nav ul li ol ul li:hover span { background: none } .header .menu .nav ul li ol ul li a { color: #ffffff !important; font-size: 12px !important; padding: 10px 20px !important; } .header .menu .nav ul li ol ul li ul { display: none } .header .mobile-icon { width: 27px; height: 14px; float: right; margin: 10px 10px 0 0; cursor: pointer } .header .mobile-icon ul { width: auto } .header .mobile-icon ul li { width: auto; height: 3px; background: #fff; margin: 5px 0 } .header .mobile-icon.active ul li:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform-origin: left top; -moz-transform-origin: left top } .header .mobile-icon.active ul li:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform-origin: 12px 9px; -moz-transform-origin: 12px 9px } .header.animate { background: #000!important } .header.animate .logo { width: 87% } .header.animate .menu .nav ul li a { background: none!important; color: #fff; color: #fff!important } .header.animate .menu .nav ul li a.quote { background: #4797d1!important } .header.animate .menu .nav ul li ol ul li a { color: #fff !important; font-size: 12px !important; padding: 10px 20px !important; } .mquote { width: auto; overflow: hidden; margin: 0 0 10px; display: block; text-align: center } .mquote a { background: #4797d1; padding: 12px 7px; display: inline-block; color: #fff; border-radius: 4px; font-weight: 700; font-size: 14px; vertical-align: top } .mquote strong { display: inline-block; color: #fff; font-weight: 400; background: #a2d031; border-radius: 4px; padding: 12px 7px; margin: 0 5px; vertical-align: top } .mquote strong a { display: inline-block; background: none; font-size: 14px; padding: 0 } .header .menu .nav ul { width: 100% } .header .menu .nav ul li a.droplink span, .header.animate1 .menu .nav ul li a.droplink span, .header.animate .menu .nav ul li a.droplink span { display: none } .header .menu .nav ul li.last { border-bottom: none } .header .menu .nav ul li.hideblock { display: none } .mquote strong { display: inline-block } .need-an-ans.new-family-all.white-bg { padding: 20px!important; width: 100% } .need-an-ans .container-small { margin: 0 auto; width: 95% } .need-an-ans .need-three-boxes { overflow: hidden } .need-an-ans .need-three-boxes .need-box-one, .need-an-ans .need-three-boxes .need-box-two, .need-an-ans .need-three-boxes .need-box-three { float: left; margin: 20px .5%; padding: 0; width: 32.2% } .need-an-ans .need-three-boxes img { float: none; margin-right: 0 } .need-box-one p, .need-box-two p, .need-box-three p { margin: 7px 0!important; text-align: center!important } .need-an-ans .need-three-boxes .need-bottom-two { padding-left: 0; padding-left: 0 } .footer .col { float: left; margin: 0 1%; width: 100% } .BusinessForm #main_body form li { clear: inherit; display: block; float: none; margin: 20px 0 0; padding: 0; position: relative; width: 100% } .BusinessForm #main_body form li#li_2 { padding: 0 } .form ul li .simple_name label { color: #fff; display: block; margin: 10px 0 0; padding: 0 5px } .home-banner .middletext a.light { margin-top: 15px } .contactus { float: left; font-size: 14px; width: 100%; margin-bottom: 25px; } .footer .col { float: left; margin: 0.5% 1%; width: 31%; } .footert-top .ftcolumn { display: block; float: none; margin: 0 0 10px 0; text-align: center; width: auto; } .footert-top .ftcolumn { display: block; float: left; margin: 0 0 10px; text-align: center; width: 50%; } .footert-top .business-rating { text-align: center; width: 100%; } .need-box-one p, .need-box-two p, .need-box-three p { margin: 0 !important; text-align: left !important; } .need-an-ans .need-three-boxes .need-box-one, .need-an-ans .need-three-boxes .need-box-two, .need-an-ans .need-three-boxes .need-box-three { float: left; margin: 0.5%; padding: 0; text-align: left; width: 48.2%; margin-top: 15px; } .ptservice .box p strong { color: #05a0e2; display: block; font-size: 18px; font-weight: 400; line-height: normal; padding: 10px 0; } .testibox .box .resultbox .right { display: inline-block; font-size: 20px; padding: 5px 0; text-align: right; vertical-align: bottom; width: 100%; } .home-banner .middletext ul li { width: 13%; margin: 0 5px; } .tools ul li { display: inline-block; margin: 0.5%; width: 49%; } } @media (max-width:640px) { .footer .col { float: left; margin: 0.5% 1%; width: 100%; } .our-services { float: none; width: auto; margin-top: 25px; } .footert-top .ftcolumn { margin: 10px auto; } .need-an-ans .need-three-boxes p { box-sizing: border-box; color: #ffffff; font-family: arial; font-size: 18px; font-weight: 400; line-height: 26px; margin: 0; padding: 0; text-align: left; } } @media (max-width:480px) { .need-an-ans .need-three-boxes .need-box-one, .need-an-ans .need-three-boxes .need-box-two, .need-an-ans .need-three-boxes .need-box-three { float: left; margin: 20px .5%; padding: 0; width: 100% } .footer .container, .footer .container-small, .footer .container-small-two { width: 100%!important } .copyrights, .copyrights-links, .footert-mid, .copyrights2 { margin: 0 auto; width: 95% } .ftcolumn.socials-links li { margin: 0 } .footer .fixed { padding: 0!important; width: 100%!important } .tools ul li { display: block; margin: 2px; width: auto; } .footert-top .ftcolumn { display: block; float: left; text-align: center; width: 100%; } .footert-top .business-rating { text-align: center; width: 100%; } .leading-tools span { margin: 8px auto; } .chatoption { float: right; width: 100%; text-align: right; } } .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, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060); animation-timing-function:cubic-bezier(0.755, .050, .855, .060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060); animation-timing-function:cubic-bezier(0.755, .050, .855, .060); -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 { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060); animation-timing-function:cubic-bezier(0.755, .050, .855, .060); -webkit-transform:translate3d(0, -30px, 0); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(0.755, .050, .855, .060); animation-timing-function:cubic-bezier(0.755, .050, .855, .060); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 0%, 100%, 50% { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -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) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes pulse { 0% { -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) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes rubberBand { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(0.75, 1.25, 1); transform:scale3d(0.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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) } 100% { -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) } 100% { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes tada { 0% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -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) } 100% { -webkit-transform:none; transform:none } } @keyframes wobble { 0% { -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) } 100% { -webkit-transform:none; transform:none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 100%, 11.1% { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 100%, 11.1% { -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(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } 100% { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .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) } 100% { -webkit-transform:none; transform:none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1) } 0% { 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) } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1); animation-timing-function:cubic-bezier(0.215, .61, .355, 1) } 0% { 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) } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 100% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { 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) } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } @keyframes fadeIn { 0% { opacity:0 } 100% { opacity:1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInDownBig { 0% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInLeftBig { 0% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInRightBig { 0% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUpBig { 0% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } @keyframes fadeOut { 0% { opacity:1 } 100% { opacity:0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity:1 } 100% { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -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(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } } @keyframes flip { 0% { -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(.95, .95, .95); transform:perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in } 100% { -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 { 0% { -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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInX { 0% { -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) } 100% { -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 { 0% { -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) } 100% { -webkit-transform:perspective(400px); transform:perspective(400px) } } @keyframes flipInY { 0% { -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) } 100% { -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 { 0% { -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 } 100% { -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg); transform:perspective(400px) rotate3d(1, 0, 0, 90deg); opacity:0 } } @keyframes flipOutX { 0% { -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 } 100% { -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 { 0% { -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 } 100% { -webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg); transform:perspective(400px) rotate3d(0, 1, 0, 90deg); opacity:0 } } @keyframes flipOutY { 0% { -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 } 100% { -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 { 0% { -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 } 100% { -webkit-transform:none; transform:none; opacity:1 } } @keyframes lightSpeedIn { 0% { -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 } 100% { -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 { 0% { opacity:1 } 100% { -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg); opacity:0 } } @keyframes lightSpeedOut { 0% { opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateIn { 0% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, -200deg); transform:rotate3d(0, 0, 1, -200deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:none; transform:none; opacity:1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0, 0, 1, -90deg); transform:rotate3d(0, 0, 1, -90deg); opacity:0 } 100% { -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 { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0, 0, 1, 200deg); transform:rotate3d(0, 0, 1, 200deg); opacity:0 } } @keyframes rotateOut { 0% { -webkit-transform-origin:center; transform-origin:center; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 { 0% { -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1 } 100% { -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 } 100% { -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 } 100% { -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0); opacity:0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes rollIn { 0% { opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } 100% { opacity:1; -webkit-transform:none; transform:none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity:1 } 100% { 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 { 0% { opacity:1 } 100% { 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 { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInDown { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInLeft { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInRight { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomInUp { 0% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 60% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 100% { opacity:0 } } @keyframes zoomOut { 0% { opacity:1 } 50% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 100% { opacity:0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 100% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 100% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center } } @keyframes zoomOutLeft { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin:left center; transform-origin:left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center } } @keyframes zoomOutRight { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } 100% { opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin:right center; transform-origin:right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 100% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19); animation-timing-function:cubic-bezier(0.55, .055, .675, .19) } 100% { opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1); animation-timing-function:cubic-bezier(0.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slideInDown { 0% { -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slideInLeft { 0% { -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slideInRight { 0% { -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes slideInUp { 0% { -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible } 100% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } @keyframes slideOutDown { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } @keyframes slideOutRight { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } @keyframes slideOutUp { 0% { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 100% { visibility:hidden; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .footert-top .business-rating { text-align: right; width: 30%; } .mainrow2 a { display: inline-block; } .need-an-ans .need-three-boxes .pagetraffic.call-us, .need-an-ans .need-three-boxes .pagetraffic.email, .need-an-ans .need-three-boxes .pagetraffic.chat { float: left; margin-right: 16px; } .pagetraffic.number1, .pagetraffic.number2, .pagetraffic.number3, .pagetraffic.number4 { margin: 0 auto } .ptservice .mainrow2 a { display: block; } .pagetraffic { background: url("http://cdn.pagetraffic.com/images/pagetraffic-front-sprite.png") no-repeat top left; width: 114px; height: 114px; display: inline-block } .pagetraffic.award-back { background-position: 0 0; width: 103px; height: 163px; } .pagetraffic.banner-logo2 { background-position: 0 -173px; width: 124px; height: 113px; } .pagetraffic.banner-logo3 { background-position: 0 -296px; width: 79px; height: 113px; } .pagetraffic.banner-logo4 { background-position: 0 -419px; width: 104px; height: 113px; } .pagetraffic.banner-logo5 { background-position: 0 -542px; width: 110px; height: 113px; } .pagetraffic.banner-logo6 { background-position: 0 -665px; width: 95px; height: 113px; } .pagetraffic.business-rating { background-position: 0 -788px; width: 150px; height: 68px; } .pagetraffic.call-us { background-position: 0 -866px; width: 68px; height: 50px; } .pagetraffic.chat { background-position: 0 -926px; width: 68px; height: 52px; } .pagetraffic.down-arrow { background-position: 0 -988px; width: 37px; height: 11px; } .pagetraffic.dropdown-icon { background-position: 0 -1009px; width: 6px; height: 3px; } .pagetraffic.email { background-position: 0 -1022px; width: 70px; height: 50px; } .pagetraffic.fetarued-icon2 { background-position: 0 -1082px; width: 149px; height: 67px; } .pagetraffic.fetarued-icon4 { background-position: 0 -1159px; width: 149px; height: 67px; } .pagetraffic.fetarued-icon5 { background-position: 0 -1236px; width: 211px; height: 67px; } .pagetraffic.fetarued-icon6 { background-position: 0 -1313px; width: 211px; height: 67px; } .pagetraffic.fetarued-icon7 { background-position: 0 -1390px; width: 149px; height: 67px; } .pagetraffic.fetarued-icon1 { background-position: 0 -1467px; width: 119px; height: 67px; } .pagetraffic.find-best-seo { background-position: 0 -1544px; height: 109px; } .pagetraffic.home-service1 { background-position: 0 -1663px; } .pagetraffic.home-service2 { background-position: 0 -1787px; } .pagetraffic.home-service3 { background-position: 0 -1911px; } .pagetraffic.home-service4 { background-position: 0 -2035px; } .pagetraffic.home-service5 { background-position: 0 -2159px; } .pagetraffic.home-service6 { background-position: 0 -2283px; } .pagetraffic.home-service7 { background-position: 0 -2407px; } .pagetraffic.home-service8 { background-position: 0 -2531px; } .pagetraffic.home-service9 { background-position: 0 -2655px; } .pagetraffic.img_member-google { background-position: 0 -2779px; width: 151px; height: 59px; } .pagetraffic.img_member-microsoft { background-position: 0 -2848px; width: 161px; height: 59px; } .pagetraffic.img_member-yahoo { background-position: 0 -2917px; width: 149px; height: 59px; } .pagetraffic.india_flag { background-position: 0 -2986px; width: 25px; height: 18px; } .pagetraffic.iso_certificate { background-position: 0 -3014px; width: 120px; height: 59px; } .pagetraffic.list-arrow { background-position: 0 -3083px; width: 6px; height: 10px; } .pagetraffic.number1 { background-position: 0 -3103px; width: 34px; height: 36px; } .pagetraffic.number2 { background-position: 0 -3149px; width: 34px; height: 36px; } .pagetraffic.number3 { background-position: 0 -3195px; width: 34px; height: 36px; } .pagetraffic.number4 { background-position: 0 -3241px; width: 34px; height: 36px; } .pagetraffic.pagetraffic-88363194 { background-position: 0 -3287px; width: 120px; height: 59px; } .pagetraffic.recent-result-logo-coralspringsmiles { background-position: 0 -3356px; width: 212px; height: 80px; } .pagetraffic.recent-result-logo-drcarloswesley { background-position: 0 -3446px; width: 212px; height: 80px; } .pagetraffic.recent-result-logo-espressoshop { background-position: 0 -3536px; width: 212px; height: 80px; } .pagetraffic.recent-result-logo-juegostudio { background-position: 0 -3626px; width: 212px; height: 80px; } .pagetraffic.recent-result-logo-shortysliquor { background-position: 0 -3716px; width: 212px; height: 80px; } .pagetraffic.sempo-icon-f { background-position: 0 -3806px; width: 150px; height: 59px; } .pagetraffic.test-arrow { background-position: 0 -3875px; width: 41px; height: 37px; } .pagetraffic.tool-icon1 { background-position: 0 -3922px; width: 145px; height: 42px; } .pagetraffic.tool-icon2 { background-position: 0 -3974px; width: 102px; height: 75px; } .pagetraffic.tool-icon3 { background-position: 0 -4059px; width: 121px; height: 44px; } .pagetraffic.tool-icon4 { background-position: 0 -4113px; width: 178px; height: 32px; } .pagetraffic.tool-icon7 { background-position: 0 -4155px; width: 157px; height: 74px; } .pagetraffic.tool-icon8 { background-position: 0 -4239px; width: 229px; height: 29px; } .pagetraffic.usa_flag { background-position: 0 -4278px; width: 26px; height: 18px; } .pagetraffic.verified-icon1 { background-position: 0 -4306px; width: 113px; height: 59px; } .pagetraffic.verified-icon2 { background-position: 0 -4375px; width: 113px; height: 54px; } .pagetraffic.verified-icon3 { background-position: 0 -4439px; width: 113px; height: 44px; }