a.gflag{font-size:24px;padding:1px 0;background-repeat:no-repeat;background-image:url(/wp-content/plugins/gtranslate/24.png)}a.gflag img{border:0;height:24px;display:inline}a.gflag:hover{background-image:url(/wp-content/plugins/gtranslate/24a.png)}img.gstats{display:none}a.alt_flag{background-image:url(/wp-content/plugins/gtranslate/alt_flags.png)}a.alt_flag:hover{background-image:url(/wp-content/plugins/gtranslate/alt_flagsa.png)}a.us_flag{background-position:0 -100px}a.br_flag{background-position:-100px -100px}a.mx_flag{background-position:-200px -100px}a.glink{text-decoration:none}a.glink span{margin-right:5px;font-size:15px;vertical-align:middle}a.glink img{vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:.8}a.glink:hover img{opacity:1}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden;background:#000}.nivoSlider img{position:absolute;top:0;left:0;object-fit:cover;max-width:none}.nivo-main-image{display:block!important;position:relative!important;width:100%!important}.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:#fff;filter:alpha(opacity=0);opacity:0}.nivo-slice{display:block;position:absolute;z-index:1;height:100%;top:0}.nivo-box{display:block;position:absolute;z-index:2;overflow:hidden}.nivo-box img{display:block}.nivo-caption{position:absolute;top:auto;z-index:11;bottom:0;padding:5px 10px;opacity:1;overflow:hidden;display:none;-moz-opacity:1;filter:alpha(opacity=1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;left:0;right:0;margin:0 auto}.nivo-caption p{padding:5px;margin:0}.nivo-caption a{display:inline!important}.nivo-html-caption{display:none}.nivo-directionNav a{position:absolute;top:50%;z-index:50;cursor:pointer;transform:translateY(-50%);left:-55px;font-size:0;width:55px;height:100px;background:#fff0;line-height:100px;text-align:center;opacity:0;transition:0.3s all;color:#fff}.nivo-prevNav{left:0}.nivo-controlNav{text-align:center;padding:15px 0;position:absolute;bottom:0;z-index:10;left:50%;transform:translateX(-50%);text-align:center}.nivo-controlNav a{cursor:pointer;font-size:0;width:25px;height:18px;background:#fff0;display:inline-block;position:relative;margin:0 4px;border:2px solid rgb(255 255 255 / .65);overflow:hidden;border-radius:25px}.nivo-controlNav a.active{font-weight:700}.nivo-controlNav a:before{content:'';position:absolute;left:0;width:100%;height:0;transition:0.4s all;background:#000;bottom:0}.nivo-controlNav a.active:before{height:100%}.slider-direction{position:absolute;left:0;top:0;width:100%;background:none;color:#fff;font-size:16px;z-index:999;display:block}.nivo-directionNav a.nivo-nextNav{left:auto;right:-55px}.nivo-directionNav a.nivo-prevNav{font-size:0}.nivo-directionNav a.nivo-prevNav:before,.nivo-directionNav a.nivo-nextNav:before{content:'\f104';font-size:50px;font-family:'FontAwesome'}.main_banner:hover .nivo-directionNav a.nivo-prevNav{left:0;opacity:1}.main_banner:hover .nivo-directionNav a.nivo-nextNav{right:0;opacity:1}.nivo-directionNav a.nivo-nextNav:before{content:'\f105'}.main_banner .nivo-caption{bottom:9%;left:5%;max-width:700px;margin:0}.main_banner .nivo-caption strong{color:#fff;font-weight:600;font-size:45px;text-shadow:0 0 100px rgb(0 0 0 / 25%)}.main_banner .nivo-caption p{color:#fff;font-size:22px;font-weight:500;line-height:1.4;text-shadow:0 0 100px rgb(0 0 0 / 25%);letter-spacing:.4px}.nivoSlider:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / 9%);z-index:5}@-webkit-keyframes myfirst{from{width:0}to{width:100%}}@keyframes myfirst{from{width:0}to{width:100%}}@media(max-width:1199px){.nivo-directionNav a.nivo-prevNav:before,.nivo-directionNav a.nivo-nextNav:before{font-size:35px}}.home_about_scssn{display:block;position:relative;overflow:hidden}.home_about_scssn:before{content:'';position:absolute;z-index:-1;left:0;right:0;width:100%;height:100%;background:url(/wp-content/themes/sr-tmx-tmt/assets/images/rod_vector.svg) no-repeat;top:0;background-position:109% 93%;background-size:270px}.home_about_content{display:block;position:relative}.why_choose_scssn{display:block;position:relative;background:url(/wp-content/themes/sr-tmx-tmt/assets/images/why_choose_bg.jpg);background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;z-index:0}.why_choose_scssn:before{content:'';position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background:var(--blue);opacity:.88;z-index:-1}.why_choose_scssn .why_choose_content{display:block;position:relative}.why_choose_scssn .why_choose_content .why_choose_rod{text-align:center;display:flex;align-items:center;justify-content:center;position:relative;top:5px;margin:0 0 0;z-index:1}.why_choose_scssn .why_choose_content ul li{position:absolute;top:0;display:flex;align-items:center;z-index:0}.why_choose_scssn .why_choose_content ul li:before{content:'';width:16px;height:16px;position:absolute;background:#f9bb00;border-radius:50px;border:3px solid #fff;left:-23px}.why_choose_scssn .why_choose_content ul li:after{content:'';position:absolute;width:55px;height:3px;background:#fff;border-radius:50px;z-index:-1;left:-69px}.why_choose_scssn .why_choose_content ul li span{width:69px;height:69px;border-radius:50px;background:#F9BB00;padding:10px;display:flex;align-items:center;justify-content:center}.why_choose_scssn .why_choose_content ul li h4{color:#fff;white-space:pre-line;padding:0 15px;font-size:17px;text-transform:uppercase;font-weight:700;line-height:1.4}.why_choose_scssn .why_choose_content ul.left_col li{top:2%;flex-direction:row-reverse;left:18.5%}.why_choose_scssn .why_choose_content ul.left_col li:before{right:-22px;left:auto}.why_choose_scssn .why_choose_content ul.left_col li:after{right:-68px;left:auto}.why_choose_scssn .why_choose_content ul.left_col li h4{text-align:right}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){top:23%;left:17.9%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){top:47%;left:10.1%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){top:68.7%;left:22%}.why_choose_scssn .why_choose_content ul.right_col li{flex-direction:row;align-items:center;top:2%;right:19.5%}.why_choose_scssn .why_choose_content ul.right_col li:before{left:-23px}.why_choose_scssn .why_choose_content ul.right_col li:after{left:-69px}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){top:23%;right:19%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){top:47%;right:21%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){top:68.7%;right:19.6%}.home_tmt_bar{display:block;width:100%;position:relative;padding:35px 0;margin:0 0 0 0;background:#FFC001;text-align:center;z-index:1;transform:translateY(-30px)}.home_tmt_bar .title2 h2{background:#ffc001}.home_tmt_bar ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.home_tmt_bar ul li{padding:4px 10px;position:relative}.home_tmt_bar ul li a{font-size:27px;font-weight:700;color:#444;padding:0 25px}.home_tmt_bar ul li:after{content:'|';position:absolute;right:0;font-weight:700;font-size:27px;color:#444}.home_tmt_bar ul li:last-child:after{display:none}.home_quality_assurance_scssn{display:block;position:relative;background:#F8F4E8;z-index:0}.home_quality_assurance_scssn:before{content:'';background:url(/wp-content/themes/sr-tmx-tmt/assets/images/quality_bg.jpg);background-position:0;background-size:cover!important;position:absolute;right:0;top:0;width:52%;height:100%;z-index:-1}.home_quality_assurance_scssn:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:#f8f4e8;background:-moz-linear-gradient(90deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);background:-webkit-linear-gradient(90deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);background:linear-gradient(90deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f4e8",endColorstr="#ffffff",GradientType=1);z-index:-1}.home_quality_assurance_scssn .title h2{background:#f8f4e8}.home_quality_assurance_scssn .assurane_content ul{display:flex;align-items:center;flex-wrap:wrap}.home_quality_assurance_scssn .assurane_content ul li{padding:10px 22px}.home_quality_assurance_scssn .assurane_content ul li:first-child{padding-left:0}.home_product_scssn{display:block;position:relative;background-image:url(/wp-content/themes/sr-tmx-tmt/assets/images/product_bg.jpg);background-size:100%;background-position:50%}.home_product_scssn:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgb(4 88 155 / 91%)}.product_slide_box{display:block;text-align:center;position:relative}.product_slide_box h3{font-size:54px;color:#FFF;font-weight:800}.home_product_scssn .custom_arrows .swiper-button-prev,.home_product_scssn .custom_arrows .swiper-button-next{width:73px;height:73px;border:none;opacity:.5;outline:none;top:8%;transition:0.3s all;margin:0;bottom:auto;background:url(/wp-content/themes/sr-tmx-tmt/assets/images/left_arrow.svg);background-position:center;opacity:1;background-repeat:no-repeat}.home_product_scssn .custom_arrows .swiper-button-white:after{display:none}.home_product_scssn .custom_arrows .swiper-button-prev{left:15%;right:auto}.home_product_scssn .custom_arrows .swiper-button-next{right:15%;left:auto;transform:rotate(180deg)}.home_product_scssn .custom_arrows .swiper-button-prev:hover,.home_product_scssn .custom_arrows .swiper-button-next:hover{opacity:1}.product_slide_caption{display:block;position:relative;padding-top:10px;margin:0 auto;width:95%;max-width:1100px;text-align:center}.product_slide_caption .product_slide_speci{position:relative;text-align:left}.product_slide_caption .product_slide_speci h4{color:#fff;font-size:25px;font-weight:700;margin-bottom:3px}.product_slide_caption .product_slide_speci p{white-space:pre-line;color:#fff;line-height:1.4;font-size:20px}.product_slide_caption .custom_button{background:#FFC001;border-color:#FFC001;font-weight:700;color:#075390;font-size:20px;padding:15px 35px}.home_manufacturer_scssn{position:relative;display:block;overflow:hidden}.home_manufacturer_scssn .manufacturer_content{display:block;position:relative}.home_manufacturer_scssn .manufacturer_content .title h2{color:#444}.home_manufacturer_scssn .manufacturer_content .title:before{background:#444}.home_manufacturer_scssn .manufacturer_content p{position:relative}.home_manufacturer_scssn .manufacturer_content p:after,.home_manufacturer_scssn .manufacturer_content p:before,.manufactuing_img:after,.manufactuing_img:before{content:'';position:absolute;left:0;top:-28px;width:100vw;height:calc(100% + 150px);background:#ffc001;z-index:-1}.manufactuing_img:after,.manufactuing_img:before{visibility:hidden}.home_manufacturer_scssn .manufacturer_content p:before{left:auto;right:0}.manufactuing_img{position:relative;display:block;height:100%}.manufactuing_img img{border:10px solid #fff;box-shadow:1px 25px 50px 0 rgb(0 0 0 / 22%);height:100%;object-fit:cover}.clients_scssn{display:block;position:relative}.our_clients_slides{padding-bottom:40px}.our_clients_slides .swiper-slide{display:flex;align-items:center;justify-content:center}.our_clients_slides .swiper-slide img{mix-blend-mode:darken;max-width:100%;height:100px;width:100%;object-fit:contain;transition:all 1s}.our_clients_slides .swiper-wrapper{justify-content:space-between}.clients_scssn .swiper-pagination{bottom:10px}.clients_scssn .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff0;border:2px solid #444;position:relative;transition:0.4s all}.clients_scssn .swiper-pagination .swiper-pagination-bullet:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background:#444;transition:0.4s all;border-radius:50px}.clients_scssn .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{height:100%}/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .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; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-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); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-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; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-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; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-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; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -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; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }body{font-size:16px;font-family:'Manrope',sans-serif;font-weight:500;overflow-x:hidden;color:#333}*,a{text-decoration:none}a{transition:0.4s all;-webkit-transition:0.4s all;-o-transition:0.4s all;-ms-transition:0.4s all}input:focus,textarea:focus,select:focus,button:focus,a:focus{outline:none;box-shadow:none}button:hover{background:#fff0}ul,li{list-style:none;margin:0;padding:0}p{font-size:20px;font-weight:500;color:#444;margin:0;line-height:1.6;padding-bottom:20px}::selection{color:#fff;background:#003652}*::-webkit-scrollbar{width:1px;cursor:pointer}*::-webkit-scrollbar:horizontal{height:3px;cursor:pointer}*::-webkit-scrollbar-track{box-shadow:inset 0 0 1px #444;border-radius:30px}*::-webkit-scrollbar-thumb{background:#ccc;border-radius:30px}*::-webkit-scrollbar-thumb:hover{background:#ccc}.heading{display:flex;position:relative;flex-direction:column;align-items:flex-start;z-index:0}.heading strong{font-size:44px;line-height:1.3;margin-bottom:10px}.title{position:relative;display:block;width:100%}.title:before{content:'';position:absolute;bottom:8px;width:70%;height:1px;background:#015DAA;z-index:-1;max-width:470px}.title h1,.title h2{font-size:22px;font-weight:600;color:#015DAA;position:relative;padding:0 11px 0 0;margin:0 0 0;background:#fff;display:inline-block;letter-spacing:.2px}.title2{display:inline-block;width:auto;position:relative}.title2::before{left:50%;transform:translateX(-50%);z-index:0;content:'';bottom:0;height:1px;background:#8A8989;position:absolute;width:250px}.title2 h1,.title2 h2{margin:0;padding:0 20px;font-size:16px;font-weight:700;color:#444;letter-spacing:3.5px;background:#fff;position:relative}.pb-7{padding-bottom:7rem!important}.custom_button{color:#444;font-weight:700;display:inline-block;background:#fff;border:1px solid #444;font-size:17px;padding:13px 30px;position:relative;overflow:hidden;transition:0.6s all}.custom_button:before{content:'';position:absolute;right:0;bottom:0;border-right:1.3em solid #0055a5;border-left:none;border-top:none;border-bottom:1.3em solid #fff0;transform:rotate(90deg) translate(12px,-12px);transition:0.4s all}.custom_button.border_button{background:#fff0}.custom_button.border_button:hover{border-color:#0055a5;color:#0055a5}.custom_button:hover:before{transform:rotate(90deg) scale(1);transform-origin:center}.product_slide_caption .custom_button:before{border-right-color:#ffc001}.product_slide_caption .custom_button:hover{background:#fff0;color:#fff}.product_slide_caption .custom_button:after{content:'';position:absolute;top:0;width:100%;left:0;height:100%;background:#ffc001;z-index:-1;transition:0.4s all}.product_slide_caption .custom_button:hover:after{width:0}.heading.text-center{align-items:center}.heading.text-center.white{color:#fff}.heading.text-center.white .title{width:auto;padding:0 0 14px}.heading.text-center.white .title h2{background:#fff0;color:#fff}.heading.text-center.white .title:before{bottom:0;background:#fff;z-index:0;width:84%;left:50%;transform:translateX(-50%)}.parallax_background{background-size:130%;background-position:50%}:root{--blue_green:#003652;--dark_blue:#01498D;--blue:#04589B;--grey_bg:#F2F2F4}header,section,footer{position:relative}header{position:sticky;top:-1px;z-index:99;background:var(--blue_green);transition:0.4s all;box-shadow:0 10px 10px -10px rgb(0 0 0 / 15%)}header:hover,header.site-scrolled{background:#fff}header .header_topbar{display:block;position:relative;z-index:0}header .header_topbar ul{display:flex;justify-content:flex-end;align-items:center}header .header_topbar ul li a{padding:18px 17px;color:#E3E3E3;font-size:15px;display:flex;align-items:center}header .header_topbar ul li a i{font-size:19px}header .header_topbar ul li a span{padding-left:9px}header .header_topbar>ul>li .translate>a i{padding:0 0 0 7px;font-size:20px}header:hover .header_topbar ul li a,header.site-scrolled .header_topbar ul li a{color:#666}header .header_topbar>ul>li .translate{height:100%;display:flex;align-items:center}header .header_topbar>ul>li .translate ul.dropdown-menu{inset:unset!important;top:96%!important;transform:translate(0) scaleY(.5)!important;transform-origin:top;transition:0.4s all;opacity:0;width:180px;visibility:hidden;position:absolute!important;padding:0 10px;right:0!important;display:block;height:183px;overflow-y:auto;border:1px solid rgb(0 54 82 / 20%)}header .header_topbar>ul>li .translate ul.dropdown-menu.show{transform:translate(0) scaleY(1)!important;opacity:1;visibility:visible}header .header_topbar>ul>li .translate ul.dropdown-menu li a{padding:5px 15px;display:block;font-size:13px;color:#333;font-weight:600;border-bottom:1px solid rgb(0 161 237 / 20%)}header .logo{display:block;padding:10px}header .logo a{transition:0.3s all;max-width:100%;max-width:300px;display:block;transition:0.4s all;background:url(https://www.srtmx.com/wp-content/uploads/2024/12/logo-1.svg) no-repeat;background-size:contain}header .logo a img{transition:0.4s all}header.site-scrolled .logo a{max-width:135px;display:block;background:#fff0}header:hover .logo a,header.site-scrolled .logo a{filter:none}header:hover .logo a img{opacity:0}header.site-scrolled:hover .logo a img{opacity:1}header .navigation_scssn{display:block;padding:0 15px 0 23px;transition:0.3s all;position:relative;border-top:1px solid rgb(255 255 255 / 29%)}header:hover .navigation_scssn,header.site-scrolled .navigation_scssn{border-top-color:#ddd}header .navigation_scssn .navbar{padding:0}header .navigation_scssn a.navbar-brand{display:none}header .navigation_scssn .navbar .navbar-nav>li{padding:0 10px;position:relative}header .navigation_scssn .navbar .navbar-nav li a{font-size:20px;font-weight:600;color:#fff;padding:33px 15px;position:relative;display:inline-block;letter-spacing:.3px;text-transform:uppercase;transition:0.4s all}header .navigation_scssn .navbar .navbar-nav li a i{font-size:20px}header .navigation_scssn .navbar .navbar-nav li a.dropdown-toggle{padding-right:30px}header .navigation_scssn .navbar .navbar-nav button.dropdown-toggle{position:absolute;right:16px;top:28px;font-size:18px;font-weight:500;color:#fff;padding:5px 6px;background:#fff0;border:none;transition:0.4s all}header .navigation_scssn .navbar .navbar-nav .dropdown-toggle::after{border:none;margin:0}header .navigation_scssn .navbar .navbar-nav button.dropdown-toggle::after{content:'\f107';border:none;margin:0;font-family:'FontAwesome';vertical-align:0;transform:rotate(0);transition:0.4s all}header .navigation_scssn .navbar ul.navbar-nav>li:hover button.dropdown-toggle,header .navigation_scssn .navbar ul.navbar-nav>li.active button.dropdown-toggle{color:#00a1ed}footer{position:relative;display:block;background:#0055A5;overflow-x:hidden;width:100%}footer a:hover{color:#ffffff!important}footer .footer_nav_scssn{display:flex;flex-direction:column;justify-content:space-between}footer .footer_nav_scssn,footer .footer_contact{height:100%}footer .footer_nav_scssn h4,footer .footer_contact h4{font-size:16px;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:11px}footer .footer_contact{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:space-between}footer .footer_contact:before{content:'';position:absolute;right:0;top:0;width:100vw;height:100%;background:#01498D;z-index:-1}footer .footer_contact>ul>li{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:15px}footer .footer_contact>ul>li:last-child{padding-bottom:30px}footer .footer_contact .footer_socials ul{display:flex}footer .footer_contact .footer_socials ul li{padding:6px 14px}footer .footer_contact .footer_socials ul li:first-child{padding-left:0}footer .footer_contact>ul>li p,footer .footer_contact>ul>li a,footer .footer_contact .footer_socials li a{color:rgb(255 255 255 / 65%);font-size:16px;white-space:pre-line;padding-bottom:8px}footer .footer_nav_scssn .footer_nav li{padding:2px 0}footer .footer_nav_scssn .footer_nav li a{color:rgb(255 255 255 / 75%);font-size:16px;position:relative}footer .footer_nav_scssn .footer_nav li a:hover{color:#fff}footer .footer_nav_scssn .footer_nav li a:before{content:'';position:absolute;left:0;width:100%;height:1px;background:#fff;transform:scaleX(0);-webkit-transition:-webkit-transform 0.7s cubic-bezier(.115,.87,.19,1);transition:-webkit-transform 0.7s cubic-bezier(.115,.87,.19,1);transition:transform 0.7s cubic-bezier(.115,.87,.19,1);transition:transform 0.7s cubic-bezier(.115,.87,.19,1),-webkit-transform 0.7s cubic-bezier(1,.07,.19,1);transform-origin:right;bottom:0}footer .footer_nav_scssn .footer_nav li a:hover:before{transform-origin:left;transform:scale(1)}.copyright{display:block;position:relative}.copyright:before{content:'';position:absolute;left:0;top:0;width:100vw;height:2px;background:#01498D}.copyright ul{display:flex;justify-content:space-between}.copyright ul li,.copyright ul li a{color:rgb(255 255 255 / 65%);font-size:15px}#toTop{padding:0;font-size:23px;color:#003652;position:fixed;cursor:pointer;top:40%;right:25px;width:40px;line-height:40px;height:40px;text-align:center;background:#fff0;z-index:98;transition:all ease 0.3s;-moz-transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;opacity:0;visibility:hidden}#toTop.active{opacity:1;visibility:visible;top:85%}#toTop:before{content:'';position:absolute;width:40px;height:40px;background:#ffc001;right:0%;bottom:0%;z-index:0;transform:rotate(45deg);border-radius:6px;box-shadow:2px 2px 15px 0 rgb(0 0 0 / 15%);border:1px solid #ffc001}#toTop>span{position:relative;z-index:3}.tmt_calculator_box{position:fixed;bottom:0;display:flex;flex-direction:row;z-index:15;max-width:370px;width:90%;justify-content:flex-start;box-shadow:0 -10px 20px 0 rgb(0 0 0 / 20%)}.nonSticky .tmt_calculator_box{position:absolute}.tmt_calculator_box .accordion{width:100%}.tmt_calculator_box .accordion-item{background:#080206;border:none;border-radius:0}.tmt_calculator_box .accordion-button{padding:8px 17px;background:#080206;box-shadow:none;display:flex;outline:none;justify-content:space-evenly}.tmt_calculator_box .accordion-button:after{display:none}.tmt_calculator_box .accordion-button ul{display:flex;align-items:center}.tmt_calculator_box .accordion-button ul li{padding:5px 18px}.tmt_calculator_box .accordion-button ul li:first-child{padding-left:0}.tmt_calculator_box .accordion-button ul li h5{font-size:12px;font-weight:800;text-transform:uppercase;color:#ffc001;white-space:pre-line;letter-spacing:.6px;margin:0}.tmt_calculator_box .accordion-button ul li h6{color:#ffc001;font-size:13px;font-weight:600;letter-spacing:.4px;margin-bottom:5px}.tmt_calculator_box .accordion-button ul li .sticky_price{display:flex;align-items:flex-end;color:#fff}.tmt_calculator_box .accordion-button ul li .sticky_price h4{margin:0;font-size:20px;font-weight:800}.tmt_calculator_box .accordion-button ul li .sticky_price sup{font-weight:300;top:-.4em;font-size:.65em;padding-right:2px}.tmt_calculator_box .accordion-button ul li .sticky_price span{font-size:10px;padding-left:8px;font-weight:800;letter-spacing:.5px}.tmt_calculator_box .accordion-button ul li:last-child{border-left:1px solid rgb(255 255 255 / 36%);padding-right:0}.tmt_calculator_box .tmt_calculator{background:#f8f4e8;padding:15px 20px}.tmt_calculator_box .tmt_calculator .calculater_title{display:block;position:relative}.tmt_calculator_box .tmt_calculator .calculater_title h3{font-size:21px;font-weight:800;text-transform:uppercase;margin:0;padding-bottom:3px;color:#003652}.tmt_calculator_box .tmt_calculator .calculater_title h6{font-size:16px;font-weight:600;color:#666;letter-spacing:1px}.tmt_calculator_box .tmt_calculator .calculate_form .form-group label{position:absolute;top:-10px;left:14px;font-size:12px;transition:0.4s all;z-index:1;font-weight:700;color:rgb(68 68 68 / 70%);background:#f8f4e8;padding:2px 4px 2px 4px;text-transform:uppercase;letter-spacing:.2px}.tmt_calculator_box .tmt_calculator .calculate_form .form-group{position:relative}.tmt_calculator_box .tmt_calculator .calculate_form .form-group .form-select,.tmt_calculator_box .tmt_calculator .calculate_form .form-group .form-control{padding:6px 17px 3px 17px;border:1px solid rgb(8 2 6 / 41%);height:45px;transition:0.8s all;color:#222;font-weight:500;width:100%;border-radius:50px;font-size:15px;box-shadow:none;outline:none;background-color:#f8f4e8}.tmt_calculator_box .tmt_calculator .calculate_form .custom_button{padding:8px 30px;font-size:15px;border-radius:10px;margin:0 auto;background:#ffc001;border-color:#ffc001}.tmt_calculator_box_free{position:absolute}.common_form label{font-size:13px;font-weight:600;color:#222;padding:0 0 2px;letter-spacing:1px}.common_form .form-control,.common_form .form-select{background-color:rgb(0 0 0 / 4%);border:none;height:65px;color:#444;font-size:15px;font-weight:600;outline:none;box-shadow:none;border:2px solid #4440;resize:none;border-radius:0;transition:0.4s all;padding:18px 25px}.common_form textarea.form-control{height:90%}.common_form .form-control:focus,.common_form .form-select:focus{border-color:#444;background-color:#fff0}.common_form .form-control::placeholder,.common_form .form-select::placeholder{color:#888;font-size:14px;letter-spacing:.5px;font-weight:400}.contact_button{text-align:center}.contact_button .custom_button{background:#ffc001;width:220px;border-color:#ffc001}.contact_button .custom_button:hover{background:#fff0;border-color:#0055a5}.enquriy-form~.modal-backdrop{backdrop-filter:blur(8px);background:rgb(4 88 155 / 50%)}.enquriy-form .modal-dialog{max-width:100%;width:100%;margin:0 auto;height:100%;min-height:auto;overflow:hidden}.enquriy-form .modal-body .heading strong{font-size:35px}.enquriy-form .modal-dialog .modal-content{border-radius:0;border:0;height:100%}.enquriy-form .modal-dialog .modal-body{padding:3rem 4rem 3rem;height:100%;position:relative;overflow:auto}.enquriy-form .modal-dialog:after{content:"";position:absolute;height:100%;width:100%;left:0;top:0;z-index:0;pointer-events:none}.enquriy-form .modal-dialog .modal-body:before{content:"";position:absolute;height:100%;width:100%;background:url(/wp-content/themes/sr-tmx-tmt/assets/images/srt_bg.png);background-repeat:no-repeat;right:0;top:0;background-size:50%;background-position:right top;z-index:1;pointer-events:none}.enquriy-form .modal-body .heading .title:before{width:130px}.enquriy-form .modal-dialog .modal-content button.btn-close{left:0;position:absolute;opacity:1;z-index:4;height:50px;width:50px;border-radius:0;background:#003652}.enquriy-form .modal-dialog .modal-content button.btn-close:after,.enquriy-form .modal-dialog .modal-content button.btn-close:before{content:"";position:absolute;height:2px;width:40px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all 0.3s}.enquriy-form .modal-dialog .modal-content button.btn-close:before{transform:translate(-50%,-50%) rotate(-45deg)}.enquriy-form .modal-dialog .modal-content button.btn-close:hover:before,.enquriy-form .modal-dialog .modal-content button.btn-close:hover:after{transform:translate(-50%,-50%) rotate(0deg)}.enquriy-form .modal-dialog .modal-content button.btn-close:focus,.enquriy-form .modal-dialog .modal-content button.btn-close:hover{box-shadow:none;border:0}.enquriy-form .modal-dialog .modal-body .buy_form_scssn{padding:0;box-shadow:none;position:absolute;top:50%;transform:translateY(-50%);max-width:60%}.enquriy-form .modal-dialog .modal-body .common_form .form-control,.enquriy-form .modal-dialog .modal-body .common_form .form-select{height:auto;background-color:#f3f3f3;padding:18px 25px}.enquriy-form .modal-dialog .modal-body .common_form .form-control:focus,.enquriy-form .modal-dialog .modal-body .common_form .form-select:focus,.enquriy-form .modal-dialog .modal-body .common_form .form-control:active,.enquriy-form .modal-dialog .modal-body .common_form .form-select:active{background-color:#fff}.enquriy-form .modal-dialog .modal-content .modal-body{height:100%;display:block;position:relative;overflow:auto}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;width:100%;height:100%}#preloader #loader-1{height:100px;width:100px;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%}#loader-1:before,#loader-1:after{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:100%;border:7px solid #fff0}#loader-1:before{border-color:#fff0;animation:spin 1s infinite;border-top-color:#00a1ed;border-left-color:#00a1ed}#loader-1:after{animation:spin 1s infinite alternate;border-color:#fff0;border-bottom-color:#003652;border-right-color:#003652}#preloader img{height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;margin-left:-12px;margin-top:-17px}@-moz-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}div#result strong{display:inline-block;font-size:20px;color:#000}#result .desc{color:#003652;font-weight:600;font-size:16px;text-align:center;margin:22px 8px 12px;background:rgb(9 84 144 / 15%);padding:12px 12px;border:1px solid #d3d3d3}.tmt_calculator .submit-inquiry-bt.custom_button{background:#003652;color:#fff;padding:10px 18px;border:1px solid #003652;font-size:16px;display:inline-block;font-weight:500}.tmt_calculator .submit-inquiry-bt.custom_button:hover{color:#003652;background:#fff}.tmt_calculator .submit-inquiry-bt.custom_button:before{border-right:1.3em solid #003652}.whatsapp-chat{position:fixed;right:21px;top:92%;z-index:98}.whatsapp-chat img{height:50px;max-width:50px!important;width:50px!important}ul.google-img{display:flex;margin:0 45px}.google-img li+li{margin:0 15px}@media(min-width:1400px){.container{max-width:1375px}.why_choose_scssn .why_choose_content ul li:before{content:'';width:16px;height:16px;position:absolute;background:#f9bb00;border-radius:50px;border:3px solid #fff}.why_choose_scssn .why_choose_content ul li:after{content:'';position:absolute;width:55px;height:3px;background:#fff;border-radius:50px;z-index:-1}.why_choose_scssn .why_choose_content ul li span{width:69px;height:69px;border-radius:50px;background:#F9BB00}.why_choose_scssn .why_choose_content ul li h4{color:#fff;white-space:pre-line;padding:0 15px;font-size:17px;text-transform:uppercase;font-weight:700;line-height:1.4}.why_choose_scssn .why_choose_content ul.left_col li:before{right:-22px;left:auto}.why_choose_scssn .why_choose_content ul.left_col li:after{right:-68px;left:auto}.why_choose_scssn .why_choose_content ul.left_col li h4{text-align:right}.why_choose_scssn .why_choose_content ul.right_col li:before{left:-23px}.why_choose_scssn .why_choose_content ul.right_col li:after{left:-69px}.why_choose_scssn .why_choose_content ul.left_col li{top:12%;flex-direction:row-reverse;left:12%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){top:30%;left:20.3%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){top:48.6%;left:24.5%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){top:68.7%;left:42%}.why_choose_scssn .why_choose_content ul.right_col li{flex-direction:row;align-items:center;top:12%;right:44.95%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){top:30%;right:35.5%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){top:48.6%;right:27.9%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){top:68.7%;right:17.3%}}@media screen and (max-width:1399px) and (min-width:1200px){.why_choose_scssn .why_choose_content ul li:before{right:-22px;left:auto}.why_choose_scssn .why_choose_content ul li:after{width:40px;height:3px}.why_choose_scssn .why_choose_content ul li span{width:55px;height:55px}.why_choose_scssn .why_choose_content ul li h4{font-size:15px}.why_choose_scssn .why_choose_content ul.left_col li{top:11.5%;left:7%;flex-direction:row-reverse}.why_choose_scssn .why_choose_content ul.left_col li:after{right:-52px;left:auto}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){top:28%;left:16.5%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){top:47.3%;left:22.2%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){top:66.2%;left:42%}.why_choose_scssn .why_choose_content ul.right_col li{top:11.5%;right:47.9%}.why_choose_scssn .why_choose_content ul.right_col li:before{left:-23px}.why_choose_scssn .why_choose_content ul.right_col li:after{left:-53px}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){top:28%;right:37.8%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){top:47.3%;right:27.5%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){top:66.2%;right:15.5%}}@media(min-width:1200px){header .navigation_scssn .navbar ul.navbar-nav>li:hover>a,header .navigation_scssn .navbar ul.navbar-nav>li.active>a{color:#00a1ed}header:hover .navigation_scssn .navbar .navbar-nav li a,header.site-scrolled .navigation_scssn .navbar .navbar-nav li a{color:#444}header.site-scrolled .navigation_scssn .navbar .navbar-nav li a{padding:16px 15px;font-size:18px}header:hover .navigation_scssn .navbar .navbar-nav button.dropdown-toggle,header.site-scrolled .navigation_scssn .navbar .navbar-nav button.dropdown-toggle{color:#444}header.site-scrolled .navigation_scssn .navbar .navbar-nav li a.dropdown-toggle{padding-right:20px}header.site-scrolled .navigation_scssn .navbar .navbar-nav button.dropdown-toggle{top:11px;right:9px}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu{padding:0;left:15px;border:none;display:block;background:#fff;min-width:300px;opacity:0;visibility:hidden;border-radius:0;transform:scaleY(0);transition:0.4s all;transform-origin:top;box-shadow:5px 5px 20px -5px rgb(22 32 42 / 50%)}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown:hover .dropdown-menu{opacity:1;transform:scaleY(1);visibility:visible}header .navigation_scssn .navbar ul.navbar-nav li:last-child ul.dropdown-menu{left:auto;right:0;min-width:200px}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li{padding:0}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li a.dropdown-item{padding:12px 13px 12px 20px;position:relative;font-weight:600;border-bottom:1px solid rgb(0 0 0 / 13%);font-size:16px;color:#444;transition:0.4s all;display:block;text-transform:unset}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li a.dropdown-item:hover{color:var(--blue_green);background:#fff0;padding-left:22px}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li a.dropdown-item:before{content:'';position:absolute;left:0;bottom:0;width:0;height:100%;background:#00a1ed;transition:0.4s all;opacity:0}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li a.dropdown-item:hover:before{width:3px;opacity:1}header .navigation_scssn .navbar ul.navbar-nav>li.dropdown .dropdown-menu li:last-child a.dropdown-item{border-bottom:0}}@media(max-width:1600px){.product_main_content_tabbing .nav-pills .nav_tab_li .choose_icon{width:75px;min-width:75px;height:75px;padding:15px 10px;margin-right:18px}.quality-certificate ul li img{max-height:300px}.quality-certificate ul{gap:20px 40px;padding-left:68px}.quality-certificate{margin-left:0;width:calc(100% + 40px)}}@media(max-width:1399px){.home_quality_assurance_scssn:before{opacity:.55;width:67%}.home_manufacturer_scssn:after{height:49%}.products-text{padding-right:15px}.product_main_content_tabbing ul.product-tab-main li span.choose_icon{width:65px;height:65px;min-width:65px;margin-right:12px}.product_main_content_tabbing ul.product-tab-main li{font-size:18px;padding:12px 15px}.product_main_content_tabbing .accordion .accordion-item ul li{padding:8px 10px 8px 40px;font-size:17px}.product_main_content_tabbing .accordion .accordion-item ul li:before{top:15px}.standard-size-table table tr th{font-size:16px;padding:20px 7px 20px 10px}.standard-size-table table tr td{padding:10px 12px}.enquriy-form .modal-dialog .modal-body .buy_form_scssn{max-width:63%}.tmt-bar-products .product-name{left:37%}.tmt-bar-products .product-name p{font-size:38px}.tmt-bar-products .product-name p:after{height:calc(100% - 16px)}header .navigation_scssn .navbar .navbar-nav>li{padding:0 0}header .navigation_scssn .navbar .navbar-nav li a{font-size:18px}header .navigation_scssn .navbar .navbar-nav button.dropdown-toggle{right:9px}header.site-scrolled .navigation_scssn .navbar .navbar-nav button.dropdown-toggle{right:0}}@media(max-width:1280px){header .navigation_scssn button.dropdown-toggle{top:0;padding:0 5px;right:15px}}@media(max-width:1199px){header .navigation_scssn{padding:15px 15px 15px 23px}header .navigation_scssn .navbar{justify-content:flex-end}header .navigation_scssn .navbar-toggler{padding:0 0 0 20px;position:absolute;top:-17px;right:0;border-color:#fff0;box-shadow:none;border:none;border-left:1px solid rgb(0 0 0 / 24%)!important;border-radius:0}header .navigation_scssn .navbar-toggler:hover,header .navigation_scssn .navbar-toggler:focus{outline:none;box-shadow:none}header .navigation_scssn .navbar-toggler.open_menu span{height:2px;background:#000;width:40px;display:block;margin:7px 0}header .navigation_scssn .navbar-toggler.open_menu span:first-child{width:60%}header .navigation_scssn .navbar-toggler.open_menu span:last-child{width:85%}header .navigation_scssn button.menu_open{border:none!important;width:55px;height:46px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;padding:0;position:relative;top:10px;border:none;box-shadow:none;align-items:flex-end;transition:0.4s all}header .navigation_scssn button.menu_open span.icon-bar{background:#fff;width:80%;height:3px;position:relative;transition:0.4s all}header .navigation_scssn button.menu_open span.icon-bar:first-child{width:50%}header .navigation_scssn button.menu_open span.icon-bar:nth-child(2):before{position:absolute;left:-50px;font-size:12px;font-weight:800;color:#fff;background:var(--blue_green);top:50%;transform:translateY(-50%);padding:0 38px 0 0;transition:0.4s all}header .navigation_scssn button.menu_open span.icon-bar:last-child{width:65%}header .navigation_scssn button.menu_open:hover span.icon-bar:first-child,header .navigation_scssn .navigation button.menu_open:hover span.icon-bar:last-child{width:55px}header .navigation_scssn button.menu_open:hover span.icon-bar:nth-child(2):before{left:0;padding-right:4px}header .navigation_scssn .navbar .navbar-collapse{position:fixed;left:0;right:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:0.4s all;transform:scaleY(.5);transform-origin:top;overflow-y:auto;z-index:99;padding:40px 51px 7%;background:rgb(0 54 82 / 90%);background-image:url(https://www.srtmx.com/wp-content/uploads/2024/12/why_choose_rod-rspnv.png);background-size:contain;background-repeat:no-repeat;backdrop-filter:blur(4px);background-size:96px;background-position:20px 60px}header .navigation_scssn .navbar .navbar-collapse.show{opacity:1;visibility:visible;transform:scaleY(1)}header .navigation_scssn .navbar-expand-xl .navbar-collapse:not(.show){display:block}header .navigation_scssn .navbar-toggler.menu_close{top:25px;padding:0;width:50px;height:50px;right:5px;position:absolute;float:right;transition:transform 0.2s ease-out,opacity 0.2s ease-out;border:none!important}header .navigation_scssn .navbar-toggler.menu_close:before,header .navigation_scssn .navbar-toggler.menu_close:after{content:'';position:absolute;left:0;top:10px;width:100%;height:2px;background:#fff;transform:rotate(45deg);transform-origin:center}header .navigation_scssn .navbar-toggler.menu_close:after{transform:rotate(-45deg)}header .navigation_scssn .navbar-collapse.show .navbar-toggler.menu_close{transition-delay:0.85s;opacity:1}header .navigation_scssn .navbar ul.navbar-nav{margin-top:60px;padding-left:60px}header .navigation_scssn .navbar ul.navbar-nav>li{display:inline-block;width:auto;position:relative;counter-increment:count;padding:11px 10px}header .navigation_scssn .navbar ul.navbar-nav>li>a:before{content:'';content:'';width:13px;height:13px;position:absolute;background:#15465f;border-radius:50px;border:2px solid #6a8898;left:0;top:50%;transform:translateY(-50%)}header .navigation_scssn .navbar ul.navbar-nav>li>a:after{content:'';position:absolute;width:41px;height:3px;background:#688696;border-radius:50px;z-index:-1;left:-41px;top:50%;transform:translateY(-50%)}header .navigation_scssn .navbar ul.navbar-nav li a{color:#fff;font-size:40px;font-weight:800;padding:0 0 0 30px;width:auto;display:inline-block;text-align:left;background:#fff0;letter-spacing:.3px;text-transform:capitalize}header .navigation_scssn .navbar ul.navbar-nav li a.dropdown-toggle{padding-right:20px}header .navigation_scssn .navbar ul.navbar-nav li button.dropdown-toggle{right:auto;color:#fff;top:22px;border-left:1px solid #fff;border-radius:0;padding:0 10px;font-size:27px}header .navigation_scssn .navbar ul.navbar-nav button.dropdown-toggle::after{color:#fff}header .navigation_scssn .navbar ul.navbar-nav button.dropdown-toggle.show::after{transform:rotate(-180deg)}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu{background:#fff0;border:none;padding:0 10px 0 35px;max-height:0;display:block;overflow:hidden;margin:0;transition:all ease .5s;-moz-transition:all ease .5s;-webkit-transition:all ease .5s}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu.show{max-height:300px;transition:.5s ease-in}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li{display:inline-block;width:100%}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a{color:rgb(255 255 255 / 75%);font-weight:400;font-size:23px;padding:5px 5px 5px 25px}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a:after{content:'\F105';position:absolute;left:2px;font-family:'FontAwesome'}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover{color:#fff}header.site-scrolled .navigation_scssn button.menu_open{top:-1px}header:hover .navigation_scssn button.menu_open span.icon-bar,header.site-scrolled .navigation_scssn button.menu_open span.icon-bar{background:#003652}.why_choose_scssn .why_choose_content{display:block}.why_choose_scssn .why_choose_content .why_choose_rod{width:100%;display:flex;flex-direction:column;top:0}.home_quality_assurance_scssn .assurane_content ul li{padding:10px 18px}.home_about_scssn:before{background-position:117% 93%}.home_manufacturer_scssn:after{height:44%}footer .footer_contact{display:flex;padding:10px 25px}footer .footer_contact:before{width:100%}footer .footer_contact>ul{display:flex;align-items:flex-start}footer .footer_contact>ul>li{padding-right:25px;padding-bottom:10px;max-width:400px;width:50%}.copyright:before{width:100%}.product_main_content_tabbing .nav-pills .nav_tab_li{width:32%;margin:0 6px}.product_main_content_tabbing .nav-pills .nav_tab_li.active{box-shadow:0 0 50px 10px rgb(0 0 0 / 10%)}.product_main_content_tabbing .nav-pills .nav_tab_li a{margin:0;height:100%}.product-name p{font-size:42px}.products-img img{min-height:470px}.product-name p:after{height:calc(100% - 15px);top:-5px}.standard-size-table table{width:max-content;max-width:1200px}.quality-certificate{top:0}.quality-certificate ul li img{max-height:350px}.quality-certificate ul{gap:20px 80px;padding-left:100px}.quality-images{margin-top:60px}.tmt-bar-products .products-img img{min-height:auto}.tmt-bar-products .product-name{left:36%}.tmt-bar-products .product-name p{font-size:34px}.tmt-bar-products .product-name p:after{height:calc(100% - 15px);top:0}}@media(max-width:991px){header .header_topbar ul li a{padding:15px 8px;font-size:13px}header .header_topbar ul li .translate a img{width:27px;filter:invert(1);transition:0.4s all}header:hover .header_topbar ul li a img,header.site-scrolled .header_topbar ul li a img{filter:none;opacity:.75}header .header_topbar ul li .translate a span{display:none}header.site-scrolled .navigation_scssn button.menu_open{top:0}header .navigation_scssn button.menu_open{top:7px}.why_choose_scssn .why_choose_content .why_choose_rod{margin:0 auto;width:90%;max-width:80px}.why_choose_scssn .why_choose_content ul.left_col li{top:2%;left:13%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){top:23%;left:12.2%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){top:47%;left:4.1%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){top:68.7%;left:17%}.why_choose_scssn .why_choose_content ul.right_col li{top:2%;right:14.5%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){top:23%;right:13%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){top:47%;right:15%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){top:68.7%;right:13.6%}.why_choose_scssn .why_choose_content ul li span{width:60px;height:60px}.why_choose_scssn .why_choose_content ul li h4{font-size:14px}.product_slide_caption{text-align:left}.common_form textarea.form-control{height:140px}.career_form_scssn{box-shadow:0 -20px 35px 0 rgb(0 0 0 / 6%);padding:0 30px}.aboutus_content_scssn .about_content .heading{margin-top:0}.company_history_scssn:before{height:100%;width:100%;z-index:0}.company_history_scssn:after{background:-moz-linear-gradient(178deg,#edf3f9 55%,rgb(255 255 255 / .8) 100%);background:-webkit-linear-gradient(178deg,#edf3f9 55%,rgb(255 255 255 / .8) 100%);background:linear-gradient(178deg,#edf3f9 55%,rgb(255 255 255 / .8) 100%)}.md_photo{padding:0;width:90%;margin:0 auto;text-align:center}.md_photo:before{opacity:0}.md_photo img{margin:0 0 0 0;max-height:460px;width:auto}.vision_mission_box{align-items:flex-start}.vision_mission_box .vision_mission_img{max-width:140px}.product_main_content_tabbing ul.product-tab-main li{width:33%;display:inline-flex;height:100%;position:relative;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px;padding:15px 10px;min-height:190px}.product_main_content_tabbing ul.product-tab-main{position:relative;display:flex;gap:0 10px}.products-text{padding-right:0}.enquriy-form .modal-dialog .modal-body .buy_form_scssn{max-width:50%}.enquriy-form .modal-dialog .modal-body .buy_form_scssn{top:auto;transform:unset}.enquriy-form .modal-dialog .modal-body{margin-bottom:3rem}.home_manufacturer_scssn .manufacturer_content p:after,.home_manufacturer_scssn .manufacturer_content p:before{visibility:hidden}.manufactuing_img:after,.manufactuing_img:before{height:calc(100% - 150px);bottom:-50px;top:auto;visibility:visible}.manufactuing_img:before{left:auto;right:0}.buy_page{padding-bottom:70px}.product_main_content_tabbing .accordion .accordion-item h4{margin-top:22px}.product_main_content_tabbing .accordion .accordion-item ul li{padding:0 10px 8px 40px;font-size:17px;margin-bottom:15px}.product_main_content_tabbing .accordion .pr-button button:after{display:block}.tmt-bar-products .pr-border:nth-child(2n - 2):after{display:none}.tmt-bar-products .pr-border:after{right:5px}.tmt-bar-products .product-name{left:43%}.tmt-bar-products .product-name p{font-size:36px}.tmt-bar-products .product-name p:after{height:calc(100% - 16px)}.tmt-bar-products .products-img img{max-height:380px}.tmt-bar-products .product-name{left:40%}}@media(max-width:767px){header .header_topbar ul li a span{display:none}header .header_topbar ul li a{padding:15px 15px}header .header_topbar ul li a i{font-size:23px}.heading strong{font-size:30px}.home_tmt_bar{padding:25px 0}.home_tmt_bar ul li a{font-size:21px;padding:0 15px}.home_tmt_bar ul li:after{font-size:19px}.home_product_scssn .custom_arrows .swiper-button-next,.home_product_scssn .custom_arrows .swiper-button-prev{right:5%;background-size:40px;top:4%}.home_product_scssn .custom_arrows .swiper-button-prev{left:5%}.why_choose_scssn .why_choose_content ul li span{display:none}.why_choose_scssn .why_choose_content ul li h4{padding:5px 0 0}.why_choose_scssn .why_choose_content ul li:after{top:-13px}.why_choose_scssn .why_choose_content ul.left_col li{align-items:flex-end;flex-direction:column;top:7%;left:23.5%}.why_choose_scssn .why_choose_content ul.left_col li:before{top:-20px;right:20px}.why_choose_scssn .why_choose_content ul.left_col li:after{right:-34px}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){left:23%;top:27%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){left:12%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){left:29%}.why_choose_scssn .why_choose_content ul.right_col li{flex-direction:column;align-items:flex-start;top:7%;right:21%}.why_choose_scssn .why_choose_content ul.right_col li:before{top:-20px;left:18px}.why_choose_scssn .why_choose_content ul.right_col li:after{left:-58px}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){right:20%;top:27%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){right:23%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){right:22%}.parallax_background{background-size:221%}.product_slide_box h3{font-size:45px}.product_slide_box .product_slide_caption .product_slide_speci h4{font-size:20px}.product_slide_box .product_slide_caption .product_slide_speci p{font-size:17px}.custom_arrows .swiper-button-prev,.custom_arrows .swiper-button-next{width:46px;height:35px;background-size:contain}.home_manufacturer_scssn:after{height:35%}footer .footer_contact>ul{flex-direction:column}footer .footer_contact>ul li{max-width:100%;width:100%;padding-right:0}footer .copyright ul{display:flex;justify-content:space-between;flex-direction:column;align-items:center}footer .copyright ul li{padding:5px 0}.company_history_scssn:after{background:#edf3f9}.vision_mission_scssn .border-bottom{border-bottom:1px solid rgb(0 85 165 / 30%)!important}.vision_mission_box,.vision_mission_box.reverse_col{flex-direction:column}.vision_mission_box .vision_mission_img{max-width:175px}.vision_mission_box .vision_mission_content,.vision_mission_box.reverse_col .vision_mission_content{padding:30px 0 5px 0;text-align:left;border:none}.vision_mission_box .vision_mission_img,.vision_mission_box.reverse_col .vision_mission_img{padding:0 0;max-width:100px}.aboutus_content_scssn .about_content{margin-top:0;padding-top:30px}.product_main_content_tabbing .accordion .pr-button button{font-size:19px;padding:15px 45px 15px 15px}.product_main_content_tabbing .accordion .pr-button button span.choose_icon{height:70px;width:70px;min-width:70px}.product_main_content_tabbing .accordion .accordion-item h4{font-size:22px}.enquriy-form .modal-dialog .modal-body:before{background-size:43%}.enquriy-form .modal-dialog .modal-body .buy_form_scssn{top:auto;transform:unset;width:100%;max-width:unset;position:relative}.enquriy-form .modal-dialog .modal-body{margin-bottom:0;padding:5rem 1.5rem 3rem}.enquriy-form .modal-body .heading strong,.heading.sub_heading strong{font-size:32px}.enquriy-form .modal-dialog .modal-body .common_form textarea.form-control{height:6em}.enquriy-form .modal-dialog .modal-content button.btn-close{height:40px;width:40px}.enquriy-form .modal-dialog .modal-content button.btn-close:after,.enquriy-form .modal-dialog .modal-content button.btn-close:before{width:30px}.product_slide_caption .custom_button{font-size:18px;padding:12px 26px}.quality-certificate ul li img{max-height:270px}.quality-certificate ul{gap:20px 50px;padding-left:70px}.under-construction h1{font-size:1.8rem;padding:.5rem 1rem;line-height:1.3}.under-construction img{max-width:230px}.vision_mission_scssn{padding-bottom:100px}.quality-images a.box:hover span:before{right:46.5%}.quality-images a.box:hover:before{left:46.7%}#buy-page-form{margin-top:-100px}.md_desk_content .heading strong{font-size:28px}.tmt-bar-products .pr-border:after{height:1px;width:95%;top:auto;bottom:-30px;right:auto;transform:translateX(-50%);left:50%}.tmt-bar-products .pr-border:nth-child(2n - 2):after{display:block}.tmt-bar-products{padding:0 0 150px 0}}@media(max-width:575px){header .header_topbar ul li a{padding:15px 12px}header .header_topbar ul li a i{font-size:18px}header .header_topbar ul li .translate a img{width:22px}header .navigation_scssn{padding:10px 15px 10px 23px}header .navigation_scssn button.menu_open{height:30px;top:9px}header .navigation_scssn button.menu_open span.icon-bar{height:2px}header .navigation_scssn .navbar .navbar-collapse{background-size:80px;padding:20px 15px 7% 40px;background-position:20px 60px}header .navigation_scssn .navbar ul.navbar-nav{padding-left:60px}header .navigation_scssn .navbar ul.navbar-nav li a{font-size:30px}header .navigation_scssn .navbar ul.navbar-nav li button.dropdown-toggle{top:20px;font-size:20px}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a{font-size:20px}.home_quality_assurance_scssn:before{width:100%;opacity:.15;background-size:cover}.home_quality_assurance_scssn:after{background:#f8f4e8;background:-moz-linear-gradient(180deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);background:-webkit-linear-gradient(180deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);background:linear-gradient(180deg,rgb(248 244 232) 64%,rgb(255 255 255 / .165703781512605) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f4e8",endColorstr="#ffffff",GradientType=1)}.tmt_calculator_box{width:92%;left:50%;transform:translateX(-50%)}.product_slide_box h3{font-size:36px}.why_choose_scssn .why_choose_content ul li{width:150px}.why_choose_scssn .why_choose_content ul li h4{font-size:15px}.why_choose_scssn .why_choose_content ul.left_col li{top:7%;left:4%}.why_choose_scssn .why_choose_content ul.right_col li{flex-direction:column;align-items:flex-start;top:7%;right:4%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(2){left:4%;top:27%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(3){left:4%}.why_choose_scssn .why_choose_content ul.left_col li:nth-child(4){left:4%}.why_choose_scssn .why_choose_content ul.right_col li:after{left:-35px}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(2){right:4%;top:27%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){right:4%}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(3){right:4%}.home_about_scssn:before{background-position:140% 93%;background-size:200px}.contact_detail_box{padding:20px}.contact_detail_box p{font-size:16px}.contact_detail_box ul li a{font-size:16px}.contact_detail_box ul li a span{width:45px;height:45px}.career_form_scssn{padding:0 20px}.page_title h1{font-size:35px;line-height:.9}.page_title .breadcrumb li,.page_title .breadcrumb a{font-size:17px}.page_title .breadcrumb{padding:5px 5px}.products-img img{min-height:auto}.products-text .accordion .accordion-item button.accordion-button{font-size:18px}.products-text ul li{font-size:16px}.product_main_content_tabbing .accordion .accordion-item ul li:before{width:17px;height:17px;background-size:17px}.product_main_content_tabbing .accordion .accordion-item ul li{padding:8px 10px 8px 32px}.enquriy-form .modal-dialog .modal-body:before{background-size:58%}.vision_mission_box .vision_mission_img{width:100%}.buy_form_scssn{padding:40px 15px}.media_box .media_title{padding:15px 0}.media_box:before{transform:unset;top:auto;height:85%;bottom:0}.quality-certificate{width:100%;justify-content:center}.quality-certificate ul{flex-wrap:wrap;padding-left:0;justify-content:center;gap:40px 40px;flex-direction:column}.quality-certificate ul:before{width:200vw;left:-65%}.quality-certificate{padding:40px 30px 40px 30px}.tmt-bar-products .product-name p{font-size:34px}.tmt-bar-products .product-name{left:38%}.tmt-bar-products .products-img img{max-height:380px;min-height:350px}}@media screen and (max-width:576px){header .logo a{max-width:130px}header.site-scrolled .logo a{max-width:105px}}@media(max-width:479px){.title:before{width:85%}.title h1,.title h2{font-size:18px}.heading strong{font-size:25px}header .navigation_scssn{padding:15px 15px 15px 23px}header .navigation_scssn button.menu_open{top:0}header.site-scrolled .navigation_scssn button.menu_open{top:0}header .navigation_scssn .navbar .navbar-collapse{background-size:80px;padding:20px 15px 7%;background-position:0 60px}header .navigation_scssn .navbar ul.navbar-nav{padding-left:45px}header .navigation_scssn .navbar ul.navbar-nav li a{font-size:22px;font-weight:500}header .navigation_scssn .navbar ul.navbar-nav>li a:after{width:20px;left:-20px}header .navigation_scssn .navbar ul.navbar-nav li button.dropdown-toggle{top:15px;font-size:16px}header .navigation_scssn .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a{font-size:17px}.why_choose_scssn .why_choose_content ul li{width:110px}.why_choose_scssn .why_choose_content ul li h4{font-size:13px;white-space:normal}.career_form_content .heading strong{font-size:25px}p{font-size:18px}.md_desk_content p{font-size:18px}.vision_mission_box .vision_mission_content p{font-size:17px}.product-name p{font-size:32px}.product-name p:after{height:calc(100% - 8px)}.products-img img{min-height:400px;object-fit:cover}.product-name{left:39%}.tmt_calculator_box .accordion-button ul{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start}.tmt_calculator_box .accordion-button{padding:15px 17px}.tmt_calculator_box .accordion-button ul li:last-child{border-left:3px solid rgb(255 255 255 / 70%)}.clients_scssn{padding-bottom:10rem!important}.vision_mission_scssn{padding-bottom:150px}.products-info .products-space:last-child,.media_page_scssn{padding-bottom:160px!important}.buy_page,.contact_form_scssn,.career_page{padding-bottom:120px}}@media(max-height:700px){.enquriy-form .modal-dialog .modal-body .buy_form_scssn{position:relative;top:auto;transform:unset}}@media(max-height:768px){#toTop.active{top:80%}.whatsapp-chat{top:89%}}@media(max-height:575px){#toTop.active{top:72%}.whatsapp-chat{top:83%}}@media(max-height:480px){#toTop.active{top:67%}}@media screen and (max-height:835px){.accordion-collapse.show,.tmt_calculator_box.show{min-height:160px;max-height:680px;overflow-y:auto;top:160px;height:auto;transition:all 0.4s}.tmt_calculator_box_free.show{position:fixed}}/*! Theme Name: SR-TMX-TMT Theme URI: http://underscores.me/ Author: WEBPLUS Author URI: http://underscores.me/ Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: sr-tmx-tmt Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. SR-TMX-TMT is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ a{text-decoration:none}.dropdown-item.active{background-color:#fff}.spinner-border{position:absolute;top:-27px;right:31%;width:1rem;height:1rem}.animation_image.spinner-loader.text-center.pt-2{position:relative}.header_topbar .notranslate .option{position:absolute;right:10px}.header_topbar .notranslate .option a img{display:contents}.header_topbar .notranslate .selected a img{display:contents}.skiptranslate{display:none!important}body{top:0px!important}.home_about_scssn2{display:block;position:relative;background:#edf3f9}.home_about_scssn2:before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url(/wp-content/themes/subimages/about_bg.jpg);background-size:cover;background-repeat:no-repeat;z-index:0;max-width:630px}.home_about_content2{display:block;background:#edf3f9;position:relative;padding:1rem 0 3rem 0;margin-top:25px}.home_about_scssn2 p{font-size:17px;text-align:justify}.home_about_scssn2 ul li{position:relative;padding:6px 10px 7px 34px;font-size:17px;font-weight:500;color:#444;margin:0;line-height:1.6}.home_about_scssn2 ul li:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:15px;background-image:url(/wp-content/themes/subimages/bullet.svg);background-size:16px;background-position:center;background-repeat:no-repeat}.home_about_scssn2 .title h1,.home_about_scssn2 .title h2{font-size:30px;line-height:1.3;background:#fff0;color:#333;font-weight:800}.home_about_scssn2 .title:before{display:none}.home_about_scssn2 .title h2{max-width:950px;font-size:24px}.page-id-1135 .heading{display:none}