@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900'); @import url('https://fonts.googleapis.com/css?family=Exo:400,400i,500,600,700'); * { margin: 0; padding: 0; } html, body { height: 100%; } * { outline: none!important } .fix { overflow: hidden; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin: 0 auto; } .display-table { height: 100%; width: 100%; display: table; } .display-table-cell { vertical-align: middle; display: table-cell; } a:hover, a:focus, a:active { color: inherit; } a:focus { outline-offset: -2px; } img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; margin: 0; padding: 0; line-height: 1.2em; color: #373737; } body { font-family: 'Exo', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; color: #616161; letter-spacing: 0.8px; } a:hover { text-decoration: none } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } p, ul { margin: 0; padding: 0; } ul li { list-style-type: none; } ::-moz-selection { background-color: #fab702; color: #fff; } ::selection { background-color: #fab702; color: #fff; } 
.section-padding { padding: 90px 0; } .section-title { letter-spacing: 0.8px; margin-bottom: 80px; text-align: center; } .section-title h2 { color: #fab702; font-size: 43px; margin-bottom: 20px; padding-bottom: 20px; position: relative; text-transform: uppercase; } .section-title h2 span { color: #323232; } .section-title h2::after { background-color: #fab702; border-radius: 50px; bottom: -5px; content: ""; height: 5px; left: 50%; margin-left: -35px; position: absolute; width: 70px; } .section-title p { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; } .raj_btn { background-color: #fab702; border-radius: 3px; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.8px; text-align: center; padding: 15px 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .raj_btn:hover { color: #fff; background-color: #ffba00; } .raj_btn i.fa { visibility: hidden; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .raj_btn:hover i.fa { visibility: visible; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; padding-left: 10px; } #header-top { background-color: #1a1a1a; color: #fff; padding: 10px 0; } #header-top a { color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .header-social-icon li { display: inline; margin-right: 15px; } .header-social-icon li:last-child { margin-right: 0; } .header-social-icon li.connect-title { margin-right: 22px; } #header-top a span { color: #fab702; font-weight: 400; } #header-top .header-social-icon li a:hover { color: #fab702; } #header-area { z-index: 99; } .logo-area { padding: 2px 0; -webkit-transition: 0.3s; transition: 0.3s; } .logo-area a { display: block; } .logo-area img { max-width: 144px; } .main-menu ul li { float: left; position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main-menu ul li a { color: #1c1c1c; display: block; font-weight: 500; font-family: "Exo"; letter-spacing: 0.6px; font-size: 15px; line-height: 16px; padding: 40px 15px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main-menu ul li.active a, .main-menu ul li:hover a { background-color: #fab702; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; } .main-menu ul li .sub-menu { background-color: #fab702; left: 0; position: absolute; top: 150px; width: 200px; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; transition: 0.4s; } .main-menu ul li:hover .sub-menu { top: 96px; opacity: 1; display: block; visibility: visible; } .main-menu ul li .sub-menu li { float: none; position: relative; } .main-menu ul li .sub-menu li::after { background-color: #fff; bottom: 0; content: ""; height: 1px; left: 0; opacity: 0.3; position: absolute; width: 100%; } .main-menu ul li .sub-menu li:last-child::after { display: none; } .main-menu ul li .sub-menu li:hover a { background-color: #333333; color: #fff; } .main-menu ul li .sub-menu li a { color: #fff; font-size: 14px; padding: 15px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #header-area.fixedTop { background: #fff; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; width: 100%; } #header-area .container { position: relative; } .slicknav_menu { background-color: transparent; position: absolute; right: 0; top: 0; width: 100%; } .slicknav_nav ul { margin: 0; } .slicknav_btn { background-color: #fab702; margin: 0; padding: 10px 17px; position: absolute; right: 15px; top: 31px; z-index: 9; } .slicknav_nav { background-color: #fab702; left: 0; position: absolute; top: 96px; width: 100%; z-index: 9; } .slicknav_nav ul li .slicknav_row:hover { background-color: transparent; color: #222; -webkit-transition: 0.3s; transition: 0.3s; } .slicknav_nav ul li ul { padding-left: 20px; } .slicknav_nav ul li:hover { background-color: #333; } .slicknav_nav ul li:hover a { background-color: transparent; color: #fff; } .slicknav_arrow { display: none; } #hero-area { background-color: #ddd; background-image: url("assets/img/hero-area-bg.jpg"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; } #hero-area:after { background-color: #484848; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.74; z-index: -1; } .hero-text h2 { color: #fff; font-size: 45px; letter-spacing: 0.4px; line-height: 60px; text-transform: uppercase; } .hero-text p { color: #fab702; font-size: 15px; font-weight: 500; letter-spacing: 0.8px; margin: 15px 0 28px; } .hero-text .raj_btn { padding: 17px 0 17px 21px; width: 180px; } .hero-text .raj_btn:hover { padding-left: 0; } #hero-box-area { margin-top: -153px; position: relative; z-index: 1; } .hero-box-area { background-color: #ffffff; border-radius: 4px; } .single-hero-box { color: #616161; font-size: 13px; padding: 50px 20px; position: relative; } #hero-box-area .col-lg-4:last-child .single-hero-box:after { display: none; } .single-hero-box img { width: 65px; } .single-hero-box h3 { color: #616161; font-size: 26px; font-weight: 400; margin: 30px 0 20px; } #about-area { margin-top: 90px; } #service-area.section-padding { padding-bottom: 40px; } .about-text { line-height: 2em; } .color-text { color: #fab702; margin: 30px 0; } .about-video { position: relative; /*padding-bottom: 56.25%;*/ -webkit-box-shadow: 0 0 70px rgba(116, 116, 116, 0.9); box-shadow: 0 0 70px rgba(116, 116, 116, 0.9); margin-top: 10px; } .about-video iframe { border: medium none; border-radius: 4px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .single-service { font-size: 13px; letter-spacing: 0.6px; line-height: 25px; margin-bottom: 10px; padding: 40px 20px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-service:hover { border-radius: 5px; -webkit-box-shadow: 0 0 60px rgba(116, 116, 116, 0.20); box-shadow: 0 0 60px rgba(116, 116, 116, 0.20); margin-top: -5px; -webkit-transition: 0.3s; transition: 0.3s; } #service-area .section-title { margin-bottom: 45px; } #service-area .col-lg-4:nth-child(1n + 4) .single-service { margin-bottom: 0; } .single-service h3 { color: #616161; font-size: 23px; font-weight: 400; letter-spacing: 0.8px; line-height: 24px; margin-bottom: 15px; padding-left: 50px; position: relative; text-transform: uppercase; } .single-service .service-icon { bottom: 2px; left: 0; position: absolute; color: #fab702; } #service-area .col-lg-4:nth-child(2) .service-icon { bottom: -2px; } #service-area .col-lg-4:nth-child(3) .service-icon, #service-area .col-lg-4:nth-child(5) .service-icon, #service-area .col-lg-4:nth-child(6) .service-icon { bottom: 4px; } #service-area .col-lg-4:nth-child(4) .service-icon { bottom: 7px; } .service-icon.flaticon-building:before, .service-icon.flaticon-concrete-mixer:before, .service-icon.flaticon-window:before, .service-icon.flaticon-crane:before, .service-icon.flaticon-driller:before, .service-icon.flaticon-padlock:before, .service-icon.flaticon-hammer:before, .service-icon.flaticon-shovel:before, .service-icon.flaticon-tiles:before, .service-icon.flaticon-excavator:before, .service-icon.flaticon-tipper:before { font-size: 40px; } #project-area.section-padding { padding-bottom: 150px; } .project-menu { margin-bottom: 65px; } .project-menu span { border-bottom: 1px solid #959595; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.8px; margin: 0 -5px 0 0; padding: 0 10px 15px; position: relative; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .project-menu span::before { background-color: #fab702; border-radius: 40px; bottom: -2px; content: ""; height: 3px; left: -100%; opacity: 0; position: absolute; visibility: hidden; width: 100%; } .project-menu span.active, .project-menu span:hover { color: #fab702; } .project-menu span.active:before { opacity: 1; left: 0; visibility: visible; } .single-project { display: block; margin-bottom: 30px; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .project-hover { background-color: rgba(0, 0, 0, 0.6); color: #fab702; font-size: 13px; font-weight: 500; height: 100%; left: 0; top: -100%; position: absolute; width: 100%; z-index: 1; } .project-title-hvr { border: 2px solid #fab702; left: 0; margin: 20px; padding: 20px; position: absolute; top: 10%; } .project-hvr-icon { bottom: 5%; left: 0; padding: 0 20px; position: absolute; width: 100%; } .project-title-hvr h3 { color: #fff; font-family: "Exo"; font-size: 19px; font-weight: 600; } .project-hvr-icon p { display: inline-block; } #review-area { background-color: #fab702; padding: 75px 0; } #review-area .section-title { margin-bottom: 30px; } #review-area .section-title h2 { color: #fff; } #review-area .section-title h2::after { background-color: #fff; } .single-testimonial p { color: #fff; font-style: italic; } .single-testimonial h3 { font-family: "Exo"; font-size: 23px; margin-top: 60px; position: relative; text-transform: uppercase; } .single-testimonial.text-center h3::after { content: "\f103"; font-family: FontAwesome; font-size: 25px; left: 50%; position: absolute; top: -43px; -webkit-transform: translate(-50%); transform: translate(-50%); } .single-testimonial h5 { color: #fff; font-family: "Exo"; font-size: 18px; font-weight: 500; margin-top: 5px; } #partner-area .owl-carousel img { margin: auto; width: auto; } .single-partner { height: 160px; } .news-thumbg-1 { background-image: url(assets/img/news/news-thum-1.jpg); } .news-thumbg-2 { background-image: url(assets/img/news/news-thum-2.jpg); } .news-thumbg-3 { background-image: url(assets/img/news/news-thum-3.jpg); } .single-news-content { border-radius: 5px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-news-content:hover .news-thum { opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; } .single-news-content:hover { -webkit-box-shadow: 0 0 60px rgba(116, 116, 116, 0.25); box-shadow: 0 0 60px rgba(116, 116, 116, 0.25); } .single-news-content:hover .news-contant { background-color: #fdfdfd; border-radius: 0px 0px 5px 5px; } .news-meta a:hover, .single-news-content:hover h4 a { color: #fab702; } .news-thum { background-color: #ddd; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px 5px 0 0; display: block; height: 265px; opacity: 0.8; -webkit-transition: 0.3s; transition: 0.3s; } .news-contant { background-color: #f8f8f8; border-radius: 0 0 5px 5px; font-size: 13px; line-height: 1.9em; padding: 25px 20px 35px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .news-contant h4 { font-size: 20px; font-weight: 600; } .news-contant, .news-contant h4, .news-contant a { color: #616161; letter-spacing: 0.6px; -webkit-transition: 0.3s; transition: 0.3s; } .news-meta { font-family: 'Source Sans Pro', sans-serif; margin: 10px 0 8px; } .news-meta a { font-size: 15px; font-weight: 400; } #support-area.section-padding { padding-bottom: 0; } #newsletter-area { background-image: url("assets/img/newsletterbg.jpg"); background-position: left top; background-attachment: fixed; background-size: cover; padding: 60px 0; position: relative; z-index: 1; } #newsletter-area:after { background-color: #fab702; content: ""; left: 0; height: 100%; top: 0; position: absolute; width: 100%; opacity: 0.89; z-index: -1; } .newsletter-conetent { overflow: hidden; text-align: center; } .newsletter-title h2 { color: #1b1917; font-size: 30px; letter-spacing: 0; line-height: 29px; margin: 11px 0; text-transform: uppercase; } .newsletter-form input { border: medium none; border-radius: 50px; font-size: 13px; font-weight: 600; margin: auto; padding: 15px 25px; } .newsletter-form input[type="email"] { color: #373737; font-weight: 400; } .newsletter-form input[type="submit"] { background-color: #1b1917; color: #fab702; cursor: pointer; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .newsletter-form input[type="submit"]:hover { color: #fff; } #footer-area { background-color: #181818; color: #fff; padding: 40px 0 30px; } .footer-about { padding-right: 55px; } .single-widget.footer-about img { width: 80%; } .widget-body, .widget-body a { color: #ebebeb; } .widget-body img { margin-bottom: 25px; } .widget-title h4 { color: #fab702; font-size: 15px; font-weight: 600; letter-spacing: 0.7px; padding-bottom: 15px; position: relative; text-transform: uppercase; } .widget-title h4::after { background-color: #fab702; border-radius: 5px; bottom: 0; content: ""; height: 3px; left: 0; position: absolute; width: 55px; } .widget-title { margin-bottom: 30px; } .footer-btn { border: 2px solid #fab702; border-radius: 3px; color: #fab702 !important; font-size: 12px; font-weight: 600 !important; letter-spacing: 0.6px; margin-top: 20px; padding: 10px 50px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-btn:hover { background-color: #fab702; color: #000 !important; } .widget-body ul li a { letter-spacing: 0.5px; margin-bottom: 10px; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget-body a { display: inline-block; font-weight: 500; } .widget-body a span { color: #fab702; font-weight: 700; } .widget-body ul li:last-child a { margin-bottom: 0; } .widget-body ul li a:hover { color: #fab702 !important; } #footer-area ul.social-icon li { display: inline-block; font-size: 17px; margin-right: 15px; } #footer-area ul.social-icon { margin-top: 17px; } .con-btn { color: #fab702 !important; font-weight: 600 !important; } .email { margin: 15px 0; } .address { margin-bottom: 15px; } .footer-copyright { border-top: 1px solid #fab702; font-size: 13px; font-weight: 400; letter-spacing: 0.7px; margin-top: 60px; padding-top: 25px; position: relative; } .address-content a { display: block; } .footer-copyright a { color: #fab702; } .footer-copyright div#scroll-top { background-color: #181818; border: 1px solid #fab702; border-radius: 3px; color: #fab702; cursor: pointer; display: inline-block; font-weight: 600; left: 50%; padding: 8px 25px; position: absolute; text-transform: uppercase; top: -20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-copyright div#scroll-top:hover { background-color: #fab702; color: #181818; } body.loader-active { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; overflow: hidden; } .preloader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #fff; z-index: 9999; } .preloader-spinner { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .la-ball-scale-pulse, .la-ball-scale-pulse > div { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .la-ball-scale-pulse { display: block; font-size: 0; color: #fff; } .la-ball-scale-pulse.la-dark { color: #333; } .la-ball-scale-pulse > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-scale-pulse { width: 32px; height: 32px; } .la-ball-scale-pulse > div { position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 100%; opacity: .6; -webkit-animation: ball-scale-pulse 2s infinite ease-in-out; animation: ball-scale-pulse 2s infinite ease-in-out; } .la-ball-scale-pulse > div:last-child { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .la-ball-scale-pulse.la-sm { width: 16px; height: 16px; } .la-ball-scale-pulse.la-sm > div { width: 16px; height: 16px; } .la-ball-scale-pulse.la-2x { width: 64px; height: 64px; } .la-ball-scale-pulse.la-2x > div { width: 64px; height: 64px; } .la-ball-scale-pulse.la-3x { width: 96px; height: 96px; } .la-ball-scale-pulse.la-3x > div { width: 96px; height: 96px; } @-webkit-keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ball-scale-pulse { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } img.border { border: 1px solid #fab702 !important; } img.mr-3 { width: 75px; } .about-text p, .legal-text p { text-align: justify; } a.cc_btn_accept_all { background-color: #fab702 !important; color: #ffffff !important; } a.cc_more_info { color: #fab702 !important; }
@media only screen and (min-width: 992px) { .header-social-icon, .call-phone { text-align: inherit; } .call-phone { display: inherit; } .main-menu { display: block; } .slicknav_menu { display: none; } .hero-text h2 { font-size: 45px; line-height: 60px; } .section-title h2 { font-size: 43px; } .about-text { padding-right: 45px; margin-bottom: 0; } .newsletter-form, .newsletter-title { float: left; width: 50%; } .newsletter-form input { display: inline; } .newsletter-form input[type="email"] { margin: 0; margin-right: 10px; width: 420px; } .single-widget, .single-news-content { margin-bottom: 0; } .footer-copyright { text-align: right; } .copyright-content { margin: 0; text-align: left; } .sidebar-area { margin-left: 35px; margin-top: 0; } .single-contact-info { margin-bottom: 0; } .single-testimonial p { font-size: 18px; margin: 0; } .home_version_2 .single-slide-item, #hero-area { padding: 100px 0 260px; } .home_version_1 .slide-content h2 { font-size: 35px; line-height: 40px; } .hero-box-area { -webkit-box-shadow: 0 0 70px rgba(116, 116, 116, 0.37); box-shadow: 0 0 70px rgba(116, 116, 116, 0.37); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-social-icon, .call-phone { text-align: inherit; } .call-phone { display: inherit; } .main-menu { display: none; } .slicknav_menu { display: block; } .hero-text h2 { font-size: 35px; line-height: 40px; } .single-hero-box::after { background-color: #1c1c1c; bottom: 0; content: ""; height: 1px; left: 0; opacity: 0.2; position: absolute; width: 100%; } .section-title h2 { font-size: 40px; } .about-text { padding-right: 0; margin-bottom: 80px; } .newsletter-form, .newsletter-title { float: none; width: 100%; } .newsletter-form input { display: block; } .newsletter-form input[type="email"] { margin: 20px auto; width: 420px; } .single-widget, .single-news-content { margin-bottom: 50px; } .col-md-6:nth-child(3) .single-widget { margin-bottom: 0; } .col-lg-4:last-child .single-widget, .col-lg-4:last-child .single-news-content { margin-bottom: 0; } .footer-copyright { text-align: right; } .copyright-content { margin: 0; } .sidebar-area { margin-left: 0; margin-top: 100px; } .single-contact-info { margin-bottom: 70px; } .single-testimonial p { font-size: 18px; margin: 0; } .home_version_2 .single-slide-item, #hero-area { padding: 150px 0; } #hero-box-area { margin-top: 100px; } #partner-area:hover .owl-nav div.owl-prev { right: -20px; } #partner-area:hover .owl-nav div.owl-next { left: -20px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .header-social-icon, .call-phone { text-align: center; } .call-phone { display: block; } .main-menu { display: none; } .slicknav_menu { display: block; } .slicknav_nav { top: 69px; } .hero-text h2 { font-size: 27px; line-height: 35px; } .about-text { padding-right: 0; margin-bottom: 80px; } .newsletter-form, .newsletter-title { float: none; width: 100%; } .newsletter-form input { display: block; } .newsletter-form input[type="email"] { margin: 20px auto; width: 420px; } .single-widget, .single-news-content { margin-bottom: 50px; } .col-lg-4:last-child .single-widget, .col-lg-4:last-child .single-news-content { margin-bottom: 0; } .footer-copyright { text-align: center; } .copyright-content { margin: 15px 0; } .sidebar-area { margin-left: 0; margin-top: 100px; } .single-contact-info { margin-bottom: 70px; } .single-testimonial p { font-size: 15px; margin: 0 15px; } .home_version_2 .single-slide-item, #hero-area { padding: 150px 0; } } @media only screen and (max-width: 767px) { .header-social-icon, .call-phone { text-align: center; } .call-phone { display: block; } .main-menu { display: none; } .slicknav_menu { display: block; } .hero-text h2 { font-size: 27px; line-height: 35px; } .single-hero-box::after { background-color: #1c1c1c; bottom: 0; content: ""; height: 1px; left: 0; opacity: 0.2; position: absolute; width: 100%; } .section-title h2 { font-size: 30px; } .about-text { padding-right: 0; margin-bottom: 70px; } .newsletter-form, .newsletter-title { float: none; width: 100%; } .newsletter-form input { display: block; } .newsletter-form input[type="email"] { margin: 20px auto; width: 100%; } .single-widget, .single-news-content { margin-bottom: 50px; } .col-lg-4:last-child .single-widget, .col-lg-4:last-child .single-news-content { margin-bottom: 0; } .footer-copyright { text-align: center; } .copyright-content { margin: 15px 0; } .sidebar-area { margin-left: 0; margin-top: 100px; } .single-contact-info { margin-bottom: 70px; } .single-testimonial p { font-size: 15px; margin: 0 15px; } .home_version_2 .single-slide-item, #hero-area { padding: 150px 0; } #home-slider .owl-dots { display: none !important; } #hero-box-area { margin-top: 100px; } .project-gird .col-lg-3 { padding: 0 30px; } } @media only screen and (min-width: 640px) and (max-width: 960px) {} 
/*==========================================
    Contact US Page CSS Here
==========================================*/

#header-area.single-page-header {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

#page-title-area {
    background-image: url("../img/sliders/slider-bg-1_1.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

#page-title-area:after {
    background: #fab702;
    content: "";
    left: 0;
    height: 100%;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.page-title.section-title {
    margin-bottom: 0;
}

.page-title.section-title h2 {
    color: #fff;
}

.page-title.section-title h2::after {
    background-color: #fff;
}

.page-title.section-title p {
    font-weight: 400;
}

#contact-information {
    color: #fab702;
    font-family: "Exo";
    font-size: 16px;
    font-weight: 500;
    padding: 145px 0;
    text-align: center;
}

.single-contact-info img {
    font-size: 70px;
    margin-bottom: 40px;
    width: 65px;
}

.single-contact-info p {
    color: #22252c;
}

.single-contact-info p span {
    color: #fab702;
}

.single-contact-info {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#google-map-area {
    background: #fab702;
    height: 600px;
}

#google-map-area iframe {
    border: medium none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 100%;
    margin: 0 0 -6px;
    padding: 0;
    width: 100%;
}

#contact-form-area {
    font-family: "Exo";
    font-weight: 500;
    padding: 85px 0 150px;
}

