/*----------------------------------------------------------------------------------- [Table of contents] 1. Developer CSS (Global style for some elements) 2. Header (Logo and navigation) 3. About (Section) 4. Service provider (Section) 5. Common style (Section) 6. Sadie (Section) 7. Project contact (Section) 8. Statestic (Section) 9. Feature (Section) 10. Project completed (Section) 11. Testimonials (Section) 12. Key points (Section) 13. Quick Contact (Section) 14. Our team (Section) 15. Blog (Section) 16. Client logo (Section) 17. Subscribe (Section) 18. Footer (Section) -----------------------------------------------------------------------------------*/ @import "bootstrap.min.css"; @import "animate.css"; @import "menu2.css"; /*Developer CSS*/ /* 1.0 - General */ html { scroll-behavior: smooth;} body{margin:0;background:#bcbebe;overflow-x: hidden; font-family: 'Arial', sans-serif !important;} table,div{font-family: 'Arial', sans-serif !important; font-size:15px; color:#4a4a4a; line-height:39px;font-weight:600;} a{color:#333333;text-decoration:none;transition:all .2s ease-in-out;} a:hover{color:#333333;text-decoration:none;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block} *{box-sizing:border-box;} figure { margin: 0 0 1rem; background-color: #ffffff; } ::-webkit-input-placeholder{color:#000;} /* Chrome/Opera/Safari */ ::-moz-placeholder{color:#000;} /* Firefox 19+ */ :-ms-input-placeholder{color:#000;} /* IE 10+ */ :-moz-placeholder{color:#000;} /* Firefox 18- */ img{border:none;max-width:100%} p{margin:0x 0 20px;} .img-left, .left{float:left;} .img-right, .right{float:right;} #logo, #left, #social, #contact-left{float:left;} #top_link, #right, #copy-logo, #contact-right{float:right;} :focus{outline:0;} a:active{outline:none;} h1,h2,h3,h4,h5,h6{margin:0 0 20px;} /*Heading*/ h1{font-size:30px;} h2{font-size:30px;color:#000;line-height:36px;font-weight:550} h3{font-size:27px;} h4{font-size:18px;} h5{font-size:16px;} h6{font-size:14px;} .c-left{text-align:left;} .c-center{text-align:center;} .c-right{text-align:right;} .font-uppercase{text-transform:uppercase;} .theme-bg{background:#32c5d2;} .gray-bg{background:#f5f5f5;} .img-left{margin-right:10px;} .img-right{margin-left:10px;} ul{margin:0 0 0 20px;padding:0;list-style:none;} ul li{list-style:disc;margin:0 0 10px;} .ul{margin:0;padding-left:0;margin-left:20px;} .ul li{margin-bottom:10px;} /* .ul li{list-style-image:url(../images/carts.jpg);} */ .btn{border: 2px solid #ffffff; border-radius: 6px !important; padding:12px 40px;color:#fff;text-transform:uppercase;font-size:14px;border-radius:0} .btn a{color:#fff} .btn:hover{background:#202020} .mobile{display:none;} .desktop{display:block;} /* common style */ .line { border-top: solid 1px #e5e5e5; } /* breadcrumb */ .breadcrumb{margin-bottom:15px;color:#666;} .breadcrumb a{margin-bottom:15px;color:#00003f;} .breadcrumb a:hover{margin-bottom:15px;color:#333;} /* Responsive Table */ .table{border-collapse:collapse;margin:10px 0 0px;} .table th{background:none repeat scroll 0 0 #202020;border-right:1px solid #ffffff;font-weight:normal;padding:13px 8px;color:#FFFFFF;} .table td{background:none repeat scroll 0 0 #f3f3f3;border-left:1px solid #fff;border-right:1px solid #fff;padding:8px;border-bottom:1px solid #ffffff; vertical-align: middle;} .table tr:hover td{background:none repeat scroll 0 0 #d9f5f8;} .dropdown-menu{font-size:inherit;} .table-box-shadow{ box-shadow: 0 3px 10px rgb(0 0 0 / 35%); padding: 2px 12px 12px 12px; border-radius: 10px;overflow: auto;} /** 2.0 - Header **/ /*sticky header */ #myHeader {z-index: 1000;} /* The sticky class is added to the header with JS when it reaches its scroll position */ /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky + .content { padding-top: 102px; } #top-header{background:transparent;color:white;text-align:center;padding:2px 0;display:inline-block;width:100%} #top-header p{font-size:13px;color:#fff;margin:0;text-align:left} #top-header .location p{text-align:center} #top-header a{color:#ffffff} .social a{padding:2;float:right;} .social a{list-style:none;display:inline;margin-right:-64px;margin-left:76px;color:#fff} #top-header .social a{color:#fff;font-size: 14px;} .navbar-header{float:left} .top-contact{float:right;} .top-contact ul{padding:;margin:0;float:left} .top-contact ul li{list-style:none;display:inline;margin:0 70px -5px 2pc;float:left} .top-contact .top-contact-icon{float:left;margin-right:10px;position:relative;top:-8px;background-color:transparent;} .top-contact .contact-txt{float:left;color:#f9efef;margin-right:6pc;margin-top:5px} .top-contact .contact-txt span{font-size:18px;display:block;font-weight:600;line-height:15px} .top-contact .contact-txt a{color:#000000} .get-quote{border: 2px solid #202020; border-radius: 8px; color: #202020; text-transform: uppercase; margin-left: 1pc; padding: 0px 6px; float: right; font-weight: 600; margin-top: 5px;} .get-quote a{color:#202020;} .get-quote a:hover{ color: #fff;} .get-quote:hover{background:#202020; color: #fff;} .broucher{color:#fff;text-transform:uppercase;padding: 2px 8px;float:left;font-weight:600;margin-top:5px;} .broucher a{color:#fff;} .broucher:hover{background:#202020;} .navbar-brand{padding:25px 0 10px} #menu{background:#ffffff;width:100%;display:inline-block; border-top: solid 1px #e8e8e8;} .sub-menu:after{content:" ";position:absolute;left:30px;right:auto;top:-15px;border-top:none;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:15px solid #fff;} .navbar .navbar-header .icon-bar{background-color:#333333;display:block;width:22px;height:2px;border-radius:1px;margin:4px auto 0;transition:.25s ease-in-out;} .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform:rotate(45deg);margin-top:0px;} .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display:none} .navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform:rotate(-45deg);margin-top:-2px;} .navbar .navbar-header .nav-toggle.active{position:absolute;top:26px;right:0;z-index:99;} #menu-toggle{display:none} .navbar-inverse{margin:0;background-color:#FFFFFF;border-color:transparent;padding:0} .navbar{ /*border-radius:0;position:relative;border:0; top: 0px;*/ border-radius: 0; position: fixed; border: 0; top: 0px; width: 100%; z-index: 1; box-shadow: 0 3px 10px rgb(0 0 0 / 40%); } .navbar-brand{padding:8px 0;height:auto;text-transform:uppercase;color:#333333;font-size:30px;margin-left:20px} .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color:#333333} .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;} .top-right{float:right;padding:35px 0} .top-right ul{margin:0;padding:0;list-style:none} .top-right ul li{float:left;margin-left:20px;} .top-right ul li i{margin-right:10px;color:#999999} .top-right ul li a{color:#333333} .home-ban{position:relative;padding:0;margin-top: 64px;} .ban-img{width:100%;} .slide .carousel-control-next{right:10px;} .slide .carousel-control-prev{left:10px;} .slide .carousel-control-next , .slide .carousel-control-prev{width:60px;opacity:1} .slide .carousel-caption{position:absolute;top:50%;text-align:left;/*width:35%;*/ transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);} .home-ban .ban-text{text-align:right;position:absolute;margin:0 auto 0;color:#FFFFFF;font-size:16px;z-index:1;width:100%;top:110%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);left:7.5%} .home-ban .ban-text h1{font-size:36px;line-height:48px;margin:0;font-weight:700;} .home-ban .ban-text h1 span{font-size:66px} .home-ban .ban-text h4{color:#ffffff;font-size:28px;text-transform:capitalize;font-weight: 600;} .home-ban .ban-text p{font-size:19px;font-weight: 400;margin: 30px 0} .home-ban .btn{border:1px solid #202020;color:#fff;padding:16px 41px;background:transparent;font-size:14px;text-transform:uppercase;border-radius:0;margin-right:15px;margin-top: 15px} .ban-buttons .btn:last-child{margin-right:0} .home-ban .btn a{color:#fff;} .home-ban .btn:hover{background:#202020;border:1px solid #202020;} #nav{background:#ffffff} /*home about*/ /*text-decoration:underline;*/ #home-about{background:url(../images/about-bg.png) no-repeat;background-size:cover;} .sub-title{text-transform:uppercase;color:#202020;font-size:16px;font-weight: bold;} #home-about h2{margin-bottom:40px} #home-about h3{font-size:27px;color:#494949;line-height:38px;font-weight:600;} #home-about h3 span{color:#0668e2;text-decoration:underline} .sub-text{display:inline-block;width:100%;margin-top:38px} #home-about p{font-size:16px;line-height:30px;margin-bottom: 10px} .call-info{padding:20px 0} .call-info img{float:left;margin-right:14px;} .call-text{float:left} .call-text span{font-size:16px;color:#4a4a4a;display:block;} .call-text .num{font-size:34px;color: #0668e2;font-weight: 700;margin-top: 5px;} #home-about .box{height:250px;padding:30px} #home-about .box .box-icon { background: #ffffff; padding:15px 0; width: 80px; height: 80px; border-radius: 200px; text-align: center;} #home-about .box {background:#f2f4fa; border-bottom: #0668e2 solid 6px;} #home-about .box h3{color:#000000;font-size:20px;margin:24px 0 5px 0;font-weight:600;} #home-about .box p{color:#4a4a4a;font-size:15px;line-height:24px;margin-bottom:0} #home-about .abt-text{padding:0} #home-about .box:hover {background:#0668e2; transition: all ease 0.5s; } #home-about .box:hover h3 { color: #ffffff;} #home-about .box:hover p { color: #ffffff;} .abt-main{padding-right: 50px;} #usp{margin:76px 0 30px 0;} /*Service provider*/ #service-provider{background:#f2f4fa;} #service-provider h2{/*color:#fff;*/} #service-provider p{/*color:#fff;*/} #service-provider .box{position:relative} #service-provider .service-text{background:#fff;padding:10px;position:absolute;bottom:0;width:100%;top:auto} #service-provider .service-icon{background:#0668e2;padding:15px;text-align:center;float:left;margin-right:15px;margin-top:-19px;z-index:9;position:relative;} #service-provider .service-text h3{font-size:20px;text-transform:capitalize;text-align:left;color: #000; font-weight: 600;} #service-provider .bx-wrapper{margin: 40px auto 20px;} #service-provider .grid figure img{width: 100%} .grid{position:relative;margin:0 auto;width:92%} /* Common style */ .grid figure{position:relative;float:left;overflow:hidden;width:100%; border: solid 12px #ffffff; } .grid figure img{position:relative;display:block;min-height:100%;max-width:100%;} .grid figure figcaption{/*padding:2em;*/ color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none;} .grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;} /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;} /*---------------*/ /***** Sadie *****/ /*---------------*/ figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;/*background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);*/ content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);} figure.effect-sadie .service-text{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform 0.35s, color 0.35s;transition:transform 0.35s, color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,0,0);} figure.effect-sadie figcaption::before,figure.effect-sadie .service-txt1{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} figure.effect-sadie .service-txt1{position:absolute;bottom:0;left:0;padding:1.5em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);} figure.effect-sadie:hover .service-text{color:#fff;-webkit-transform:translate3d(0,-80%,0) translate3d(0,-80px,0);transform:translate3d(0,-80%,0) translate3d(0,-80px,0);background:none !important} figure.effect-sadie .readmore:hover{ text-decoration: underline; } #service-provider figure.effect-sadie:hover .service-text .service-icon{background:#04163f;} #service-provider figure.effect-sadie:hover .service-text h3{color:#fff} figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover .service-txt1{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); color: #ffffff;} .grid figure:hover figcaption{background:rgba(6,104,226,0.9)} figure.effect-sadie p{text-transform:none;} figure.effect-sadie .readmore a{color:#fff;} /*project contact*/ #content #project-contact.row-am{padding:80px 0} #project-contact{background:url(../images/project-contact-bg.png) no-repeat;background-size:cover;} #project-contact h2{color:#fff;font-weight:700;} #project-contact p{color:#fff;font-size:14px;margin-bottom:0;font-weight:600;} #project-contact .text{float:left;width:101%} #project-contact .btn{float:right;font-size:14px; font-weight: 600; padding:14px 30px;text-transform:uppercase;border-radius:0;margin-top:50px;} #project-contact .btn a{color:#fff;} /*statestic*/ .statestic-text{background:url(../images/statestic-bg.png) no-repeat;background-size:cover;padding:80px} .statestic-img{width:100%;height:100%} .statestic-img img{width:100%;height:100%} #statestic .col-md-6{padding:0} #statestic .row{margin:0} #statestic ul{padding:0;margin:8px auto;} #statestic ul li{list-style:none;width:50%;float:left;margin-bottom:16px;} #statestic ul li img.icon{float:left;margin-right:10px} #statestic ul li .text{float:left;} #statestic ul li .text h2{margin-bottom:0} #statestic ul li .text p{font-size:17px;font-weight:700} #statestic ul li .num{font-size:60px;font-weight:400;color:#1c2729} #statestic h2{font-weight:550;width:100%} #statestic .col-md-6.statestic-text{padding:40px;} .statestic-box{height:100%;display:flex;flex-wrap:wrap;align-content:center;} /*#statestic ul li:nth-child(3){margin-bottom: 0} #statestic ul li:nth-child(4){margin-bottom: 0}*/ /*home feature*/ #features h2, #features p, #features h3{ width:100%} #features .row{padding:0;margin:0} #features ul{margin:0 0 20px 0;width:100%} #features li{list-style:none;} #features li:before{content:"\f061";color:#0668e2;font-family:FontAwesome;float:left;margin-right:15px;font-size:13px;} .featured-img{height:100%} .featured-img img{width:100%;height:100%;object-fit:cover} .features-text{ background:url(../images/benifit-bg.png) no-repeat; padding:80px 120px;height:100%;display:flex;flex-wrap:wrap;align-content:center;} #features .btn:hover{border:1px solid #fff} /*project completed*/ #completed-projects{width:100%;display:inline-block; background:url(../images/project-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed;} #completed-projects h4 { color: #ffffff;} #completed-projects h2{font-weight:700; color: #ffffff;} #completed-projects p { color: #ffffff;} .filters ul{display:flex;justify-content:left;list-style:none;margin:30px 15px} .filters ul li{display:inlnie-block;text-align:center;margin-right:12px;padding:0 5px 2px 5px;font-weight:300;font-size:16px;cursor:pointer;position:relative;margin-bottom:-2px;color:#cbcbcb;transition:0.3s;list-style:none;} .filters ul li:hover{color:#ffffff;} .filters ul li.is-checked{border-bottom:2px solid #202020;color:#202020} .filters ul li:last-child{margin-right:0;} .grid .grid-item h1{background:#EEEEEE;height:150px;line-height:150px;color:white;font-size:3em;text-align:center;margin-bottom:30px;} #completed-projects .grid{width:100%} #completed-projects .grid figure { border: none; } #completed-projects .box{position:relative} #completed-projects .service-text{padding:15px 20px;position:absolute;bottom:0;width:100%;top:auto; background: #ffffff;} #completed-projects .service-text p{color:#4a4a4a;text-transform: capitalize; margin-bottom:5px;} #completed-projects .service-text h3{font-size:20px; text-transform: capitalize; font-weight: 600; color:#000000;border-bottom:1px solid #eaeaea;padding-bottom:12px;margin-bottom:10px;} #completed-projects figure.effect-sadie:hover .service-text{transform:translate3d(0,-30%,0) translate3d(0,-30px,0); } #completed-projects figure.effect-sadie:hover .service-text h3{border-bottom:1px solid #fff; color: #ffffff;} #completed-projects figure.effect-sadie:hover .service-text p { color: #ffffff;} #completed-projects .grid figure:hover figcaption{background:#0668e2; opacity:0.9} #completed-projects #header-title .btn{float:right} #completed-projects .service-img img{width:100%} /*Testimonials*/ #testimonial{background:#f2f4fa; display:inline-block;width:100%} #content #testimonial.row-am{padding: 90px 0 120px 0;} #testimonial h2{/*color:#fff;*/} #testimonial p{color:#4a4a4a;margin-bottom:0;margin-top:10px;font-size: 16px;} .test-txt{padding: 0 50px;} #testimonial .btn{margin-top:10px;float: right;padding: 15px 23px;font-weight: 400;} .testimonial-slider{margin-top:30px;margin-right:1px} .testimonial-box{text-align:center;border-right:1px solid #dbdbdb;padding-right:20px;padding-left:20px;margin-bottom: 25px;} /*.testimonial-slider li:nth-child(3n+0) .testimonial-box{border-right:0} */ .testimonial-img img{border-radius:100%;border:6px solid #e4e7f2;margin:10px auto 20px;display:table} .testimonial-box .testimonial-txt h4{font-size:20px;color:#4a4a4a; font-weight: 600;} .testimonial-box .testimonial-txt p{font-size:16px;color:#bec1c8;} #testimonial .testimonial-footer{margin-top:25px} #testimonial .testimonial-footer h5{font-size:16px;color:#4a4a4a;margin-bottom:0; font-weight: 600;} #testimonial .testimonial-footer p{font-size:13px;margin-bottom:0;color:#0668e2;margin-top:0} .testimonial-slider .bx-controls-direction{display:none} .testimonial-slider .bx-pager{margin:0 auto;text-align:center !important;left:0;right:0} #testimonial .btn:hover{border:1px solid #fff} /*key points*/ .key-box{width:100%;display:inline-block;border:1px solid #d4d4d4;border-top:0;overflow:hidden;margin-top:30px;} #keypoint .nav-tabs .nav-item{margin-bottom:-1px;width:33.33%;text-align:center;list-style:none;background:#e5e8f3;} #keypoint .nav-tabs{margin:0} #keypoint .nav-tabs .nav-item.show .nav-link, #keypoint .nav-tabs .nav-link.active, #keypoint .nav-tabs .nav-link:focus{border-top:4px solid #0668e2;borer-bottom:1px solid #fff} #keypoint .nav-link{border-right:1px solid #d4d4d4} #keypoint .nav-tabs .nav-link{border-radius:0;border-right:1px solid #d4d4d4;border-top:4px solid #e5e8f3;font-size:17px;text-transform:uppercase;font-weight:800;padding:16px 0 16px} #keypoint .nav-tabs .nav-item:last-child .nav-link{border-right:0} #keypoint .nav-tabs .nav-link:hover{border-radius:0;border-right:1px solid #d4d4d4;border-top:4px solid #e5e8f3;} #keypoint .nav-tabs .nav-item img{margin-right:10px;position:relative;top:-10px} #keypoint .tab-header{margin:0 auto;display:table;} #keypoint .tab-icon{float:left;position:relative} #keypoint .tab-header span{float:left;font-size:16px;text-transform:uppercase;font-weight:700;padding-top:6px} #keypoint .nav-link .icon{opacity:1;position:absolute;left:0} #keypoint .nav-link .icon.icon-h{opacity:0;position:absolute;left:0} #keypoint .nav-tabs .nav-item.show .nav-link .icon.icon-h, #keypoint .nav-tabs .nav-link.active .icon.icon-h, #keypoint .nav-tabs .nav-link:focus .icon.icon-h{opacity:1} #keypoint .nav-tabs .nav-item.show .nav-link .icon-h, #keypoint .nav-tabs .nav-link.active .icon, #keypoint .nav-tabs .nav-link:focus .icon{opacity:0} #keypoint .nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span, .nav-tabs .nav-link:focus span{color:#0668e2} #keypoint .tab-content h3{font-size:19px;line-height:28px;font-weight:400} #keypoint .tab-content p{font-size:16px;line-height:28px} #keypoint .tab-content{padding:42px 30px 50px 30px} #keypoint .key-img{width:100%;height:100%;position:relative} #keypoint .key-img img{width:100%;height:100%} #keypoint .key-img:before{background:#0668e2;width:100%;height:100%;left:-8px;bottom:-8px;content:"";position:absolute;z-index:-1} #content #keypoint.row-am{padding:70px 0 70px 0;} /*Quick Contact*/ #quick-contact{background:url(../images/contact-bg.jpg) no-repeat;background-size:cover;height:596px} #contact-info{margin-top: 50px;} #quick-contact h2{width:70%;margin-bottom:40px} #quick-contact p{ color: #202020; margin-bottom: 0; margin-top: 10px; font-size: 16px; font-weight: bold; /*color:#0668e2;margin-bottom:0;margin-top:10px;font-size:17px;*/ } #quick-contact h3{font-size:18px;color:#000000;margin-bottom:27px;font-weight: 400} #quick-contact h3 a{color:#000000;} #quick-contact .contact-form{background: #202020; padding: 50px; margin-top: -35px; border-radius: 10px;} #quick-contact .contact-form .form-title{font-size:22px;color:#fff;margin-bottom:25px;margin-top:-30px; font-weight: 700;} #quick-contact .contact-form .form-control{background:#fff;border-radius:0;height:35px;border:0} #quick-contact .contact-form textarea.form-control{height:70px;} #quick-contact .contact-form .btn{background:#fff;color:#202020;text-transform:uppercase;text-align:center;font-size:16px;font-weight:bold;border:0;width:100%;padding:15px 20px} #quick-contact .contact-form .btn:hover{background: #010e2a;color: #fff} /*Our team*/ #content #team.row-am{padding: 120px 0 80px 0} #team figure{margin:0;overflow:hidden} #team figure:hover{/*margin-bottom:-5px;*/ background:#0668e2} #team .box{width:100%;border:1px solid #d4d4d4;display:inline-block;background:#000;margin-top:20px} #team .team-info{padding:10px;bottom:0;width:100%;top:auto;background:#fff;text-align:center} #team .team-info p{color:#fff;margin-bottom:5px;font-size:16px;color:#4a4a4a;} #team .team-info h3{font-size:20px;text-transform:capitalize;color:#000;font-weight:normal;margin-bottom:5px; font-weight: 700;} #team figure.effect-sadie:hover .team-info{transform:translate3d(0,-30%,0) translate3d(0,-30px,0);margin-bottom:10px;} #team figure:hover figcaption{background:#0668e2;height:auto;bottom:-20px;top:auto;} #team figure:hover figcaption h3{color:#fff;} #team figure:hover figcaption p{color:#fff} #team figure.effect-sadie:hover figcaption::before ,#team figure.effect-sadie:hover .team-info1{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin:0;padding:0;bottom:23px} #team figure.effect-sadie figcaption::before,#team figure.effect-sadie .team-info1{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} #team figure.effect-sadie .team-info1{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);} #team .figcaption{height:153px;padding-top:30px} #team .social{margin:20px auto 0;padding:0;display:table} #team .social li{list-style:none;display:inline;border-radius:100%;border:1px solid #fff;width:30px;height:30px;line-height:30px;text-align:center;float:left;margin-right:5px} #team .social li a{color:#fff} #team .social li:last-child{margin-right:0} #team figure.effect-sadie:hover .team-info{background:#0668e2;margin:0} .team-img img{width:100%} /*home blog*/ #post{background:#f2f4fa;} .blog-box .blog-img{width:100%;position:relative; border: solid 12px #ffffff; } .blog-box .blog-date{background:#fff;font-size:21px;font-weight:bold;width:45px;height:45px;bottom:24px;left:25px;text-align:center;position:absolute;font-size:21px;line-height:18px;padding-top:5px;color: #000} .blog-box{margin-top:40px} .blog-box .blog-date span{display:block;font-size: 14px;} .blog-box .blog-img img{width:100%} .blog-txt{background:#fff;position:relative;padding:30px 30px 50px 30px} .blog-txt h2{font-size:22px;line-height:29px;font-weight: bold} .blog-txt .blog-btm{position:absolute;bottom:20px;font-size:13px;color:#6d6d6d;} #post .btn{float:right} /*client logo*/ #client-logo ul{display:table;margin:0 auto;width:100%} #client-logo ul li{width:18.40%;float:left;margin-right:2%;list-style:none;margin-bottom: 0} #client-logo ul li:last-child{margin-right:0} /*subscribe*/ #content #subscribe.row-am{padding:45px 0 40px 0;} #subscribe{background:url(../images/subscribe-bg.png)no-repeat;background-size:cover;} .subscribe-header{width:100%;display:inline-block} .subscribe-form{background:#04163f;padding:25px;width:100%;display:inline-block} .subscribe-form .form-control{width:91%;float:left;border-radius:0;border:0;height:42px} .subscribe-header .subscribe-icon{width:88px;float:left;margin-right:15px;position: relative;top: 7px;} .subscribe-header .subscribe-title{float:left;display:inline-block;color:#fff;width:74%;color:#fff;} .subscribe-header .subscribe-title h3{color:#fff;font-size:35px;margin-bottom:0} .subscribe-header .subscribe-title p{color:#fff;font-size:15px;margin-bottom:0} .subscribe-btn{width:9%;float:left;} .subscribe-btn img{height:42px;width:100%} .counter{text-align:center;} .counter-count{font-size:50px;font-weight:400;position:relative;color:#1c2729;text-align:center;display:inline-block;} .row-am{width:100%;} /** 3.0 - Content **/ #content .row-am{padding:70px 0;} /** 4.0 - Footer **/ footer{ background: #202020; /*black;*/ /*background:url(../images/ban-footer.JPG) no-repeat;*/ background-size:cover;} footer .footer1{padding:80px 0 10px 0} .footer-logo{margin-bottom:40px} footer .footer1 p{font-size:15px;color:#fff;} footer .footer1 h4{font-size:25px;font-weight:600;margin:0 0 24px;color:#ffffff;} footer .footer1 .links ul{margin:0;padding:0;list-style:none;} footer .footer1 .links ul li{line-height:28px;font-size:15px;list-style:none;margin-bottom: 13px;} footer .footer1 .links ul li a{color:#fff;} footer .footer1 .links ul li a:hover{color:#000000} footer .footer1 .footer-contact ul{margin:0;padding:0;list-style:none;} footer .footer1 .footer-contact ul li{float:left;list-style:none;width:100%; margin-bottom: 25px;} .footer-contact .f-icon{float:left;width:50px;margin-right:10px;text-align:center;position: relative;top:7px;} .footer-contact .f-icon img{width:auto;margin:0 auto;display:table} .footer-contact span{width:75%;float:left;} .footer-contact p{margin-bottom:0} .footer-contact a{color:#fff;} footer .query{text-align:center;font-weight:300;color:#98dad8;font-size:27px;padding:20px 0} footer .query a{color:#98dad8} footer .footer2{font-size:13px;border-top:1px solid #364565;color:#b9b5b7;line-height:35px;padding:20px 0} footer .footer2 .left{color:#fff;line-height:35px;font-size:14px; font-weight: 600;} footer .footer2 .right ul{margin:0;padding:0;list-style:none;} footer .footer2 .right ul li { /*width:35px; height:35px; line-height:35px; text-align:center; border-radius:50%; float:left;margin:0 0 0 5px; list-style:none; border:1px solid #8c95a9;*/ width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; float: left; margin: 0 0 0 5px; list-style: none; border: 0px solid #ffffff; box-shadow: 0 3px 10px rgb(0 0 0 / 60%); } footer .footer2 .right ul li:hover{background:#202020;} footer .footer2 .right ul li a{display:block;color:#fff;} footer .footer2 .right ul li:hover a{color:#fff} footer .footer2 a{color:#0000ff} #footer-img{position:relative} #footer-img .fimg ul{position:relative;display:inline-block;width:100%} #footer-img .fimg ul{display:table;width:100%;margin:0;padding:0} #footer-img .fimg ul li{width:16.66%;display:inline;float:left;list-style:none;margin-bottom:0} #footer-img .fimg ul li img{width:100%;object-fit:cover;height:310px} .follow-img{position:absolute;margin:0 auto;left:0;right:0;top:24%;bottom:auto;width:160px;} /** INNER PAGE CSS **/ /* common css */ .inner-contact { margin: 70px 0; } .about-video iframe { height: 300px; width: 100%; margin-top: 50px; } /** about us page **/ .backtransparent { background: #00000040; padding: 10px; border-radius: 16px; } .banner_span { background: #0000005e; border-radius: 10px; padding: 0px 10px; } .home-ban .ban-text h1 span.banner_span { /*font-size: 36px !important;*/ font-size: 25px !important; line-height: 35px; } .lab-card-title { text-align: center; font-weight: bold; font-size: 18px; color: #0668e2; } .lab-card-img { border-radius: 4px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); width: 100%; } .lab-card { padding: 10px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); } .lab-card:hover { /*box-shadow: 0 8px 8px -4px lightblue !important;*/ box-shadow: 0 14px 14px 1px lightblue !important; } /*.lab-card h1:hover*/ /*{*/ /*box-shadow: 0 8px 8px -4px lightblue !important;*/ /*color: #0668e2;*/ /*}*/ .lab-card-content { font-size: 16px; text-align: center; padding: 10px; line-height: 28px; } .why-card-list li { font-size: 17px; } .banner-carousel .ban-img { overflow: hidden; } .banner-carousel { height: 580px; } .b-rad-50per { border-radius: 50%; } .circle-style { width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; /*border: 1px solid #0a8dfe;*/ } .success-sts { color: #5300f6; font-weight: bold; } .error-sts { color: #ff2525; font-weight: bold; } @media only screen and (max-width:992px) { .banner-carousel { height: auto; } } .inner-page-main-banner { position:relative; padding:80px 0; margin-top: 123px;} .about-us { background:url(../images/banner/1.webp) no-repeat top center; background-attachment:fixed; background-size: 100%; background-position-y: 12px;} .testing { background:url(../images/ban-testing.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .research { background:url(../images/ban-research.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .consultancy { background:url(../images/new/trainning.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .additional { background:url(../images/new/service.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .quality { background:url(../images/new/quality.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .accreditation { background:url(../images/banner/accred.jpg) no-repeat top center; background-attachment:fixed; background-size:cover; background-position-y: -80px;} .download-page { background:url(../images/new/download.jpg) no-repeat top center; background-attachment:fixed; background-size:cover; background-position-y: -80px;} .inner-page-main-banner h2 { float:left; width:100%; text-align:left; font-size:18px; font-weight:600; color:#FFFFFF; line-height:1; text-transform:uppercase; padding:0; margin:0;} .inner-page-main-banner h1 { float:left; width:100%; text-align:left; font-size:36px; font-weight:700; color:#FFFFFF; line-height:2.3; padding:0; margin:0; } .inner-page-main-banner p { float:left; width:100%; text-align:left; font-size:17px; font-weight:normal; color:#FFFFFF; line-height:1.7; padding:0; margin:0; } #inner-about .sub-title{text-transform:uppercase;color:#0668e2;text-decoration:underline;font-size:14px;font-weight: bold} #inner-about h2{margin-bottom:25px;margin-top:0px} #inner-about h3{font-size:27px;color:#494949;line-height:38px;font-weight:normal} #inner-about h3 span{color:#0668e2;text-decoration:underline} #inner-about .sub-text{display:inline-block;width:100%;margin-top:38px} #inner-about p{font-size:16px;line-height:30px;margin-bottom: 10px} #inner-about .box{height:auto; padding:30px; background: #f2f4fa; border-bottom: #0668e2 solid 6px;} #inner-about .box h3{color:#000000;font-size:20px;margin:30px 0 10px 0;font-weight:600; line-height: 1.3;} #inner-about .box p{color:#4a4a4a;font-size:15px;line-height:24px;margin-bottom:0} #inner-about .abt-text{padding:0} #inner-about .abt-main{padding-right: 50px;} #inner-about #usp{margin:45px 0 0 0;} #inner-about #usp .col-md-4{ /*padding:0*/} #inner-about .box .box-icon { background: #ffffff; padding:15px 0; width: 80px; height: 80px; border-radius: 200px; text-align: center;} #inner-about .box:hover { background: #0668e2; transition: all ease 0.5s; } #inner-about .box:hover h3 { color: #ffffff; transition: all ease 0.5s; } #inner-about .box:hover p { color: #ffffff; transition: all ease 0.5s; } /** services page **/ .service { background:url(../images/service-page-banner.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} #servicelist { background: #f2f4fa; } #servicelist #services-box { padding-top: 30px; } #servicelist h2{/*color:#fff;*/} #servicelist .service-txt1 p{color:#fff;} #servicelist .box{position:relative} #servicelist .service-text{background:#ffffff;padding:10px;position:absolute;bottom:0;width:100%;top:auto} #servicelist .service-icon{background:#0668e2;padding:15px;text-align:center;float:left;margin-right:15px;margin-top:-19px;z-index:9;position:relative;} #servicelist .service-text h3{font-size:20px;text-transform:capitalize;text-align:left;color: #000; font-weight: 600;} #servicelist .bx-wrapper{margin: 40px auto 20px;} #servicelist .grid figure img{width: 100%} #servicelist .grid{position:relative;margin:0 auto;width:100%} #servicelist figure.effect-sadie:hover .service-text .service-icon{background:#04163f;} #servicelist figure.effect-sadie:hover .service-text h3{color:#fff} #servicelist .grid figure{margin-bottom: 28px;} /** inner-benifit **/ #inner-benifit { width: 100%; background:url(../images/service-benifit-bg.jpg) no-repeat; background-size:cover; background-attachment: fixed;} #inner-benifit .sub-title { color: #ffffff; } #inner-benifit h2 { color: #ffffff; } #inner-benifit h3 { color: #ffffff; } #inner-benifit p { color: #ffffff; } #inner-benifit ul{margin:0 0 20px 0;width:100%} #inner-benifit li{list-style:none;color:#ffffff} #inner-benifit li:before{content:"\f061";color:#ffffff;font-family:FontAwesome;float:left;margin-right:15px;font-size:12px;} #inner-benifit .content {padding: 100px 0; float: left; width: 90%;} #inner-benifit .benifit-img {box-shadow: -11px 11px 0px -2px rgba(6,104,226,1); -webkit-box-shadow: -11px 11px 0px -2px rgba(6,104,226,1); -moz-box-shadow: -11px 11px 0px -2px rgba(6,104,226,1);} /*Service icons*/ #service-icon .icon-main { width: 100%; padding: 55px 0 0 0; } #service-icon .icon-box { width: 100%; background: #f2f4fa; padding: 30px; margin-bottom: 30px; border-bottom: #0668e2 solid 6px; min-height: 430px; } #service-icon .icon { width: 100%; min-height: 100px; } #service-icon .icon-box h3 { width: 100%; font-size: 20px; font-weight: 700; color: #000000; text-align: left; text-transform: capitalize; padding: 60px 0 0 0; min-height: 20px; } #service-icon .icon-box p { width: 100%; font-size: 15px; font-weight: 600; color: #4a4a4a; text-align: left; padding: 0px; } #service-icon .icon-box .read-more a { width: 100%; font-size: 14px; font-weight: 700; color: #0668e2; text-align: left; padding: 0px; text-transform: uppercase; } #service-icon .icon-box:hover { background: #010c26; border: #010c26 solid 1px; transition: all ease-in-out .3s; } #service-icon .icon-box:hover h3 { color: #fff; } #service-icon .icon-box:hover p { color: #fff; } /*inner page project completed*/ #completed-projects-inner-page{width:100%;display:inline-block; } #completed-projects-inner-page h4 { /*color: #000000;*/} #completed-projects-inner-page h2{font-weight:700; color: #000000;} #completed-projects-inner-page p { color: #000000;} #completed-projects-inner-page .filters ul{display:flex;justify-content:left;list-style:none;margin:30px 15px} #completed-projects-inner-page .filters ul li{display:inlnie-block;text-align:center;margin-right:12px;padding:0 5px 2px 5px;font-weight:300;font-size:16px;cursor:pointer;position:relative;margin-bottom:-2px;color:#9a9a9a;transition:0.3s;list-style:none;} #completed-projects-inner-page .filters ul li:hover{color:#0668e2;} #completed-projects-inner-page .filters ul li.is-checked{border-bottom:2px solid #0668e2;color:#0668e2} #completed-projects-inner-page .filters ul li:last-child{margin-right:0;} #completed-projects-inner-page .grid .grid-item h1{background:#EEEEEE;height:150px;line-height:150px;color:white;font-size:3em;text-align:center;margin-bottom:30px;} #completed-projects-inner-page .grid{width:100%} #completed-projects-inner-page .grid figure { border: none; } #completed-projects-inner-page .box{position:relative} #completed-projects-inner-page .service-text{padding:15px 20px;position:absolute;bottom:0;width:100%;top:auto; background: #f2f4fa;} #completed-projects-inner-page .service-text p{color:#4a4a4a;text-transform: capitalize; margin-bottom:5px;} #completed-projects-inner-page .service-text h3{font-size:20px; text-transform: capitalize; font-weight: 600; color:#000000;border-bottom:1px solid #e0e2e6;padding-bottom:12px;margin-bottom:10px;} #completed-projects-inner-page figure.effect-sadie:hover .service-text{transform:translate3d(0,-30%,0) translate3d(0,-30px,0); } #completed-projects-inner-page figure.effect-sadie:hover .service-text h3{border-bottom:1px solid #fff; color: #ffffff;} #completed-projects-inner-page figure.effect-sadie:hover .service-text p { color: #ffffff;} #completed-projects-inner-page .grid figure:hover figcaption{background:#0668e2; opacity:0.9} #completed-projects-inner-page #header-title .btn{float:right} #completed-projects-inner-page .service-img img{width:100%} /** single service page **/ /** left colom **/ #inner-page .content {} #inner-page .inner-section { width: 100%; padding-bottom: 40px; } #inner-page h3 { width: 100%; font-size: 34px; font-weight: 600; text-align: left; color: #000000; } #inner-page p { width: 100%; font-size: 16px; font-weight: 600; text-align: justify; color: #4a4a4a; } #inner-page figure { width: 100%; margin: 20px 0 0 0; } #inner-page figure img { width: 100%;} /** right colom **/ /** services links **/ .single-service { background:url(../images/ban-microlab.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-microlab{ background:url(../images/new/microlabheader.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-mechlab { background:url(../images/new/phylabheader.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-chemlab { background:url(../images/new/chelabheader.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-molelab { background:url(../images/new/molecular-lab.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-facemask { background:url(../images/ban-facemask.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-apparel { background:url(../images/ban-apparel.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-n95 { background:url(../images/ban-n95.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-fabric { background:url(../images/ban-fabric.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} .single-service-surgicalgown { background:url(../images/ban-surgicalgown.JPG) no-repeat top center; background-attachment:fixed; background-size:cover;} #inner-page .services-link-box { background: #f2f4fa; width: 100%; float: left; margin-bottom: 30px;} #inner-page h4 { font-size: 25px; font-weight: 700; color: #000000; text-align: left; background:#dadee8; padding: 25px 0 25px 25px; margin: 0; } #inner-page .services-link-box ul { list-style: none; padding: 0; margin: 0; width: 100%;} #inner-page .services-link-box ul li { list-style: none; width: 100%; float: left; margin: 0;} #inner-page .services-link-box ul li a { float: left; width: 100%; font-size: 15px; font-weight: 600; color: #4a4a4a; text-align: left; border-bottom: solid 1px #dadee8; padding: 15px 0 15px 25px; margin: 0; text-transform: capitalize; } #inner-page .services-link-box ul li a:hover { background: #202020; color: #ffffff; } #inner-page .services-link-box ul li a.active { background: #202020; color: #ffffff; } /* Download section */ #inner-page .download { background: #f2f4fa; width: 100%; float: left; padding-bottom: 15px; margin-bottom: 30px;} #inner-page .download .buttons { padding: 25px; } #inner-page .download .download-btn { float:left; width:100%; position:relative; font-size:14px; font-weight:600; line-height:1; text-transform:capitalize; text-align:left; color:#637376; padding:0; margin:0 0 20px 0; background: #fff;} #inner-page .download-btn .fa{ background: #202020; font-size:20px; font-weight:400; line-height:1; text-transform:uppercase; text-align:left; color:#FFFFFF; padding:20px ; margin:0;} #inner-page .download-btn:hover { background:#202020; color:#FFFFFF; transition:all ease .5s;} /* call to action */ #inner-page .cta { float:left; width:100%; background:#1e2e53 url(../images/left-cta-bg.jpg) no-repeat center center; padding:0 25px 50px 25px; text-align: left;} #inner-page .cta figure { float:left; text-align:center; padding:0; margin:0 0 35px 0; background: #fff; padding: 15px; border-top:#0668e2 solid 4px; width: auto !important; } #inner-page .cta h4{ float:left; width:100%; border: none; padding: 0 0 10px 0; background:none; color: #ffffff; } #inner-page .cta p { float:left; width:100%; position:relative; font-size:16px; font-weight:normal; color:#FFFFFF; padding:0 0 20px 0; margin:0;} #inner-page .cta .call, .mail, .adress { float:left; width:100%; position:relative; font-size:16px; font-weight:normal; line-height:1.5;color:#FFFFFF; padding:0 0 10px 0; margin:0; border:none;} #inner-page .cta .call:hover { color: #fff; text-decoration: underline; } #inner-page .cta .mail:hover { color: #fff; text-decoration: underline; } #inner-page .cta .adress:hover { color: #fff; text-decoration: underline; } #inner-page .inner-section ul{margin:0; width:100%;} #inner-page .inner-section li{list-style:none;color:#4a4a4a; font-size: 16px;} #inner-page .inner-section li:before{content:"\f061";color:#0668e2;font-family:FontAwesome;float:left;margin-right:15px;font-size:13px;} #inner-page .some-feature-box {float:left; width:100%; margin: 15px 0 0 0; } #inner-page .some-feature-box ul {float:left; width:100%; padding:0;} #inner-page .some-feature-box ul li { float:left; width:100%; list-style:none; padding:20px; margin-bottom:25px; display:flex; border: #b1b1b1 solid 1px;} #inner-page .some-feature-box li:before{content:none;} #inner-page .some-feature-box .content { float:left; padding:02px; margin-top:-6px; flex:8; -webkit-flex: 8; /* Safari 6.1+ */ -ms-flex: 8; /* IE 10 */ } #inner-page .some-feature-box h5 { float:left; font-size:20px; font-weight:600; color:#000000; text-align:left; padding:0; margin:0; line-height:1.5;} #inner-page .some-feature-box p { float:left; font-size:15px; font-weight:normal; text-align:left; padding:0; margin:0;} #inner-page .some-feature-box .icon { float:left; width:70px; height:70px; text-align:center; padding:0 10px 10px 0px; transition: transform 1s;} #inner-page .some-feature-box ul li:hover { transition:all ease .9s; border:#1a2f5d solid 1px;} #inner-page .some-feature-box ul li:hover { background: #1a2f5d; border: #1a2f5d solid 1px; transition: all ease .5s;} #inner-page .some-feature-box ul li:hover h5 { color: #fff; } #inner-page .some-feature-box ul li:hover p { color: #fff; } /** project page **/ .projectban { background:url(../images/project-page-banner.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} /** project details page **/ .project-details { background:url(../images/project-details.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;} #inner-page .project-link-box { background: #fff; border: #dadee8 solid 1px; width: 100%; float: left; margin-bottom: 30px;} #inner-page .project-link-box h4 { font-size: 25px; font-weight: 700; color: #000000; text-align: left; border-bottom: solid 1px #dadee8; padding: 25px 0 25px 25px; margin: 0; background: #dadee8; } #inner-page .project-link-box ul { list-style: none; padding: 0; margin: 0; width: 100%;} #inner-page .project-link-box ul li { list-style: none; float: left; width: 100%; font-size: 16px; font-weight: 600; color: #4a4a4a; text-align: left; border-bottom: solid 1px #ededed; padding: 15px 0 15px 25px; margin: 0; } #inner-page .project-link-box ul li:hover { background: #0668e2; color: #fff; } /** contact us page **/ .contact-us { background:url(../images/banner/contactus.jpg) no-repeat top center; background-attachment:fixed; background-size:100%; background-position-y: -50px;} #inner-page .c-box {background-color: #ffffff; width: 100%; border: #c6c6c6 solid 1px; padding: 30px 16px; min-height: 250px; box-shadow: 0 3px 10px rgb(0 0 0 / 20%); border-radius: 10px;} #inner-page .c-box:hover {box-shadow: 0 14px 14px 0px lightblue;} #inner-page .c-box .icon {width: 100%; text-align: center; font-size: 45px; color: #202020; } #inner-page .c-box h3 {width: 100%; text-align: center; font-size: 18px; font-weight: 700; color: #000000; text-transform: uppercase; padding: 25px 0 10px 0; margin: 0 auto; } #inner-page .c-box p {width: 100%; text-align: center; font-size: 12px; font-weight: 500; color: #000000; padding: 0; margin: 0 auto; } #contact-form-map { width:100%; margin-bottom:70px} #contact-form-map h2{color:#fff;width:90%;margin-bottom:40px} #contact-form-map p{color:#0668e2;margin-bottom:0;margin-top:10px;font-size:16px;} #contact-form-map h3{font-size:27px;color:#fff;margin-bottom:27px;font-weight: 400} #contact-form-map .contact-form{background:#202020;padding:60px;margin-top:0px;border-radius: 10px;} #contact-form-map .contact-form .form-title{font-size:26px;color:#fff;margin-bottom:40px; font-weight: 700;} #contact-form-map .contact-form .form-control{background:#fff;border-radius:0;height:40px;border:0} #contact-form-map .contact-form textarea.form-control{height:80px;} #contact-form-map .contact-form .btn{background:#fff;color:#202020;text-transform:uppercase;text-align:center;font-size:16px;font-weight:bold;border:0;width:100%;padding:15px 20px} #contact-form-map .contact-form .btn:hover{background: #010e2a;color: #fff} .iframeweb iframe { display: block; /* iframes are inline by default */ background: #000; border: none; /* Reset default border */ height: 100vh; /* Viewport-relative units */ width: 100vw; } .navbar-header img { width: 350px; } /*.inner-page-main-banner { display: none; }*/ table thead th { text-align: center; } .table thead th { vertical-align: middle; } .eq-height { height: 100%; width: 100%; } .float-broucher { float: right; margin: 3% 2% 4% 3%; padding:27px 15px; display: block; position: fixed; bottom: 20px; right: 20px; transform: translate(-50%,-1618%); } .float-broucher input{ display: none; } .float-broucher label { position: relative; width: 50px; height: 50px; background: #5488ec; border-radius: 50%; display:block; margin: 0 auto; cursor: pointer; } .float-broucher label:before, .float-broucher label:after{ content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 25px; background:#f5f5f5; } .float-broucher label:before{ transform: translate(-50%,-50%); } .float-broucher label:after{ transform: translate(-50%,-50%) rotate(90deg); } .float-broucher .nav{ position: relative; top: 20px; opacity: 0; left: -100vw; width: 200px; padding: 10px 20px; background: #fff; border: 1px solid #eee; border-radius: 10px; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.02); transition: left 0ms ease-in-out 300ms, top 300ms ease-in-out,opacity 300ms ease-in-out; } .float-broucher .nav a{ display: block; text-decoration: none; margin: 15px 0px; text-align: center; justify-content: center; color: #5488ec; } .float-broucher #toggle-btn:checked ~ .nav{ left: 0px; top: 10px; opacity: 1; transition: left 0ms ease-in-out 0ms, top 300ms ease-in-out,opacity 300ms ease-in-out; } .lab-view-img { box-shadow: 0 3px 10px rgb(0 0 0 / 35%); background: white; padding: 8px; border-radius: 4px; }