.full-footer-box, .full-footer{ width:100%; float: left; background: #2E2D2D none repeat scroll 0 0; overflow: hidden; } .full-footer{ background: #000 none repeat scroll 0 0; } .full-footer-box a, .full-footer a{ color: #cfcfcf; } .menu-footer{ color: #cfcfcf; padding-bottom: 30px; padding-top: 30px; } .menu-footer-1{ float: left; width: 25%; } .menu-footer-2{ float: left; width: 17.5%; } .menu-footer-3{ float: left; width: 25%; } .menu-footer-4{ float: left; width: 25%; } .menu-footer{ margin-right: 2.5%; } .menu-footer-4{ margin-right: 0px; } .footer-tittle{ float: left; width: 100%; } .footer-tittle h4{ color: #fff; font-size: 15px; margin-bottom: 30px; position: relative; font-style: normal; text-transform: uppercase; } .footer-tittle h4::after{ background: gray none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 30px; width: 90px; } .footer-content{ float: left; width: 100%; } .footer-content p{ line-height: 22px; font-size: 14px; font-style: normal; margin-bottom: 10px; } .footer-content .logo-cty{ float: left; width: 100%; margin: 0; } .footer-nav ul li{ float: left; width: 100%; } .footer-nav ul li a{ color: #cfcfcf; font-style: normal; padding: 5px 0; text-transform: unset; } .footer-nav ul li a:hover{ color: #f2be4b; } .footer-nav ul li a:before{ content: "\f105"; font-family: FontAwesome; margin-right: 6px; } .mn-ft3-contennt{ float: left; width: 100%; } .mn-ft3-contennt ul li{ margin-bottom: 10px; } .mn-ft3-contennt ul li a{ display: block; line-height: 20px; margin-bottom: 5px; } .mn-ft3-contennt ul li span{ color: #8c8c8c; display: block; font-weight: 300; } .mn-ft3-contennt ul li a:hover{ color: #f2be4b; } .contact-box{ float: left; width: 100%; } .contact-box a.maplink{ display: block; font-size: 14px; margin-bottom: 10px; } .contact-box a.maplink i{ color: #f6bd41; margin-right: 3px; } .contact-box a.maplink i.fa{ font-size: 17px; } .contact-box a{  color: #cfcfcf;  display: block;  margin-bottom: 10px; } .contact-box a i{ color: #f6bd41; margin-right: 5px; } .mail-us{ float: left; width: 100%; position: relative; overflow: hidden; } .mail-us input{ background: #383737 none repeat scroll 0 0; border: medium none; color: #ccc; font-size: 12px; font-style: normal; height: 45px; padding-left: 10px; position: relative; width: 100%; } .mail-us button.email-submit-btn{ background: #f6bd41 none repeat scroll 0 0; border: medium none; color: #ffffff; font-size: 25px; height: 45px; line-height: 40px; position: absolute; right: 0; top: 0; text-align: center; width: 45px; cursor: pointer; } .mail-us button.email-submit-btn:hover{ background: #ffffff none repeat scroll 0 0; color: #f6bd41; } #footer{ float: left; width: 100%; text-align: center; font-weight: 600; padding: 20px; } .copy-right{ float: left; width: 100%; text-align: center; } .copy-right p{ margin: 0px; color: #8c8c8c; } .copy-right a{ margin-left: 10px; color: #ACACAC; } .phonering-alo-phone{ position: fixed; visibility: hidden; background-color: transparent; width: 100px; height: 100px; cursor: pointer; z-index: 200000 !important; display: block; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; right: 10px; top: 20%; } .phonering-alo-phone.phonering-alo-show{ visibility:visible } .phonering-alo-phone.phonering-alo-static{ opacity:.6 } .phonering-alo-phone.phonering-alo-hover, .phonering-alo-phone:hover{ opacity:1 } .phonering-alo-ph-circle{ width: 100px; height: 100px; top: 0; left: 0; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30,30,30,0.4); opacity: .1; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle{ -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important; animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle{ -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important; animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone:hover .phonering-alo-ph-circle{ border-color:#00aff2; opacity:.5 } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle{ border-color:#272d6b; opacity:.5 } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle{ border-color:#f00; opacity:.5 } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle{ border-color:#ccc; opacity:.5 } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle{ border-color:#75eb50; opacity:.5 } .phonering-alo-ph-circle-fill{ width: 70px; height: 70px; top: 15px; left: 15px; position: absolute; background-color: #000; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill{ -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important; animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill{ -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important; animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important; opacity:0!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone:hover .phonering-alo-ph-circle-fill{ background-color:rgba(39,45,107,0.5); opacity:.75!important } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill{ background-color:rgba(39,45,107,0.5); opacity:.75!important } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill{ background-color:rgba(242, 0, 0, 0.5); } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill{ background-color:rgba(204,204,204,0.5); opacity:.75!important } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill{ background-color:rgba(117,235,80,0.5); opacity:.75!important } .phonering-alo-ph-img-circle{ width: 60px; height: 60px; top: 19px; left: 20px; position:absolute; background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center; border-radius:100%; border:2px solid transparent; -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; animation:phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; background-size: 40px 40px; } .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle{ -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important; animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle{ -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important; animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important } .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone:hover .phonering-alo-ph-img-circle{ background-color:#00aff2; } .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle{ background-color:#272d6b; } .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle{ background-color:#f00; } .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle{ background-color:#ccc; } .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle{ background-color:#75eb50 } @-webkit-keyframes phonering-alo-circle-anim{ 0%{ -webkit-transform:rotate(0) scale(.5) skew(1deg); -webkit-opacity:.1 } 30%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); -webkit-opacity:.5 } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg); -webkit-opacity:.1 } } @-webkit-keyframes phonering-alo-circle-fill-anim{ 0%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @-webkit-keyframes phonering-alo-circle-img-anim{ 0%{ -webkit-transform:rotate(0) scale(1) skew(1deg) } 10%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 20%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg) } 30%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg) } 40%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg) } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg) } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes phonering-alo-circle-anim{ 0%{ -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @keyframes phonering-alo-circle-anim{ 0%{ -webkit-transform:rotate(0) scale(.5) skew(1deg); transform:rotate(0) scale(.5) skew(1deg); opacity:.1 } 30%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.5 } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.1 } } @-webkit-keyframes phonering-alo-circle-fill-anim{ 0%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @keyframes phonering-alo-circle-fill-anim{ 0%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg); opacity:.2 } 100%{ -webkit-transform:rotate(0) scale(.7) skew(1deg); transform:rotate(0) scale(.7) skew(1deg); opacity:.2 } } @-webkit-keyframes phonering-alo-circle-img-anim{ 0%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } @keyframes phonering-alo-circle-img-anim{ 0%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 10%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 20%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 30%{ -webkit-transform:rotate(-25deg) scale(1) skew(1deg); transform:rotate(-25deg) scale(1) skew(1deg) } 40%{ -webkit-transform:rotate(25deg) scale(1) skew(1deg); transform:rotate(25deg) scale(1) skew(1deg) } 50%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } 100%{ -webkit-transform:rotate(0) scale(1) skew(1deg); transform:rotate(0) scale(1) skew(1deg) } } .social-zalo{ position: fixed; top: auto; bottom: 45%; right: 18pt; width: 60px; height: 60px; background: #fff; border-radius: 100%; overflow: hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, .15); z-index: 99999999; } @media only screen and (max-width: 990px) and (min-width: 768px){ .menu-footer{  width: 50%;  margin: 0px;  padding-bottom: 30px; } } @media only screen and (max-width: 768px){ .full-footer-box{  padding:0px 10px; } .menu-footer{  width: 100%;  padding: 30px 0px; } .footer-content .logo-cty{  text-align: left; } .social-zalo{ bottom: 154px; right: 30px; left: unset; } } @media only screen and (max-width: 480px){ .footer-tittle h4{  margin-bottom: 20px;  margin-top: 0; } .menu-footer{  width: 100%;  padding:0;  padding-top: 10px; } .footer-content p{ margin-bottom: 0 } #footer{ padding: 5px; } #phonering-alo-phoneIcon{ bottom: 247px; top: unset; } } #row-wrap-content{ float: left; width: 100%; } .hide{  display: none; } .alignleft{ float: left; } .alignright{ float: right; } .aligncenter{ display: block; margin-left: auto; margin-right: auto; } .inner-pg{ padding: 50px 0px; } .full-content{ float: left; width: 100%; } .content-blog{ float: left; width: 75%; padding:0 20px; } .content-box-1{ box-sizing: border-box; float: left; width: 75%; margin: 0px; padding:0 20px; } .file-post a{ font-size: 14px; color: #fff !important; border: 1px solid #ccc; padding: 3px 10px; border-radius: 4px; background: #03992a; } .file-post > *{ display: inline-block !important; } .file-post .link-download a::after{ content: "\f316"; font-family: 'dashicons'; } .content-blog-right .post > div{ display: inline-block !important; }  .single-about, .about-wel,.about-area-2{ float: left; width: 100%; } .content-wel-left{ float: left; width: 65%; margin-right: 2.5%; } .content-wel-right{ float: right; margin-right: 0px; width: 32.5%; } .content-wel-left h2{ color: #000; margin: 52px 0; } .content-wel-left p{ font-size: 15px; line-height: 30px; } .content-wel-left blockquote{ border-left: 5px solid #f6bd41; margin: 0 30px 20px; padding: 0 16px; font-size: 17.5px; } .about-border{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f6bd41 #f6bd41 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 8px 8px 0; height: 330px; margin-bottom: 140px; margin-left: 80px; margin-top: 120px; position: relative; width: 350px; } .about-border::before{ background: #f6bd41 none repeat scroll 0 0; bottom: -54px; content: ""; height: 59px; position: absolute; right: -8px; width: 8px; } .about-border::after{ background: #f6bd41 none repeat scroll 0 0; bottom: -32px; content: ""; height: 8px; left: -8px; position: absolute; transform: skewY(8deg); width: 105%; } .about-border img{ left: -30px; position: absolute; top: -80px; } .single-about .about-area{ float: left; width: 100%; margin: 0px; } .single-about .about-area::before{ background: rgba(0, 0, 0, 0) url(../css/images/about/single-about-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; content: ""; height: 100%; left: 0; position: absolute; width: 44%; } .single-about .about-right .tab-content #ls{ display: block!important; } .about-area-2{ float: left; width: 100%; padding-top: 30px; margin-bottom: 1px; } .mission-top, .mission-bottom{ float: left; width: 100%; } .mission-top{ margin-bottom: 2.5%; } .mission-top .mission-sg-left{ float: left; width: 57%; margin-right: 2.5%; } .mission-top .mission-sg-right{ float: left; width: 40.5%; margin-right: 0px; } .mission-bottom .mission-sg-left{ float: left; width: 40.5%; margin-right: 2.5%; } .mission-bottom .mission-sg-right{ float: right; width: 57%; margin-right: 0px; } .mission-top .mission-sg-left .mission-area-text{ padding-right: 100px; padding-top: 50px; } .mission-area-heading > h3{ color: #151515; font-weight: 400; padding-bottom: 25px; } .mission-area-text p{ color: #959595; line-height: 25px; margin-bottom: 30px; } .mission-img-left{ float: left; width: 48.75%; margin-right: 2.5%; } .mission-img-right{ float: right; width: 48.75%; margin-right: 0px; } .mission-bottom .mission-sg-right .mission-area-text{ padding-top: 50px; padding-left: 100px; } .mission-top .mission-img-left img{ display: block; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; max-height: 225px; min-height: 225px; } .mission-top .mission-img-left img:first-child{ margin-bottom: 10px; } .mission-top .mission-img-right img, .mission-bottom img{ display: block; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; max-height: 460px; min-height: 460px } .about-team, .about-team-content{ float: left; width: 100%; } .about-team{ padding: 70px 0 100px; } .about-team .content-title h4{ font-size: 14px; } .single-team-member{ float: left; width: 23.125%; margin-right: 2.5%; } .single-team-member:last-child{ float: right; margin-right: 0px; } .single-team-member{ border: 1px solid; overflow: hidden; padding: 6px; position: relative; text-align: center; z-index: 1; } .team-member-img > img{ width: 100%; } .team-member-etails > h4{ color: #000000; font-family: "proxima_nova_rgbold"; font-weight: 700; } .team-member-etails > p{ color: #a8a8a8; font-family: proxima_nova_rgregular; font-size: 13px; transition: all 0.9s ease 0s; } .single-team-member-hover{ background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0; bottom: -5px; height: 100%; left: 0; position: absolute; transform: translateY(100%); transition: all 0.6s ease 0s; width: 100%; z-index: 2; } .single-team-member-hover ul.socials{ left: 0; position: absolute; top: 47%; width: 100%; } .single-team-member-hover .socials a{ color: #ffffff; display: inline-block; height: 20px; line-height: 20px; text-align: center; width: 20px; } .team-member-etails{ padding: 20px 0 14px; position: relative; transition: all 0.8s ease 0s; z-index: 3; } .single-team-member:hover .single-team-member-hover{ transform: translateY(0px); bottom: 0; } .single-team-member:hover .team-member-etails > h4{ color: #ffffff; } .single-team-member:hover .team-member-etails > p{ color: #f4f4f4; margin: 0; } .team-member-etails > h4{ margin: 0; padding-bottom: 4px; transition: all 0.8s ease 0s; } .project-area #project-slide .owl-nav.disabled{ display: block !important; }  #dich-vu{ padding: 30px 0 30px 0px; } #dich-vu #service-area .box-service{ margin-bottom: 5%; } .single-service{ float: left; width: 100%; padding: 50px 0px; color: #333; } .single-service ul li{ list-style: disc; display: list-item; margin-left: 4%; } .single-service ol li{ list-style: decimal; display: list-item; margin-left: 4%; } .entry-content{ line-height: 25px; font-size: 16px; float: left; width: 100%; } .single-projects ul li,.entry-content ul li{ list-style: disc; display: list-item; margin-left: 4%; } .single-projects ol li,.entry-content ol li{ list-style: decimal; display: list-item; margin-left: 4%; } .single-service table td,.single-service table th{ border: 1px solid #ccc; } .single-projects table td,.single-projects table th{ border: 1px solid #ccc; } .entry-content table,.single-projects table,.single-service table{ max-width: 100%; display: block; margin: auto; } .entry-content table.no-border td,.entry-content table.no-border th ,.single-projects table.no-border td,.single-projects table.no-border th,.single-service table.no-border td,.single-service table.no-border th{ border: none; } .entry-content table td,.entry-content table th{ border: 1px solid #ccc; } .dich-vu{ float: left; width: 65%; margin-right: 2.5%; } .sidebar-dichvu{ float: right; width: 32.5%; margin-right: 0px; } .single-service #single-sl-sv .item img{ display: block; height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; max-height: 240px; min-height: 240px; } #single-sl-sv{ padding-bottom: 50px; } .dich-vu h3{ color: #000; margin-bottom: 45px; } .dich-vu{ text-align: justify; position: relative; } .dich-vu:after{ background: #eeeded none repeat scroll 0 0; content: ""; height: 93%; position: absolute; right: -60px; top: 0; width: 1px; } .dich-vu blockquote{ border-left: 5px solid #f6bd41; margin: 0 30px 20px; padding: 0 16px; font-size: 16px; font-style: normal; text-align: justify; } .sidebar-dv{ float: right; width: 22.5%; position: relative; } .sidebar-dv h3{ font-size: 24px; font-weight: bold; margin-bottom: 60px; color: #000; } .sidebar-dv .danhmuc-dv ul li{ display: block; } .sidebar-dv .danhmuc-dv ul li a{ border-bottom: 1px solid #dadada; color: #222222; font-size: 15px; font-style: normal; font-weight: 500; padding: 14px 0; width: 100%; } .sidebar-dv .danhmuc-dv ul li a:hover{ border-bottom: 1px solid #f6bd41; color: #f6bd41; } #du-an{ float: left; width: 100%; } .wrapper, .iso-nav, .main-iso{ float: left; width: 100%; max-height: 100%; } .iso-nav ul{ margin: 20px 0px; } .iso-nav ul li{ display: inline-block; padding: 0px 10px; cursor: pointer; color: #444; } .iso-nav ul li.active{ color: darkorange; } #du-an .single-project{ float: left; width: 33.3%; } #du-an .single-projects .img-project{ float: left; width: 100%; } #du-an .single-project img{ border-radius: 0px; clear: both; max-height: 450px; min-height: 450px; } .single-projects{ float: left; width: 82%; margin-right: 9%; margin-left: 9%; margin-top: 2.5%; margin-bottom: 2.5%; } .single-projects .entry-thumnail img{ border-radius: 0px; max-height: 380px; min-height: 380px; object-fit: cover; object-position: center; } .single-prj-left{ float: left; width: 70%; margin-right: 5%; } .single-prj-left h3{ color: #000; font-weight: 500; margin-bottom: 20px; margin-top: 20px; } .single-prj-left p{ color: #333; font-size: 16px; line-height: 25px; margin-bottom: 22px; } .single-prj-right{ float: right; width: 25%; margin-right: 0px; } .single-prj-right h3{ font-size: 20px; font-weight: 500; margin-bottom: 20px; margin-top: 20px; } .single-prj-right h5{ color: #000; font-size: 16px; font-weight: bold; } .single-prj-right p{ margin-bottom: 10px; } .single-du-an section.project-area{ float: left; width: 100%; } .full-blog{ float: left; width: 100%; margin: 60px 0px; } .blog{ float: left; width: 100%; } .entry-blog{ float: left; width: 100%; padding-bottom: 60px; } .entry-blog a{ color: #808080; display: inline-block; font-style: normal; } .entry-blog h3{ color: #000000; margin-bottom: 11px; margin-top: 27px; font-size: 15px; font-weight: bold; } .entry-thumnail{ float: left; width: 100%; text-align: center; } .entry-thumnail img{ display: block; object-fit: cover; height: 100%; width: 100%; -o-object-fit: cover; max-height: 330px; min-height: 330px; } .entry-content img{ height: auto; } .entry-content-blog{ float: left; width: 100%; } .content-blog-left{ float: left; width: 15%; margin-right: 2.5%; } .content-blog-right{ float: right; width: 82.5%; margin-right: 0px; } .content-blog-left{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #f6bd41 #f6bd41 #000080; border-image: none; border-style: solid solid none; border-width: 2px 2px medium; height: 70px; margin-top: 35px; position: relative; text-align: center; width: 60px; z-index: 1; margin-left: 10px; color: #bcbaba; } .content-blog-left :before{ background: #f6bd41 none repeat scroll 0 0; bottom: -13px; content: ""; height: 14px; position: absolute; right: -2px; width: 2px; } .content-blog-left :after{ background: #f6bd41 none repeat scroll 0 0; bottom: -7px; content: ""; height: 2px; left: -3px; position: absolute; transform: rotate(10deg); width: 108%; } .content-blog-left h3{ margin-bottom: 0; margin-top: 9px; } .content-blog-left h4{ margin: 0px; } .content-blog-right h3 a{ color: #000000; } .entry-meta span{ padding: 0px 5px; color: #808080; display: inline-flex; } .entry-meta span a{ color: #808080; } .entry-excerpt p{ padding-top: 5px; } .entry-excerpt a{ color: #f6bd41; } .wp-pagenavi span{ padding: 10px 16px; } .wp-pagenavi a{ padding: 10px 16px; color: #a6a6a6; } .wp-pagenavi a:hover, .wp-pagenavi span.current{ border: 1px solid #ffd034; background-color: #ffd034; } .single-page .entry-blog .entry-content-blog{ padding-bottom: 40px; } .single-page{ padding-top: 60px; } .single-page a{ display: block; } .single-page h2{ display: none; } .single-page .entry-thumnail img{ height: auto; } .entry-single-page{ margin-bottom: 20px; } .entry-single-page h3{ color: #000; font-weight: 600; } .entry-single-page ul li{ display: inline-block; padding-right: 5px; font-size: 18px; } .entry-single-page ul li a{ display: inline-block; } .related-post{ float: left; width: 100%; } .related-post ul li a{ color: #666; font-size: 16px; } .related-post ul li a:hover{ color: #333; font-weight: 600; text-decoration: underline; } #commentform p textarea{ border: 1px solid #ccc; float: left; width: 100%; height: 100px; } #commentform p input{ border: 1px solid #ccc; line-height: 40px; float: left; width: 100%; padding: 0px 10px; } .form-submit input{ width: auto !important; margin-top: 20px; color: #222; background: #ffd034; border: 1px solid #ffd034 !important; cursor: pointer; } .form-submit input:hover{ opacity: 0.8; transition: 0.25s; } .comments-title{ font-size: 16px; } .comments-area{ float: left; width: 100%; margin: 0 0 30px; } .comments-area h2.comments-title{ text-align: left; text-transform: capitalize; } .comments-area ol{ } .comments-area ol li{ float: left; width: 100%; margin: 15px 0px; background: #f5f5f5; } .comments-area ol li article section{ margin: 10px 0px; } .comments-area ol li article header img{ border-radius: 50%; } .comments-area ol li article{ padding:20px; } .comments-area ol li article a{ color: #7d7b7b;  font-weight: 400; } .comments-area ol li article div.reply a{ background: #f9722f none repeat scroll 0 0; border: 1px solid #f9722f; color: #ffffff; display: inline-block; font-weight: 400; padding: 5px 10px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .comments-area ol li article div.reply a:hover{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #f9722f; } .form-submit{ margin-top: 20px; } #commentform{ float: left; width: 100%; padding: 10px; border: 1px solid #e0e0e0; background: #fff; } #commentform label{ float: left; width: 100%; } .related-post h3{ padding-bottom: 5px; border-bottom: 1px solid #ccc; } .related-post ul{ margin-left: 10px; } .related-post ul li{ display: block; list-style: circle; padding-bottom: 20px; } .entry-tag{ float: left; width: 100%; line-height: 50px; } .tags{ list-style: none; margin: 0; overflow: hidden; padding: 0; } .tags li{ float: left; } .entry-tag ul li a{ background: #999; border-radius: 3px 0 0 3px; color: #fff; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .entry-tag ul li a::before{ background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .entry-tag ul li a::after{ background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #999; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .entry-tag ul li a:hover{ background-color: #ffd034; color: #222; } .entry-tag ul li a:hover::after{ border-left-color: #ffd034; } div.pp_woocommerce .pp_content_container{padding:8px 0;} .pp_content_container .pp_left{padding-left:8px;} .pp_content_container .pp_right{padding-right:8px;} body.search .content-box-1{ margin: 50px 0px; } body.search .content-box-1 #content div.post{ margin-bottom: 20px; } body.search .content-box-1 h1.page-title{ margin-bottom: 40px; font-size: 26px; } body.search .content-box-1 h1.page-title span{ color: red; font-weight: 600; } body.search .content-box-1 h1.title-notfound{ margin-top: -40px; font-size: 20px; } .content-box-1 .title-search{ text-align: left; font-size: 16px; margin-bottom: 0px; } .content-box-1 .title-search a{ } .content-box-1 .content-search{ } .content-box-1 .content-search p{ } .content-box-1 .content-search #searchform{ max-width: 50%; } .content-box-1 .content-search #searchform input[type=text]{ float: left; width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 10px; } .content-box-1 .content-search #searchform input[type=submit]{ float: left; padding: 0px 20px; width: inherit; background: #ffd034; height: 48px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 500; margin-top: 10px; cursor: pointer; } .content-box-1 .content-search #searchform input[type=submit]:hover{ opacity: 0.7; }  #post-0{ float: left; width: 100%; margin: 60px 0px; } #post-0 h1.entry-title{ float: left; width: 100%; text-align: center; color: #f6bd41; font-size: 95px; font-weight: 900; } #post-0 .entry-header h5{ color: #393939; text-transform: uppercase; text-align: center; font-weight: bold; } #post-0 .entry-content p{ color: #393939; margin-bottom: 35px; text-align: center; } #post-0 .entry-content{ text-align: center; } #post-0 .entry-content a{ border: 2px solid #0a0a0a; color: #393939; border-radius: 4px; font-style: normal; padding: 16px 36px; text-transform: uppercase; font-size: 14px; font-weight: 700; } #post-0 .entry-content a:hover{ background: #f6bd41; color: #fff; border: 2px solid #f6bd41; } body.search .content-box-1{ margin: 50px 0px; } body.search .content-box-1 #content div.post{ margin-bottom: 20px; } body.search .content-box-1 h1.page-title{ float: left; width: 100%; margin-bottom: 40px; font-size: 26px; } body.search .content-box-1 h1.page-title span{ color: red; font-weight: 600; } body.search .content-box-1 h1.title-notfound{ margin-top: -40px; font-size: 20px; } .content-box-1 .title-search{ text-align: left; font-size: 16px; margin-bottom: 0px; } .content-box-1 .title-search a{ color: #666; } .content-box-1 .title-search a:hover{ color: #000; } .content-box-1 .content-search{ } .content-box-1 .content-search p{ } .content-box-1 .content-search #searchform{ max-width: 50%; } .content-box-1 .content-search #searchform input[type=text]{ float: left; width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 10px; } .content-box-1 .content-search #searchform input[type=submit]{ float: left; padding: 0px 20px; width: inherit; background: #ffd034; height: 48px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 500; margin-top: 10px; cursor: pointer; } .content-box-1 .content-search #searchform input[type=submit]:hover{ opacity: 0.7; }  .entry-content{ text-align: justify; line-height: 25px; } .entry-content p{ line-height: 25px; } .entry-content img,.entry-content iframe{ max-width: 100%; display: block; margin: auto; } .entry-content table{ border-collapse: separate; } .entry-content ul,.entry-content ol{  list-style: disc outside none;  margin: 10px 0; } .entry-content ol{  list-style-type: decimal; } .entry-content li{  display: list-item;  padding-left: 10px;  list-style-position: inside; } .entry-content ul li{ list-style: disc inside none !important; display: list-item; } .entry-content ol li{ list-style: decimal inside none !important; display: list-item; } #order_review ul li,.woocommerce-cart-form ul li,.cart-collaterals ul li,.woocommerce-order ul li{ list-style: none !important; } @media only screen and (max-width: 1280px){ .about-border{  margin-left: 0px; } } @media only screen and (max-width: 990px){  .content-wel-left, .content-wel-right{  width: 100%;  margin-right: 0px; } .about-border{  margin-left: 80px; } .mission-top .mission-sg-left,.mission-top .mission-sg-right{  width: 100%;  margin-right: 0px; } .mission-top .mission-sg-left .mission-area-text, .mission-bottom .mission-sg-right .mission-area-text, .mission-bottom .mission-sg-left, .mission-bottom .mission-sg-right{  margin: 0px;  padding: 0px;  width: 100%; } .mission-top .mission-img-left img{  max-height: 325px;  min-height: 325px; } .mission-top .mission-img-right img, .mission-bottom img{  max-height: 660px;  min-height: 660px; } .single-team-member{  float: left;  width: 48.75%;  margin-right: 2.5%;  margin-bottom: 2.5%; } .single-team-member:nth-child(even){  float: right;  margin-right: 0px; } #du-an .single-project{  float: left;  width: 50%; } .dich-vu:after{  height: inherit; } } @media only screen and (min-width: 800px){ } @media only screen and (max-width: 990px) and (min-width: 768px){ } @media only screen and (min-width: 768px) and (max-width: 799px){ } @media only screen and (max-width: 768px){ .content-box-1{  width: 100%; } .full-tieudetrang h1.entry-title{  font-size: 28px; } .box-myaccount{  left: 0;  margin: 0 10px; } .wpcf7-form label, #content .wpcf7-form .wpcf7-form-control-wrap{  width: 100%; } .wpcf7-form .wpcf7-submit{  margin-left: 0; } .content-blog{  float: left;  width: 100%;  margin-right: 0px;  margin-bottom: 2.5%; } .sidebar-blog{  float: left;  width: 100%;  margin-right: 0px;  padding: 0px 15px; } .tab-line li{  padding: 12px;  font-size: 12px; } .tabcontent .duan{  width: 100%;  margin-right: 0px; }  .owl-nav{  text-align: center; } .owl-next{  border: 1px solid #c0c0c0 !important;  display: inline-block !important;  font-size: 18px !important;  padding: 8px 15px !important;  position: static !important;  margin-top: 40px;  margin: 15px; } .owl-prev{  border: 1px solid #c0c0c0 !important;  display: inline-block !important;  font-size: 18px !important;  padding: 8px 15px !important;  position: static !important;  margin: 15px;  margin-top: 40px; } .about-border::before, .about-border::after{  display: none; } .about-border{  border: none;  background: none;  position: static;  margin: 0px;  float: left;  width: 100%; } .about-border img{  position: static; } .mission-img-left, .mission-img-right{  width: 100%;  margin-right: 0px;  margin-bottom: 2.5%; } .mission-top .mission-img-left img{  float: left;  width: 100%;  min-height: 100%;  max-height: 100%; } .mission-top .mission-img-right img, .mission-bottom img{  float: left;  width: 100%;  min-height: 100%;  max-height: 100%; } .about-team{  padding: 20px 0px; }  .dich-vu{  width: 100%; margin-right: 0px; } .sidebar-dv{  float: left;  width: 100%;  padding: 0px; } #du-an .single-project{  float: left;  width: 100%; } .entry-thumnail img{  max-height: 300px;  min-height: inherit; } .single-prj-left, .single-prj-right{  width: 100%; } } @media only screen and (min-width: 600px) and (max-width: 767px){ .box-myaccount{  left: 10%; } } @media screen and (min-width: 600px){ } @media only screen and (max-width: 530px){ .content-blog-right{  width: 75%; } .content-blog-right .title{  font-size: 18px; } } @media only screen and (min-width:480px) and (max-width: 599px ){ } @media only screen and (min-width:320px) and (max-width: 479px){ } @media screen and (max-width: 480px){ .entry-blog{  width: 100%; } .content-blog-right{  width: 100%; } .entry-blog{ padding-bottom: 10px; } .single-projects{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-top: 2.5%; margin-bottom: 2.5%; } .content-box-1{ padding: 0; } .entry-content table, .single-projects table, .single-service table{ height: auto !important; } } @media only screen and (max-width:320px){ .single-team-member{  width: 100%;  margin-right: 0px;  margin-bottom: 2.5%; } }   #contact-map, #contact-wrapper{  float: left;  width: 100%; } #contact-wrapper{  padding: 30px 0 30px; } .contact-form{  float: left;  width: 40%;  margin-left: 10%; } .contact-address{  float: right;  width: 45%;  margin-left: 5%; } .contact-address{  box-sizing: border-box; } #contact-wrapper .title-box-lh{  color: #000;  font-weight: 700;  text-transform: uppercase; } .contact-address ul li{  line-height: 25px;  font-size: 14px;  display: block; } .contact-address ul li h4{  color: #000; } .contact-form p{  font-size: 18px;  color: #000; } .contact-address ul li p{  font-size: 15px;  font-style: normal; } .contact-address ul li a{  font-size: 18px;  font-style: normal;  color: #000; } form.wpcf7-form{  float: left;  width: 100%; } #content div.wpcf7{  padding-top: 50px; } #content .wpcf7-form p{  clear: both;  float: left;  width: 100%;  line-height: 25px; } .wpcf7-form label{  float: left;  width: 100%;  margin-bottom: 5px; } .wpcf7-form-control-wrap{  float: left;  width: 100%; } .wpcf7-form *{  box-sizing: border-box;  font-family: 'Arial', sans-serif; } .wpcf7-form p{  float: left;  width: 100%; } .wpcf7-form .ct-name{  margin-right: 10px; } .wpcf7-form .ct-name, .wpcf7-form .ct-email{  float: left;  width: calc(50% - 5px); } .wpcf7-form input.wpcf7-text{  border-radius: 0;  border: 1px solid #ddd;  border-radius: 0;  font-size: 15px;  height: 45px;  padding: 6px 12px;  width: 100%; } #content .wpcf7-form .wpcf7-form-control-wrap{  float: left;  margin: 0;  width: 100%; } .wpcf7-form textarea.wpcf7-textarea{  width: 100%;  height: 115px;  border: 1px solid #ccc;  outline: none;  padding-top: 10px;  padding-left: 15px;  font-size: 15px;  font-family: 'Prompt', sans-serif; } .wpcf7-form .wpcf7-submit{  margin-top: 15px;  background: #f6bd41 none repeat scroll 0 0;  color: #fff;  font-size: 15px;  width: 100%;  line-height: 45px;  font-weight: 700;  border: none;  border-radius: 0px;  transition: .4s;  display: inline-block;  padding: 6px 12px;  text-transform: uppercase; } .wpcf7-form .wpcf7-submit:hover{  background: #000;  cursor: pointer; } #contact-map iframe{  pointer-events: none; } div.wpcf7-response-output{  border: none; } p.ct-subject input{  border: 1px solid #ccc;  padding: 10px;  width: 100%; }  @media only screen and (max-width: 767px){  .contact-form,  .contact-address{ width: 100%; padding: 0;  }  #contact-wrapper .title-box-lh{ font-size: 24px;  }  #contact-map iframe{ height: 300px;  } } @media only screen and (max-width: 990px){  .contact-form{ width: 80%; margin-left: 10%; margin-right: 10%;  }  .contact-address{ width: 80%; margin-left: 10%; margin-right: 10%; padding: 0px;  }  .wpcf7-form *{ float: left; width: 100%;  } } @media only screen and (max-width: 990px) and (min-width: 768px){} @media only screen and (max-width: 480px){  .contact-address{ width: 96%; margin-left: 2%; margin-right: 2%; padding: 0px;  }  .contact-form{ width: 96%; margin-left: 2%; margin-right: 2%;  }  .wpcf7-form .ct-name,  .wpcf7-form .ct-email{ float: left; width: calc(100%); margin-right: 0;  } } .woocommerce div.product .product_title, .woocommerce #content div.product .product_title{ color: #717171; font-size: 17px; font-weight: bold; text-transform: uppercase; } .woocommerce .full-content #content div.product span.price, .woocommerce .full-content #content div.product p.price{ color: #222222; font-size: 18px; font-weight: bold; } .woocommerce #content div.product span.price span, .woocommerce #content div.product p.price span{ display: block; font-size: 18px; font-weight: normal; margin: 0; } .woocommerce #content div.product .price del span{ font-size: 18px; } .woocommerce #content div.product .price ins span.amount{ color: #f6bd3f; } .woocommerce #content div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button, .woocommerce-page #content div.product form.cart .button{ border: medium none; box-shadow: none; color: #FFFFFF; text-shadow: none; text-align: center; border-radius: 0px; padding: 13.5px; margin: 0px; text-transform: uppercase; background: #f6bd41 none repeat scroll 0 0; border: 2px solid #f6bd41; transition: .4s; } .woocommerce #content div.product form.cart .button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover{ color: #fff; background: #000; border: 2px solid #000; } .woocommerce #content div.product form.cart .quantity .qty{padding:13.5px 0} .woocommerce #content .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus, .woocommerce-page #content .quantity .minus{ top: 15px; } .woocommerce #content div.product p.stock, .woocommerce #content div.product p.stock, .woocommerce-page #content div.product p.stock, .woocommerce-page #content div.product p.stock{ color: #222222; font-weight: bold; } .star-1{ z-index: 5; } .star-2{ z-index: 4; } .star-3{ z-index: 3; } .star-4{ z-index: 2; } .star-5{ z-index: 1; } .woocommerce #content p.stars a, .woocommerce-page #content p.stars a{ border: medium none; left: 0; position: absolute; color: #f6bd41; } .woocommerce #content p.stars, .woocommerce-page #content p.stars{ float: left; position: relative; } .woocommerce .full-content #content #review_form .comment-form-comment{ clear: both; margin-top: 30px; } .single-product-box .product-type-simple{ background: none repeat scroll 0 0 #FFFFFF; } .woocommerce-page #content .products.related{ border: medium none; } .woocommerce .full-content .related ul.products li.product:last-child, .woocommerce-page .full-content .related ul.products li.product:last-child{ float: right; margin-right: 0px; } .woocommerce-page #content .related .products{ border: medium none; } .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li:after{ display: none; } .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li.active{ background: none repeat scroll 0 0 #444!important; } .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li{ background: none repeat scroll 0 0 #F4F4F4 !important; border: 1px solid #E3E3E3 !important; border-radius: 0 !important; box-shadow: none !important; height: 40px; line-height: 25px; margin-right: 5px !important; } .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li a{ font-weight:normal !important; } .woocommerce #full-container div.product .woocommerce-tabs ul.tabs li.active a{ color: #FFFFFF !important; } .woocommerce #content table.shop_attributes td p{ margin: 2px 0; } .woocommerce table.shop_attributes th{ text-align: left; } .woocommerce #content table.shop_attributes{ border: 1px solid #E3E3E3; } #content .product_meta .posted_in, #content .product_meta .sku_wrapper, #content .product_meta .tagged_as{ clear: both; float: left; font-weight: bold; margin: 0; } #content .product_meta .posted_in a, #content .product_meta .tagged_as a, #content .product_meta .sku_wrapper span{ font-weight: normal; color: inherit; } .woocommerce .jquery-tooltip-content .shop_attributes td p{ padding: 0 !important; } .woocommerce .jquery-tooltip-content .shop_attributes th{ line-height: normal; min-height: 10px; padding: 0; } .woocommerce .jquery-tooltip-content .shop_attributes tr{ font-size: 11px; } .jquery-tooltip-wrap h4{ border-top: 1px solid #CCCCCC; font-size: 13px; font-weight: bold; padding-top: 5px; text-transform: uppercase; text-align: left; } .jquery-tooltip-wrap{ width: 100%; text-align: center; } .woocommerce .ui-tooltip{ max-width: 500px; } .jquery-tooltip-wrap img{ max-height: 300px; } .jquery-tooltip-content{ text-align: left; font-size: 12px; } .woocommerce #review_form #respond p{ clear: both; } .woocommerce #review_form #respond p.form-submit{ float: left; margin-top: 10px; } .product_share{ clear: both; float: left; margin-top: 10px; } .product-box{ float: left; width: 75%; margin-top: 60px; padding: 0 20px; } .single-product-box{ float: left; width: 100%; margin-top: 60px; } #commentform{ float: left; width: 100%; } .comment-form-rating label{ float: left; } .meta-sumary-service{ float: left; width: 100%; padding: 10px 0; } .meta-sumary-service h3{ color: #333; font-size: 16px; line-height: 19px; margin-bottom: 10px; font-weight: 700; } .service-item{ float: left; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px; } .service-item:last-child{ margin-bottom: 0; } .sv-img{ max-width: 30px; max-height: 32px; } .sv-detail{ float: left; width: calc(100% - 30px); padding-left: 20px; } .sv-detail p{ font-size: 14px; line-height: 18px; margin: 0; color: #727272; } .sv-detail .title-sv{ color: #333; font-weight: 500; } .woocommerce .full-content ul.products li.product:nth-child(3n){ float: inherit; margin-right: inherit; } .full-content .single-product-box ul.products li.product .img-product span.onsale{ background: #f6bd41 none repeat scroll 0 0; color: #fff; font-size: 15px; text-align: center; border-radius: 0px; padding: 13.5px 14px; line-height: 0px; margin: 0px; z-index: 2; min-height: inherit; min-width: inherit; top: 44px; } .full-content .single-product-box ul.products li.product .add-to-cart .button{ background: #f6bd41 none repeat scroll 0 0; color: #fff; font-size: 15px; text-align: center; border-radius: 0px; padding: 13.5px; min-width: 37px; min-height: 37px; margin: 0px; } .full-content .single-product-box ul.products li.product .add-to-cart .button:hover{ background: #000 none repeat scroll 0 0; } .woocommerce .full-content .single-product-box div.product div.summary a.woocommerce-review-link{ color: #f6bd41; } .woocommerce .quantity .qty{ border:1px solid #ccc; } .woocommerce .full-content .single-product-box .product [itemprop="description"] p{ } .full-content .single-product-box ul.products li.product .add-to-cart{ top: 12px; right: 13px; } .full-content .single-product-box .images{ border: 1px solid #ccc; } .full-content .single-product-box .images img{ padding: 50px; } .woocommerce .full-content .single-product-box span.onsale{ display: none; } .woocommerce .full-content .single-product-box .product-content{ display: none; } .woocommerce .full-content .single-product-box .products.related h2{ text-transform: uppercase; font-size: 20px; color: #333; } .woocommerce .full-content .single-product-box .woocommerce-tabs h2{ text-transform: uppercase; font-size: 20px; color: #333; } .woocommerce .full-content .single-product-box .woocommerce-tabs #reviews h3{ font-size: 18px; } .woocommerce .full-content .single-product-box .woocommerce-tabs #respond input#submit{ width: 100% !important; border-radius: 0px; color: #fff; background: #f6bd41; border: 2px solid #f6bd41!important; } .woocommerce .full-content .single-product-box .woocommerce-tabs #respond input#submit:hover{ background: #fff; color: #444; border:2px solid #444 !important; } .woocommerce .woocommerce-product-rating .star-rating{ color: #f6bd41; } .woocommerce .star-rating{ color: #f6bd41; } .woocommerce #review_form #respond textarea{ font-family: 'Prompt', sans-serif !important; } .woocommerce .full-content .single-product-box .product [itemprop="offers"]{ float: left; width: 50%; } .woocommerce .full-content .single-product-box .product [itemprop="offers"] p.price del{ float: right; opacity: inherit; } .woocommerce .full-content .single-product-box .product [itemprop="offers"] p.price ins{ color: #f6bd3f; text-decoration: none; } .woocommerce .full-content .single-product-box .product [itemprop="offers"] p.price{ color: #727272 !important; display: inline-block; font-family: arial; min-height: 35px; float: left; width: 100%; } .woocommerce .full-content .single-product-box .product [itemprop="description"]{ float: left; width: 100%; } .woocommerce span{ display: initial; } .woocommerce-cart table.cart td.actions .coupon .input-text{ padding: 10px !important; } .woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions .button{ padding: 10px; border-radius: 0px; background: #f6bd41; color: #fff; font-weight: lighter; transition: .4s; } .woocommerce-cart table.cart td.actions .coupon .button:hover, .woocommerce-cart table.cart td.actions .button:hover{ background: #444; color: #fff; } .woocommerce-cart table.cart input{ padding: 10px 0px; } .woocommerce-cart table.cart td a{ color: #444; } .woocommerce-cart table.cart td a:hover{ color: #f6bd41; } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator p a{ color: #2689B2; } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-calculator p a:hover{ opacity: .5; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ border-radius: 0px; background: #f6bd41 !important; transition: .4s; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background: #444 !important; color: #fff; } .woocommerce .return-to-shop a.button{  color: #FFFFFF;  padding: 8px;  text-shadow: none;  text-align: center;  border-radius: 0px;  padding: 13.5px;  margin: 0px;  text-transform: uppercase;  background: #f6bd41 none repeat scroll 0 0;  border: 2px solid #f6bd41;  transition: .4s; } .woocommerce .return-to-shop a.button:hover{ color: #fff;  background: #000;  border: 2px solid #000; } .product_share #___plusone_0{ position: relative; left: 125px; bottom: 2px; }  @media only screen and (min-width: 800px){ } @media only screen and (min-width: 800px) and (max-width: 939px){} @media only screen and (min-width: 768px) and (max-width: 799px){ } @media only screen and (max-width: 767px){ .product-box{ width: 100%; margin-top: 20px; padding: 0; } } @media only screen and (min-width: 600px) and (max-width: 767px){ .woocommerce .full-content .related ul.products li.product, .woocommerce-page .full-content .related ul.products li.product{  width: 48%; } } @media only screen and (max-width: 599px ){ .woocommerce .full-content .related ul.products li.product, .woocommerce-page .full-content .related ul.products li.product{  width: 100%; } } @media only screen and (min-width:320px) and (max-width: 479px){ } @media only screen and (max-width:320px){ } .woocommerce-page .full-content .products{ } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{ box-shadow: none; margin: auto !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ border: 1px solid #BEBDBD; margin: 10px; padding: 5px; } .woocommerce .full-content ul.products li.product{ border: none; box-sizing: border-box; clear: none; margin-right: 15px; width: calc(100%/3 - 10px); margin-bottom: 15px; } .woocommerce .full-content .product-box ul.products li.product:nth-child(3n){ margin-right: 0px; } .woocommerce .full-content ul.products li.product:hover{ } .woocommerce .full-content ul.products li.product.product-type-simple .added_to_cart.wc-forward{ display: none; } .woocommerce .full-content ul.products li.product a.product_type_simple{ background: none repeat scroll 0 0 #FF9C00; width: auto; border: none; color: #fff; text-shadow: none; font-size: 12px; } .woocommerce ul.products li.product h3{ line-height: normal; } .woocommerce .full-content ul.products li.product a img, .woocommerce-page .full-content ul.products li.product a img, .woocommerce .full-content ul.products li.product a:hover img, .woocommerce-page .full-content ul.products li.product a:hover img{ box-shadow: none; } .woocommerce .full-content ul.products li.product a, .woocommerce-page .full-content ul.products li.product a{ clear: both; display: inline-block; float: none; width: 100%; } .woocommerce .full-content ul.products li.product h3, .woocommerce .box-category ul.products li.product h3{ color: #727272; font-family: arial; font-size: 12px; font-weight: bold; min-height: 35px; text-align: center; } .woocommerce .full-content ul.products li.product .price span{ float: left; margin: 0 5px 0 0; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price del{  display: block; } .woocommerce .full-content ul.products li.product .price span, .woocommerce .full-content ul.products li.product .price{ font-size: 12px; } .woocommerce .full-content ul.products li.product .price, .woocommerce .full-content ul.products li.product .price{ color: #727272; display: inline-block; font-weight: bold; float: left; width: 100%; } .woocommerce .full-content ul.products li.product .price del, .woocommerce-page .full-content ul.products li.product .price del{ clear: both; color: #222222; float: left; font-size: 11px; opacity: 1; } .woocommerce .full-content ul.products li.product .price ins, .woocommerce-page .full-content ul.products li.product .price ins{ float: right; } .woocommerce .full-content ul.products li.product a.add_to_cart_button, .woocommerce-page .full-content ul.products li.product a.add_to_cart_button{ background: none repeat scroll 0 0 #FF9C00; border: medium none; border-radius: 0px; color: #FFFFFF; font-size: 12px; min-height: 0; text-shadow: none; width: auto; box-shadow: none; margin-top:0em!important; } .woocommerce .full-content .products .star-rating, .woocommerce-page .full-content .products .star-rating{ display: none; } .full-content .page-title, .full-content .woocommerce-ordering{ float: left; height: 30px; width: 50%; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select{ float: right; } .woocommerce-result-count{ display: none !important; } .woocommerce .full-content .full-content .page-title{ font-size: 18px; font-weight: bold; text-transform: uppercase; } .woocommerce .full-content span.onsale{ line-height: 28px; } .woocommerce .full-content ul.products li.product .price del span{ font-size: 11px; } .woocommerce .full-content ul.products li.product .price ins span.amount{ color: #555555; text-decoration: line-through; } .woocommerce .full-content ul.products li.product .price ins span.amount span{ color: #555555; } .proudct-hover{ color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; transform: rotateX(-182deg); transition: all 0.6s ease 0s; visibility: hidden; width: 100%; } .proudct-hover i{ color: #fff; font-size: 18px; } .img-product{ position: relative; overflow: hidden; transition: .5; border: 1px solid #ccc; } .img-product:hover img{ transform: scale(1.3); } .img-product img{ transition: all 1s ease 0s; width: 100%; padding: 50px; } .img-product:hover .proudct-hover{ visibility: visible; background: #000; opacity: .6; transform: rotateX(0deg); } .product-content h4 a{ color: #555555; text-align: left; } .product-content h4 a:hover{ color: #f2be4b;} .product-box ul.products li.product .product-content span.price span{ color: #f6bd41; font-size: 16px; margin: 0px; } .add-to-cart{ position: absolute; top: 0; right: 0; z-index: 9; } .full-content .product-box ul.products li.product .img-product span.onsale{ background: #f6bd41 none repeat scroll 0 0; color: #fff; font-size: 15px; text-align: center; border-radius: 0px; padding: 13.5px 14px; line-height: 0px; margin: 0px; z-index: 2; min-height: inherit; min-width: inherit; top: 44px; } .full-content .product-box ul.products li.product .add-to-cart .button{ background: #f6bd41 none repeat scroll 0 0; color: #fff; font-size: 15px; text-align: center; border-radius: 0px; padding: 13.5px; min-width: 37px; min-height: 37px; margin: 0px; } .full-content .product-box ul.products li.product .add-to-cart .button:hover{ background: #000 none repeat scroll 0 0; } .product-content{ float: left; width: 100%; } .full-content .product-box nav.woocommerce-pagination ul li span, .full-content .product-box nav.woocommerce-pagination ul li a{ border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; padding: 10px 16px; color: #a6a6a6; } .full-content .product-box nav.woocommerce-pagination ul li a:hover{ background-color: #ffd034; } .full-content .product-box nav.woocommerce-pagination ul li span.current{ border: 1px solid #ffd034; background-color: #ffd034; }  @media only screen and (min-width: 800px){ } @media only screen and (min-width: 800px) and (max-width: 939px){} @media only screen and (max-width: 799px){ .woocommerce .full-content ul.products li.product{ width: calc(100%/2 - 10px); margin-right: 20px; margin-bottom: 20px; } .woocommerce .full-content ul.products li.product:nth-child(3n){ margin-right: 20px; } .woocommerce .full-content ul.products li.product:nth-child(2n){ margin-right: 0; } } @media only screen and (max-width: 767px){ .woocommerce .ui-tooltip{ display: none !important; } } @media only screen and (max-width:599px){ } @media only screen and (max-width:480px){ .woocommerce .full-content ul.products li.product{ width: calc(100%/2 - 10px); margin-right: 10px; margin-bottom: 10px; } .woocommerce .full-content ul.products li.product:nth-child(3n){ margin-right: 0; } .woocommerce .full-content ul.products li.product a, .woocommerce-page .full-content ul.products li.product a{ font-size: 13px; } .woocommerce .full-content ul.products li.product .price del, .woocommerce-page .full-content ul.products li.product .price del{ clear: both; text-align: center; } .woocommerce .full-content ul.products li.product .price ins, .woocommerce-page .full-content ul.products li.product .price ins{ float: right; width: 100%; } .img-product img{ transition: all 1s ease 0s; width: 100%; padding: 10px; } } @media only screen and (max-width:320px){ .woocommerce .full-content ul.products li.product{  margin: 10px 0 0;  width: 100% !important; } }  .woocommerce-info a{ color: #2689B2; } .woocommerce-info a:hover{ opacity: 0.5; } #content .woocommerce table.shop_table, #content .woocommerce-page table.shop_table{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; border-radius: 0; } #content .woocommerce .cart-collaterals .cart_totals table, #content .woocommerce-page .cart-collaterals .cart_totals table{ width: 100%; } #content .woocommerce .cart-collaterals .cart_totals table th, #content .woocommerce-page .cart-collaterals .cart_totals table th{ width: 50%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; padding: 2%; } #content .woocommerce .cart-collaterals .shipping_calculator .button, #content .woocommerce-page .cart-collaterals .shipping_calculator .button{ width: auto; } #content .woocommerce #customer_details{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #D3D3D3; padding: 1%; width: 100%; } label[for="ship-to-different-address-checkbox"]{ display: inline; float: none; margin-left: 5px; padding: 0; color: #000; } #ship-to-different-address-checkbox{ clear: none; float: left; margin-top: 7px; } .woocommerce #order_review_heading{ margin-bottom: 10px; color: #000; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{ border: 1px solid #ccc; height: 45px; padding-left: 10px; } .woocommerce-billing-fields h3{ color: #000; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ padding: 10px; border-radius: 0px; background: #f6bd41; color: #fff; font-weight: lighter; transition: .4s; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{ background: #444; color: #fff; }#owl-slide{ float: left; width: 100%; position: relative; } .slide-button{ float: left;  width: 100%;  margin: 30px 0px; } .slide-button .btn-mot:hover{ background: #f6bd41 none repeat scroll 0 0;  border: 2px solid #f6bd41; } .slide-button .btn-hai{ background: #f6bd41 none repeat scroll 0 0;  border: none;  border: 2px solid #f6bd41; } .f-button{ border: 2px solid #fff;  border-radius: 3px;  color: #ffffff;  display: inline-block;  margin: 0 10px;  padding: 14px 35px;  text-transform: uppercase;  font-style: normal;  font-weight: normal; } .f-button:hover{ text-decoration: none; } #owl-slide .item{ overflow:hidden; text-align: center; } #owl-slide .owl-item:after{ background: #000 none repeat scroll 0 0;  content: "";  height: 100%;  left: 0;  opacity: 0.3;  position: absolute;  top: 0;  width: 100%;  z-index: 1; } #owl-slide .item img{ display: block;  height: 100%;  width: 100%;  object-fit: cover;  -o-object-fit: cover;  border-radius: 3px;  max-height: 600px;  min-height: 600px; } .owl-item{  -webkit-backface-visibility: hidden;  -webkit-transform: translateZ(0) scale(1.0, 1.0); } .owl-theme .owl-nav [class *='owl-']{ color: #FFF; font-size: 14px; display: inline-block; position:absolute; top:50%; width:40px; height:40px; text-indent:-9999px; margin-top: -20px; opacity:0; } .owl-theme:hover .owl-nav [class *='owl-']{ opacity:1; } .owl-theme .owl-nav .disabled{ opacity: 0.5; cursor: default; } .owl-theme .owl-dots{ text-align: center; -webkit-tap-highlight-color: transparent; left: 50%; list-style: outside none none; margin-left: -30%; padding-left: 0; position: absolute; width: 60%; z-index: 15; bottom:0; } .owl-theme .owl-dots .owl-dot{ display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background: #869791; } .owl-prev{ border: 1px solid #c0c0c0;  display: inline-block;  font-size: 20px;  margin-right: 5px;  padding: 8px 15px;  position: absolute;  right: 150px;  top: -110px; } .owl-next{ border: 1px solid #c0c0c0;  display: inline-block;  font-size: 20px;  padding: 8px 15px;  position: absolute;  right: 85px;  top: -110px; } #owl-slide .carousel-caption{ color: #fff;  box-sizing: border-box;  position: absolute;  top: 35%;  width: 100%;  z-index: 9999; } .wraper-slide{ text-align: center;  max-width: 55%;  margin: auto 25%; } .carousel-caption .large_text{ font-style: normal;  font-size: 39px;  color: #fefefe;  text-transform: uppercase;  line-height: 46px;  font-weight: normal;  font-weight: 700;  line-height: 1.23; } .carousel-caption .small-text{  color: #ececec;  display: block;  font-size: 16px;  line-height: 25px; } .owl-animated-out{ z-index : 1  } .owl-animated-in{ z-index : 0 }  @media only screen and (max-width: 1280px){ } @media only screen and (max-width: 1024px){ } @media only screen and (max-width: 990px) and (min-width: 768px){ #owl-slide .carousel-caption{ top: 25%; } } @media only screen and (max-width: 768px) and (min-width: 480px){ .carousel-caption .large_text{ font-size: 35px;  line-height: 45px; } .f-button{ border: 2px solid #fff;  border-radius: 2px;  font-size: 14px;  padding: 10px 20px;  margin: 0 2px; } .slide-button .btn-hai{ border: 2px solid #f6bd41; } } @media only screen and (max-width: 768px){ #owl-slide .carousel-caption{ top: 20%; } .carousel-caption .small_text{  font-size: 14px;  font-weight: 300; } .carousel-caption .large_text{  font-size: 25px; } .carousel-caption .small-text{  font-size: 13px; }  #owl-slide .item img{  min-height: 40%;  max-height: 40%; } .owl-theme .owl-dots .owl-dot{ display: none; } .f-button{ border: 1px solid #fff; border-radius: 2px; font-size: 12px; font-weight: 600; margin: 0 2px; padding: 8px 15px; } .wraper-slide{ max-width: 80%; margin: auto 15%; } } @media only screen and (max-width: 480px){ .carousel-caption .large_text{ font-size: 18px; margin-bottom: 10px; } #owl-slide .item img{  min-height: 350px;  max-height: 350px; } } @media only screen and (max-width: 320px){ .slide-button{ margin: 0px; } #owl-slide .carousel-caption{  top: 15%; } .f-button{  margin: 5px; } }  .bx-wrapper{ position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img{ max-width: 100%; display: block; } .bx-wrapper .bx-viewport{ -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff;  -webkit-transform: translatez(0); -moz-transform: translatez(0);  -ms-transform: translatez(0);  -o-transform: translatez(0);  transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading{ min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager{ text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a{ background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #000; } .bx-wrapper .bx-prev{ left: 10px; background: url(images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next{ right: 10px; background: url(images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover{ background-position: 0 0; } .bx-wrapper .bx-next:hover{ background-position: -43px 0; } .bx-wrapper .bx-controls-direction a{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled{ display: none; } .bx-wrapper .bx-controls-auto{ text-align: center; } .bx-wrapper .bx-controls-auto .bx-start{ display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{ background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop{ display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{ background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right: 0; width: 35px; } .bx-wrapper .bx-caption{ position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span{ color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }  .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.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%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(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) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(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) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(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}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}