.contact-form-contant h3 {
    color: #22252c;
    font-family: "Exo";
    font-size: 37px;
    font-weight: 500;
    margin-bottom: 80px;
    text-align: center;
}

.contact-form-contant input,
.contact-form-contant textarea {
    border-color: #b8b8b8;
    border-radius: 0;
    color: #22252c;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.contact-form-contant textarea {
    height: 265px;
    resize: none;
}

.contact-form-contant .form-group {
    margin-bottom: 30px;
}

.contact-form-contant input:hover,
.contact-form-contant input:focus,
.contact-form-contant input:active,
.contact-form-contant textarea:hover,
.contact-form-contant textarea:focus,
.contact-form-contant textarea:active {
    border-color: #fab702;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-form-contant button {
    border: medium none;
    cursor: pointer;
    margin-top: 30px;
    padding: 18px 0 18px 21px;
    width: 180px;
}

.contact-form-contant button:focus,
.contact-form-contant button:active {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.contact-form-contant button:hover {
    color: #fff;
    padding-left: 0;
}

.contact-form-contant .help-block.text-danger ul li {
    color: #fab702;
    margin-top: 5px;
}

.contact-form-contant #success .alert {
    background-color: #fab702;
    border: medium none;
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
    text-transform: capitalize;
}

.contact-form-contant .close {
    color: #fff;
    cursor: pointer;
    opacity: 1;
    top: -35px;
    position: absolute;
    right: -35px;
}

