/* General styles */ body { font-size: 18px; line-height: 1.6; font-family: 'Poppins', sans-serif; color: #484848; } h1, h2, h3, h4, h5, h6 { font-weight: bold; text-transform: uppercase; color: #484848; font-family: 'Poppins', sans-serif; } h1{font-size: 45px; margin:0; line-height: 72px;} h2 {font-size: 30px; margin: 0 0 20px;} h3 {font-size: 36px; margin: 0 0 10px;} h4 {font-size: 25px; margin: 0 10 10px;} h5{font-size: 20px; margin: 0 10 10px;} img {width: 100%;} a,button{outline: 0 !important;} a:hover,a:focus{ text-decoration: none} /* All Transition */ .list-inline.info a,.list-inline.social_icon a,nav.navbar.bootsnav ul.nav > li > a,.attr-nav > ul > li > a,.btn.know_btn,#filters > button,.portfolio_hover_area,.portfolio_hover_area .fa,.testimonial_content,.testimonial_content p:first-child::before,#contact_form .form-control,#contact_form .btn.submit_btn,footer a,.footer_social_icon .fa,.post .date,#scrollUp{ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; } /* Header */ /*Preloader css*/ #loading{ background-color: #DE6924; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; z-index: 90; } #loading-center{ width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 150px; margin-top: -25px; margin-left: -75px; } .object{ width: 8px; height: 50px; margin-right:5px; background-color: #FFF; -webkit-animation: animate 1s infinite; animation: animate 1s infinite; float: left; } .object:last-child { margin-right: 0px; } .object:nth-child(10){ -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .object:nth-child(9){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .object:nth-child(8){ -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .object:nth-child(7){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .object:nth-child(6){ -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .object:nth-child(5){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .object:nth-child(4){ -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .object:nth-child(3){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .object:nth-child(2){ -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } @-webkit-keyframes animate { 50% { -ms-transform: translateX(-25px) scaleY(0.5); -webkit-transform: translateX(-25px) scaleY(0.5); transform: translateX(-25px) scaleY(0.5); } } @keyframes animate { 50% { -ms-transform: translateX(-25px) scaleY(0.5); -webkit-transform: translateX(-25px) scaleY(0.5); transform: translateX(-25px) scaleY(0.5); } } /*End off Preloader*/ /* Top Nav */ .top_nav { background: #DE6924 none repeat scroll 0 0; overflow: hidden; padding: 10px 0; } .logomrz{ width:90px; } .list-inline.info { justify-content:space-between; align-items: center; display: flex; margin: 0; } .list-inline.info > li { padding: 0 20px 0 0; } .list-inline.info a,.list-inline.social_icon a { color: #fff; font-family: 'Poppins', sans-serif; } .list-inline.info a:hover,.list-inline.social_icon a:hover { color: #555; } .list-inline.info a .fa,.list-inline.social_icon a .fa { font-size: 20px; vertical-align: text-top; } .list-inline.social_icon { float: right; margin: 0; } /* Main Nav */ nav.navbar.bootsnav { background: #034464 none repeat scroll 0 0; border: 0 none; } nav.navbar.bootsnav ul.nav > li > a { color: #fff; } nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li > a:focus { color: #aaa; } .navbar-brand { height: auto; padding: 20px 15px; } #navbar-menu { margin: 6px 0; } .nav.navbar-nav.menu { float: right;padding-top:20px;} .attr-nav { margin: 5px -10px 0 0; } .attr-nav > ul > li > a { color: #DE6924; font-size: 20px; } .attr-nav > ul > li > a:hover,.attr-nav > ul > li > a:focus { color: #d7a300; } /* Carousel */ .home .carousel { position: relative; height: 100%;} .home .carousel .item img{ width:100%; height: 770px; } .carousel .overlay { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; width: 100%; height: 100%; position: absolute; top: 0px; left: 0; } .carousel-caption { left: 7%; right: 7%; top: 70px; } .carousel-caption h1 { color: #fff; margin-bottom:20px; } .carousel-caption h1.second_heading { color:#DE6924; margin-bottom:35px; } .carousel-caption > h3 { color: #fff; font-family: "Poppins",sans-serif; /*font-size: 40px;*/ font-weight: normal; margin-bottom: 30px; text-transform: inherit; } .carousel-caption > p { font-size: 23px; line-height: 28px; } .btn.know_btn { background: #DE6924 none repeat scroll 0 0; border-radius: 30px; color: #fff; font-family: "Poppins",sans-serif; font-size: 23px; padding: 20px 35px; text-transform: uppercase; border:1px solid transparent; } .btn.kn_btn{ background: #DE6924 none repeat scroll 0 0; border-radius: 30px; color: #fff; font-family: "Poppins",sans-serif; font-size: 18px; padding: 10px 25px; text-transform: uppercase; border:1px solid transparent; margin-bottom:24px; } .iconphone{ margin-right:10px; } .carousel-caption .btn.know_btn { margin-top: 64px; } .carousel-caption .btn.know_btn:last-child { margin-left: 0px; } .btn.know_btn:hover, .btn.know_btn:focus { background: transparent; color:#DE6924; border:1px solid #de6924; } .carousel-control{ width:50px; height: 50px; line-height: 50px; text-align: center; margin-top:-25px; top:50%; } /* About */ .about_banner > img { /*width: 334px;*/ display:block; margin:0 auto; margin-top:90px; } .about_content { margin-right: 25px; } .about_content > h2 { font-size: 40px; margin: 90px 0 15px; color:#DE6924; } .about_content > h3 { font-size: 30px; /* margin: 2px 0 30px; */ text-transform: inherit; } .about_content > p { line-height: 1.6; margin-bottom: 18px; text-align: justify; } .about_content .btn.know_btn { margin: 18px 0 60px; } .about_bg { background: url(../images/about_bg.png)no-repeat right; } .conwidth{ width:100%; } /*Head Title*/ .head_title p{ line-height: 2.3rem; } .head_title h3{ color: #DE6924; margin-bottom: 30px; margin-top: 40px; } /*CONTACT US*/ #contact_us { background: none repeat scroll 0 0; padding-bottom: 50px; line-height: 18px; } #contact_us h2 { color:white; font-size: 38px; } .contact_us_item{ padding-top: 55px;} /*#contact_us .fa{*/ /* border-radius: 100%;*/ /* box-shadow:0 0 0 10px #DF6924, 0 0 0 20px #de692496, 0 0 0 30px #de69242e;*/ /* padding: 38px;*/ /* font-size:45px;*/ /*}*/ .contact_us_item > h4 { font-size: 15px; margin: 60px 0 20px; } .responsive-map{ overflow: hidden; padding-bottom:56.25%; position:relative; height:0; } .responsive-map iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .linklist { color:#034464!important; font-size:28px; text-align:start; } .linklist a{ color:#034464!important; } .listitm{ margin-bottom:20px; } .contactcontai{ background-image: url('../images/contactus.png'); height:100%; } .image-container { position: relative; display:block; } .text-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; text-align: center; padding: 20px; } /* faq */ #faq{ margin-top: 40px; } /* Why us */ #why_us { background: #f2f7fa none repeat scroll 0 0; padding-bottom: 50px; line-height: 1.6; } #why_us h2 { margin: 70px 0 20px; } .why_us_item{ padding-top: 55px;} #why_us .fa{ border-radius: 100%; box-shadow:0 0 0 10px #DF6924, 0 0 0 20px #de692496, 0 0 0 30px #de69242e; padding: 38px; font-size:45px; } .why_us_item > h4 { font-size: 15px; margin: 60px 0 20px; } /* Services */ #services h2 { margin: 85px 0 50px; text-align:center; } .service_item > h3 { margin: 25px 0 15px; } .service_item .btn.know_btn { margin: 20px 0 100px; } .foorimg{ border: 3px solid #034464; } /* Portfolio */ #portfolio { background: rgba(0, 0, 0, 0) url("../images/portfolio_bg.jpg") no-repeat scroll 0 0; background-size:cover; position:relative; padding-bottom: 102px; border-bottom:2px solid #DE6924; } #portfolio::before{ position:absolute; content:""; height:100%; width:100%; background: rgba(255,203,15,0.85); top:0; left:0; } .portfolio_area{ position:relative;color:#fff;} .portfolio_area h2 { color: #fff; margin: 65px 0 34px; } /* Portfolio filters */ #filters { margin: 52px 0 38px; } #filters > button { background: transparent none repeat scroll 0 0; border: 1px solid transparent; border-radius: 18px; outline: 0 none; padding: 6px 17px 4px; text-transform: uppercase; margin-bottom: 10px; } #filters > button:hover { border: 1px solid #282828; color: #282828; } #filters > button.is-checked { background: #282828; } #filters > button.is-checked:hover { color: #fff; } .grid{margin: 0 -6px;} .grid-item{border:6px solid transparent;} .grid-item, .grid-sizer {width: 25%;} .grid-item { float: left; height: 255px !important; } .grid-item{ overflow: hidden; } .grid-item--width2 { width: 50%;} .grid-item--height2 { height: 510px !important;} .grid-item:hover img{ transform: scale(1.1); } .grid-item img{ height: 100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; } /* Portfolio Hover */ .portfolio_hover_area { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; height: 100%; width: 100%; top: 0; position: absolute; text-align: center; opacity:0; } .grid-item:hover .portfolio_hover_area {opacity: 1;} .portfolio_hover_area .fa { background: #DE6924 none repeat scroll 0 0; border: 2px solid transparent; border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-size: 30px; margin-top: 215px; padding: 15px; border:1px solid transparent; } .grid-item .portfolio_hover_area .fa { margin-top: 90px; } .grid-item--width2 .portfolio_hover_area .fa { margin-top: 217px; } .portfolio_hover_area > a:first-child{ margin-right: 10px;} .portfolio_hover_area .fa:hover{ border:1px solid #DE6924; background:transparent; color:#DE6924; } /* Testimonial */ #testimonial { background: url("../images/testimonial_bg.jpg") no-repeat scroll 0 0; background-size:cover; position:relative; } #testimonial::before { background: #fff; opacity:0.7; content:""; position:absolute; top:0; left:0; height:100%; width:100%; } .testimonial_area{ position:relative;} #testimonial h2 { margin-top: 63px; } .testimonial_item { padding: 0 15px; } .testimonial_content { background: #e5e5e5 none repeat scroll 0 0; border-radius: 18px; margin: 55px 0 30px; padding: 40px 15px 40px 70px; text-align: left; position:relative; color:#393939; } .testimonial_content::after { background: inherit; bottom: -10px; content: ""; height: 20px; left: 47%; position: absolute; transform: rotate(45deg); width: 20px; } .testimonial_content p { position:relative; } .testimonial_content p:first-child::before { color: #989898; content: ",,"; font-family: "Poppins"; font-size: 60px; left: -54px; position: absolute; top: -24px; transform: rotateY(180deg); } #testimonial .col-sm-4:nth-child(3n+2) .testimonial_content { margin: 40px 0; padding-bottom: 70px; } .testimonial_item:hover .testimonial_content { background: #DE6924 none repeat scroll 0 0; } .testimonial_item:hover .testimonial_content::after { width: 22px; height: 22px; bottom:-11px; } .testimonial_item:hover .testimonial_content { color: #fff; } .testimonial_item:hover .testimonial_content p:first-child::before { color: inherit; } .testimonial_item > img { border-radius: 100%; height: 80px; width: 80px; } .worker_name { font-family: "Poppins",sans-serif; margin: 10px 0 45px; text-transform: uppercase; } /* Contact form */ #contact_form { background: #DE6924 none repeat scroll 0 0; padding:27px 0 32px; } #contact_form h2 { margin: 20px 0 0; color:#034464; } #contact_form .second_heading { font-size: 40px; font-family: "Poppins",sans-serif; margin:8px 0; } #contact_form form.form-inline { padding-right: 27px; } #contact_form .form-inline .form-control { border: 2px solid transparent; border-radius: 10px; font-size: 15px; height: 45px; margin: 8px; padding: 10px 20px; width: 250px; box-shadow: none; } #contact_form .form-inline textarea.form-control { width: 388px; resize:none; } #contact_form .form-control:focus { border: 2px solid #DE6924; box-shadow: 0px 0px 5px 1px #DE6924; } #contact_form .btn.submit_btn { background: #034464 none repeat scroll 0 0; color: #fff; font-size: 16px; font-weight: bold; text-transform:uppercase; height: 45px; width: 120px; border-radius: 10px; margin: 6px 8px 6px 0; } .form-control::-moz-placeholder{color:#adadad;} .form-control:-ms-input-placeholder{color:#adadad;} .form-control::-webkit-input-placeholder{color:#adadad;} #contact_form .btn.submit_btn:hover { background: #555 none repeat scroll 0 0; } /* Footer */ footer { background: url(../images/footer_bg.webp)no-repeat; background-size:cover; position:relative; padding-top:45px; } footer::before { background: rgba(255, 255, 255, 0.33) none repeat scroll 0 0; content: ""; height: 45px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } footer::after { /*background: rgba(34, 37, 51, 0.9) none repeat scroll 0 0;*/ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .footer_top,.footer_bottom{ position:relative; z-index:1; color:#fff;} .footer_item { margin-top: 75px; } .footer_item > h4 { color: #fff; font-family: "Poppins",sans-serif; font-size: 25px; margin-bottom: 34px; text-transform: inherit; } .footer_item .list-unstyled > li a{ color: #fff; } /* Footer About */ .footer_item .logo { margin-bottom: 15px; width: 200px; } .list-inline.footer_social_icon { margin: 32px 0 0; } .footer_social_icon .fa { background: #DE6924 none repeat scroll 0 0; border-radius: 100%; color: #222; font-size: 20px; height: 45px; padding: 12px; text-align: center; width: 45px; } .footer_item .footer_social_icon .fa:hover,.footer_item .footer_social_icon .fa:focus { background: #d7a300 none repeat scroll 0 0; } /* Footer Explore */ .footer_menu .fa { font-size: 10px; margin-right: 18px; } .list-unstyled.footer_menu > li { padding: 4px 0; } /* Footer Post */ .list-unstyled.post,.list-unstyled.footer_contact { margin-top: -14px; } .post .date { border: 2px solid #fff; border-radius: 100%; display: block; float: left; font-size: 20px; height: 50px; line-height: 12px; margin-right: 15px; padding: 10px; text-align: center; width: 50px; } .footer_item li a:hover .date,.footer_item li a:focus .date{ border:2px solid #aaa; } .footer_item li a:hover,.footer_item li a:focus{ color: #aaa; } .post .date small { font-size: 12px; } .list-unstyled.post > li,.list-unstyled.footer_contact > li { padding: 14px 0; overflow:hidden; } /* Footer Contact */ .footer_contact .fa { margin-right: 25px; text-align: center; width: 15px; float: left; font-size:18px; } .list-unstyled.footer_contact p { overflow: hidden; } .footer_bottom { background: #1a1c27 none repeat scroll 0 0; padding: 28px 0 18px; margin-top:55px; } .footer_bottom a { color: #DE6924; } .footer_bottom a:hover,.footer_bottom a:focus { color: #d7a300; } /* ScrollUP */ #scrollUp { background: url(../images/top.png)no-repeat scroll 0 0; bottom: 20px; color: #000; height: 40px; right: 20px; width: 40px; opacity:0.7; } #scrollUp:hover { background: url(../images/top.png)no-repeat scroll 0 -40px; } /* Responsive Styles for various devices */ @media (min-width: 1600px) { .container{ width: 1200px;} .carousel-inner > .item > a > img, .carousel-inner > .item > img { height: 740px; } .carousel-caption { left: 18%; right: 18%; top: 95px; } .about_content { margin-right: 50px; } .floordiv:hover .foorimg{ transform:scale(); } } @media (max-width: 1199px) { h1 { font-size: 50px; line-height: 55px; } h4 { font-size: 22px; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { height: 550px; } .carousel-caption { left: 3%; right: 3%; top:40px; } .about_banner > img { width: 334px; display:block; margin:0 auto; margin-top:100px; } .grid-item { height: 220px !important; } .grid-item--height2 { height: 440px !important;} .grid-item .portfolio_hover_area .fa { margin-top: 73px; } .grid-item--width2 .portfolio_hover_area .fa { margin-top: 183px; } #contact_form .second_heading { font-size: 30px; } #contact_form .form-inline .form-control { width: 202px; } #contact_form .form-inline textarea.form-control { width: 317px; } #contact_form .btn.submit_btn { width: 95px; } } @media (max-width: 991px) { .list-inline.info{ display: block; } .list-inline.info > li { padding: 0 12px 0 0; } .list-inline.social_icon > li { padding: 0 2px; } nav.navbar.bootsnav .navbar-header { padding: 0; } nav.navbar.bootsnav .navbar-toggle { margin-top: 32px; } .attr-nav { right: 25px; top: 15px; } nav.navbar.bootsnav ul.nav > li > a { padding: 12px 0; } .container.about_bg { background-position: bottom 100px center; } .grid-item { height: 255px !important; width:50%; } .grid-item--height2 { height: 500px !important; width:100%;} .grid-item .portfolio_hover_area .fa { margin-top: 90px; } .grid-item--width2 .portfolio_hover_area .fa { margin-top: 217px; } #contact_form { text-align: center; } #contact_form form.form-inline { margin: 0 -8px; padding-right: 15px; } #contact_form .form-inline .form-control { width: 349px; } #contact_form .form-inline textarea.form-control { width: 538px; } #contact_form .btn.submit_btn { width: 168px; } .floordiv:hover .foorimg{ transform:scale(); } .marbalabout { display: flex; flex-flow: column; } .des2 { order: 1; } .des1 { order: 2; } } @media (max-width: 767px) { h1 { font-size: 32px; line-height: 35px; } .list-inline.info { width: 100%;text-align:center} .list-inline.social_icon { width: 40%; text-align: right; } nav.navbar.bootsnav .navbar-toggle { margin-left: 15px;padding:10px;} .carousel-caption { top: 20px; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { height: 450px; } .carousel-caption > h3 { font-size: 26px; margin-bottom: 10px; } .carousel-caption > p { font-size: 18px; line-height: 22px; } .carousel-caption .btn.know_btn { margin-top: 35px; } .carousel-caption .btn.know_btn:last-child { margin-left: 30px; } .about_content > h2 { font-size: 26px; margin-top: 70px; } .about_content > h3 { font-size: 26px; text-align: center; } .service_item .btn.know_btn { margin-bottom: 80px; } #contact_form h2 { margin-top: 10px; } #contact_form .second_heading { margin: 8px 0 20px; } #contact_form form.form-inline { margin: 0; } #contact_form .form-inline .form-control,#contact_form .form-inline textarea.form-control { margin: 0; width: 100%; } #contact_form .btn.submit_btn { float: left; margin: 0; width: 145px; } .floordiv:hover .foorimg{ transform:scale(); } .marbalabout { display: flex; flex-flow: column; } .des2 { order: 1; } .des1 { order: 2; } } @media (max-width: 479px) { h1 { font-size: 36px; line-height: 42px; margin-top:14px; } h4 { font-size: 25px; } .list-inline.info { margin-bottom: 10px; text-align: center; width: 100%; } .list-inline.info > li { padding: 0 8px; } .list-inline.social_icon { text-align: center; width: 100%; padding: 0 8px; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { height: 420px; } .carousel-caption { top: 5px; } .carousel-caption h1.second_heading { margin-bottom: 10px; } .carousel-caption > h3 { font-size: 20px; margin-bottom: 0px; margin-top:5px; line-height:32px; } .carousel-caption > p { font-size: 22px; line-height: 20px; } .btn.know_btn { font-size: 18px; padding: 18px 34px; } .carousel-caption .btn.know_btn { margin-top: 34px; } .carousel-caption .btn.know_btn:last-child { margin-left: 0px !important; } .about_content > h3 { font-size: 24px; text-align: center; } .about_banner > img { width: 100%; margin-top:100px; } #filters > button { font-size: 14px; } .grid-item { width:100%; } .grid-item--height2 { height: 255px !important;} .grid-item--width2 .portfolio_hover_area .fa { margin-top: 90px; } .list-inline.footer_social_icon > li { padding: 8px 3px; } .floordiv:hover .foorimg{ transform:scale(); } } .footerlist{ display: flex; justify-content: space-between; align-items: center; color: white; } .whatsafooter{ background-color: rgb(3, 167, 3); color: white; font-size: 30px; border-radius: 30px; width: 50px; height: 50px; display:flex ; } .whats{ margin-left: 12px; margin-top: 8px; } .footcall{ align-items: center; margin-top: 30px; margin-bottom: 30px; } .footcalltext{ margin-left: 20px; font-size: 20px!important; color: #777; } .numfoot{ color: #0dc176; } .footer { background: #282E33; color: #748796; position: relative; font-size: 18px; line-height: 1.6px; font-weight: 400; z-index: 1; box-shadow: 0 15px 15px -20px #b0b0b0 inset; -moz-box-shadow: 0 15px 15px -20px #b0b0b0 inset; -webkit-box-shadow: 0 15px 15px -20px #b0b0b0 inset; } .footer { padding-top: 30px; position: relative; } #footer-1 .footer-box { padding-left: 10%; } .footer.bg-image { background-image: url(../images/footeback.png); width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } /*------------------------------------------*/ /* FOOTER TYPOGRAPHY /*------------------------------------------*/ .footer h5.h5-xs { line-height: 1; letter-spacing: 0; margin-bottom: 25px; } #footer-2 .footer-info p { font-weight: 400; margin-bottom: 3px; } .footer-box p { font-size: 0.975rem; margin-bottom: 3px; } .footer-box p span { color: #444; font-size: 0.925rem; font-weight: 500; } .footer-box h5.h5-xl { font-weight: 900; letter-spacing: 0.5px; margin-bottom: 0; } #footer-2 p.foo-email { margin-top: 30px; margin-bottom: 5px; } p.foo-email a { font-weight: 500; text-decoration: underline; } p.footer-copyright { /*font-size: 0.95rem;*/ margin-bottom: 0;padding-top:20px;padding-bottom:20px;line-height:1.6 } p.footer-copyright span { font-weight: 700; } .footer.bg-image h5.h5-xs, .footer.bg-image p.foo-email a { color: #fff; } .footer.bg-image .footer-box p, .footer.bg-image .footer-info p, .footer.bg-image .footer-links li a, .footer.bg-image p.footer-copyright { color: #c5d1dc; } .footer.bg-image .footer-box p span, .footer.bg-image p.footer-copyright span { color: #fff; } /*------------------------------------------*/ /* FOOTER LINKS /*------------------------------------------*/ .footer-links li { font-size: 0.975rem; width: auto !important; display: block !important; vertical-align: top; clear: none !important; margin: 0 0 9px 0; padding: 0; } .footer-links li a:hover { color: #000; text-decoration: underline; } /*------------------------------------------*/ /* FOOTER SOCIAL LINKS /*------------------------------------------*/ .foo-socials { display: inline-block; padding-left: 0; margin: 0 auto 0; } .foo-socials li { width: auto !important; display: inline-block !important; vertical-align: top; clear: none !important; margin: 0 0 8px 0; padding: 0; } .foo-socials a { display: block; background-color: transparent; border: 2px solid #666; width: 36px; height: 36px; color: #666; font-size: 16px; line-height: 34px!important; margin-right: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .footer.bg-image .foo-socials a { border: 2px solid #c5d1dc; color: #c5d1dc; } .foo-socials a.ico-facebook:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; } .foo-socials a.ico-twitter:hover { background-color: #00a9ed; border-color: #00a9ed; color: #fff; } .foo-socials a.ico-instagram:hover { background-color: #dc3c59; border-color: #dc3c59; color: #fff; } .foo-socials a.ico-dribbble:hover { background-color: #d92d84; border-color: #d92d84; color: #fff; } .foo-socials a.ico-behance:hover { background-color: #2473f6; border-color: #2473f6; color: #fff; } .foo-socials a.ico-pinterest:hover { background-color: #ac281a; border-color: #ac281a; color: #fff; } .foo-socials a.ico-linkedin:hover { background-color: #015886; border-color: #015886; color: #fff; } .foo-socials a.ico-google-plus:hover { background-color: #cd1111; border-color: #cd1111; color: #fff; } .foo-socials a.ico-youtube:hover { background-color: #cd1b20; border-color: #cd1b20; color: #fff; } .foo-socials a.ico-tumblr:hover { background-color: #3a5976; border-color: #3a5976; color: #fff; } .foo-socials a.ico-vk:hover { background-color: #3b5998; border-color: #3b5998; color: #fff; } .foo-socials a.ico-yahoo:hover { background-color: #7b0099; border-color: #7b0099; color: #fff; } .foo-socials a.ico-yelp:hover { background-color: #d32323; border-color: #d32323; color: #fff; } /*------------------------------------------*/ /* FOOTER NEWSLETTER FORM /*------------------------------------------*/ .footer-form .form-control { height: 48px; background-color: #fff; border: 1px solid #ccc; border-right: none; color: #333; font-size: 1rem; padding: 0 15px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /*------------------------------------------*/ /* Newsletter Form Input Focus /*------------------------------------------*/ .footer-form .form-control:focus { border: 1px solid #ccc; border-right: none; outline: 0; box-shadow: none; } /*------------------------------------------*/ /* Newsletter Form Button /*------------------------------------------*/ .footer-form .btn { height: 48px; color: #aaa; background-color: #fff; border: 1px solid #ccc; border-left: none; font-size: 1.45rem; line-height: 1!important; padding: 0 15px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } /*------------------------------------------*/ /* Newsletter Form Notification /*------------------------------------------*/ .footer-form .form-notification { font-size: 0.925rem; font-weight: 400; line-height: 1; margin-top: 15px; margin-left: 5px; } /*------------------------------------------*/ /* BOTTOM FOOTER /*------------------------------------------*/ .bottom-footer { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 40px; } .footer.bg-image .bottom-footer { border-top: none; } /* ========================================================================== 21. SIDEBAR =========================================================================== */ #sidebar h5.h5-sm { padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .footer { background: url(../images/footback.PNG) top center!important; background-size: cover!important;text-align:center; } .footer:before { background: rgba(8,44,70, .9); } .footer:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(8,44,70,.9); z-index: -1; } .footer-bottom-strip { padding: 20px 0; } .footer-strip { position: relative; overflow: hidden; } .footer-strip .back-to-top, .footer-strip .footer-bottom-border { background: #DE6924; } .footer-strip .back-to-top { overflow: hidden; padding-top: 15px; width: 160px; height: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; background: #324c73; margin: 0 auto -40px; text-align: center; display: block; } .footer-strip .back-to-top i { background: #082C46; } .footer-strip .back-to-top i { color: #DE6924; } .footer-strip .back-to-top i { width: 45px; height: 45px; line-height: 45px; font-size: 20px; border-radius: 50%; background: #8ECBEE; color: #333; } .fa-angle-double-up:before { content: "\f102"; } .footer-strip .back-to-top, .footer-strip .footer-bottom-border { background: #DE6924; } .footer-strip .footer-bottom-border { background: #324c73; height: 5px; } .footerul{ justify-content: space-evenly; align-items: center; display: flex; } .linkslist{ color: rgb(222, 231, 233); } .linkslist:hover{ color: #de6924; } .colofoot{ color: rgb(222, 231, 233); } .whatsaappfooter{ display: flex; align-items: center; justify-content: end; } .floating{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; justify-content: center; align-items: center; display: flex; } .my-float{ margin-top:16px; } .footrow { justify-content: center; align-items: center; } @media only screen and (max-width: 575px) { .doctname{ font-size: 18px; } .footerul{ display: block;line-height:1.6} .docttext{ font-size: 14px; } .doctdesc{ font-size:12px!important; } .footrow{ display:block; } .ourworkimg{ height: 150px; } .floordiv:hover .foorimg{ transform:scale(0); } .marbalabout { display: flex; flex-flow: column; } .des2 { order: 1; } .des1 { order: 2; } } /* Style the counter cards */ .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 5px; text-align: center; background-color: #fff; border-radius:10px; cursor:pointer; margin-top: 10px; margin-bottom: 10px; } .card .profile{ border-radius:10px; transition: 0.2s; } .card:hover .profile{ transform:scale(1.4); border-top-right-radius:50px; border-top-left-radius:50px; } .card .content{ width:100%; height:100%; position:relative; overflow:hidden; } .card .content .back{ position:absolute; width:100%; height:100%; background-color: #de6924c7; transition:1s; color:white; z-index:1; padding:10px; justify-content: center; align-items: center; display: flex; } .from-left{ top:0; left:-100%; } .card:hover .content .from-left { left:0%; } .from-bottom{ top:100%; left:0; } .card:hover .content .from-bottom { top:0%; } .from-right{ top:0%; right:-100%; } .card:hover .content .from-right { right:0; } .card .content .back h3{ font-size:15px; letter-spacing:2px; color:white; } .card .content .back h4{ letter-spacing:2px; color: white; } .cardsection{ margin-top: 20px; margin-bottom: 80px; } .ourheader{ margin-top: 40px; } .rowdiv{ margin-left: 0px; margin-right: 0px; } .navbar-links li a { display: block; text-decoration: none; color: #444; padding: 20px 20px; font-weight: 700; transition: 0.4s all; } .navbar-links li.navbar-dropdown { position: relative; } .navbar-links li.navbar-dropdown:hover .dropdown { visibility: visible; opacity: 1; transform: translateY(0px); } .navbar-links li.navbar-dropdown .dropdown { visibility: hidden; opacity: 0; position: absolute; padding: 20px 0; top: 100%; transform: translateY(50px); left: 0; width: 250px; background-color: #fff; box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 111; transition: 0.4s all; } .navbar-links li.navbar-dropdown .dropdown a { padding-top: 10px; padding-bottom: 10px; font-weight: 400; } .navbar-dropdown .dropdown a:hover { padding-left: 30px; } .navbar-links li a:hover { color: #ff3f34; } .header { display: flex; justify-content: center; align-items: center; width: 100vw; height: 90vh; /* background-color: #f00; */ background-image: url("http://lorempixel.com/1366/698/food/"); background-size: cover; } .header-inner { text-align: center; color: #ff3f34; text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.8); } .header-inner h1 { font-family: "Great Vibes", cursive; font-size: 130px; } .header-inner form input[type="search"] { position: relative; width: 500px; border: none; padding: 15px; border-radius: 27px; box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.3); z-index: 11; } .header-inner form input[type="search"]:focus { outline: none; } .header-inner form input[type="search"]:focus + div { z-index: 1; opacity: 1; } ::placeholder { color: #666; font-weight: 400; } .contectflooring h2{ text-align: center; margin-top: 40px; margin-bottom: 40px; color: #DE6924; font-size: 50px; } .marbalabout{ margin-top: 40px; margin-bottom: 40px; } details{ background-color: #082C46; color: white; font-size: 20px; text-align: start; width: 100%; padding: 20px; margin-bottom: 10px; } summary { padding: .5em 1.3rem; list-style: none; display: flex; justify-content: space-between; transition: height 1s ease; } summary::-webkit-details-marker { display: none; } summary:after{ content: "\002B"; } details[open] summary { margin-bottom: .5em; } details[open] summary:after{ content: "\00D7"; } details[open] div{ padding: .5em 1em; } .proptalitycard { padding: 10px; margin: auto; text-align: center; font-size: 13px; height: 270px; border: 2px solid #c3d7e2; } .proptalitycard:hover{ background-color: #c3d7e2; } .proptalitycard img { width: 30%; } .designation { font-size: 16px; } .social { margin: 20px 0; } .proptalitycard a { font-size: 18px; padding: 7px 12px; text-decoration: none; background-color: #00305b; color: white; border-radius: 10px; margin:0 3px ; } .proptalitycard a:hover { background-color: #005bad; } .proptalityrow{ margin-top: 20px; margin-bottom: 20px; } .floordiv.foorimg{ border-radius:10px; transition: 0.2s; } .floordiv:hover .foorimg{ transform:scale(1.1); /* border-top-right-radius:50px; border-top-left-radius:50px; */ } .boldclass{ font-weight: bold; } @media screen and (max-width: 531px) { .marbalabout { display: flex; flex-flow: column; } .des2 { order: 1; } .des1 { order: 2; } }