/* Theme Name: Code One Fire Theme URI: https://www.codeonefire.com/ Description: Code One Fire Author: Code One Fire Author URI: https://www.codeonefire.com/ Version: 1.0.0 */ .login h1{background:#000; padding-top:20px; padding-bottom:20px;} @charset "utf-8"; /* CSS Document */ html{scroll-behavior: smooth;} body{ width:100%; font-family: 'ITC Avant Garde Gothic'; font-size:16px; margin: 0px; line-height:27px; padding:0; margin:0; background:#fff; overflow-x:hidden; } a:focus, a:hover{ outline:none; text-decoration:none; } ul{ padding:0; margin:0; list-style:none; } p{ font-family: 'ITC Avant Garde Gothic'; font-size:15px; margin: 0px; color:#4c4c4c; line-height:27px; font-weight:400; padding-bottom: 20px; } p:nth-last-child(1){padding-bottom: 0px;} .common-btn{display:inline-block; font-family: var(--content-font); font-size:15px; text-transform: uppercase; color:#fff; letter-spacing: 0.08em; position: relative; transition: all 300ms ease-in-out; line-height: 21px;} .common-btn:before{content:''; position: absolute; width:100%; height:2px; background:#ef3511 ; bottom:-3px; left:0px; transition: all 300ms ease-in-out; } .common-btn:hover{color:#ef3511;} .common-btn:hover:before{ width:40%; } .login h1{background:#000; padding-top:20px; padding-bottom:20px;} :root{ --heading-font:'Enter Sansman'; --content-font: 'ITC Avant Garde Gothic'; --secondary-font: 'Nulshock Rg', sans-serif; --primary-color: #ef3511; } @media screen and (min-width:1200px){ .container{ max-width:1280px; } } /* ================ Font Face Start ================ */ @font-face { font-family: 'Enter Sansman'; src: url('./fonts/EnterSansmanBold.eot'); src: url('./fonts/EnterSansmanBold.eot?#iefix') format('embedded-opentype'), url('./fonts/EnterSansmanBold.woff2') format('woff2'), url('./fonts/EnterSansmanBold.woff') format('woff'), url('./fonts/EnterSansmanBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Enter Sansman'; src: url('./fonts/EnterSansmanBoldItalic.eot'); src: url('./fonts/EnterSansmanBoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/EnterSansmanBoldItalic.woff2') format('woff2'), url('./fonts/EnterSansmanBoldItalic.woff') format('woff'), url('./fonts/EnterSansmanBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'ITC Avant Garde Gothic'; src: url('./fonts/AvantGarde-Medium.eot'); src: url('./fonts/AvantGarde-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/AvantGarde-Medium.woff2') format('woff2'), url('./fonts/AvantGarde-Medium.woff') format('woff'), url('./fonts/AvantGarde-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Nulshock Rg'; src: url('./fonts/NulshockRg-Bold.eot'); src: url('./fonts/NulshockRg-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/NulshockRg-Bold.woff2') format('woff2'), url('./fonts/NulshockRg-Bold.woff') format('woff'), url('./fonts/NulshockRg-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } .navbar-default .right-block #nav-wrap ul li.menu-item-has-children{position:relative; } .navbar-default .right-block #nav-wrap ul li.menu-item-has-children:before{ content: ''; position: absolute; background: url(https://codeonefire.com/dev/wp-content/uploads/2024/10/down-arrow2.png)no-repeat center; background-size: auto; right: 16px; top:-5px; bottom: 0px; margin: auto 0; width: 15px; height: 15px; background-size: contain;} /* ===== Top Banner Start ===== */ .top-banner_sec{background:url(images/top-banner-bg-img.jpg)no-repeat center; background-size: cover !important; padding:250px 0px 125px 0px !important; position:relative; z-index:1;} .top-banner_sec:before{content:''; position:absolute; width:100%; height:100%; background: rgb(255,255,255); background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); top:0px; left:0px;} .top-banner_sec .content-block h6{font-size: 27px; margin-bottom: 15px; font-family: var(--secondary-font);color: #fff;line-height: 22px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .top-banner_sec .content-block h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; transition: all ease-in-out 2s;-moz-transition: all ease-in-out 2s;-webkit-transition: all ease-in-out 2s;-ms-transition: all ease-in-out 2s;-o-transition: all ease-in-out 2s;animation: float 2s linear infinite alternate;-moz-animation: float 2s linear infinite alternate;-webkit-animation: float 2s linear infinite alternate;-ms-animation: float 2s linear infinite alternate;-o-animation: float 2s linear infinite alternate; } .top-banner_sec .content-block h1{font-size:100px; font-family: var(--secondary-font); letter-spacing: -0.02em; line-height:90px; color:#fff;} .top-banner_sec .content-block h2{font-size:64px; font-family: var(--secondary-font); letter-spacing: -0.02em; line-height:45px; color:#ef3511; padding-bottom:50px;} .top-banner_sec .content-block h2 strong{ font-weight:normal; } .top-banner_sec .content-block .btn-block a{display:inline-block; margin-right:20px;} /* ===== Service Section Start ===== */ .service-sec{padding:55px 0 150px 0 !important; /*background:url(images/services-bg-element.png)no-repeat center top;*/position:relative;} .service-sec::before{content:'';background:url(images/services-bg-element.png)no-repeat center top;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.2;background-attachment: fixed;} .service-sec .sec-heading{text-align: center; padding-bottom:35px;} .service-sec .sec-heading h2{font-size:65px; line-height: 60px; font-family: var(--heading-font); color:#000000; text-transform: uppercase; margin-bottom:10px;} .service-sec .sec-heading p{padding-bottom:0px} .service-sec .sec-content .inner-block{padding: 50px 15px 35px 15px; text-align: center; border-radius: 10px; background:#fff; border: 1px solid #0000002b; border-bottom:4px solid #ef3511; margin-bottom:25px !important; transition:all 300ms ease-in-out; } .service-sec .sec-content .inner-block:hover{ box-shadow:0 5px 20px rgba(0,0,0,.3); box-shadow: 0 0 1rem rgba(0,0,0,.15);} .service-sec .sec-content .inner-block img{margin-bottom:25px;width: 80px; object-fit: contain;height: 80px;} .service-sec .sec-content .inner-block h3{font-size:18px; line-height: 20px; font-family: var(--secondary-font); color:#000; text-transform: uppercase;margin-bottom:20px} .service-sec .sec-content .inner-block p{color:#000; padding-bottom: 30px;} .service-sec .sec-content .inner-block a{display:inline-block; font-family: var(--content-font); font-size:16px; /*text-transform:uppercase;*/ color:#000; letter-spacing: 0.08em; position: relative; transition: all 300ms ease-in-out; line-height: 22px;} .service-sec .sec-content .inner-block a:before{content:''; position: absolute; width:100%; height:2px; background:#ef3511 ; bottom:-3px; left:0; right:0; margin:0 auto; transition:all 300ms ease-in-out; } .service-sec .sec-content .inner-block a:hover{color:#ef3511;} .service-sec .sec-content .inner-block a:hover:before{ width:40%; } /* ===== About Section Start ===== */ .aboutus-sec{padding-bottom:35px; margin-bottom:100px; position: relative;} .aboutus-sec .left-block{position:relative;} .aboutus-sec:after{content:''; position:absolute; height:274px; width:40px; background:#fdeae7; bottom:0px; right:calc(100% - 48%); } .aboutus-sec .left-block:before{content:''; position:absolute;width:108px; height:272px; border:1px solid #ef3511; top:-100px; right:198px;} .aboutus-sec:before{content:''; position: absolute; left:0px; top:0px; bottom:0px; background:url(images/about-left-img.jpg) no-repeat center; width:calc(100% - 55%); height:100%; background-size:cover; animation: jump2 7.5s linear infinite; transform: translatey(10px);} .aboutus-sec .right-block h6{font-size:19px; margin-bottom: 15px; font-family: var(--secondary-font);color: #000;line-height:16px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .aboutus-sec .right-block h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; transition: all ease-in-out 2s;-moz-transition: all ease-in-out 2s;-webkit-transition: all ease-in-out 2s;-ms-transition: all ease-in-out 2s;-o-transition: all ease-in-out 2s;animation: float 2s linear infinite alternate;-moz-animation: float 2s linear infinite alternate;-webkit-animation: float 2s linear infinite alternate;-ms-animation: float 2s linear infinite alternate;-o-animation: float 2s linear infinite alternate; } .aboutus-sec .right-block h2{font-family: var(--heading-font); font-size:95px; line-height: 92px; letter-spacing: 0.04em; color:#000; text-transform: uppercase; font-style: italic; padding-bottom: 40px;} .aboutus-sec .right-block h2 strong{color:#ef3511} .aboutus-sec .right-block p{color:#4c4c4c;} .aboutus-sec .right-block a{color:#000; margin-top: 15px;} .aboutus-sec .right-block a:hover{color:#ef3511} /* ===== Why Choose Section Start ===== */ .why-choose-sec {padding-bottom: 55px;} .why-choose-sec .sec-heading h2{font-family: var(--heading-font); font-size:95px; line-height: 92px; letter-spacing: 0.04em; color:#000; text-transform: uppercase; font-style: italic; padding-bottom: 50px;} .why-choose-sec .sec-content .inner-block{text-align: center;} .why-choose-sec .sec-content .inner-block img{padding-bottom: 35px;} .why-choose-sec .sec-content .inner-block h3{font-size:18px; letter-spacing: 0.04em; font-family: var(--secondary-font); color:#000; line-height:22px; padding-bottom: 10px; margin: 0px;} .why-choose-sec .sec-content .inner-block p{color:#4c4c4c; } .why-choose-sec .sec-content {padding-bottom:40px;} .why-choose-sec .sec-btn a{color:#000;} .why-choose-sec .sec-btn a:hover{color:#ef3511;} /* ===== Industries We Serve Section Start ===== */ .industries-we-serve {background: #fde9e5; padding:55px 0;} .industries-we-serve .sec-heading h2{font-family: var(--heading-font); font-size:80px; line-height: 92px; letter-spacing: 0.04em; color:#000; text-transform: uppercase; font-style: italic; padding-bottom: 50px;} .industries-we-serve .inner-block{padding:265px 40px 35px 40px; border-radius: 10px;} .industries-we-serve .inner-block .left-block h3{font-size:22px; margin-bottom: 0px; font-family: var(--secondary-font);color: #ffffff;line-height:22px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .industries-we-serve .inner-block .left-block h3:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; transition: all ease-in-out 2s;-moz-transition: all ease-in-out 2s;-webkit-transition: all ease-in-out 2s;-ms-transition: all ease-in-out 2s;-o-transition: all ease-in-out 2s;animation: float 2s linear infinite alternate;-moz-animation: float 2s linear infinite alternate;-webkit-animation: float 2s linear infinite alternate;-ms-animation: float 2s linear infinite alternate;-o-animation: float 2s linear infinite alternate; } .industries-we-serve .inner-block .left-block{ width:65%;} .industries-we-serve .inner-block .left-block p{padding-bottom: 0px;} .industries-we-serve .inner-block{align-items: end;} .industries-we-serve .inner-block .right-block{width:35%; text-align: right;} .industries-we-serve .inner-block .left-block p{color:#fff;} .industries-we-serve .inner-block{position: relative; background-size: cover !important;z-index: 9;} /* ===== Testimonial Section Start ===== */ .client-reviews{padding: 55px 0;} .client-reviews .sec-heading h2{font-family: var(--heading-font); font-size:80px; line-height: 92px; letter-spacing: 0.04em; color:#000; text-transform: uppercase; font-style: italic; padding-bottom: 50px;} .client-reviews .sec-content .item .inner-block h6{font-size:19px; margin-bottom: 15px; font-family: var(--secondary-font);color: #000;line-height:16px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative; margin-bottom:30px;} .client-reviews .sec-content .item .inner-block h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; transition: all ease-in-out 2s;-moz-transition: all ease-in-out 2s;-webkit-transition: all ease-in-out 2s;-ms-transition: all ease-in-out 2s;-o-transition: all ease-in-out 2s;animation: float 2s linear infinite alternate;-moz-animation: float 2s linear infinite alternate;-webkit-animation: float 2s linear infinite alternate;-ms-animation: float 2s linear infinite alternate;-o-animation: float 2s linear infinite alternate; } .client-reviews .sec-content .item .inner-block p{ color:#4c4c4c; padding-right: 35px;} .client-reviews .sec-content .item .inner-block p:before{content:''; margin-right:10px; background:url(images/quote-1.png)no-repeat center; width:26px; height:21px; display: inline-block;} .client-reviews .sec-content .item .inner-block p:after{content:''; margin-left:10px; top:5px; background:url(images/quote-2.png)no-repeat center; width:26px; height:21px; display: inline-block;} #testimonial-slider .owl-nav{position: absolute; top:-130px; right:0px;} #testimonial-slider .owl-nav .owl-prev{width:50px; height:50px; border:1px solid #bebebe; cursor:pointer; transition: ease-in-out; border-radius: 50%; outline: none; background:url(images/left-arrow.png)no-repeat center; font-size:0px; margin-right: 15px;} #testimonial-slider .owl-nav .owl-next{width:50px; height:50px; border:1px solid #bebebe;cursor:pointer;transition: ease-in-out; border-radius: 50%; outline: none; background:url(images/right-arrow.png)no-repeat center; font-size:0px} #testimonial-slider .owl-nav .owl-prev:hover{border-color:#ef3511;} #testimonial-slider .owl-nav .owl-next:hover{border-color:#ef3511;} #testimonial-slider .owl-dot{display:none;} /* ===== Footer Section Start ===== */ footer{ /*background:#ef3511;*/ background:#ff6243; padding:55px 0 0 0;background: #6f1201;position: relative;overflow:hidden;} footer #footer-particles{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;} footer .container{position: relative;z-index: 1;} footer .sec-heading h2{font-family: var(--secondary-font); font-size:35px; line-height: 30px; letter-spacing: 0.04em; color:#fff; text-transform: uppercase; padding-bottom: 30px;} footer .contact-info .inner-block:nth-child(1){width:35%} footer .contact-info .inner-block:nth-child(2){width:30%} footer .contact-info .inner-block:nth-child(3){width:25%} footer .contact-info .inner-block .icon{margin-right: 15px;} footer .contact-info .inner-block .text h6{font-size:16px; letter-spacing: 0.06em; color:#fff; font-family: var(--secondary-font); line-height: 18px; text-transform: uppercase;} footer .contact-info .inner-block .text p{color:#fff;} footer .contact-info .inner-block .text a{font-size: 23px; letter-spacing: 0.1em; color:#fff;font-family: var(--secondary-font); line-height: 30px; transition: all 300ms ease-in-out;} footer .contact-info .inner-block .text a:hover{color:#000;color: #fd756d;} footer .contact-info .inner-block:nth-child(3) .text a{font-size: 16px; font-family: var(--content-font); line-height: 25px; transition: all 300ms ease-in-out;} footer .contact-info{padding-bottom:50px; margin-bottom: 60px; border-bottom: 1px solid #f3684d; border-bottom: 1px solid #ffffff54;} footer .footer-links .inner-block h3{font-size:16px; letter-spacing: 0.08em; line-height: 25px; font-family: var(--secondary-font); text-transform: uppercase; color:#fff; padding-bottom: 20px;} footer .footer-links .inner-block:nth-child(1){width:30%} footer .footer-links .inner-block:nth-child(2){width:20%} footer .footer-links .inner-block:nth-child(3){width:50%} footer .footer-links .inner-block ul li a{font-size:16px; color:#fff; line-height: 18px; transition: all 300ms ease-in-out;} footer .footer-links .inner-block ul li:hover a{color:#000;color: #fd756d;} footer .footer-links .inner-block ul li {padding-bottom: 15px;} footer .footer-links .inner-block ul li:nth-last-child(1){padding-bottom:0px;} footer .footer-links .inner-block:nth-child(1) ul li{width:50%; float:left} footer .footer-links .inner-block:nth-child(1) ul li:last-child{width:100%;} footer .footer-links .inner-block .form-block{border:2px solid #fff; border-radius: 8px;} footer .footer-links .inner-block form .tnp-field label{display: none;} footer .footer-links .inner-block form .tnp-field-email{width: 89%; display: inline-block;margin: 0; } footer .footer-links .inner-block form .tnp-field-email .tnp-email{color:#fff !important;} footer .footer-links .inner-block form .tnp-field-button{width:10% !important; display: inline-block !important;} footer .footer-links .inner-block form input{width:92%; background: transparent; border:0px; display: inline-block; outline: none;} footer .footer-links .inner-block .form-block{position:relative;} footer .footer-links .inner-block .form-block .block{width:100%;} footer .footer-links .inner-block .form-block .block .form-control{font-size: 16px;line-height: 27px;letter-spacing: .02em;color: #fff;border: 0;border-radius: 0;box-shadow: none;background: transparent;padding: 0 10px;margin: 0;min-height: 47px;transition: all .5s ease-in-out;} footer .footer-links .inner-block .form-block .block .form-control::placeholder{color: #fff!important;opacity:1!important;} footer .footer-links .inner-block .form-block .block .form-control:focus{outline: 0;} footer .footer-links .inner-block .form-block .btn-block {position: absolute;top: 0;right: 0; width: auto;} footer .footer-links .inner-block .form-block .btn-block .wpcf7-submit{height: 16px !important; background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/long-right-arrow.png)no-repeat center right 30px !important; font-size:0px !important ;background-size:28px!important; padding: 24px 40px;transition:all 600ms ease-in-out;outline:none;box-shadow:none;cursor:pointer;} footer .footer-links .inner-block .form-block .btn-block .wpcf7-submit:hover{background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/long-right-arrow.png)no-repeat center right 20px !important; font-size:0px !important ;background-size:28px!important;} footer .footer-links .inner-block .wpcf7 form .wpcf7-response-output{color:#fff!important;} footer .footer-links .inner-block .wpcf7-not-valid-tip{position: absolute;bottom: -43px;color: #ff5454;} /*footer .footer-links .inner-block form .tnp-field-button .tnp-submit{width:100% !important; background-size: contain !important; height: 16px !important; background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/long-right-arrow.png)no-repeat center right 20px !important; font-size:0px !important ; display: inline-block !important;margin: 0 !important;all:unset; cursor: pointer; transition: all 300ms ease-in-out; } footer .footer-links .inner-block form .tnp-field-button .tnp-submit:hover{background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/long-right-arrow.png)no-repeat center right 15px !important;} footer .footer-links .inner-block form input::placeholder{font-size: 16px; font-family: var(--content-font); line-height: 25px; color:#fff; } footer .footer-links .inner-block form button{ all:unset; cursor: pointer; transition: all 300ms ease-in-out;} footer .footer-links .inner-block form button:hover{margin-left: 5px;}*/ footer .fotter-bottom {padding-top: 30px; padding-bottom:20px; text-align: center; margin-top: 40px; border-top: 1px solid #f3684d;border-top: 1px solid #ffffff54;} footer .fotter-bottom p{color:#fff;} footer .footer-links .inner-block .tnp-subscription{width:100%; max-width: 100% !important;} /* ============= Common Inner Banner Start ============= */ .innerbanner{padding-top:225px !important; padding-bottom:100px !Important; background-size:cover !important; background-position:center right; position:relative;} .innerbanner .content-block h2{font-size:60px; font-family: var(--secondary-font); letter-spacing: -0.02em; line-height: 60px; color:#fff;z-index: 1; position:relative;} .innerbanner .content-block h6{font-size: 27px; margin-bottom: 15px; font-family: var(--secondary-font);color: #fff;line-height: 22px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .innerbanner .content-block h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; transition: all ease-in-out 2s;-moz-transition: all ease-in-out 2s;-webkit-transition: all ease-in-out 2s;-ms-transition: all ease-in-out 2s;-o-transition: all ease-in-out 2s;animation: float 2s linear infinite alternate;-moz-animation: float 2s linear infinite alternate;-webkit-animation: float 2s linear infinite alternate;-ms-animation: float 2s linear infinite alternate;-o-animation: float 2s linear infinite alternate; } /* .innerbanner .content-block .btn-block{padding-top:20px;} */ .innerbanner .content-block .btn-block a{margin-right:10px;} /* ============= About Page Start ============= */ .about-us-inner-sec{ margin-bottom:90px; padding-bottom:30px !important; position: relative;margin-top: 60px !important; padding-top:0px !important;} .about-us-inner-sec .left-block{position:relative;} .about-us-inner-sec:after{content:''; position:absolute; height:274px; width:40px; background:#ef35117a; bottom:0px; right:calc(100% - 48%); } .about-us-inner-sec:before{content:''; position: absolute; left:0px; top:0px; bottom:0px; background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/about-us-left-img.jpg)no-repeat center; width:calc(100% - 53%); height:100%; background-size:cover;animation: jump2 7.5s linear infinite;transform: translatey(10px);} .about-us-inner-sec .right-block h6{font-size:19px; margin-bottom: 15px; font-family: var(--secondary-font);color: #000;line-height:16px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .about-us-inner-sec .right-block h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; } .about-us-inner-sec .right-block h2{font-family: var(--heading-font); font-size: 45px; line-height: 40px; letter-spacing: 0.04em; color: #000; text-transform: uppercase; font-style: italic; padding-bottom: 25px;} .about-us-inner-sec .right-block h2 strong{color:#ef3511} .about-us-inner-sec .right-block p{color:#4c4c4c;} .about-us-inner-sec .right-block a{color:#000; margin-top: 15px;} .about-us-inner-sec .right-block a:hover{color:#ef3511} .why-choose-sec .sec-heading.s-in h2 {font-size:45px; line-height:40px;} /* ============= Service Page Start ============= */ .service-inner-sec .sec-content .inner-block{ padding:80px 15px 35px 15px; text-align: center; border-radius: 10px; background:#fff; border: 1px solid #0000002b; margin-bottom:70px !important; position:relative; transition:all 400ms ease-in-out; box-shadow: rgba(50, 50, 93, 0.14) 0px 6px 12px -2px, rgba(0, 0, 0, 0.14) 0px 3px 7px -3px; } .service-inner-sec .sec-content .inner-block:hover{ box-shadow:rgba(50, 50, 93, 0.14) 0px 6px 20px -2px, rgba(0, 0, 0, 0.14) 0px 3px 20px -3px; } .service-inner-sec .sec-content .inner-block:hover .img-block{border-color:var(--primary-color);} .service-inner-sec .sec-content .inner-block img{width: 60px; object-fit: contain;height: 60px;} .service-inner-sec .sec-content .inner-block .img-block{display:inline-block; width:100px; height:100px; background:#fff; border: 1px solid #0000002b; border-radius:50%; display:flex; justify-content:center; align-items:center;margin: 0 auto ; position:absolute; top:-50px; left:0px ;right:0px;transition:all 400ms ease-in-out;} .service-inner-sec .sec-content .inner-block h3{font-size:18px; line-height: 20px; font-family: var(--secondary-font); color:#000; text-transform: uppercase;margin-bottom:20px} .service-inner-sec .sec-content .inner-block p{color:#000; padding-bottom: 30px;} .service-inner-sec.fire-protection-system .sec-content .inner-block p{color:#000; padding-bottom: 15px; min-height:97px;} .service-inner-sec .sec-content .inner-block a{display:inline-block; font-family: var(--content-font); font-size:15px; /*text-transform:uppercase;*/ color:#000; letter-spacing: 0.08em; position: relative; transition: all 300ms ease-in-out; line-height: 21px;} .service-inner-sec .sec-content .inner-block a:before{content:''; position: absolute; width:100%; height:2px; background:#ef3511 ; bottom:-3px; left:0px; right:0; margin:0 auto; transition: all 300ms ease-in-out; animation: jump2 7.5s linear infinite; transform: translatey(10px);} .service-inner-sec .sec-content .inner-block a:hover{color:#ef3511;} .service-inner-sec .sec-content .inner-block a:hover:before{ width:40%; } .service-inner-sec { padding:60px 0 0!important;} .service-inner-sec .sec-heading{text-align:center; padding-bottom:90px;} .service-inner-sec .sec-heading h2{font-family: var(--heading-font); font-size:50px; line-height: 47px; letter-spacing: 0.04em; color:#000; text-transform: uppercase; font-style: italic; padding-bottom: 10px; } /* ============= Testimonials Page Start ============= */ .testmonials-inner-page{padding-top:75px !important; padding-bottom:55px !important;} .testmonials-inner-page .item{padding:60px 30px 25px 30px; background:#D0F4FA; margin-bottom:50px !important; position:relative; border-radius:10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} .testmonials-inner-page .item:before{content:""; position:absolute;background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/right-quote.png)#a81e03 no-repeat center; width: 70px;height: 70px; border-radius:50px; border:3px solid #fff; background-size:contain; top:-25px; left:0px;} .testmonials-inner-page .item .inner-block h6{font-size: 14px; letter-spacing: 0.02em; font-family: var(--secondary-font); padding-left:30px; position:relative;} .testmonials-inner-page .item .inner-block h6:before{content:''; position:absolute; left:0px; width:20px; height:2px; background:#ef3511; top:0px; bottom:0px; margin:auto 0;} .testmonials-inner-page .pagination{margin-top:30px; display: flex; justify-content: center;} .testmonials-inner-page .pagination .current{width:50px; height:50px; background:#ef3511; border:1px solid #fff; border-radius:50px; color:#fff; text-align:center;line-height: 50px; font-size: 18px;border: 2px solid #8b1a04; margin:0 5px;} .testmonials-inner-page .pagination .inactive{width:50px; height:50px; border:1px solid #fff; border-radius:50px; color:#000; text-align:center;line-height: 50px; font-size: 18px;border: 2px solid #8b1a04;margin:0 5px;} /* ============= Contact Page Start ============= */ .contact-us-inner{padding-top:55px !important; padding-bottom:55px !important;} .contact-us-inner .right-block{padding:40px 25px 20px 25px; background:#f7f7f7; border-radius:10px;} .contact-us-inner .right-block .sec-heading h2{color:#000; font-family: var(--heading-font); font-size:35px; text-transform:uppercase; letter-spacing:0.04em; padding-bottom:25px; position:relative; margin:0px;} .contact-us-inner .right-block .sec-heading h2 strong{color:var(--primary-color);} .contact-us-inner .right-block .form-block{margin-bottom:20px;} .contact-us-inner .right-block .form-block label{font-family: 'ITC Avant Garde Gothic'; font-size:14px; color:#381717;} .contact-us-inner .right-block .form-block input{width:100%; border:0px; outline:none; padding:10px 15px; box-shadow:5px 0px 5px 0px #00000008; } .contact-us-inner .right-block .form-block input::placeholder{color:#707070; font-size:14px; opacity:1; font-family: 'ITC Avant Garde Gothic';} .contact-us-inner .right-block .form-block textarea::placeholder{color:#707070; font-size:14px; opacity:1; font-family: 'ITC Avant Garde Gothic';} .contact-us-inner .right-block .form-block textarea{width:100%; resize:none; height:150px; border:0px; outline:none; padding:8px 15px; box-shadow:5px 0px 5px 0px #00000008;} .contact-us-inner .left-block{padding-top:20px;} .contact-us-inner .left-block .sec-heading h6{font-size:16px; color:var(--primary-color); text-transform:uppercase; letter-spacing:0.04em; line-height:30px; font-family: 'ITC Avant Garde Gothic'; margin-bottom:10px;} .contact-us-inner .left-block .sec-heading h2{font-size:48px; font-family:var(--heading-font); color:#000; text-transform:uppercase; line-height:30px; margin-bottom:25px;} .contact-us-inner .left-block .sec-heading h2 strong{color:var(--primary-color);} .contact-us-inner .left-block .sec-heading{padding-bottom:35px;} .contact-us-inner .left-block .sec-content ul{display:flex; justify-content:space-between; flex-wrap:wrap;} .contact-us-inner .left-block .sec-content ul li{width:50%; display:inline-flex; align-items:start; padding-bottom:45px;} .contact-us-inner .left-block .sec-content ul li:nth-last-child(1){padding-bottom:0px;} .contact-us-inner .left-block .sec-content ul li .text-block h6{font-family:var(--heading-font); font-size:22px;text-transform:uppercase; color:#000; margin-bottom:15px;} .contact-us-inner .left-block .sec-content ul li .text-block{padding-left:20px;} .contact-us-inner .left-block .sec-content ul li .text-block a{color:#4c4c4c; font-size:16px;font-family: 'ITC Avant Garde Gothic'; line-height:24px; } .contact-us-inner .left-block .sec-content ul li .text-block a:hover{color:var(--primary-color);} .contact-us-inner .left-block .sec-content ul li .icon-block{width:47px; height:68px; border-radius:10px; background:var(--primary-color); display:flex; justify-content:center; align-items:center; box-shadow: inset 0 0 10px #00000063;} .contact-us-inner .left-block .sec-content ul li:nth-last-child(1){width:100%;} /* .contact-us-inner .wpcf7-response-output{border-color:#fff; color:#fff !important;} */ /* .contact-us-inner .wpcf7-not-valid-tip{color:#fff !important;} */ .contact-us-inner .btn-block input[type="submit"]{font-family: 'ITC Avant Garde Gothic'; padding: 12px 30px; cursor:pointer; border-radius: 5px; font-size: 16px; color: #fff; background:var(--primary-color);line-height: 18px;text-transform: uppercase; letter-spacing: 0.02em; font-weight: 700; transition:all 400ms ease-in-out;border: 0; } .contact-us-inner .btn-block input[type="submit"]:hover{background:#cf2c0d; } .contact-us-inner .btn-block p{padding-bottom:0px;} .contact-us-inner .left-block{padding-right:30px;} .contact-us-inner .left-block iframe{height: 573px;} /* ============= Service Inner Page Start ============= */ .service-inner-heading{padding-top:60px !important; padding-bottom:55px !important;} .service-inner-heading h2{font-family:var(--heading-font); font-size:30px; line-height:37px; color:#000; letter-spacing:0.04em; text-transform:uppercase;} .service-inner-heading p{padding-bottom:0px;} .page-id-270 .our-services-inner_sec .content-block{min-height:170px;} .page-id-270 .our-services-inner_sec .inner-block {margin-bottom:148px !important;} .page-id-270 .our-services-inner_sec{ padding-top:50px; padding-bottom:40px; } .page-id-275 .our-services-inner_sec .content-block{min-height:170px;} .page-id-275 .our-services-inner_sec .inner-block {margin-bottom:148px !important;} .page-id-275 .our-services-inner_sec{ } .page-id-277 .our-services-inner_sec .content-block{min-height:0px;} .page-id-277 .our-services-inner_sec .inner-block {margin-bottom:148px !important;} .page-id-277 .our-services-inner_sec{ padding-bottom:40px !important;} .our-services-inner_sec{background:#f5f5f5; padding-top:50px; padding-bottom:80px; position:relative; overflow:hidden; z-index:1;} .our-services-inner_sec:before{content:''; position:absolute; background:url(https://codeonefire.com/dev/wp-content/uploads/2024/09/services-bg-element.png)no-repeat center; top:-50%; left:-50%; width:100%; height:100%;opacity: 0.2;} .our-services-inner_sec:after{content:''; position:absolute; background:url(https://codeonefire.com/dev/wp-content/uploads/2024/09/services-bg-element.png)no-repeat center; bottom:-50%; right:-50%; width:100%; height:100%; z-index:-1;opacity: 0.2;} .our-services-inner_sec .sec-heading{text-align:center;} .our-services-inner_sec .sec-heading h2{font-family:var(--heading-font); color:#000; font-size:35px; line-height:38px; text-transform:uppercase; padding-bottom:30px;} .our-services-inner_sec .inner-block .img-block{width:100%; height:300px; } .our-services-inner_sec .inner-block .img-block img{width:100%; height:100%; object-fit:cover;} .our-services-inner_sec .inner-block {position:relative;transition:all 400ms ease-in-out;} .our-services-inner_sec .content-block{padding:30px 35px; background:#fff;width: 90%;position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%); /*border-left:4px solid #ef3511;*/ transition:all 400ms ease-in-out; min-height:213px;} .our-services-inner_sec .content-block::before{content:'';background:#ef3511;width:4px;height:0;position:absolute;left:0;top:0;transition: all 1s ease-in-out;transition-delay: .5s;} .our-services-inner_sec .vc_row .vc_col-sm-4 .wpb_text_column.animated .content-block::before{height:100%;} .our-services-inner_sec .vc_row .vc_col-sm-6 .wpb_text_column.animated .content-block::before{height:100%;} .our-services-inner_sec .inner-block:hover .content-block{box-shadow: 0px 10px 10px 0px #00000014;} .our-services-inner_sec .content-block h3{font-size: 18px; font-family:var(--secondary-font); color:var(--primary-color); line-height:19px; text-transform:uppercase} .fire-prevention_sec{padding-top:55px !important; padding-bottom:105px !important; } .fire-prevention_sec .sec-heading{text-align:center;} .fire-prevention_sec .sec-heading h2{font-size:55px; line-height:58px; text-transform:uppercase; letter-spacing:0.02em; font-family:var(--heading-font); color:#000; padding-bottom:30px; margin:0px;} .fire-prevention_sec .sec-heading h2 strong{color:var(--primary-color); } .fire-prevention_sec .sec-heading p{padding:0 100px;} .how-we-work{margin-bottom:55px !Important; position:relative;} .how-we-work:before{content:''; width: 65%;} .how-we-work .left-block:before{content:''; position:absolute;width: 69px; height: 150px; border: 1px solid #ef3511; top: -62px; right: 77px;animation: jump 5s linear infinite; transform: translatey(-10px);} .how-we-work:before{content:''; position: absolute; left:0px; bottom:0px; background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/How-We-Work.jpg)no-repeat center; width:calc(100% - 55%); height:100%; background-size:cover;animation: jump2 7.5s linear infinite; transform: translatey(10px);} .page-id-275 .how-we-work:before{background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/Regular-Maintenance-of-Fire-Protection1.jpg)no-repeat center; background-size:cover;} .page-id-277 .how-we-work:before{background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/Install-Fire-Alarm.jpg)no-repeat center;background-size:cover; } .page-id-270 .how-we-work:before{background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/How-We-Work-installation.jpg)no-repeat center;background-size:cover; } .page-id-273 .how-we-work:before{background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/What-is-included-in-Code-One-Fire.jpg)no-repeat center;background-size:cover; } .how-we-work:after{content:''; position:absolute; height:274px; width:40px; background:#fdeae7; bottom:0px; right:calc(100% - 48%); } .how-we-work .right-block h2{font-size:35px; line-height:35px;color:#000;text-transform:uppercase; letter-spacing:0.02em; font-family:var(--heading-font); color:#000; } .how-we-work .right-block h2 strong{color:var(--primary-color); font-style:italic;} .how-we-work .right-block ul{padding-top:30px; margin:0px; display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;} .how-we-work .right-block ul li{width:49%; margin-bottom:25px; transition:all 300ms ease-in-out;} .how-we-work .right-block ul li:nth-child(1){order:1;} .how-we-work .right-block ul li:nth-child(2){order:3;} .how-we-work .right-block ul li:nth-child(3){order:5;} .how-we-work .right-block ul li:nth-child(4){order:2;} .how-we-work .right-block ul li:nth-child(5){order:4;} .how-we-work .right-block ul li:nth-child(6){order:5;} .how-we-work .right-block ul li:nth-last-child(1){ margin-bottom:0px;} /* .how-we-work .right-block ul li:nth-last-child(2){ margin-bottom:0px;} */ .how-we-work .right-block ul li h5{font-size:16px; font-family:var(--heading-font); color:#000;text-transform:uppercase; line-height:25px; } .how-we-work .right-block ul li h5 strong{font-size:12px; transition:all 300ms ease-in-out; color:#fff; font-family: 'ITC Avant Garde Gothic'; width:25px; height:25px; margin-right: 8px; display: inline-block; text-align:Center; line-height:23px; border:2px solid #fff; position:relative; z-index:1;} .how-we-work .right-block ul li h5 strong:after{content:''; width:100%; transition:all 300ms ease-in-out; height:100%; background:var(--primary-color); border-radius:5px; top:3px; left:-3px; position:absolute; z-index:-2;} .how-we-work .right-block ul li h5 strong:before{content:''; transition:all 300ms ease-in-out; width:100%; height:100%; background:var(--primary-color); border-radius:0px;border-radius:5px; top:0px; left:0px; position:absolute; ;border:2px solid #fff; z-index:-1;} .how-we-work .right-block ul li:hover h5 strong:before{background:#901a03;} .how-we-work .sec-heading h6{font-size:19px; margin-bottom: 35px; font-family: var(--secondary-font);color: #000;line-height:16px;letter-spacing: 0.1em;text-transform: uppercase;padding-left: 25px;position: relative;} .how-we-work .sec-heading h6:before{content:''; position:absolute; width:8px; height:100%; background:#ef3511; top:0px; left:0px; } .service-faq-sec{padding-top:55px !important; padding-bottom:55px !important; background:#fef1ee;} .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{border:none; border-bottom:1px solid #fff; background:transparent; } .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover{background:transparent;} .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:nth-last-child(1) .vc_tta-panel-heading{border-bottom:0px;} .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{ border:none; background: #fff;} .service-faq-sec .vc_tta-accordion .vc_tta-panel-heading .vc_tta-title-text{font-family: var(--secondary-font); color:#000; text-transform:uppercase; letter-spacing:0.04em; font-size:18px;} .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a{padding:30px 28px 10px 28px !important;background: #fff;} .service-faq-sec .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-title-text{color:var(--primary-color)} .service-faq-sec .vc_tta.vc_general .vc_tta-panel-title > a{padding:30px 28px !important; } .service-faq-sec .vc_tta.vc_general .vc_tta-panel-body{padding-left:28px !important; padding-right:28px !important; } .service-faq-sec .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon{left:unset; right:28px; width:30px; height:30px; border-radius:50px; background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/bottom-red-arrow.png)#fff no-repeat center;} .service-faq-sec .vc_tta-panel.vc_active{box-shadow: rgba(99, 99, 99, 0.05) 0px 2px 8px 0px;} .service-faq-sec .vc_tta-panel.vc_active .vc_tta-controls-icon-position-left .vc_tta-controls-icon{background:url(https://codeonefire.com/dev/wp-content/uploads/2024/10/bottom-white-arrow.png)#ef3511 no-repeat center} .service-faq-sec .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon:before{display:none; } .service-faq-sec .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon:after{display:none; } /* ====== service inner sec ===== */ .service-inner-text-block{padding-top:55px !important; padding-bottom:55px !important; } .service-inner-text-block p{text-align:center;} .common-fire-extinguishers {padding-bottom:55px; } .common-fire-extinguishers .sec-content .content-block ul{display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap;} .common-fire-extinguishers .sec-content .content-block ul li{font-family: 'Nulshock Rg'; font-size: 14px; color: #000; line-height: 22px; letter-spacing: .1em; text-transform: uppercase; padding: 0 0 20px 40px; margin: 0;width:49%; /* width:50%; float:right;*/} .common-fire-extinguishers .sec-content .content-block ul li strong{font-size: 12px; transition: all 300ms ease-in-out; color: #fff; font-family: 'ITC Avant Garde Gothic';width: 30px; height: 30px; margin-right: 8px; display: inline-block; text-align: Center; line-height: 30px; border: 2px solid #fff; position: relative; z-index: 1; margin-left:-40px;} .common-fire-extinguishers .sec-content .content-block h2{font-family: 'Enter Sansman'; font-size: 33px; color: #000;line-height: 33px;letter-spacing: .04em;text-transform: uppercase;padding: 0 0 20px 0;margin: 0;} .common-fire-extinguishers .sec-content .content-block ul li strong::before { content: ''; transition: all 300ms ease-in-out; width: 100%; height: 100%; background: var(--primary-color); border-radius: 0px; border-radius: 5px; top: 0px; left: 0px; position: absolute; border: 2px solid #fff; z-index: -1;} .common-fire-extinguishers .sec-content .content-block ul li:hover strong::before { background: #901a03; } .common-fire-extinguishers .sec-content .content-block ul li strong::after{content: ''; width: 100%; transition: all 300ms ease-in-out; height: 100%; background: var(--primary-color); border-radius: 5px; top: 3px; left: -3px; position: absolute; z-index: -2;} .common-fire-extinguishers .sec-content .img-block{position:relative; padding-right:40px;} .common-fire-extinguishers .sec-content .img-block:before{content: ''; position: absolute; height: 274px; width: 30px; background: #fdeae7; bottom: 0px; right: 0;} .common-fire-extinguishers.rev-block{padding-top:55px;} .common-fire-extinguishers.rev-block .img-block{padding-left:40px;} .common-fire-extinguishers.rev-block .sec-content .img-block:before{ right:unset; left:0;} .fire-extinguisher-services{padding-bottom:55px;padding-top:55px;background:#f5f5f5; position:relative; overflow:hidden; z-index:1;} .fire-extinguisher-services::before { content: ''; position: absolute; background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/services-bg-element.png)no-repeat center; top: -50%; left: -50%; width: 100%; height: 100%;opacity:0.2;} .fire-extinguisher-services::after { content: ''; position: absolute; background: url(https://codeonefire.com/dev/wp-content/uploads/2024/09/services-bg-element.png)no-repeat center; bottom: -50%; right: -50%; width: 100%; height: 100%; z-index: -1;opacity:0.2;} .fire-extinguisher-services .sec-heading{text-align:center; padding-bottom:75px;} .fire-extinguisher-services .sec-heading h2{font-family: 'Enter Sansman'; font-size: 33px; color: #000;line-height: 33px;letter-spacing: .04em;text-transform: uppercase;padding: 0 0 15px 0;margin: 0; } .fire-extinguisher-services .sec-content .inner-block{padding: 80px 15px 30px 15px; text-align: center;border-radius: 10px; background: #fff; border: 1px solid #0000002b; position: relative; transition: all 400ms ease-in-out; box-shadow: rgba(50, 50, 93, 0.14) 0px 6px 12px -2px, rgba(0, 0, 0, 0.14) 0px 3px 7px -3px; min-height:204px; } .fire-extinguisher-services .sec-content .inner-block .img-block{width: 100px; height: 100px; background: #fff; border: 1px solid #0000002b; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: absolute; top: -50px; left: 0px; right: 0px; transition: all 400ms ease-in-out;} .fire-extinguisher-services .sec-content .inner-block .img-block img { width: 60px; object-fit: contain; height: 60px;} .fire-extinguisher-services .sec-content .inner-block h3{font-size: 16px; line-height: 23px; font-family: var(--secondary-font); color: #000; text-transform: uppercase; margin-bottom:0px;} .fire-extinguisher-services .sec-content .inner-block::before{content: ''; width: 0;height: 0; border: 2px solid transparent;position: absolute;top:0;right:0;border-bottom: none;border-left: none;transition: all .6s ease-in-out;border-radius:0 10px 0 0;} .fire-extinguisher-services .sec-content .inner-block::after{content: ''; width: 0;height: 0; border: 2px solid transparent;position: absolute;bottom:0;left:0;border-right: none;border-top: none;transition: all .6s ease-in-out;border-radius:0 0 0 10px;} .fire-extinguisher-services .sec-content .inner-block:hover::before {width: 10%;height: 20%; border-color: #ef3511;} .fire-extinguisher-services .sec-content .inner-block:hover::after {width: 10%;height: 20%; border-color: #ef3511;} .wpcf7-not-valid-tip{font-size: 12px!important;} .wpcf7 form .wpcf7-response-output{border: none !important;padding: 0 !important;font-size: 12px !important;} /*====================================== Modal CSS =======================================*/ #proposal-popup .modal-content{padding: 0 20px 30px 0;background:url(images/enquire-bg.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;} #proposal-popup .modal-header{border-bottom: none;padding: 10px;} #proposal-popup .close{color: #fff;font-weight: 400;font-size: 2.5rem;padding: 10px 20px;outline: none;border:none;box-shadow: none;} #proposal-popup .modal-body {display: flex;justify-content: flex-end;} #proposal-popup .modal-body .block{max-width:400px;width: 100%;} #proposal-popup .modal-body h2{color: #fff;font-size: 30px;text-transform: uppercase; font-weight: 600;letter-spacing: 0.02em;font-family: var(--secondary-font);} #proposal-popup .modal-body p{color: #fff;letter-spacing: 0.04em; font-weight: 300;font-size: 12px;} #proposal-popup .modal-body .from-group h3{display: none;} #proposal-popup .modal-body input{width:100%;height: 40px;margin-bottom: 15px;background: transparent;outline: none;border: none;border-bottom: 1px solid #ffffff9e;transition: all 400ms ease-in-out; box-shadow: none;padding: 0 0 0 0; font-weight: 300;color:#fff;letter-spacing: 0.04em;font-size: 13px;font-family: var(--content-font);} #proposal-popup .modal-body textarea{resize: none; width:100%;height: 90px;margin-top: 5px; margin-bottom: 15px;background: transparent;outline: none;border: none;transition: all 400ms ease-in-out;border-bottom: 1px solid #ffffff9e;box-shadow: none;padding: 0 0 0 0; font-weight: 300;color:#fff;letter-spacing: 0.04em;font-size: 13px;font-family: var(--content-font);} #proposal-popup .modal-body textarea:focus, #proposal-popup .modal-body input:focus{border:none;border-bottom: 1px solid #fff;} #proposal-popup .modal-body select{color: #ffffff9e; width:100%;height: 40px;margin-bottom: 15px;background: transparent;outline: none;border: none;border-bottom: 1px solid #ffffff9e;transition: all 400ms ease-in-out; box-shadow: none;padding: 0 0 0 0; font-weight: 300;letter-spacing: 0.04em;font-size: 13px;} #proposal-popup .modal-body select option{color: #000;} #proposal-popup .modal-body .wpcf7-submit{width: auto;background-color: rgb(229, 29, 25); color: #fff; margin: 0;padding:10px 30px;height: auto;letter-spacing: 0.02em;font-family: var(--content-font);font-weight: 500;font-size: 16px;cursor: pointer;transition: all 400ms ease-in-out;text-transform: uppercase;border:none;margin-top: 20px;} #proposal-popup .modal-body .wpcf7-submit:hover{background-color:#fff!important;color: rgb(229, 29, 25);} #proposal-popup .modal-body input::-webkit-input-placeholder { color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body input:-ms-input-placeholder {color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body input::placeholder {color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body textarea::-webkit-input-placeholder {color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body textarea:-ms-input-placeholder {color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body textarea::placeholder { color: #ffffff9e;opacity: 1;} #proposal-popup .modal-body .form-block label{display:none;} #proposal-popup .modal-body .form-block p br{display:none;} #proposal-popup .modal-body .wpcf7 form .wpcf7-response-output{color: #fff!important;} /*--404 page---*/ .error404 .innerPage {text-align: center;margin: 0;padding: 220px 0 80px;} .error404 .innerPage a.common-btn { color: #000;} .error404 .innerPage h1{font-size:58px;line-height:62px;font-family: var(--heading-font);font-weight:normal;letter-spacing:0.037em;color:#1e1f19;margin:0 0 15px;padding:0;color: #ef3511; text-transform: uppercase;} .error404 .innerPage h4{font-size:18px;line-height:26px;font-family: var(--secondary-font);font-weight:nrmal;letter-spacing:0.037em; color:#1e1f19;margin:0 0 15px;padding:0;} .error404 .innerPage p{padding:0,25% 25px;} .error404 .innerPage p a{color:#ef3511;transition:all 500ms ease-in-out} .error404 .innerPage p a:hover{color:#000;} @media(max-width:1440px){ .contact-us-inner .left-block .sec-heading h2{font-size:40px;line-height: 30px;} .contact-us-inner .left-block .sec-content ul li .text-block h6{font-size: 18px;} } @media(max-width:1200px){ .contact-us-inner .left-block .sec-heading h2{font-size:35px; } .contact-us-inner .right-block .sec-heading h2{font-size:30px;} .common-fire-extinguishers .sec-content .content-block ul li{font-size:14px;} .common-fire-extinguishers .sec-content .content-block ul li:nth-last-child(1){padding-bottom:0px;} .common-fire-extinguishers .sec-content .content-block h2{font-size: 30px;line-height: 25px;} } @media(max-width:1199px){ .contact-us-inner .left-block .sec-content ul li{width:100%;} .service-inner-text-block { padding-top: 40px !important; padding-bottom: 40px !important;} .common-fire-extinguishers .sec-content .content-block h2{font-size: 25px; line-height: 20px;} .fire-extinguisher-services .sec-content .inner-block h3{font-size: 14px;} .fire-extinguisher-services .sec-heading h2{font-size: 30px;} } @media(max-width:991px){ .contact-us-inner .left-block{padding-top:0px; padding-right:0px; padding-bottom:40px ;} .common-fire-extinguishers .sec-content .img-block{margin-bottom: 30px !important;} .common-fire-extinguishers.rev-block .vc_row-flex{flex-direction: column-reverse;} .fire-extinguisher-services .sec-content .inner-block{min-height: 0; margin-bottom: 70px !important;} .fire-extinguisher-services .sec-content .vc_col-sm-6:nth-last-child(1) .inner-block{ margin-bottom:0px !important;} .fire-extinguisher-services .sec-content .vc_col-sm-6:nth-last-child(2) .inner-block{ margin-bottom:0px !important;} .common-fire-extinguishers .sec-content .img-block img{width:100%;} .common-fire-extinguishers .sec-content .img-block .vc_figure , .common-fire-extinguishers .sec-content .img-block .vc_figure .vc_single_image-wrapper{width:100%;} .contact-us-inner .right-block{padding: 40px 20px 40px 20px;} } @media(max-width:767px){ .fire-extinguisher-services .sec-content .vc_col-sm-6:nth-last-child(1) .inner-block{ margin-bottom:0px !important;} .fire-extinguisher-services .sec-content .vc_col-sm-6:nth-last-child(2) .inner-block{ margin-bottom:70px !important;} .contact-us-inner .left-block .sec-heading h2{font-size: 30px;} .contact-us-inner .right-block .sec-heading h2{font-size: 25px;} .contact-us-inner .left-block .sec-content ul li .text-block h6{font-size: 16px;} .contact-us-inner .right-block{padding: 30px 20px 30px 20px;} .contact-us-inner{padding-top: 40px !important; padding-bottom: 40px !important;} .contact-us-inner .left-block .sec-heading h2{margin-bottom: 20px;} .common-fire-extinguishers .sec-content .content-block h2{font-size: 22px;padding: 0 0 10px 0; line-height: 20px;} .common-fire-extinguishers .sec-content .content-block ul li{font-size: 13px;padding: 0 0 10px 40px;} .fire-extinguisher-services .sec-heading h2{font-size: 25px; line-height:29px;} .common-fire-extinguishers .sec-content .img-block::before {height: 100px;width: 20px;} .common-fire-extinguishers .sec-content .img-block{padding-right: 25px;} .common-fire-extinguishers.rev-block .img-block{padding-left: 25px;} } @media(max-width:450px){ .common-fire-extinguishers .sec-content .content-block h2{line-height: 25px;font-size: 20px;} .common-fire-extinguishers .sec-content .content-block ul li{font-size: 11px;line-height: 16px;} .contact-us-inner .left-block .sec-heading h2{font-size: 25px; line-height:20px;} .contact-us-inner .left-block .sec-heading h6{font-size: 14px;line-height: 18px; margin-bottom: 10px;} .contact-us-inner .left-block .sec-heading h2{margin-bottom: 10px;} .contact-us-inner .left-block .sec-content ul li .text-block{width: 88%;padding-left: 15px;} .contact-us-inner .left-block .sec-content ul li .icon-block{width:12%;} .contact-us-inner .left-block .sec-content ul li .icon-block img{width:22px;} .contact-us-inner .left-block .sec-content ul li{padding-bottom: 25px;} .contact-us-inner .right-block .sec-heading h2{font-size: 23px;} .contact-us-inner .right-block{padding: 30px 10px 30px 10px;} }