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}}.heading.sub_heading strong{font-size:35px}.sub_banner{display:block;position:relative;padding:3rem 0;background-size:cover;background-position:center}.sub_banner.contact_banner{background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/contact_banner.jpg)}.sub_banner:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgb(0 85 165 / 42%);mix-blend-mode:darken}.page_title{position:relative;z-index:1}.page_title h1{font-size:47px;line-height:1.3;margin-bottom:10px;font-weight:800;color:#fff}.page_title .breadcrumb{margin:0;padding:10px 5px}.page_title .breadcrumb li,.page_title .breadcrumb a{color:#fff;font-size:21px;font-weight:400;letter-spacing:.5px}.page_title .breadcrumb-item+.breadcrumb-item::before{color:#fff}.contact_detail_scssn{display:block;position:relative}.contact_detail_scssn h2{text-align:center;font-weight:700;font-size:37px;color:#305c73;margin-bottom:15px}.contact_detail_box{position:relative;display:flex;padding:25px;border:1px solid #bfd4de;height:100%;flex-direction:column;background:hsl(199deg 32% 81% / 10%);justify-content:flex-start;border-radius:10px}.contact_detail_box .details_content{display:block}.contact_detail_box h4{font-size:17px;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:#015DAA;margin-bottom:15px}.contact_detail_box p{white-space:pre-line;font-size:18px}.contact_detail_box ul{display:flex;flex-direction:column}.contact_detail_box ul li{display:block;padding:7px 0}.contact_detail_box ul li a{display:flex;align-items:center;color:#444;font-size:18px;overflow:hidden;font-weight:700;position:relative}.contact_detail_box ul li a:hover{color:rgb(68 68 68 / 75%)}.contact_detail_box ul li a span{width:50px;height:50px;padding:13px;border-radius:50px;border:1px solid #0055a5;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;margin-right:11px}.contact_detail_box ul li a span:before,.contact_detail_box.contact_socials ul li a i:after{content:'';position:absolute;left:0;width:100%;height:100%;border-radius:50px;z-index:-1;background:#0055a5;transform:scale(0);transition:0.4s all}.contact_detail_box ul li a:hover span:before,.contact_detail_box.contact_socials ul li a:hover i:after{transform:scale(1)}.contact_detail_box ul li a span img{height:90%;filter:grayscale(0) brightness(1);transition:0.4s all}.contact_detail_box ul li a:hover span img{filter:grayscale(1) brightness(5)}.contact_detail_box.contact_socials ul{display:flex;flex-direction:column}.contact_detail_box.contact_socials ul li{padding:5px 0;display:inline-block}.contact_detail_box.contact_socials ul li a{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.contact_detail_box.contact_socials ul li a i{width:48px;height:48px;display:block;border:1px solid #0055a5;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:10px;color:#0055a5;position:relative;transition:0.4s all}.contact_detail_box.contact_socials ul li a:hover i{color:#fff}.contact_form_scssn{display:block;position:relative;padding-bottom:70px}.contact_form_scssn .title h2{background:#fff}.contact_form_scssn .common_form .form-group{height:100%}#contact_map_modal .modal-dialog{max-width:970px;border-radius:0}#contact_map_modal .modal-dialog .modal-content{background:#fff0;border:none;border-radius:0;padding:3px;background:#fff}#contact_map_modal .modal-dialog .modal-content .modal-header{padding:0;border:none}#contact_map_modal .modal-header button.btn-close{font-size:0;width:35px;height:35px;position:absolute;top:0;display:block;transform:rotate(45deg);right:0;opacity:1;z-index:1;outline:none;background:#ffc001;border-radius:50px;padding:0;border:3px solid #fff}#contact_map_modal .modal-header button.btn-close:before,#contact_map_modal .modal-header button.btn-close:after{content:'';content:'';width:70%;height:2px;background:#444;top:50%;position:absolute;transform:translate(-50%,-50%);left:50%}#contact_map_modal .modal-header button.btn-close:after{content:'';width:2px;height:70%;top:50%}#contact_map_modal .modal-dialog .modal-content .modal-body{padding:0}#contact_map_modal .modal-dialog .modal-content .modal-body iframe{width:100%}.career_page{padding-bottom:90px}.career_form_scssn{display:block;position:relative;padding:0 10px 0 35px;box-shadow:-20px 0 20px 0 rgb(0 0 0 / 6%)}.career_form_content{position:sticky;display:block;top:85px}.career_form_content .heading strong{font-size:30px}.career_form_content p{margin-bottom:25px}.form-group.upload_resume{border:2px dashed #cbcbcb;text-align:center;padding:30px 30px 20px 30px;cursor:pointer;border-radius:10px;background:#f5f5f5;width:100%;position:relative}.form-group.upload_resume input.file{width:100%;position:absolute;left:0;opacity:0;height:100%;top:0;cursor:pointer}.form-group.upload_resume span#fileName{display:block;height:30px}.form-group.upload_resume p{font-size:15px;font-weight:600;margin:0}.aboutus_content_scssn{position:relative;display:block;z-index:1;background:#fff}.aboutus_content_scssn:before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/about_bg.jpg);background-size:cover;background-repeat:no-repeat;z-index:-1;max-width:630px}.aboutus_content_scssn p strong{font-weight:700}.aboutus_content_scssn .about_content{background:#fff;display:block;position:relative;padding:1rem 0 3rem 0;margin-top:65px}.aboutus_content_scssn .about_content .heading{margin-top:-70px}.aboutus_content_scssn .about_content h5{font-size:20px;font-weight:600;color:#015daa;margin:0;line-height:1.6;padding-bottom:20px}.aboutus_content_scssn .about_content p{font-size:17px;text-align:justify}.company_history_scssn{display:block;position:relative;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:0}.company_history_scssn:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/history_bg.jpg);background-size:cover;opacity:1;background-attachment:fixed;filter:grayscale(1)}.company_history_scssn:after{content:'';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,#edf3f9 64%,rgb(255 255 255 / .165703781512605) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f4e8",endColorstr="#ffffff",GradientType=1);z-index:0;position:absolute;left:0;top:0;width:100%;height:100%}.company_history_scssn .history_content{position:relative;z-index:1;max-width:980px;width:100%}.company_history_scssn .history_content .title h2{background:#edf3f9;font-size:30px;font-weight:500}.company_history_scssn .history_content p{color:#222}.md_desk_content .heading strong{font-size:42px}.md_desk_content p{font-weight:500;line-height:1.8;font-size:19px;color:#222}.md_photo{display:block;position:relative;height:100%;padding:80px 20px 80px 0}.md_photo:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:-20px 0 20px 0 rgb(0 0 0 / 6%);background:#fff;z-index:-1}.md_photo img{height:auto;max-height:660px;width:100%;object-fit:cover;object-position:top center;box-shadow:-20px 0 40px 0 rgb(0 0 0 / 10%);margin-left:-20px;z-index:1}.vision_mission_scssn{background:#edf3f9;padding-bottom:150px}.vision_mission_scssn .border-bottom{border:none!important}.vision_mission_box{display:flex;justify-content:center;align-items:center}.vision_mission_box .vision_mission_img{flex:0 0 auto;width:20%;padding:0 30px 0 0;max-width:175px}.vision_mission_box .vision_mission_img img{filter:drop-shadow(5px 8px 4px rgb(0 84 163 / 33%))}.vision_mission_box .vision_mission_content{padding:5px 0 5px 30px;border-left:2px solid rgb(0 85 165 / 15%)}.vision_mission_box .vision_mission_content h4{font-size:24px;font-weight:600;color:#015DAA;position:relative;margin:0 0 10px;display:inline-block;letter-spacing:.2px}.vision_mission_box .vision_mission_content p{color:#222;font-size:19px;padding-bottom:10px}.vision_mission_box.reverse_col{flex-direction:row-reverse}.vision_mission_box.reverse_col .vision_mission_img{padding:0 0 0 30px}.vision_mission_box.reverse_col .vision_mission_content{padding:5px 30px 5px 0;border-left:0;border-right:2px solid rgb(0 85 165 / 15%);text-align:right}.media_page_scssn{padding:70px 0 120px 0}.media_box{width:100%;position:relative;padding:0 15px}.media_box:before{content:'';position:absolute;top:50%;height:75%;background:#edf3f9;left:0;width:100%;transform:translateY(-50%)}.media_box a{display:block;width:100%;height:100%;position:relative;z-index:2}.media_box .media_img{width:100%;box-shadow:0 0 30px -5px rgb(1 1 2 / .1);background:#edf3f9;border:10px solid #fff;position:relative;z-index:1;display:block;margin:0 auto}.media_box .media_title{position:relative;padding:0 0 0 0;display:block;z-index:0;text-align:left;height:100%}.media_box .media_title h4{font-size:22px;position:relative;padding-bottom:0;color:#333;transition:0.6s all;font-weight:700}.media_box p{font-size:15px;margin:0;padding:0;color:rgb(0 54 104 / 70%)}.media_box a:hover .media_title:before{color:#01498d}.media_box a:hover .media_title h4{color:#01498d}.buy_page{padding-bottom:110px}#buy-page-form{padding-bottom:110px;margin-top:-80px;padding-top:130px}.buy_form_scssn{display:block;position:relative;padding:0 50px 0 50px;box-shadow:0 -20px 20px 0 rgb(0 0 0 / 6%)}.product_main_page .overview{background:#edf3f9}.product_main_content_tabbing .accordion{position:relative;border:none}.product_main_content_tabbing .accordion .pr-button button,.product_main_content_tabbing ul.product-tab-main li{position:relative;display:flex;width:100%;background:#f7fafc;border-radius:0;border:none;box-shadow:0 0 0 0 #fff0;color:rgb(51 51 51 / 85%);text-align:left;font-weight:700;font-size:20px;margin:5px 0;padding:12px 20px;min-height:90px;z-index:0;white-space:pre-line;transition:0.6s all;align-items:center;cursor:pointer}.product_main_content_tabbing .accordion .pr-button button span.choose_icon,.product_main_content_tabbing ul.product-tab-main li span.choose_icon{width:70px;height:70px;min-width:70px;border-radius:50px;background:rgb(0 54 82 / 5%);padding:16px;display:flex;align-items:center;justify-content:center;transition:0.4s all;margin-right:16px}.product_main_content_tabbing .accordion .pr-button button:after{display:none}.product_main_content_tabbing .accordion .pr-button button[aria-expanded="true"],.product_main_content_tabbing ul.product-tab-main li.active{z-index:1;background:#fff;box-shadow:0 0 50px 0 rgb(0 0 0 / 10%);color:#333}.product_main_content_tabbing .accordion .pr-button button[aria-expanded="true"] .choose_icon,.product_main_content_tabbing ul.product-tab-main li.active .choose_icon{background:#F9BB00;opacity:1}.product_main_content_tabbing .accordion .accordion-item{border:none}.product_main_content_tabbing .accordion .accordion-item h4{font-size:24px;font-weight:700;color:#0a82bb;margin-bottom:15px}.product_main_content_tabbing .accordion .accordion-item ul li{position:relative;padding:12px 10px 12px 40px;font-size:18px;font-weight:500;color:#444;margin:0;line-height:1.6}.product_main_content_tabbing .accordion .accordion-item ul li:before{content:'';background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/bullet.svg);background-size:20px;width:20px;height:20px;position:absolute;left:5px;top:20px;background-position:center;background-repeat:no-repeat}.products-info .products-space:last-child{padding-bottom:110px!important}.products-info{position:relative;overflow:hidden}.products-text{position:relative}.products-text h3{display:inline-block;color:#333;font-size:36px;font-weight:600;padding-bottom:8px;margin-bottom:15px;position:relative}.products-text h3:after{content:"";position:absolute;width:46px;background:#333;height:2px;left:0;bottom:0}.products-text h4{color:#015DAA;font-size:20px;font-weight:600}.products-text ul li{display:flex;justify-content:space-between;align-items:center;align-content:center;flex-wrap:wrap;padding:25px 5px 7px;border-bottom:1px solid rgb(0 54 82 / 27%);font-size:18px;margin:0}.products-text ul li .pr-1{font-weight:600;letter-spacing:.5px;color:#080206;padding-right:10px}.products-text ul li .pr-2{color:#444}.products-text ul li:last-child{border-bottom:none}.products-img{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;padding:20px 0}.products-img img{z-index:1;transform:rotate(16deg) translate(-70px,20px);top:50%;filter:drop-shadow(14px 11px 10px rgb(0 0 0 / 24%));position:relative}.product-name{position:absolute;left:43%;width:-webkit-fill-available;padding-right:12px;z-index:0;mix-blend-mode:darken}.product-name p{font-size:52px;font-weight:900;padding:0;margin:0;color:#fff;display:inline-block;position:relative;padding:0 10px;line-height:1.6}.product-name p:after{content:"";position:absolute;height:calc(100% - 24px);width:0;background:#003652;left:-30px;top:0;z-index:-1;transition:all 1.5s;mix-blend-mode:hard-light}.pr-1-pr p:after,.pr-2-pr p:after,.pr-3-pr p:after,.pr-4-pr p:after,.pr-5-pr p:after,.pr-6-pr p:after{width:calc(100% + 30px)}.products-info .container-xxl:nth-child(2n - 1){position:relative;display:block}.products-info .container-xxl:nth-child(2n - 1) .row:before,.products-info .container-xxl:nth-child(2n - 1) .row:after{content:"";position:absolute;height:100%;width:100vw;background:#f7fafc;top:0;z-index:-1;left:0}.products-info .container-xxl:nth-child(2n - 1) .row:after{right:0;left:auto}.products-text .accordion .accordion-item{background:#fff0;border-radius:0;box-shadow:none;border:none}.products-text .accordion .accordion-item button.accordion-button{font-size:20px;background:#fff0;border-radius:0;letter-spacing:.8px;padding:20px 20px 20px 0;border:1px solid rgb(0 0 0 / 5%);box-shadow:none;border-width:0 0 1px 0;font-weight:600;color:#015DAA;text-transform:uppercase}.products-text .accordion .accordion-item button:active,.products-text .accordion .accordion-item button:focus{border-radius:0;box-shadow:none}.products-text ul li:first-child{margin-top:0}.products-text ul li:last-child{margin-bottom:0}.accordion-button:not(.collapsed)::after{background-image:unset}.products-text .accordion .accordion-item button.accordion-button:after,.products-text .accordion .accordion-item button.accordion-button:before,.product_main_content_tabbing .accordion .pr-button button:after,.product_main_content_tabbing .accordion .pr-button button:before{background:#00a1ed;height:4px;width:20px;transform:translate(0,0);background-image:unset;content:"";position:absolute;right:16px;transition:all 0.4s;z-index:1;border-radius:50px;border:1px solid #f7fafc}.products-text .accordion .accordion-item button.accordion-button:before,.product_main_content_tabbing .accordion .pr-button button:before{transform:translate(0,0) rotate(90deg);background:#003652}.products-text .accordion .accordion-item button.accordion-button[aria-expanded="true"]:before,.product_main_content_tabbing .accordion .pr-button button[aria-expanded="true"]:before{opacity:1;z-index:1;transform:translate(0,0) rotate(0deg)}.products-text .accordion .accordion-item p{font-size:16px;margin:15px 8px;padding-bottom:0;color:#333;list-style-type:circle}.products-info a.custom_button{background:#ffc001;color:#075390;border:1px solid #fff0;font-size:18px}.products-info a.custom_button:hover{background:#fff;border:1px solid #075390}.standard-size-table{padding:50px 0;margin-bottom:240px;position:relative;background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/history_bg.jpg);background-repeat:no-repeat;background-attachment:fixed;z-index:0}.standard-size-table .heading.sub_heading strong{display:inline-block;position:relative}.standard-size-table .heading.sub_heading p{letter-spacing:1px;font-size:22px}.standard-size-table table{background:#f7fafc;border:1px solid rgb(1 73 141 / 14%);box-shadow:1px 15px 25px 0 rgb(0 0 0 / 12%)}.standard-size-table .table-responsive{margin-bottom:-270px;padding:15px 15px 25px 15px;border:8px solid rgb(255 255 255 / 7%);z-index:111;position:relative}.standard-size-table table tr th{background:#ffc001;color:#222;font-size:16px;font-weight:600;padding:25px 14px;border:1px solid #ababab;vertical-align:middle;border-bottom:1px}.standard-size-table table tr td{font-size:16px;color:#333;padding:13px 15px}.standard-size-table .heading,.standard-size-table table{z-index:1;position:relative}.standard-size-table:after{content:"";position:absolute;height:100%;width:100%;top:0;z-index:0;background:rgb(4 88 155 / 90%)}.standard-size-table table.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:transparent}.standard-size-table table.table-striped>tbody>tr:nth-of-type(even){--bs-table-accent-bg:#f7f8f9}.qualiyty_page{position:relative;overflow:hidden}.quality-certificate ul{display:flex;gap:20px 50px;position:relative;padding-left:100px}.quality-certificate ul:before{content:"";position:absolute;background:#edf3f9;height:100%;width:100vw;left:0;z-index:0;top:90px}.quality-certificate ul li{position:relative}.quality-certificate ul li img{max-height:350px}.quality-certificate ul li:after{position:absolute;height:calc(100% + 30px);width:calc(100% + 30px);background:#fff0;left:-15px;top:-15px;content:"";border:5px solid #edf3f9;z-index:-1}.quality_content p>strong{font-size:22px}.quality-logo ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:25px 40px}.quality-certificate ul li a{position:relative;overflow:hidden;text-align:center;display:block;transition:all 0.4s;box-shadow:0 15px 25px 0 rgb(0 0 0 / 25%)}.quality-certificate ul li a:after{content:"";position:absolute;height:100%;width:100%;left:50%;top:70%;transform:translate(-50%,-50%);background:linear-gradient(-1deg,#0055a5 0%,rgb(0 0 0 / 35%) 150%);opacity:0;transition:all 0.4s}.quality-certificate ul li a:hover:after{top:50%;opacity:1}.quality-certificate ul li a:hover{box-shadow:0 25px 35px 0 rgb(0 0 0 / 40%);transform:scale(1.1)}.quality-certificate ul li a:before{content:"";position:absolute;height:100%;width:100%;background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/pdf.svg);background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.3);background-position:center;transition:all 0.4s;z-index:1;opacity:0;filter:contrast(1.5)}.quality-certificate ul li a:hover:before{transform:translate(-50%,-50%) scale(.7);filter:brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(93%) hue-rotate(310deg) brightness(116%) contrast(100%) contrast(1);opacity:1}.under-construction{position:relative;margin:20px 0 40px;text-align:center}.under-construction h1{font-weight:700;text-transform:uppercase;color:#003652;padding:1rem;margin:0;font-size:2.5rem}.under-construction img{max-width:400px}#fe-550d-pr,#fe-500d-pr{margin-top:-200px;padding-top:200px}.md_desk_scssn{margin-top:-125px;padding-top:125px}#company_history,#vision_mission-part{margin-top:-150px;padding-top:150px}#fe-500-pr{padding-top:250px;margin-top:-250px}.why_choose_scssn .why_choose_content ul.right_col li:nth-child(4){top:68.7%;right:16%}#header .s-logo{display:none}.quality-images a.box:hover .img-box img{transform:scale(1) rotate(0deg)}.quality-images a.box .img-box img{height:300px;max-height:300px;width:100%;object-fit:cover;transition:all 1s;transform:scale(1.2) rotate(8deg)}.quality-images{margin-bottom:100px;margin-top:50px}.quality-images a.box .img-box{position:relative;overflow:hidden;box-shadow:-6px 8px 12px rgb(0 0 0 / 22%)}.quality-images a.box .img-box:after{background:#00365296;content:"";position:absolute;height:50%;width:calc(100% + 125px);left:50%;bottom:-53%;z-index:0;opacity:0;transition:all 0.5s;transform:rotate(18deg) translateX(-50%);backdrop-filter:blur(3px)}.quality-images a.box:hover .img-box:after,.quality-images a.box:hover .img-box span:after{height:calc(100% + 130px);opacity:1}.quality-images a.box:after,.quality-images a.box:before,.quality-images a.box span:after,.quality-images a.box span:before{content:"";position:absolute;height:0%;width:2px;left:50%;top:0;background:#fff0;z-index:0;transition:all 0.5s;transform:translate(-50%,-50%);border-right:1px solid;border-color:#fff}.quality-images a.box{position:relative;display:block}.quality-images a.box span{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1}.quality-images a.box:hover:after,.quality-images a.box:hover span:after{height:35px;top:44%;transform:translate(-50%,-50%)}.quality-images a.box:hover:before{width:35px;left:46%;transform:translate(-50%,-50%)}.quality-images a.box:before,.quality-images a.box span:before{height:2px;width:0%;border-top:1px solid;border-right:none;z-index:1;top:50%;left:0;border-color:#fff}.quality-images a.box:hover span:after{top:auto;bottom:44%;transform:translate(-50%,50%)}.quality-images a.box span:after{top:auto;bottom:0}.quality-images a.box span:before{bottom:50%;right:0;left:auto}.quality-images a.box:hover span:before{right:46%;width:35px;transform:translate(50%,-50%)}.quality-logo ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:25px 40px;max-width:max-content;height:max-content}.qualiyty_page{position:relative;overflow:hidden}.quality_content p>strong{font-size:22px}.quality-certificate{position:relative;width:calc(100% + 70px);padding:40px 40px 40px 30px;height:-webkit-fill-available;margin-left:50px}.quality-certificate .swiper-wrapper a{transition:all 0.4s;box-shadow:0 15px 25px 0 rgb(0 0 0 / 25%);position:relative;display:inline-block;overflow:hidden}.quality-certificate .swiper-wrapper .swiper-slide:after{position:absolute;height:calc(100% + 30px);width:calc(100% + 30px);background:#fff0;left:-15px;top:-15px;content:"";border:5px solid #edf3f9;z-index:-1;pointer-events:none}.quality-certificate .swiper-wrapper .swiper-slide a:after{content:"";position:absolute;height:100%;width:100%;left:50%;top:70%;transform:translate(-50%,-50%);background:linear-gradient(-1deg,#0055a5 0%,rgb(0 0 0 / 35%) 150%);opacity:0;transition:all 0.4s}.quality-certificate .swiper-wrapper .swiper-slide a:before{content:"";position:absolute;height:100%;width:100%;background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/pdf.svg);background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.3);background-position:center;transition:all 0.4s;z-index:1;opacity:0;filter:contrast(1.5)}.quality-certificate .swiper-wrapper .swiper-slide a:hover:before{transform:translate(-50%,-50%) scale(.7);filter:brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(93%) hue-rotate(310deg) brightness(116%) contrast(100%) contrast(1);opacity:1}.quality-certificate .swiper-wrapper .swiper-slide a:hover:after{top:50%;opacity:1}.quality-certificate:after{content:"";position:absolute;height:100%;width:100%;top:80px;left:0;z-index:-1}.quality-certificate .swiper-wrapper{position:relative;z-index:0;top:-40px;margin-top:35px}.our-certificate:after{content:"";position:absolute;height:calc(100% - 80px);width:100vw;background:#edf3f9;bottom:0;left:-15px}.our-certificate{position:relative}.tmt-bar-products{position:relative;padding:30px 0 150px 0;overflow:hidden}.tmt-bar-products .tmt-products-details p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-bottom:0;font-size:18px;margin-bottom:12px}.tmt-bar-products .tmt-products-details a{background:#003652;color:#fff;font-weight:500;border:1px solid #003652;padding:10px 26px}.tmt-bar-products .tmt-products-details a:before{content:"";border-right:1.3em solid #003652}.tmt-bar-products .tmt-products-details a:hover{background:#fff;color:#003652}.tmt-bar-products .product-name p{font-size:42px}.tmt-bar-products .product-name p:after{height:calc(100% - 20px)}.tmt-bar-products .pr-border{position:relative}.tmt-bar-products .pr-border:after{content:"";position:absolute;height:100%;width:1px;background:#0000000d;top:0;right:10px}.tmt-bar-products .pr-border:last-child:after,.tmt-bar-products .products-text h3:after{display:none}.tmt-bar-products .products-text h3{font-size:26px;margin-bottom:0}.pr-1-pr p:after,.pr-2-pr p:after,.pr-3-pr p:after,.products-img-tmt-1-1 p:after,.products-img-tmt-2-2 p:after,.products-img-tmt-3-3 p:after{width:calc(100% + 30px)}.media-img img{width:100%;object-fit:cover;height:100%;border-radius:3px;transition:all 0.5s;position:relative}.media-img .media-sub-img{position:relative;overflow:hidden;box-shadow:-6px 8px 12px rgb(0 0 0 / 22%);cursor:pointer;height:100%}.media-img .media-sub-img:after{background:#00365296;content:"";position:absolute;height:50%;width:calc(100% + 125px);left:calc(50% - 60px);bottom:-63%;z-index:0;opacity:0;transition:all 0.5s;transform:rotate(18deg) translateX(-50%) scale(1.4);backdrop-filter:blur(3px)}.media-img .media-sub-img:hover:after{height:calc(100% + 180px);bottom:-60%;left:calc(50% - 20px);opacity:1}.media-img .media-sub-img:hover img{transform:rotate(1deg);scale:1.15;filter:blur(3px)}.media-img .media-sub-img:before{height:100%;width:100%;content:"";position:absolute;z-index:1;background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/image.svg);background-repeat:no-repeat;background-size:55px;top:50%;transform:translate(-50%,-50%) scale(.2);left:50%;background-position:center;opacity:0;transition:all 0.4s;filter:invert(1) drop-shadow(0 0 7px rgb(22 22 22 / 92%))}.media-img .media-sub-img:hover:before{transform:translate(-50%,-50%) scale(1);opacity:1}.media-img .media-sub-img.video:before{background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/play-button.svg)}.media-img .media-sub-img span.media-icon{position:absolute;top:12px;right:12px;transform:scale(1);transition:all 0.4s;opacity:1}.media-img .media-sub-img:hover span.media-icon{transform:scale(.5);opacity:0}.media-img .media-sub-img span.media-icon img{height:35px;filter:invert(1);z-index:1}.media-img .media-sub-img span.media-icon:after{content:"";position:absolute;height:calc(100% + 50px);width:calc(100% + 70px);right:-25px;top:-12px;border-radius:0 0 0 100%;background:rgb(0 0 0 / 63%);z-index:0;filter:blur(24px)}.approvals-details{margin:70px 0 100px}.approval-info .box{cursor:pointer;position:relative;display:block;box-shadow:-3px 5px 12px rgb(0 0 0 / 12%);padding:3px}.approval-info .box:after{content:"";background:linear-gradient(-1deg,#0055a5 0%,rgb(0 0 0 / 35%) 150%);position:absolute;height:75%;width:100%;bottom:0;left:0;transition:all 0.3s ease-out;opacity:0;visibility:hidden;z-index:0;pointer-events:none}.approval-info:hover .box:after{opacity:1;visibility:visible;height:100%}.approval-info{position:relative}.approval-info:after{background-image:url(/wp-content/themes/sr-tmx-tmt/assets/subimages/pdf.svg);position:absolute;height:100%;width:100%;left:0;top:30px;content:"";background-repeat:no-repeat;background-position:center;background-size:50px;z-index:1;opacity:1;display:block;filter:contrast(1.5);opacity:1;visibility:hidden;transition:all 0.4s;pointer-events:none}.approval-info:hover:after{opacity:1;visibility:visible;top:0}.clientele-details{margin:70px 0 100px;position:relative}.clientele-details .clientele-info{height:100%;position:relative;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px;box-shadow:2px 8px 16px rgb(0 0 0 / 12%);transition:all 0.4s}.clientele-info img{mix-blend-mode:darken;max-width:88%;height:110px;object-fit:contain;transition:all 1s;width:100%}.thanks{padding:150px 15px;text-align:center}.thanks h2{font-size:5vw;color:#131b29;font-weight:700;margin-bottom:20px;text-shadow:5px 3px 0 rgb(37 47 64 / .25)}.thanks.errorpage h2{font-size:13vw}.thanks p{font-size:20px;line-height:28px;padding:4px 0 30px;color:#666;text-align:center;width:75%;margin:0 auto}.thanks.errorpage strong{font-size:25px;font-weight:600;letter-spacing:1px;margin-bottom:0;display:block;color:#003652}.btncsr{color:#131b29;font-size:15px;border:solid 2px #003652;padding:3px 16px 3px 4px;border-radius:38px;font-weight:500;box-shadow:0 10px 15px 0 rgb(47 187 240 / .17);text-transform:uppercase}.btncsr i{height:40px;width:40px;line-height:40px;text-align:center;background:#003652;border-radius:50%;color:#FFF;margin-right:5px;position:relative}@media only screen and (max-width:991px){.thanks h2{font-size:65px}.thanks.errorpage h2{font-size:110px}.thanks p{width:90%;font-size:18px}}.media-img{height:100%}.media-img .box{height:100%}.approval-sub-img{display:flex;align-items:center;justify-content:center;height:100%}.approval-info,.approval-info .box{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}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}