/*==================== GOOGLE FONTS ====================*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); body, html{margin:0;padding:0;} body{font-family:'Rubik', sans-serif;font-size:14px;line-height:26px;color:#010101;font-weight:400;letter-spacing:0;} h1, h2, h3, h4, h5, h6{font-family:'Barlow Condensed', sans-serif;color:#06163a;margin:0 0 15px;} .barlow{font-family:'Barlow Condensed', sans-serif;} a{color:#131313;text-decoration:none;transition:all ease 300ms;-moz-transition:all ease 300ms;-webkit-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;} a:hover, a:focus{text-decoration:none;outline:0;} .ind_btn{position:relative;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;background:transparent;display:inline-block;color:#FFF;height:60px;min-width:200px;padding:25px 25px;text-align:center;line-height:.9;margin-bottom:6px;} .ind_btn:hover{color:#cf0000;} .ind_btn.ib_dark:hover{color:#FFF;} .ind_btn.id_dark2:hover{color:#FFF;} .ind_btn.id_light:hover{color:#06163a;} .ind_btn span{position:relative;z-index:4;} .ind_btn:before{width:100%;height:100%;background:#cf0000;content:'';position:absolute;left:0;top:0;z-index:2;transition:all ease 300ms;-moz-transition:all ease 300ms;-webkit-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;} .ind_btn.ib_dark:before{background:#06163a;} .ind_btn:hover:before{left:6px;top:6px;} .ind_btn:after{width:100%;height:100%;background:#FFF;content:'';position:absolute;left:6px;top:6px;z-index:1;transition:all ease 300ms;-moz-transition:all ease 300ms;-webkit-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;} .ind_btn.ib_dark:after{background:#ffe6db;} .ind_btn.id_gray:after{background:#edf3ff;} .ind_btn.id_dark2:after{background:#162c5f;} .ind_btn.id_light:after{background:#ffe0d2;} .ind_btn:hover:after{left:0;top:0;z-index:3;} .ind_btn.ib_dark:hover:after{background:#cf0000;} .ind_btn_2{height:60px;background:#cf0000;min-width:170px;display:inline-block;font-size:14px;letter-spacing:0;font-weight:500;text-transform:uppercase;color:#fff;text-align:center;line-height:60px;position:relative;} .ind_btn_2 span{position:relative;z-index:2;} .ind_btn_2:after{content:'';width:1px;height:1px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity:0;visibility:hidden;background:#06163a;transition:all ease 300ms;-moz-transition:all ease 300ms;-webkit-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;} .ind_btn_2:hover{color:#FFF;} .ind_btn_2:hover:after{opacity:1;visibility:visible;width:100%;height:100%;} input:focus, textarea:focus, select:focus, button:focus{outline:0;box-shadow:none;} .fa{line-height:inherit;} .commonSection{padding:60px 0;position:relative;background:#FFF;} .commonSection.bgtp, .bgtp{background:transparent;} .graySection{background:#f5f5f5;} .graySection2{background:#f8f7ff;} .noPadding{padding:0;} .noPaddingRight{padding-right:0;} .noPaddingLeft{padding-left:0;} .noPaddingBottom{padding-bottom:0;} .mrm15{margin-right:-15px;} .sub_title{font-family:'Rubik', sans-serif;font-size:16px;color:#c3c8d4;letter-spacing:0;text-transform:uppercase;font-weight:500;margin:0 0 20px;line-height:.8;} .sub_title.gray_sub_title{color:#959ba9;} .sub_title.dark_sub_title{color:#cf0000;} .sub_title.light_sub_title{color:#FFF;} .sec_title{font-size:80px;line-height:90px;letter-spacing:-2.4px;position:relative;} .sec_title.dark_sec_title{color:#FFF;} .sec_title.light_sec_title{color:#FFF;} .sec_title span{position:relative;} .sec_title span i{font-size:120px;line-height:90px;color:#e9edf6;letter-spacing:-3.6px;position:absolute;bottom:-2px;left:-70px;z-index:1;} .sec_title span span{z-index:2;position:relative;} .sec_title.with_bar{padding-bottom:29px;} .sec_title.with_bar:after{width:60px;height:2px;background:#cf0000;content:'';position:absolute;left:0;right:0;bottom:0;margin:0 auto;} .sec_title.dark_sec_title.with_bar:after{background:#203259;} .sec_title.light_sec_title.with_bar:after{background:rgba(255, 255, 255, .3);} .text-left .sec_title.with_bar:after{right:auto;left:0;margin:0;} .ind_lead{font-size:18px;line-height:30px;color:#cf0000;margin:0;} .bgDiv{background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;height:100%;} .imgDiv{position:relative;overflow:hidden;} .imgDiv img{width:100%;height:auto;} .imgDiv2{position:relative;overflow:hidden;} .imgDiv2 img{width:auto;height:auto;} .page_banner{position:relative;background:url(../images/bg/valve-banner.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner .container{position:relative;z-index:2;} .page_banner h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .breadcrumbs{position:relative;font-size:14px;letter-spacing:0;font-weight:500;text-transform:uppercase;color:#fff;line-height:.8;} .breadcrumbs a{color:inherit;} .breadcrumbs a:hover{color:#cf0000;} .breadcrumbs span{color:#FFF;} .breadcrumbs i{font-style:normal;margin:0 8px 0 7px;} .page_banner1{position:relative;background:url(../images/pipe-banner.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner1:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner1 .container{position:relative;z-index:2;} .page_banner1 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .page_banner2{position:relative;background:url(../images/bg/gasket.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner2:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner2 .container{position:relative;z-index:2;} .page_banner2 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .page_banner3{position:relative;background:url(../images/bg/valves.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner3:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner3 .container{position:relative;z-index:2;} .page_banner3 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .page_banner4{position:relative;background:url(../images/flange-banner.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner4:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner4 .container{position:relative;z-index:2;} .page_banner4 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .page_banner5{position:relative;background:url(../images/contact-banner.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner5:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner5 .container{position:relative;z-index:2;} .page_banner5 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} .page_banner6{position:relative;background:url(../images/fastener-bannner.jpg) no-repeat center center/cover;padding:110px 0 120px;} .page_banner6:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';} .page_banner6 .container{position:relative;z-index:2;} .page_banner6 h1{font-size:60px;line-height:.8;text-transform:capitalize;letter-spacing:-3px;margin:0 0 47px;color:#FFF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:100;src:local('Barlow Condensed Thin Italic'), local('BarlowCondensed-ThinItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru2H-nKw7aw.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:100;src:local('Barlow Condensed Thin Italic'), local('BarlowCondensed-ThinItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru2H_nKw7aw.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:100;src:local('Barlow Condensed Thin Italic'), local('BarlowCondensed-ThinItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru2HxnKw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:200;src:local('Barlow Condensed ExtraLight Italic'), local('BarlowCondensed-ExtraLightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3DmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:200;src:local('Barlow Condensed ExtraLight Italic'), local('BarlowCondensed-ExtraLightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3DmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:200;src:local('Barlow Condensed ExtraLight Italic'), local('BarlowCondensed-ExtraLightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3Dmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:300;src:local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3PmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:300;src:local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3PmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:300;src:local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3Pmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:400;src:local('Barlow Condensed Italic'), local('BarlowCondensed-Italic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTj11HzhKg.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:400;src:local('Barlow Condensed Italic'), local('BarlowCondensed-Italic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTj1lHzhKg.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:400;src:local('Barlow Condensed Italic'), local('BarlowCondensed-Italic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTj2FHz.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:500;src:local('Barlow Condensed Medium Italic'), local('BarlowCondensed-MediumItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3LmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:500;src:local('Barlow Condensed Medium Italic'), local('BarlowCondensed-MediumItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3LmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:500;src:local('Barlow Condensed Medium Italic'), local('BarlowCondensed-MediumItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3Lmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:600;src:local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3XmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:600;src:local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3XmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:600;src:local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3Xmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;src:local('Barlow Condensed Bold Italic'), local('BarlowCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3TmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;src:local('Barlow Condensed Bold Italic'), local('BarlowCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3TmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;src:local('Barlow Condensed Bold Italic'), local('BarlowCondensed-BoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3Tmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:800;src:local('Barlow Condensed ExtraBold Italic'), local('BarlowCondensed-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:800;src:local('Barlow Condensed ExtraBold Italic'), local('BarlowCondensed-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:800;src:local('Barlow Condensed ExtraBold Italic'), local('BarlowCondensed-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:900;src:local('Barlow Condensed Black Italic'), local('BarlowCondensed-BlackItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bmtIkGUrs.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:900;src:local('Barlow Condensed Black Italic'), local('BarlowCondensed-BlackItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bmtYkGUrs.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:900;src:local('Barlow Condensed Black Italic'), local('BarlowCondensed-BlackItalic'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bmu4kG.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:100;src:local('Barlow Condensed Thin'), local('BarlowCondensed-Thin'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B43Lj11HzhKg.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:100;src:local('Barlow Condensed Thin'), local('BarlowCondensed-Thin'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B43Lj1lHzhKg.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:100;src:local('Barlow Condensed Thin'), local('BarlowCondensed-Thin'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxxL3I-JCGChYJ8VI-L6OO_au7B43Lj2FHz.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:200;src:local('Barlow Condensed ExtraLight'), local('BarlowCondensed-ExtraLight'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B497yz3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:200;src:local('Barlow Condensed ExtraLight'), local('BarlowCondensed-ExtraLight'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B497yz3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:200;src:local('Barlow Condensed ExtraLight'), local('BarlowCondensed-ExtraLight'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B497yz3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;src:local('Barlow Condensed Light'), local('BarlowCondensed-Light'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rxz3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;src:local('Barlow Condensed Light'), local('BarlowCondensed-Light'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rxz3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:300;src:local('Barlow Condensed Light'), local('BarlowCondensed-Light'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rxz3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;src:local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x7T2kn3.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;src:local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x_T2kn3.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;src:local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;src:local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;src:local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;src:local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;src:local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;src:local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;src:local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;src:local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;src:local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;src:local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;src:local('Barlow Condensed ExtraBold'), local('BarlowCondensed-ExtraBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;src:local('Barlow Condensed ExtraBold'), local('BarlowCondensed-ExtraBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;src:local('Barlow Condensed ExtraBold'), local('BarlowCondensed-ExtraBold'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1z3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;src:local('Barlow Condensed Black'), local('BarlowCondensed-Black'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0z3nWuZEC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;src:local('Barlow Condensed Black'), local('BarlowCondensed-Black'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0z3jWuZEC.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;src:local('Barlow Condensed Black'), local('BarlowCondensed-Black'), url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0z3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:italic;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:italic;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXC61F3f.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:italic;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXC61F3f.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXC61F3f.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXC61F3f.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:italic;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXO61F3f.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:italic;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:italic;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnXC61F3f.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:italic;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWEBXyIfDnIV7nEnX661A.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Rubik';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Rubik';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');unicode-range:U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;} @font-face{font-family:'Rubik';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Rubik';font-style:normal;font-weight:900;src:url(https://fonts.gstatic.com/s/rubik/v10/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /*==================== REUSABLE CSS CLASSES ====================*/ /*.heading { color: #06163a; margin: 0 0 15px; font-size: 28px; font-weight: bolder; font-style:Barlow Condensed; }*/ /*==================== SERVICE CARD ====================*/ .card__container1 { width: 100%; } .card__bx { --bg-clr:#ffff ; --txt-clr: #282828; --btn-txt-clr: #333333; --transition: all 0.5s; margin: 20px; height: 350px; width: 100%; overflow: hidden; border-radius: 20px; border-top-left-radius: 75px; position: relative; overflow: hidden; background: var(--clr); transition: var(--transition); } .card__1 { --clr:#cf0000; } .card__bx .card__data { position: absolute; inset: 6px; border-radius: 16px; background: var(--bg-clr); } .card__bx .card__data .card__icon { position: absolute; top: 0; left: 0; border-bottom-right-radius: 54%; height: 120px; width: 120px; background: var(--clr); } .card__bx .card__data .card__icon::before { content: ''; position: absolute; bottom: -30px; left: 0; height: 30px; width: 30px; border-top-left-radius: 30px; background: transparent; box-shadow: -5px -5px 0 5px var(--clr); } .card__bx .card__data .card__icon::after { content: ''; position: absolute; right: -33px; top: 0; height: 21px; width: 33px; border-top-left-radius: 30px; background: transparent; box-shadow: -5px -5px 0 3px var(--clr); } .card__bx .card__data .card__icon .card__icon-bx { position: absolute; inset: 8px; border-radius: 10px; border-top-left-radius: 50%; border-bottom-right-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 60px; background: var(--bg-clr); color: var(--clr); } .card__bx:hover .card__data .card__icon .card__icon-bx { background: var(--clr); color: var(--txt-clr); transition: var(--transition); } .card__bx .card__data .card__content1 { position: absolute; top: 115px; padding: 18px; text-align: justify; color: var(--txt-clr); } .card__bx .card__data .card__content1 p { font-size: 14px; opacity: 0.75; } .card__content1 h3{ font-size: 24px; opacity: 0.75; text-align: center; font-weight: border; font-family: 'Barlow Condensed', sans-serif ; } /* .card__bx .card__data .card__content1 a { display: inline-flex; align-self: center; padding: 10px 25px; text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 600; border-radius: 30px; border: 2px solid var(--clr); color: var(--btn-txt-clr); background: var(--clr); transition: var(--transition); } */ .card__bx .card__data .card__content a:hover { background: transparent; color: var(--clr); } .speci-list{ padding-left: 22px; text-align: justify-all; } .bold{ font-weight: bolder; } .progress { --circle-size: 8rem; --border-size: 0.75rem; --shadow: 0.25rem 0.25rem .5rem hsl(0 0% 0% / .3); --hue-min: -20; --hue-max: 120; --duration: 1.5s; box-sizing: border-box; width: var(--circle-size); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; border: var(--border-size) solid var(--base-color); box-shadow: var(--shadow), inset var(--shadow); --fill: hsl(calc(var(--hue-min) + (var(--hue-max) - var(--hue-min)) * var(--perc)) 100% 50%); background-image: linear-gradient(#fff0 50%, var(--fill) 0); background-size: 100% 200%; background-repeat: no-repeat; background-position: 0 calc(100% * var(--perc)); background-clip: padding-box; position: relative; isolation: isolate; animation: fill calc(var(--duration) * var(--perc)) ease-out forwards } @keyframes fill { from { background-position: 0 0 } } .progress::after{ content: ""; position: absolute; background-color: var(--base-color); inset: 25%; border-radius: inherit; z-index: -1; box-shadow: var(--shadow) } .Main-progress { padding: 2rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; font-family: system-ui, sans-serif; border: 4px solid #cf0000; } .inner{ text-align: center; padding-top: 10px; font-size: 17px; } .card-wrapper{ display: flex; margin: 40px 0px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); overflow: hidden; position: relative; height: 78px; &:after{ content: ''; position: absolute; width: 20px; height: 100%; top: 0%; } &:nth-child(odd){ border-top-left-radius: 20px; border-bottom-left-radius: 20px; &:after{ right: 0%; box-shadow: inset -10px 0px 10px -5px rgba(0, 0, 0, 0.4); } } &:nth-child(even){ border-top-right-radius: 20px; border-bottom-right-radius: 20px; &:after{ left: 0%; box-shadow: inset 10px 0px 10px -5px rgba(0, 0, 0, 0.4); } > div:nth-child(1){ } > div:nth-child(2){ order: 1; } } > div{ padding: 14px; } &:nth-child(1){ background-image: linear-gradient(90deg, #9274b7, #3b4a8d); } &:nth-child(2){ background-image: linear-gradient(90deg, #d14498, #91287d); } &:nth-child(3){ background-image: linear-gradient(90deg, #f6671f, #c01b1c); } &:nth-child(4){ background-image: linear-gradient(90deg, #fec22f, #ea9826); } &:nth-child(5){ background-image: linear-gradient(90deg, #cfdc45, #89b343); } &:nth-child(6){ background-image: linear-gradient(90deg, #6fc6a9, #058ba9); } > .card-title{ background-color: #ffffff; /* display: flex; */ align-items: center; justify-content: center; min-height: 160px; text-align: center; >h2{ margin: 0px; transform: rotate(-90deg); text-transform: uppercase; transition: all 0.5s ease-in-out; } } > .card-content{ color: #ffffff; align-self: center; } @media (max-width: 767px){ flex-wrap: wrap; flex-direction: column; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 20px; border-top-right-radius: 20px; &:after{ top: calc(100% - 20px); bottom: 0px; width: 100%; height: 20px; box-shadow: inset 0px -10px 10px -5px rgba(0, 0, 0, 0.4) !important; } &:nth-child(even){ > div:nth-child(1){ order: 1; } > div:nth-child(2){ order: 2; } } > .card-title{ min-height: unset; } > .card-title > h2{ transform: rotate(0deg); } } } .card-material { width: 200px; height: 200px; border-radius: 50%; /* Ensures the card is circular */ overflow: hidden; box-shadow: 0 0 10px rgb(207, 0, 0); position: relative; } .card-material img { width: 100%; height: 100%; object-fit: cover; } .card-material .content-material { position: absolute; bottom: 0; width: 100%; text-align: center; background-color:#06163a; color: white; padding: 1px 0; box-sizing: border-box; transition: transform 0.3s ease; } .card-material:hover .content-material { transform: translateY(-100%); } .content-material:hover { background-color:#ffffff; } .card-material1 { width: 200px; height: 200px; overflow: hidden; box-shadow: 0 0 10px rgb(207, 0, 0); position: relative; } .card-material1 img { width: 100%; height: 100%; object-fit: cover; } .card-material1 .content-material { position: absolute; bottom: 0; width: 100%; text-align: center; background-color:#06163a; color: white; padding: 1px 0; box-sizing: border-box; transition: transform 0.3s ease; } .card-material1:hover .content-material { transform: translateY(-100%); } .content-material1:hover { background-color:#ffffff; } .olcards, .olcards * { margin: 0; padding: 0; box-sizing: border-box; } .olcards { list-style: none; counter-reset: cardCount; font-family: sans-serif; display: flex; flex-direction: column; --cardsGap: 1rem; gap: var(--cardsGap); padding-bottom: var(--cardsGap); } .olcards li { counter-increment: cardCount; display: flex; color: white; --labelOffset: 1rem; --arrowClipSize: 1.5rem; margin-top: var(--labelOffset); } .olcards li::before { content: counter(cardCount, decimal-leading-zero); background: white; color: var(--cardColor); font-size: 2em; font-weight: 700; transform: translateY(calc(-1 * var(--labelOffset))); margin-right: calc(-1 * var(--labelOffset)); z-index: 1; display: flex; justify-content: center; align-items: center; padding-inline: 0.5em; } .olcards li .content { background-color: var(--cardColor); --inlinePadding: 1em; --boxPadding: 0.5em; display: grid; padding: var(--boxPadding) calc(var(--inlinePadding) + var(--arrowClipSize)) var(--boxPadding) calc(var(--inlinePadding) + var(--labelOffset)); grid-template-areas: "icon title" "icon text"; gap: 0.25em 1em; clip-path: polygon( 0 0, calc(100% - var(--arrowClipSize)) 0, 100% 50%, calc(100% - var(--arrowClipSize)) 100%, calc(100% - var(--arrowClipSize)) calc(100% + var(--cardsGap)), 0 calc(100% + var(--cardsGap)) ); position: relative; width: 495px; } .olcards li .content::before { content: ""; position: absolute; width: var(--labelOffset); height: var(--labelOffset); background: var(--cardColor); left: 0; bottom: 0; clip-path: polygon(0 0, 100% 0, 0 100%); filter: brightness(0.75); } .olcards li .content::after { content: ""; position: absolute; height: var(--cardsGap); width: var(--cardsGap); background: linear-gradient(to right, rgba(0, 0, 0, 0.25), transparent 50%); left: 0; top: 100%; } .olcards li .icon { grid-area: icon; align-self: center; font-size: 2em; } .olcards li .content .title { grid-area: title; font-size: 1.25em; /* font-weight: 700; */ } .olcards li .content .text { grid-area: text; } .serviceBox{ color: #cf0000; font-family: 'Nunito', sans-serif; text-align: center; position: relative; z-index: 1; } .serviceBox .title{ background: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 8px 10px; margin: 0 0 30px; border: 3px solid #cf0000; display: inline-block; } .serviceBox .service-content{ color:#fff; background: #cf0000; padding: 10px; margin: 0 0 40px; border: 10px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); } .serviceBox .description{ font-size: 15px; line-height: 0px; margin: 0; } .serviceBox .service-icon{ background: #010101; font-size: 40px; line-height: 100px; width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; position: relative; z-index: 1; transition: all 0.3s ease 0s; } .serviceBox .service-icon:before, .serviceBox .service-icon:after{ content: ""; background: #fff; width: 80px; height: 80px; border-radius: 50%; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); position: absolute; top: 10px; left: 10px; z-index: -1; } .serviceBox.purple{ color: #333; } .serviceBox.purple .title{ border-color: #333; } .serviceBox.purple .service-content, .serviceBox.purple .service-icon, .serviceBox.purple .service-icon:after{ } @media only screen and (max-width: 990px){ .serviceBox{ margin: 0 0 40px; } } .demo{ background-color: #E4E4E6; } .main-timeline{ font-family: 'Poppins', sans-serif; position: relative; } .main-timeline:after{ content: ''; display: block; clear: both; } .main-timeline .timeline{ width: 50%; margin: 0 30px 20px 0; float: left; } .main-timeline .timeline-content{ color: #333; padding: 15px; border: 3px solid #952F78; display: block; position: relative; z-index: 1; } .main-timeline .timeline-content:before, .main-timeline .timeline-content:after{ content: ''; background: #fff; box-shadow: 0 0 10px -1px rgba(0,0,0,0.3); position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1; } .main-timeline .timeline-content:after{ background-color: #952F78; height: 3px; width: 100px; box-shadow: none; transform: translateY(-50%); left: 100%; right: auto; top: 50%; bottom: auto; z-index: 1; } .main-timeline .timeline-content:hover{ text-decoration: none; } .main-timeline .timeline-icon{ color: #fff; background: linear-gradient(to bottom,#fdfcf8,#b2b3b4); font-size: 32px; text-align: center; line-height: 76px; height: 75px; width: 75px; box-shadow: 0 0 7px rgba(0,0,0,0.2); transform: translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: -200px; } .main-timeline .timeline-icon:before{ content: ""; background: linear-gradient(to top,#952F78,#C22656); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); transform: translateX(-50%)translateY(-50%); position: absolute; width: 75%; height: 75%; top: 50%; left: 50%; } .main-timeline .timeline-icon i{ transform: rotate(-45deg); } .main-timeline .title{ color: #952F78; font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 7px 0; } .main-timeline .description{ font-size: 14px; letter-spacing: 1px; text-align: justify; margin: 0; } .main-timeline .timeline:nth-child(even){ float: right; margin: 0 0 20px 30px; } .main-timeline .timeline:nth-child(even) .timeline-content:after{ left: auto; right: 100%; } .main-timeline .timeline:nth-child(even) .timeline-icon{ right: auto; left: -200px; } .main-timeline .timeline:nth-child(4n+2) .timeline-content{ border-color: #CC2310; } .main-timeline .timeline:nth-child(4n+2) .timeline-content:after{ background-color: #CC2310; } .main-timeline .timeline:nth-child(4n+2) .timeline-icon:before{ background: linear-gradient(to top,#920414,#CC2310); } .main-timeline .timeline:nth-child(4n+2) .title{ color: #CC2310; } .main-timeline .timeline:nth-child(4n+3) .timeline-content{ border-color: #37792F; } .main-timeline .timeline:nth-child(4n+3) .timeline-content:after{ background-color: #37792F; } .main-timeline .timeline:nth-child(4n+3) .timeline-icon:before{ background: linear-gradient(to top,#37792F,#6AA72E); } .main-timeline .timeline:nth-child(4n+3) .title{ color: #37792F; } .main-timeline .timeline:nth-child(4n+4) .timeline-content{ border-color: #08abcc; } .main-timeline .timeline:nth-child(4n+4) .timeline-content:after{ background-color: #08abcc; } .main-timeline .timeline:nth-child(4n+4) .timeline-icon:before{ background: linear-gradient(to top,#04779e,#08abcc); } .main-timeline .timeline:nth-child(4n+4) .title{ color: #08abcc; } @media screen and (max-width:767px){ .main-timeline .timeline{ width: 100%; padding: 0 170px 0 0; } .main-timeline .timeline:nth-child(even){ padding: 0 0 0 170px; } .main-timeline .timeline-content:after{ width: 50px; } .main-timeline .timeline-icon{ right: -150px; } .main-timeline .timeline:nth-child(even) .timeline-icon{ left: -150px; } } @media screen and (max-width:576px){ .main-timeline .timeline, .main-timeline .timeline:nth-child(even){ padding: 35px 0 0 0; margin: 0 0 10px; } .main-timeline .timeline-content{ padding-top: 45px; } .main-timeline .timeline-content:after{ display: none; } .main-timeline .timeline .timeline-icon{ font-size: 25px; line-height: 50px; height: 50px; width: 50px; right: 7px; top: -27px; transform: translateY(0) rotate(45deg); } .main-timeline .timeline:nth-child(even) .timeline-icon{ left: 7px; } .main-timeline .timeline .timeline-icon:before{ height: 83%; width: 83%; } .main-timeline .title{ font-size: 18px; } } .our-team{ border-left: 8px solid #cf0000; border-bottom: 8px solid #cf0000; } .our-team .team-image{ position: relative; text-align: center; } .our-team img{ width: 100%; height: auto; } .our-team .description{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; line-height: 30px; padding: 15px; opacity: 0; background-color: #06163a; transition: all 0.5s ease 0s; } .our-team:hover .description{ opacity: 1; } .our-team .social{ padding: 10px 0 0 0; margin: 0; list-style: none; position: absolute; top: 40px; left: -27px; background: #06163a; text-align: center; transform: translate(25px, 0px) rotateY(90deg); transition: all 0.5s ease 0s; } .our-team:hover .social{ transform: translate(0px, 0px) rotateY(0deg); } .our-team .social li{ display: block; margin-bottom: 10px; } .our-team .social li a{ display: block; width: 40px; height: 35px; font-size: 17px; color: #fff; line-height: 30px; transition: all 0.5s ease 0s; } .our-team .social li a:hover{ background: #bc3fbf; } .our-team .team-info{ padding: 20px; } .our-team .title{ font-size: 18px; color: #3b336a; letter-spacing: 4px; margin: 0 0 15px 0; transition: all 0.5s ease 0s; } .our-team .post{ display: block; font-size: 16px; color: #3b336a; text-transform: capitalize; } .our-team .title:hover, .our-team .post:hover{ color: #bc3fbf; } @media only screen and (max-width: 990px){ .our-team{ margin-bottom: 30px; } } @media only screen and (max-width: 767px){ .our-team .social{ left: -20px; } } @media only screen and (max-width: 480px){ .our-team .social{ left: -20px; } } .wrap-blog{ background: #e6e6e5; padding: 15px 0 15px 30px; border: 1px solid #e4e4e3; } .serviceBox1{ color: #333; text-align: left; padding: 0 40px 10px 10px; position: relative; z-index: 1; } .serviceBox1:before{ content: ''; background: linear-gradient(to bottom,#cf0000,#cf0000,transparent); height: calc(100% - 50px); width: 25px; position: absolute; right: 0; bottom: 0; z-index: -1; } .serviceBox1 .service-icon1{ color: #cf0000; background-color: #fff; font-size: 45px; text-align: center; line-height: 85px; height: 105px; width: 105px; border: 4px solid #cf0000; box-shadow:0 0 5px rgba(0,0,0,0.5) inset, 0 0 10px rgba(0,0,0,0.4); border-radius: 50%; display: inline-block; } .serviceBox1:hover .service-icon1 i{ transform: rotate(360deg); transition: all 0.3s; } .serviceBox1 .service-icon1 i{ line-height:inherit; } .serviceBox1 .title{ color: #cf0000; font-size: 19px; font-weight: 600; text-transform: uppercase; text-align: left; margin: 0 0 10px; } .serviceBox1 .description{ font-size: 14px; line-height: 24px; letter-spacing: 0.5px; text-align: justify; margin: 0 0 10px; } .serviceBox1.red:before{ background: linear-gradient(to bottom,#ee5253,#ee5253,transparent); } .serviceBox1.red .service-icon1{ color: #ee5253; border-color: #ee5253; } .serviceBox1.red .title{ color: #ee5253; } .serviceBox1.blue:before{ background: linear-gradient(to bottom,#2e86de,#2e86de,transparent); } .serviceBox1.blue .service-icon1{ color: #2e86de; border-color: #2e86de; } .serviceBox1.blue .title{ color: #2e86de; } .serviceBox1.purple:before{ background: linear-gradient(to bottom,#06163a,#06163a,transparent); } .serviceBox1.purple .service-icon1{ color: #06163a; border-color: #06163a; } .serviceBox1.purple .title{ color: #06163a; } @media only screen and (max-width:990px){ .serviceBox1{ margin: 0 0 30px; } } .our-team1{ text-align: center; transition: all 0.5s ease 0s; } .our-team1:hover{ box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .our-team1 .pic{ overflow: hidden; position: relative; } .our-team1 .pic:before, .our-team1 .pic:after{ content: ""; width: 200%; height: 88%; background:rgba(207,0,0,0.3); position: absolute; top: -100%; left: -12%; transform: rotate(45deg); transition: all 0.5s ease 0s; } .our-team1 .pic:after{ background:rgba(1,1,1,0.3); top: auto; left: auto; bottom: -100%; right: -12%; } .our-team1:hover .pic:before{ top: 0; } .our-team1:hover .pic:after{ bottom: 0; } .our-team1 .pic img{ width: 100%; height: 200px; } .our-team1 .social{ width: 100%; padding: 0; margin: 0; list-style: none; position: absolute; bottom: 22%; left: 0; opacity: 0; z-index: 2; transition: all 0.5s ease 0.3s; } .our-team1:hover .social{ opacity: 1; } .our-team1 .social li{ display: inline-block; font-size: 18px;} .our-team1 .social li a{ display: block; width: 40px; height: 40px; line-height: 40px; font-size: 20px; color: #fff; margin-right: 10px; position: relative; transition: all 0.3s ease 0s; } .our-team1 .social li a:after{ content: ""; width: 100%; height: 100%; background: #db162f; border-radius: 0 20px 20px 20px; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s; } .our-team1 .social li a:hover:after{ transform: rotate(180deg); } .our-team1 .team-content1{ padding: 5px; } .our-team1 .title{ font-size: 22px; font-weight: 700; letter-spacing: 2px; color: #047168; text-transform: uppercase; margin-bottom: 7px; } .our-team1 .post{ display: block; font-size: 17px; font-weight: 600; color: #707070; text-transform: capitalize; } @media only screen and (max-width: 990px){ .our-team1{ margin-bottom: 30px; } } .box-desnsity { background-color: #252527; border: 3px solid #cf0000; border-radius: 5px; padding: 20px; transition: transform 0.3s, box-shadow 0.3s; text-align: center; } .box-desnsity:hover { transform: translateY(-10px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } .box-heading-desnsity { margin-bottom: 15px; } .box-content-desnsity { color: white; } .email-signature{ font-family: 'Dosis', sans-serif; padding: 30px 30px 30px 50%; margin: 8px; border: 10px solid #06163a; position: relative; z-index: 1; } .email-signature:before, .email-signature:after{ content: ""; background: linear-gradient(to right,transparent 40%,rgba(255,255,255,0.9) 55%); position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; z-index: -1; } .email-signature:after{ background: linear-gradient(#fff 50%,#f5f5f5 50%); background-size: 10px 10px; z-index: -2; } .email-signature .signature-icon{ width: 175px; height: 175px; border: 10px solid #fff; position: absolute; top: -8px; left: -8px; z-index: 1; } .email-signature .signature-icon img{ width: 100%; height: auto; } .email-signature .signature-icon:after{ content: ''; height: 80%; width: 80%; border-right: 5px solid #cf0000; border-bottom: 5px solid #cf0000; position: absolute; right: -11px; bottom: -11px; z-index: -1; } .email-signature .social-icon{ padding: 0; margin: 0; list-style: none; transform: translateY(-50%); position: absolute; left: 38%; top: 50%; } .email-signature .social-icon li{ margin: 10px 0; } .email-signature .social-icon li a{ color: #fff; background-color: #d63031; font-size: 14px; text-align: center; line-height: 30px; height: 30px; width: 30px; display: block; transition: all 0.3s ease 0s; } .email-signature .social-icon li a:hover{ color: #d63031; background-color: rgba(255,255,255,0.7); box-shadow: 0 0 10px rgba(0,0,0,0.2); } .email-signature .signature-details{ color: #555; margin: 0 0 15px; } .email-signature .title{ font-size: 28px; font-weight: 500; text-transform: capitalize; letter-spacing: 0.5px; margin: 0; } .email-signature .post{ color: #d63031; font-size: 17px; font-weight: 600; letter-spacing: 1px; } .email-signature .signature-content{ padding: 0; margin: 0; list-style: none; } .email-signature .signature-content li{ color: #555; font-size: 15px; margin: 0 0 5px; } .email-signature .signature-content li:last-child{ margin-bottom: 0; } @media screen and (max-width:576px){ .email-signature{ padding: 230px 30px 30px; text-align: center; } .email-signature:before{ background: linear-gradient(to bottom, transparent 40%, rgba(255, 255, 255, 0.9) 55%); } .email-signature .signature-icon{ transform: translateX(-50%); left: 50%; } .email-signature .signature-icon:after{ display: none; } .email-signature .social-icon{ width: 100%; transform: translateX(-50%) translateY(0); top: 185px; left: 50%; } .email-signature .social-icon li{ margin: 0 5px; display: inline-block; } } .spec_sec { width: 100%; padding-top: 20px; } .spec_in { width: 100%; } .spec_box { width: 100%; position: relative; transition: 0.3s ease-in-out; text-align: center; margin-bottom: 25px; position: relative; -webkit-box-shadow: -10px 17px 46px -25px rgba(0, 0, 0, 0.68); -moz-box-shadow: -10px 17px 46px -25px rgba(0, 0, 0, 0.68); box-shadow: -10px 17px 46px -25px rgba(0, 0, 0, 0.68); padding: 15px 5px 15px 0; min-height: 200px; display: flex; justify-content: center; align-items: center; } .spec_box img { max-width: 100%; -webkit-filter: invert(100%); filter: none; padding: 20px; } .spec_box::before { content: ""; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-size: contain; opacity: 0.1; } .spec_in .row .col-12:nth-child(1) .spec_box { background: #b0161a36; color: #000; } .spec_in .row .col-12:nth-child(2) .spec_box { background:#10111163; color: #000; } .spec_in .row .col-12:nth-child(3) .spec_box { background:#10111163; color: #000; } .spec_in .row .col-12:nth-child(4) .spec_box { background: #b0161a4d; color: #000; } .spec_in .row .col-12:nth-child(5) .spec_box { background: #b0161a4d; color: #000; } .spec_in .row .col-12:nth-child(6) .spec_box { background: #10111163; color: #000; } .spec_in .row .col-12:nth-child(7) .spec_box { background: #10111163; color: #000; } .spec_in .row .col-12:nth-child(8) .spec_box { background: #b0161a4d; color: #000; } .spec_box .media-body h5 { font-size: 16px; color: #000; font-weight: bold; text-align: left; } .spec_box .media-body p { font-size: 15px; color: #000; text-align: justify; text-align: left; } .spec_box .media { align-items: center !important; } .spec_box:hover { background: #fff !important; } .wrapper h1{ text-align:center } .masonry { padding: 0; } .item { display: inline-block; width: 100%; padding:10px; background:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; margin-bottom:15px; } .item img { width:100%; } .filter { text-align:left; } .filter a { text-decoration:none; display: inline-block; padding: 12px 20px; border: 2px solid #333; border-radius:5px; position: relative; margin-right: 20px; margin-bottom: 20px; color:black; font-size: 18px; } .filter a.active:before { content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 32px 32px 0 0; border-color: #b0161a transparent transparent transparent; } .is-animated { animation: .6s zoom-in; } @keyframes zoom-in { 0% { transform: scale(.1); } 100% { transform: none; } } @media only screen and (min-width: 400px) { .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 700px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media only screen and (min-width: 900px) { .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media only screen and (min-width: 1100px) { .masonry { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } } @media only screen and (min-width: 1280px) { .wrapper { width: 1260px; } } .heading{ font-size: 36px; line-height: 46px; font-weight: 600; letter-spacing: -1.08px; color: #06163a; margin: 0 0 22px; } } .specifi-head{ font-size: 18px; color: #000; text-align: left; } .progressbar1-title{ font-size: 15px; font-weight: 700; color: #414141; margin-top: 0; text-transform: uppercase; } .progress1{ height: 35px; background: #e8e6e5; margin-bottom: 20px; box-shadow: none; border-radius: 0; overflow: hidden; } .progress1 .progress-bar1{ position: relative; box-shadow: none; animation: animate-positive 2s; } .progress1 .progress-value{ font-size: 15px; font-weight: 700; color: #070707; position: absolute; right: 28px; top: 2px; z-index: 1; } .progress1 .progress-icon{ background: #e8e6e5; border-bottom: 35px solid; border-right: 30px solid transparent; position: absolute; right: 0; top: 0; } @-webkit-keyframes animate-positive { 0% { width: 0%; } } @keyframes animate-positive { 0% { width: 0%; } } .serviceBox{ font-family: 'Poppins', sans-serif; padding: 25px; margin: 5px 0 0 5px; border-radius: 10px; box-shadow: 0 0 15px -5px rgba(0,0,0,0.3); transition: all 0.3s ease 0s; } transition: all 0.3s ease 0s; } .serviceBox .title{ color: #444; font-size: 20px; font-weight: 600; letter-spacing: 0.5px; line-height: 27px; text-transform: capitalize; margin: 0 0 10px; transition: all 0.3s ease 0s; } .serviceBox p{ color: #000; } .serviceBox .description{ color: #635f5f; font-size: 14px; line-height: 27px; margin: 0 0 15px; transition: all 0.3s ease 0s; } .serviceBox .read-more{ color: #FB374D; font-size: 15px; transition: all 0.3s ease 0s; } .flexbox { display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; } .flex { width: 16%; display: flex; flex-direction: column; padding: 3%; justify-content: center; } .flexbottom { border-bottom: 6px solid #b0161a4d; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } .flextop { border-top: 5px solid#b0161a4d; border-top-left-radius: 100px; border-top-right-radius: 100px; position: relative; } .flextop:before {content: '';width: 1px;height: 214px;background: #b0161a;position: absolute;left: 0;/* border-radius: 64px; */} .flextop:after { content: ''; width: 1px; height: 211px; background: #b0161a; position: absolute; right: 0; } .flexbottom { box-shadow: inset 0px -20px 0px #b0161a; } .flex.flextop { box-shadow: inset 0px 20px 0px #b0161a; } .stepNumber { width: 135%; text-align: center; border: 1px solid #06163a; border-radius: 35px; background: #06163a; color: white; font-size: 18px; /*! margin-right: -30px; */ margin-left: -12px; padding: 5px; } .our-team1{ text-align: center; margin-bottom: 50px; position: relative; } .our-team1:after{ content: ""; width: 100%; height: 100%; background: linear-gradient(60deg,#10111163,#b0161a36); position: absolute; top: 0; left: 0; opacity: 0.8; transform: scale(0); transition: all 0.5s ease 0s; } .our-team1:hover:after{ transform: scale(1); } .our-team1 img{ width: 100%; height: auto; } .our-team1 .team-content1{ width: 75%; background: #fff; padding: 30px 0; margin: 0 auto; border: 2px solid #eee; position: absolute; bottom: -121px; left: 0; right: 0; z-index: 1; transition: all 0.3s ease 0s; } .our-team1 .title1{ font-size: 16px; font-weight: 700; color: #444; text-transform: uppercase; margin: 0 0 10px 0; } .our-team1 .post1{ display: block; font-size: 13px; color: #999; text-transform: capitalize; } .our-team1 .social1{ padding: 0; margin: 0; list-style: none; opacity: 0; transform: scale(0); transition: all 0.5s ease 0s; } .our-team1:hover .social1{ opacity: 1; transform: scale(1); } .our-team1 .social1 li{ display: inline-block; transition: all 0.5s ease 0s; } .our-team1:hover .social1 li{ margin: 20px 4px 0; } .our-team1 .social1 li a{ display: block; width: 30px; height: 30px; background: #2e5077; font-size:15px; font-weight: 600; color: #d7e8ba; line-height: 30px; transition: all 0.5s ease 0s; } .our-team1 .social1 li a:hover{ background: #4da1a9; color: #fff; } @media only screen and (max-width:990px){ .our-team1{ margin-bottom: 80px; } } .our-team2 .team2{ position: relative; padding: 10px 0 10px 20px; } .our-team2 .team2:before{ content: ""; width: 40px; height: 100%; position: absolute; top: 0; left: 0; background: #011627; } .our-team2 .pic2{ position: relative; overflow: hidden; } .our-team2 .pic2:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .our-team2:hover .pic2:after{ opacity: 1; } .our-team2 .pic2 img{ width: 100%; height: auto; } .our-team2 .social-links2{ padding: 0; margin: 0; list-style: none; width: 100%; position: absolute; bottom: -40%; left: 0; text-align: center; z-index: 1; transition: all 0.5s ease 0s; } .our-team2:hover .social-links2{ bottom: 20px; } .our-team2 .social-links li{ display: inline-block; margin-right: 5px; } .our-team2 .social-links2 li a{ display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; border: 1px solid #fdfffc; font-size: 18px; color: #fdfffc; transition: all 0.5s ease 0s; } .our-team2 .social-links2 li a:hover{ background: #b0161a36; border: 1px solid #b0161a36; } .our-team2 .team-info2{ padding: 20px; background: #8601010C; color: #011627; text-align: center; position: relative; overflow: hidden; z-index: 1; transition: all 0.5s ease 0s; } .our-team2 .team-info2:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: #10111163; z-index: -1; transition: all 0.5s ease 0s; } .our-team2:hover .team-info2:before{ left: 0; } .our-team2 .title2{ font-size: 20px; font-weight: 800; margin-bottom: 5px; text-transform: uppercase; transition: all 0.5s ease 0s; } .our-team2:hover .title2{ color: #b0161a; } .our-team2 .post{ display: block; font-size: 13px; font-weight: 700; color: #e71d36; text-transform: uppercase; margin-bottom: 12px; } .our-team2:hover .team-info2, .our-team2:hover .post2{ color: #fdfffc; } .our-team2 .description2{ font-size: 14px; line-height: 22px; } @media screen and (max-width: 990px){ .our-team2{ margin-bottom: 20px; } } /* valve Material */ .gradeframe1 { display: flex; justify-content: center; flex-wrap: wrap; background-color: rgba(230, 230, 230, 0.6); padding: 1vw 0; border-radius: 2vw; position: relative; transition: all 0.5s; align-items: flex-start; align-content: flex-start; box-shadow: 1vw 1vw 2vw 0.1vw #666666;} .grade-class { width: 25vw; height: 3vw; transform: skew(-15deg); margin: 2vw 25vw; text-align: center; align-self: flex-start; background-color: #b0161a; } .grade-class:hover { width: 25vw; height: 3vw; transform: skew(-15deg); text-align: center; align-self: flex-start; background-color: #010101; } .gradeframe1 p{ font-size: 22px; color: white; padding: 8px; } .gradeframe1 ul li { font-size: 16px; } li .active1{ border: 1 px solid black; } .email-signature1{ color: #222f42; background: #fff; font-family: 'Muli', sans-serif; padding: 20px 190px 20px 20px; border: 15px solid #222f42; box-shadow: 0 0 0 3px #b0161a inset, 0 0 10px rgba(0, 0, 0, 0.5); position: relative; } .email-signature1:before{ content: ""; background: #b0161a; width: 230px; border: 15px solid #fefdfa; position: absolute; top: -15px; bottom: -15px; right: -16px; clip-path: polygon(0 0, 100% 0, 100% 100%); } .email-signature1 .signature-icon1{ width: 150px; height: 295px; border: 10px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); overflow: hidden; transform: translateY(-50%); position: absolute; top: 54%; right: 20px; width: 155px; } .email-signature1 .signature-icon1 img{ width: 100%; height: auto; } .email-signature1 .signature-details1{ padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.1); } .email-signature1 .title{ font-size: 22px; font-weight: 800; text-transform: capitalize; margin: 0; } .email-signature1 .post{ font-size: 15px; font-weight: 400; text-transform: lowercase; } .email-signature1 .signature-content1{ padding: 0; margin: 0; list-style: none; } .email-signature1 .signature-content1 li{ font-size: 13px; font-weight: 600; margin: 0 0 7px; } .email-signature1 .signature-content1 li:last-child{ margin: 0; } .email-signature1 .signature-content1 li span{ margin-right: 6px; } @media screen and (max-width:576px) { .email-signature1{ padding: 190px 0 20px 0; } .email-signature1:before{ height: 200px; width: auto; right: -15px; left: -15px; top: -15px; bottom: auto; clip-path: polygon(0% 0%, 100% 0%, 100% 95%); } .email-signature1 .signature-icon1{ transform: translateY(0) translateX(-50%); left: 50%; top: 20px; } .email-signature1 .signature-details1, .email-signature1 .signature-content1{ text-align: center; } } @media screen and (min-width: 300px) and (max-width: 1200px) { .signature-icon1{ display: none; } } .ib5_inner .heading { font-size: 24px; color: black; } .topbar_element .heading_navbar{ font-size: 18px; color: #fff; margin: 0 0 17px; font-weight: 500; }