/*==========================================
    News Page CSS Here
==========================================*/

#news-page-news-feed {
    padding: 120px 0 200px;
}

#news-page-news-feed .single-news-content {
    margin-bottom: 30px;
}

.news-see-more-btn.raj_btn {
    margin-top: 70px;
}

.news-see-more-btn.disabled {
    border-radius: 0;
    padding: 15px 40px;
}
.news-see-more-btn.raj_btn:focus,
.news-see-more-btn.raj_btn:active,
.raj_btn.portfolio-btn:focus{
    color:#fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#news-page-news-feed .news-slice {
    display: none;
}

/*==========================================
    News Open or Single Blog CSS Here
==========================================*/

#news-open-area.section-padding {
    padding-bottom: 130px;
}

.news-heading h1 {
    border-bottom: 1px solid #c0c0c0;
    font-size: 32px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding-bottom: 18px;
}

.news-heading {
    margin-bottom: 35px;
}

.news-open-meta a {
    color: #3a3a3a;
    font-weight: 500;
    letter-spacing: 0.6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.news-open-meta a:hover {
    color: #fab702;
}

.news-open-meta span {
    font-weight: 500;
    margin: 0 5px;
}

.news-open-meta i.fa {
    color: #fab702;
    font-size: 15px;
    margin-right: 5px;
}

.single-content-open p {
    color: #7d7d7d;
    font-family: "Exo";
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 28px;
    margin-bottom: 35px;
}

.single-content-open p:nth-child(5) {
    color: #fab702;
    font-style: italic;
}

.single-content-open img {
    margin-bottom: 35px;
}

.single-content-open {
    border-bottom: 1px solid #cdcdcd;
}

.content-share-btn {
    margin: 20px 0 90px;
}

.content-share-btn a {
    border: 2px solid #fab702;
    border-radius: 4px;
    color: #fab702;
    display: inline-block;
    font-weight: 700;
    margin-right: 15px;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.content-share-btn a:hover {
    background-color: #fab702;
    color: #fff;
}

.content-share-btn a i.fa {
    margin-right: 5px;
}

.content-share-btn a {
    border: 2px solid #fab702;
    border-radius: 4px;
    color: #fab702;
    display: inline-block;
    font-weight: 700;
    margin-right: 15px;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.content-share-btn {
    margin: 25px 0 90px;
}

.content-share-btn a:hover {
    background-color: #fab702;
    color: #fff;
}

.content-share-btn a i.fa {
    margin-right: 5px;
}

.news-comment-form h2 {
    color: #616161;
    font-family: Exo;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 35px;
}

.news-comment-form form input,
.news-comment-form form textarea {
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 20px 10px;
    resize: none;
    width: 100%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.news-comment-form form input:hover,
.news-comment-form form input:focus,
.news-comment-form form input:active,
.news-comment-form form textarea:hover,
.news-comment-form form textarea:focus,
.news-comment-form form textarea:active {
    border-color: #fab702;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: medium none;
}

.comment-btn {
    cursor: pointer;
    border: none;
}

.single-sidebar {
    margin-bottom: 50px;
}

.sidebar-title {
    margin-bottom: 25px;
}

.sidebar-title h3 {
    border-bottom: 1px solid #fab702;
    color: #fab702;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 5px;
}

.recent-news-side .media-body h5 {
    color: #616161;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.sidebar-area a {
    color: #616161;
    font-weight: 600;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-sidebar ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0;
}

.single-sidebar ul li a:hover {
    color: #fab702;
}

.single-sidebar ul li:first-child {
    padding-top: 0;
}

.recent-news-btn {
    color: #fab702 !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.recent-news-btn:hover {
    color: #22252c !important;
}

.recent-news-btn i.fa {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.recent-news-btn:hover i.fa {
    padding-left: 6px;
}

/*==========================================
   Project Or Portfolio Page CSS Here
==========================================*/

#project-page-project-feed {
    padding: 130px 0;
}

#project-page-project-feed .news-see-more-btn {
    background-color: transparent;
    border: 2px solid #fab702;
    color: #fab702;
}

#project-page-project-feed .news-see-more-btn:hover {
    background-color: #fab702;
    color: #fff !important;
}

.raj_btn.portfolio-btn {
    margin-top: 40px;
}

.project-infor h3 {
    color: #fab702;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
}

.single-content-open .project-infor p:nth-child(3) {
    color: #fab702;
    font-style: italic;
}

.single-content-open .project-infor p:nth-child(5) {
    color: #7d7d7d;
    font-style: normal;
}

.content-share-btn.project-share {
    margin-bottom: 0;
}

.sidebar-body .sidebar-list.tag-list li a {
    border: 1px solid #fab702;
    border-radius: 3px;
    color: #fab702;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 5px;
    padding: 10px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "Exo";
    font-weight: 500;
}

.sidebar-body .sidebar-list.tag-list li a:hover {
    background-color: #fab702;
    color: #fff;
}

.sidebar-body .sidebar-list.tag-list li {
    border: medium none;
    float: left;
    padding: 0;
}