Server IP : 162.214.80.37 / Your IP : 216.73.216.1 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/skyispatudyog/sym/Users/0-imyrqtmy/bestmatakichowki/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@import url('https://fonts.googleapis.com/css?family=Nova+Slim&display=swap'); body, html { font-family: 'Arimo', sans-serif; font-size: 15px; line-height: 24px; color: #727272; font-weight: 400; width: 100% !important; height: 100% !important; scroll-behavior:smooth; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight:500; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Arimo', sans-serif; font-weight:500; text-transform:capitalize; color: #222; } h1 { font-size: 40px; } h2 { font-size: 27px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h1, h2, h3, h4, h5, h6 { line-height: 1.4; margin-top: 0; color: #222; } @media (min-width: 1200px){ .container { max-width: 1170px; } } ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-thumb { background-color: #09F; } ::-webkit-scrollbar-track { background-color: #fff; border-left: 1px solid #fff; } ::-moz-selection { background: #ffa405; color: #000; /* WebKit/Blink Browsers */ } ::selection { background: #ffa405; color: #000; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #ffa405; color: #000; /* Gecko Browsers */ } p { color: #5c5c5c; font-size: 16px; line-height: 21px; font-family: 'Arimo', sans-serif; margin: 0 0 15px; text-transform: none; } a { color: #1f1f1f; text-decoration: none; font-family: 'Arimo', sans-serif; outline: none !important; transition: all .3s ease-in-out; } a:hover{ text-decoration:none; } .font-weight-bold, b, strong { font-weight: 700 !important; } ul, ol { padding: 0; margin:0px; list-style: none; webkit-padding: 0; moz-padding: 0; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /*======================================== header-top-section-------- ==========================*/ .toper { background:#ff0000; background-size:cover; } .social-icons li a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333 !important; text-decoration: none; font-size: 12.8px; font-size: 17px; } .social-icons li a i{ line-height: 28px; } .social-icons li:nth-child(1) a { background-color: #4267B2; } .social-icons li:nth-child(1) a i{ color:#fff; } .social-icons li:nth-child(2) a i{ color:#fff; } .social-icons li:nth-child(3) a i{ color:#fff; } .social-icons li:nth-child(4) a i{ color:#fff; } .social-icons li:nth-child(2) a{ background-color:#1DA1F2; } .social-icons li:nth-child(3) a { background-color:#0A66C2; } .social-icons li:nth-child(4) a { background-color:#3f729b; } .topbar-area { background: #ef3838; } .toolbar-area { padding: 0; } .marquee-section marquee p { margin: 0px 0px 0px 0px; padding: 0px; font-weight: 500; font-size: 13px; font-family: 'Roboto', sans-serif; color: #fff; } .toper a { color: #fff; padding:0px 0px 0px 0; display: inline-block; } .marquee-section { padding:10px 0px 0px 0px; } a.makeAnEnquery { background: linear-gradient(to bottom, #fec329 0%,#fed774 29%,#fed774 100%); padding:6px 15px; color:#BA0902; border-radius:5px; margin:4px 0px; font-weight: 600; margin-left: 15px; } .others-options { border-left:1px solid #ccc; padding:20px 0px 20px 20px; } .others-options .available p{ color: #f39c12; margin-bottom:0px; font-family:'Rubik',sans-serif; font-weight:600; } .others-options .phone-list .available { color: #fbda6c; position: relative; font-weight: 600; font-family:'Rubik',sans-serif; text-align:left; display:inline-block; font-weight: 600; } .headsocial .phone a, .headsocial .email a { color: #222; } .headsocial .email { margin-bottom: 5px; } .social-icons li { display: inline-block; margin: -1px 1px 0 0; padding-right: 5px; border-radius: 100%; overflow: visible; } .others-options .phone-list i { font-size: 32px; top: 7px; color: #f39c12; position: relative; left: -10px; } .toolbar-area .toolbar-contact ul li a { transition: all 0.3s ease 0s; font-size: 13px; color: #ffffff; } .toolbar-area .toolbar-contact ul li { display: inline-block; border-left: 1px solid rgb(253 254 255 / 50%); padding: 2px 10px; color: #fff; } .toolbar-area .toolbar-contact ul li i { font-size: 16px; position: relative; margin-right: 10px; top: 3px; } .toolbar-area .toolbar-contact ul { margin: 0; padding: 0; list-style: none; } .toolbar-area .toolbar-sl-share ul { float: right; } .toolbar-area .toolbar-sl-share ul li { padding: 2px 0; border-left: 1px solid rgb(253 254 255 / 50%); margin: 0; width: 37px; text-align: center; display: inline-block; } .elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .elementor-shape-bottom { bottom: -1px; } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; z-index:222; line-height: 0; direction: ltr; } .elementor-shape-bottom svg { height: 72px; } .elementor-shape-bottom .elementor-shape-fill { fill: #ffffff; } .slider-section{ position:relative; } .toolbar-area .toolbar-sl-share ul li a { color: #ffd233; } a, button { color: inherit; outline: medium none; } .top-links a { background: #e6e6e6; color: #676767; padding: 3px 14px; /* border: 1px solid #9c9c9c; */ border-radius: 7px; } .header-top { position: relative; /*--background:#006bb3;---*/ background: #ef3838; /* fallback for old browsers */ width: 100%; padding:0px 30px; } .logo-section { border-right: 1px solid rgba(0, 0, 0, 0.08); padding: 12px 20px 12px 0px; } .logo-section img { margin: 0px 0px; /* max-width: 360px; */ max-width: 126px; transition: all 0.5s ease; } .black-btn { background-color: #373434!important; color:#fff!important; } .hdrinfo { border-left: 1px solid rgba(0, 0, 0, 0.08); line-height: 20px; padding: 10px 0px 10px 40px; } /*============topbar--section==============*/ .bar{ position:relative; width:25px; margin:7px auto; height:2px; background-color:black; transition:0.4s; } .navbar-toggler:focus{ outline:none; box-shadow:none; border:0px; } .topbr { background: #363532; } .navbar-scroll { position:fixed!important; top:0%!important; right: 0; left: 0; z-index:999; transition:0.10s ease; color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%) } .navbar-scroll .logo-section img { margin: 2px 0px; /* max-width: 258px; */ max-width: 100px; transition: all 0.5s ease; } .navbar-scroll .hdrinfo { padding: 2px 0px 7px 40px; } @keyframes slidedown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slidedown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); } } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; line-height:1.5em; color:white; vertical-align: middle; content: ""; background:#1f343a; border-radius:5px; } .navbar-toggler-icon i{ color:white!important; } .header{ position:relative; right: 0; top:0; z-index:999; left: 0; } @media only screen and (min-width:992px){ .small-display{display:none;} .padding-bg-screen{ padding-top:130px; } } @media only screen and (max-width:992px){ .navigation { background-color: #ffffff!important; } .navbar-brand img { max-width: 106px!important; } .text-box .inner .title { font-size: 26px!important; font-weight: 600; line-height: 29px!important; } .padding-bg-screen{ padding-top:50px; } .nav-item .nav-link { /* background-color: #333; */ color: #5f5f5f!important; border-bottom: 1px solid #dcdcdc; padding: 4px 18px!important; } .outer-ul{ display:block!important; } .header-bottom{ display:none; } .mobile-menu{ position:fixed; top:0; right:0; width:100%; padding-top: 66px; transform:translateX(100%); z-index:-1; height:100vh; background-color:white; overflow:auto; } } .menu-active{ transition: all 0.5s ease; transform:translateX(0%); } .navbar-toggler span { display: block; position: absolute; height: 3px; width: 100%; background-color: #333; opacity: 1; left: 0; top: 0; border-radius: 0; -webkit-transform: rotate( 0deg); transform: rotate( 0deg); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .navbar-toggler { width: 30px; margin:16px 0px; height: 25px; right: 15px; border: none; position: relative; border-radius: 0; -webkit-transform: rotate( 0deg); transform: rotate( 0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .navbar-toggler span:nth-child(2) { top: 10px; } .navbar-toggler span:nth-child(3) { top: 20px; } .navbar-toggler.nav-active span:nth-child(1) { top: 12px; -webkit-transform: rotate( 135deg); transform: rotate( 135deg); } .navbar-toggler.nav-active span:nth-child(2) { opacity: 0; } .navbar-toggler.nav-active span:nth-child(3) { top: 12px; -webkit-transform: rotate( -135deg); transform: rotate( -135deg); } .navbar button:focus{ text-shadow:none; outline:none; border:none; } .small-menu { box-shadow: 0px 1px 1px rgb(0 0 0 / 20%); background-color: #fff; position: relative; border-top: 3px solid #ff0000!important; overflow: hidden; border-radius: 0px; padding: 0px 0px; margin: 0px 0px 0px 0px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; min-width: 16rem; /* padding: 0px; */ border: none; opacity: 0; transform: translatey(30px); visibility: hidden; animation: slidedown 0.4s ease-in-out 1; } @keyframes slidedown{ 0%{ transform:translatey(40px); opacity:0;} 100%{ transform:translatey(0px); opacity:1;} } .small-menu a { display: block; padding: 4px 20px; font-size: 15px; border-bottom: 1px solid #f7f7f7; text-transform: none; font-weight: 500; color: #f00; text-transform: capitalize; display: block; position: relative; transition: 0.5s ease; position: relative; z-index: 2; } .small-menu a:hover { color: #581601; padding-left:20px; } .small-menu a:last-child{ border-bottom:0px; } @media only screen and (min-width:992px){ .dropdown:hover .small-menu{ opacity:1; display:block!important; transform:translatey(0px); visibility:visible; } } @media only screen and (max-width:992px){ .dropdown .small-menu{ opacity:1; transform:translatey(0px); visibility:visible; } } .dropdown:hover .nav-link { color:#f00!important; } .nav-item .nav-link:hover { color: #f00!important; } .bg-lightest { background-color: #fcfcfc; } .navigation { background-color: #fff; width: 100%; position:relative; top: 0px; padding: 0px 0px; left: 0; right: 0; z-index: 3; } .navbar-nav .nav-item{ position:relative; } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #f00; opacity: 1; } .navbar-nav .nav-item .nav-link { color:#444; text-transform:uppercase; border-radius: 5px; font-size: 14px; letter-spacing: -0.2px; /* border-right: 1px solid #f2f2f2; */ font-weight:600; position: relative; line-height: 1.72; text-decoration: none; transition: 0.4s ease; } .navbar-nav .nav-item:last-child .nav-link { border-right:0px solid #d9d9d9; } .navbar-nav .nav-item .nav-link span { font-size: 10px; margin-left: 2px; font-size: 21px; color: #444; height: 10px; position: absolute; top: -11px; bottom: 0; margin: auto; right: -6px; } .navbar-scroll .navbar-nav .nav-item .nav-link { color: #444; } .navbar-nav .nav-item.active .nav-link { color: #fff; font-weight: 700; } .header-social-icon { border-left: 1px solid #fff; } @media only screen and (min-width:1200px){ .navbar-nav .nav-item .nav-link { padding:30px 14px!important; } } .navbar-nav .nav-item.active:after{ background-color: #fff; width: 75%!important; } .navbar-nav .nav-item:hover:after, .nav-item.active:after { width: 75%; } .navbar-nav .nav-item:last-child:after{ display:none; } /*------------slider---section------------*/ /* ---------------------------------- */ .slider-section{ position:relative; } .tp-banner { width:100%; position:relative; padding:0; } .tp-banner-container{ width:100%; overflow:hidden; position:relative; } .tparrows.preview1::after { font-size: 18px; width: 70px; height: 70px; line-height: 70px; background: rgba(0,0,0,.6); } .videoCoverImage{ background: linear-gradient(to bottom, #fec329 0%,#fed774 29%,#fed774 100%); padding:5px; border-radius:4px; margin:10px 0px; border: 2px solid rgba(120, 20, 20, 0.69); } .videoCoverImage iframe{ border-radius:20px; } .tp-leftarrow.preview1:after { content:'\f053'; } .homepage-slider-caption { z-index: 10; color: #fff; text-align:left; background:rgba(0,0,0,0.4); color: #fff; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-top: 5px solid #ff0000; padding: 30px 40px; } .homepage-slider-caption p { font-size: 34px; font-weight: 700; color: #fff; margin-bottom: 15px; line-height: 1.2; } .subtitle-slider { display: block; } .subtitle-slider h2 { color: #fff; font-size: 24px; line-height: 1.2; text-align:center; font-weight: 500; padding-left: 0px; margin-bottom: 10px; } .subtitle-slider p { color: #fff; font-size:17px; line-height:23px; font-weight: 400; text-align:left; margin-bottom: 10px; } /*-----video--section----*/ .video-section{ background:url('../img/jai-mata-di.webp'); background-size:cover; background-attachment:fixed; background-position:center center; padding:50px 0px; } /*--about--us----*/ .cta { background: #f3f1f0; padding: 30px 0px 26px 0px; border-bottom: 1px solid #f2f2f2; box-shadow: inset 0px 5px 11px rgb(0 0 0 / 20%); color: #574741; } .cta h3 span { color: #fe0000; } .cta h3 { font-size: 23px; font-weight:500; } .cta .cta-btn { font-family: "Poppins", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 10px 25px; border-radius: 2px; transition: 0.4s; margin: 10px; border-radius: 4px; border: 2px solid #f03c02; color: #f03c02; background: #fff; } .cta .cta-btn:hover { background: #f03c02; color: #fff; } #additional{ padding:30px 0; box-shadow: inset 0px 5px 11px rgb(0 0 0 / 20%); border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; background: #f7f7f7; overflow: hidden; position: relative; width: 100%; } .section-title h2 { font-size: 28px; color: #ff0000; } .section-title h2 { text-transform: uppercase; text-align: center; font-size: 35px; font-weight: normal; margin: 0 0 12px; padding: 14px 0; } .section-title h3 { font-size: 23px; color: #ff0000; /* color: seagreen; */ } .section-title h3 { text-transform: uppercase; text-align: center; font-weight: 600; margin: 0 0 12px; padding: 14px 25px; } .Devotion p { font-size: 15px; text-align: justify; } /*--about--us----*/ /*-------service--section----------*/ .section-title h2 { font-size: 28px; color: #ff0000; } .section-title h2 { text-transform: uppercase; text-align: center; font-size: 35px; font-weight: normal; margin: 0 0 12px; padding: 14px 0; } .service-card:hover .portfolio-info { opacity: 1; bottom: 20px; } .service-card{ position:relative; width:100%; overflow:hidden; } .portfolio-info { opacity: 0; position: absolute; left: 10px; right:10px; bottom: 0; border-radius:3px; z-index: 3; transition: all ease-in-out 0.3s; background: rgba(255, 255, 255, 0.9); padding: 15px; } .preview-link:hover,.details-link:hover { color: #f03c02; } .portfolio-info h4 { font-size: 18px; color: #fff; margin-bottom:0px; font-weight: 600; color: #2b2320; } .portfolio-info p { color: #65534c; font-size: 14px; margin-bottom: 0; } .portfolio-info .preview-link, .portfolio-info .details-link { position: absolute; right: 40px; font-size: 17px; top: calc(50% - 9px); color: #483b36; } .portfolio-info .details-link { right: 10px; } .page-section { padding: 10px 0; display: block; overflow: hidden; position: relative; width: 100%; } .servicesimg img { border-radius: 10px; } .text-center { text-align: center; } .servicestitle h3 { font-size: 19px; color: #ff0000; padding-top: 10px; } /*------client--video----*/ /*-----------work------*/ /*------form--area---*/ /*--------counter-section----*/ /*-----footer---section----*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .footer-bottom{ position:relative; padding-top:30px; border-top: black 1px solid; } .toll-no { position: absolute; left:50%; top:-20px; transform:translateX(-50%); } .toll-no a img { max-width:400px; border-radius: 20px; overflow: hidden; } #footer-widgets { /* background: #14100f; */ /* background: #607d8b; */ background: #3e2723; ; color: #ddd; position:relative; box-shadow: 0 1px 1px 0 rgb(44 49 59 / 15%); } .footer-top{ /* background-color:#000; */ /* background-color:#607D8B; */ background-color:#3e2723; padding:50px 0 50px; position:relative; } #footer-widgets .social-links a { font-size: 18px; display: inline-block; background: #eb0000; color: #fff; line-height: 1; padding: 8px 0; margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; } #footer-widgets .widget-title { position: relative; color: #f1f1f1; font-weight: normal; margin-bottom: 30px!important; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #3a3a3a; font-weight: 400; } #footer-widgets p { color: #ddd; } ul.widget-info { margin-top: 10px; } #footer-widgets ul li { list-style: none; } ul.widget-info li { line-height: 2; } ul.widget-info i { margin-right: 10px; } .widget-title::before { bottom: -3px; content: ""; display: inline-block; height: 5px; left: 20px; position: absolute; width: 35px; } .widget-title::before, .widget-title::after { background-color: #eb0000; } .widget-title::after { bottom: -1px; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 80px; } .widget ul { margin: 0; padding: 0; list-style: none; } #footer-widgets ul li { list-style: none; } .widget_nav_menu ul li { padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #222; } .widget_pages ul li a, .widget_nav_menu ul li a { color: #ddd; } #scrollUp { background:#404040 none repeat scroll 0 0; height: 45px; opacity:0.8; width: 45px; left: 50px; bottom:0px; display: inline-block; color: #ffffff; border: 2px soild #fff; text-align: center; border-radius: 6px 6px 0px 0px; line-height: 45px; transition: .3s; } #scrollUp i{ line-height: 45px; } .whatsapp_icon { width: 55px; height: 55px; position: fixed; bottom: 50px; left: 20px; z-index: 100; animation: wiggle .3s infinite alternate; } .phone1_icon { width: 50px; left:20px; height: 50px; position: fixed; bottom: 130px; z-index: 100; animation: wiggles .3s infinite alternate; } @media only screen and (min-width:992px){ .phone1_icon { left:20px; } } @keyframes wiggles{ 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @keyframes wiggle{ 0% { transform: scale(1.2); } 100% { transform: scale(1); } } /*======================slick-arrow-style===============*/ .prev.slick-arrow { position: absolute; z-index: 2; left:20px; } .next.slick-arrow { position: absolute; z-index: 2; right: 20px; } .slick-arrow { width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #ff3d55; line-height: 40px!important; color: #fff; border-radius: 26px; font-size: 19px; text-align: center; cursor: pointer; } .slick-arrow:hover{ background-color:#fff; color:#333; } .service-slider .slick-slide{ margin:0px 0px; } .slick-dots li.slick-active button:before { font-family: 'slick'; font-size: 50px; line-height: 20px; position: absolute; top: 0; left: 0; transform: scale(1); transition: all 0.5s ease; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1.25!important; color: #dc3545!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li button:before { font-family: 'slick'; font-size: 47px!important; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity:1!important; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots { position: absolute; bottom: 10px!important; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .client-slider .slick-dots { position: absolute; bottom: -10px!important; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .wow-outer { position: relative; overflow: hidden; } .brand-slider .item-type-zoom { border: 4px solid #0f2e8f; position: relative; } .brand-slider .slick-slide{ margin:0px 10px; } /*----new--design--whatsapp-icon---*/ .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .floating-wpp .floating-wpp-button { position: relative; border-radius: 50%; transition: box-shadow .2s; cursor: pointer; background-color:transparent!important; overflow: hidden; } .floating-wpp { position: fixed; bottom: 15px; left: 15px; z-index: 1130; font-size: 14px; transition: bottom .2s; } .floating-wpp .floating-wpp-popup.active { padding: 0 12px 12px; width: 260px; height: auto; bottom:105px; opacity: 1; } .floating-wpp .floating-wpp-popup{ border-radius: 6px; background-color: #E5DDD5; position: absolute; overflow: hidden; padding: 0; box-shadow: 1px 2px 8px rgb(60 60 60 / 25%); width: 0; height: 0; bottom: 0; opacity: 0; transition: bottom .1s ease-out,opacity .2s ease-out; transform-origin: bottom; } .floating-wpp .floating-wpp-button img, .floating-wpp .floating-wpp-button svg { position: absolute; width: 100%; height: auto; object-fit: cover; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); } .floating-wpp .floating-wpp-popup .floating-wpp-head { text-align: right; color: #fff; margin: 0 -15px 10px; padding: 6px 12px; display: flex; justify-content: space-between; cursor: pointer; } .floating-wpp .floating-wpp-popup.active .floating-wpp-message { opacity: 1; transition-delay: .2s; } .floating-wpp .floating-wpp-popup .floating-wpp-message { background-color: #fff; padding: 8px; border-radius: 0 5px 5px; box-shadow: 1px 1px 1px rgb(0 0 0 / 15%); opacity: 0; transition: opacity .2s; }.floating-wpp .floating-wpp-input-message { background-color: #fff; margin: 10px -15px -15px; padding: 0 15px; display: flex; align-items: center; }.floating-wpp .floating-wpp-input-message textarea { border: 1px solid #ccc; border-radius: 4px; box-shadow: none; padding: 8px; margin: 10px 0; width: 100%; max-width: 100%; font-family: inherit; font-size: inherit; resize: none; }.floating-wpp .floating-wpp-btn-send { margin-left: 12px; font-size: 0; cursor: pointer; } svg:not(:root) { overflow: hidden; } .floating-wpp .floating-wpp-btn-send { margin-left: 12px; font-size: 0; cursor: pointer; } /*----mew----style----*/ /*-------page--style-----*/ .page-padding{ position:relative; } .uni-banner { position: relative; font-weight: 400; background-position:center center!important; background-size: cover!important; margin:0px auto; font-style: normal; overflow: hidden; z-index:2; } .uni-banner:before{ position:absolute; top:0; left:0; width:100%; height:100%; content:""; z-index:-1; background-color:rgba(0,0,0,0.5); } .uni-banner-text-area h1 { font-size: 40px; line-height: 49px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } .uni-banner-text-area span { font-size: 21px; color: #fff; font-weight: 400; line-height: 48px; } .uni-banner-text-area ul > li > a i { color: #d32525; margin-right: 8px; } .uni-banner-text-area ul { margin: 0; padding: 0; list-style: none; } .uni-banner-text-area { position: relative; padding-top:30px; text-align:center; padding-bottom:30px; } .uni-banner-text-area ul li a{ color: #fff; font-size: 12px; } .uni-banner-text-area ul li:after { content: '>'; font-size: 14px; position: absolute; right: -16px; top: 50%; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .uni-banner-text-area ul li:last-child:after { opacity:0; } .uni-banner-text-area ul li { display: inline-block; margin: 0 10px; position: relative; color: #fff; font-size: 12px; font-family: Open Sans,Arial; } .uni-banner-text-area ul li:first-child{ margin-left:0px!important; } .iconbox-inline { padding-left: 110px; position: relative; } .iconbox-inline .icon, .iconbox-inline .fa, .iconbox-inline .lnr { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font-size: 32px; color: #d32525; display: block; width: 83px; height: 83px; line-height: 76px; border: 2px solid #d32525; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; position: absolute; top: 0; left: 0; } .iconbox-inline h4 { margin-top: 25px; margin-bottom: 10px; } .title-block h3 { font-weight: bold; } .title-block .bottom-title { clear: both; display: block; width: 70px; height: 4px; background: #d32525; } .form-contact-warp input.form-control { height: 44px; width: 100%; line-height: 44px; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #dedede; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: none!important; box-shadow: none!important; background: transparent; margin-bottom: 30px; } .form-contact-warp button { display: block; width: 200px; -webkit-transition: all all 0.3s ease-in-out; transition: all all 0.3s ease-in-out; -webkit-border-radius: 0; border-radius: 0; padding-left: 25px; padding-right: 25px; height: 44px; line-height: 44px; cursor:pointer; color: #fff; border: 0; margin: 0 auto; } .btn-main-color { background: #000000; color: #fff; } .address-section { padding: 20px; margin: 0px 0px 20px 0px; text-align: center; /* margin-top: -5px; */ /* -webkit-box-shadow: 2px -2px 5px 7px rgb(72 73 121 / 8%); */ /* box-shadow: 2px -2px 5px 7px rgb(72 73 121 / 8%); */ } .copyright a:hover{ color:#fff; } .padding{ padding:6px; } /*------------video--section---*/ .video-content{ padding:80px 0px 120px 0px; position:relative; overflow:hidden; } .gallery-item a{ display:block; position:relative; width:100%; overflow:hidden; } .uael-video__content-wrap { width: 93%; height: 93%; cursor: pointer; display: flex; justify-content: center; align-items: center; border-width: 7px; border-style: double; position: absolute; border-radius:10px; border-color: #c9c8c859; top: 50%; left:50% ; transform:translate(-50%,-50%); z-index: 4; } .gallery-box .image a img{ transition:all 0.4s ease; } .gallery-box .image:hover a img{ transform:scale(1.1); filter:brightness(1.2); } .uael-vg__play .uael-vg__play-icon i { font-size: 60px; line-height: 60px; height: 60px; width: 60px; color: #ffffff; } .image-box { padding: 30px 0px; background-position: center center; background-size: cover; margin: 0px; border-radius: 10px; min-height: 210px; } .videoCoverImage a img{ width:100%; border-radius:10px; } .serv{ height: 315px; width: 291px; }