/* * Bpress - Construction & Architecture Template * Version - 1.2.0 * Author - design_mylife * support - mylifedesign143@gmail.com * File - Main style css file of Bpress template (Always put it on just before end of tag) * Copyright 2019 . All Right Reserved */ @import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500,600|Open+Sans:300,300i,400,400i,600,700,800"); /* Template variables */ /* Basics */ html, body { height: 100%; } body { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 28px; margin: 0; background-color: #fff; color: #5c6771; font-weight: 300; -webkit-font-smoothing: antialiased !important; } ::selection { background: #343352; color: #ffffff; } *:focus { outline: 0 !important; } a { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #d30b0d; } a:hover { color: #5c6771; } button { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } button:focus { outline: 0 !important; } a, a:hover, a:focus { text-decoration: none; outline: 0 !important; } button:focus { outline: 0 !important; } .color_text { color: #d30b0d; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0px; letter-spacing: 2px; font-family: "Dosis", sans-serif; color: #343352; font-weight: 400; line-height: 1.5; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } .border { border-color: #f2f2f2 !important; } .border-left { border-left: 1px solid #f2f2f2 !important; } .border-right { border-right: 1px solid #f2f2f2 !important; } .border-top { border-top: 1px solid #f2f2f2 !important; } .border-bottom { border-bottom: 1px solid #f2f2f2 !important; } blockquote { font-style: italic; font-family: "Open Sans", sans-serif; font-weight: 300; } blockquote h5 { margin-top: 10px; font-weight: 500; color: #d30b0d; } .full-wid { width: 100%; } /**spaces**/ .space10 { height: 10px !important; } .space20 { height: 20px !important; } .space30 { height: 30px !important; } .space40 { height: 40px !important; } .space50 { height: 50px !important; } .space60 { height: 60px !important; } .space70 { height: 70px !important; } .space80 { height: 80px !important; } .space90 { height: 90px !important; } .space100 { height: 100px !important; } /**margins**/ .margin-btm-0 { margin-bottom: 0px !important; } .margin-btm-10 { margin-bottom: 10px !important; } .margin-btm-20 { margin-bottom: 20px !important; } .margin-btm-30 { margin-bottom: 30px !important; } .margin-btm-40 { margin-bottom: 40px !important; } .margin-btm-50 { margin-bottom: 50px !important; } .no-padd { padding: 0px !important; } .no-margin { margin: 0px !important; } .border-width { width: 40px; height: 2px; background: #d30b0d; margin: 20px 0; } .gray-bg { background-color: #f2f2f2; } .color_text { color: #d30b0d; } .center-align { margin: 0 auto; display: block; } .text_color, .text-primary { color: #d30b0d !important; } .text-dark { color: #343352 !important; } .text-muted { color: inherit !important; opacity: .65; } .text-facebook { color: #3b5998 !important; } .text-twitter { color: #38A1F3 !important; } .text-linkedin { color: #0077B5 !important; } .text-googleplus { color: #CC3333 !important; } .bg-primary { background-color: #d30b0d !important; } .bg-dark { background-color: #68686F !important; } .bg-faded { background-color: #f2f2f2 !important; } hr { border-top-color: #f2f2f2; } .text-instagram:before { background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); background: -webkit-radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .dropcap:first-letter { display: inline-block; content: ""; padding: 5px 10px; background: #d30b0d; margin-right: 5px; margin-bottom: 5px; } .dropcap1:first-letter { display: inline-block; content: ""; color: #d30b0d; font-weight: 700; font-size: 20px; margin-right: 5px; margin-bottom: 5px; } .dispay-1, .display-2, .display-3, .display-4 { font-weight: 300; } .alert { box-shadow: 0px 10px 12px -10px rgba(104, 104, 111, 0.1); border: 0px; font-weight: 400; font-size: 12px; } /**********back to top*************/ .scrollToTop { text-align: center; font-weight: bold; color: #d30b0d; text-decoration: none; font-size: 30px; position: fixed; bottom: 10px; right: 10px; z-index: 999999; display: none; opacity: 0.5; line-height: 0px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .scrollToTop:hover { text-decoration: none; opacity: 1; } /* Preloader style */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; } #preloader-inner { position: absolute; left: 50%; top: 50%; font-size: 5px; width: 5em; height: 5em; margin: -25px 0 0 -25px; text-indent: -9999em; border-top: 0.5em solid #d30b0d; border-right: 0.5em solid rgba(252, 234, 187, 0.85); border-bottom: 0.5em solid rgba(252, 234, 187, 0.85); border-left: 0.5em solid rgba(252, 234, 187, 0.85); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } #preloader-inner, #preloader-inner:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .w-100p { width: 100% !important; } /**pagination**/ .page-link { color: #5c6771; border-color: #f2f2f2; } .page-link:hover { background-color: #f2f2f2; color: #d30b0d; } .page-link:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .pagination .active .page-link, .page-link.active { background-color: #d30b0d; color: #fff; border-color: #d30b0d; } /* Buttons style */ .buttons a { margin: 5px; } .btn { font-weight: 600; text-transform: capitalize; font-size: 12px; letter-spacing: 0px; padding: 7px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-family: "Open Sans", sans-serif; } .btn i { margin-left: 8px; font-size: 16px; top: 2px; line-height: 1; position: relative; } .btn.btn-radius { border-radius: 100px; -webkit-border-radius: 100px; } .btn-lg { padding: 11px 30px; font-size: 13px; } .btn-lg i { margin-left: 12px; font-size: 18px; top: 2px; line-height: 1; position: relative; } .btn-xl { padding: 13px 40px; font-size: 14px; } .btn-xl > i { font-size: 21px; position: relative; vertical-align: top; line-height: 1; top: 1px; } .btn-xs { padding: 3px 10px; font-size: 10px; } .btn-link { color: #d30b0d; } .btn-link:hover { color: #5c6771; } .btn-default { background-color: #f2f2f2; color: #5c6771; border-color: #ecece9; } .btn-default:hover { background-color: #ecece9; color: #343352; } .btn-default.focus, .btn-default:focus, .btn-default:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.05); border-color: #ecece9; background-color: #ecece9; } .btn-default:not(:disabled):not(.disabled):active { background-color: #a8080a; border-color: #ecece9; } .btn-skin, .btn-primary { background-color: #d30b0d; color: #fff; border-color: #a8080a; } .btn-skin:hover, .btn-primary:hover { background-color: #a8080a; border-color: #a8080a; color: #fff; } .btn-skin.focus, .btn-skin:focus, .btn-skin:not(:disabled):not(.disabled):active:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(211, 11, 13, 0.35); border-color: #a8080a; } .btn-skin:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active { background-color: #a8080a; border-color: #a8080a; } .btn-dark { background-color: #68686F; text-shadow: 0 1px rgba(104, 104, 111, 0.15); color: #fff; border-color: #212125; } .btn-dark:hover { background-color: #212125; border-color: #212125; color: #fff; } .btn-dark.focus, .btn-dark:focus, .btn-dark:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.35); border-color: #212125; } .btn-dark:not(:disabled):not(.disabled):active { background-color: #212125; border-color: #212125; } .btn-secondary { background-color: #fceabb; text-shadow: 0 1px rgba(252, 234, 187, 0.15); color: #5c6771; border-color: #f4dd9f; } .btn-secondary:hover { background-color: #f4dd9f; border-color: #f4dd9f; color: #343352; } .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(252, 234, 187, 0.35); border-color: #f4dd9f; color: #343352; } .btn-secondary:not(:disabled):not(.disabled):active { background-color: #f4dd9f; border-color: #f4dd9f; color: #343352; } .btn-white { background-color: #fff; color: #343352; } .btn-white:hover { background-color: #f2f2f2; color: #343352; } .btn-white.focus, .btn-white:focus, .btn-white:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.15); border-color: #f2f2f2; } .btn-white:not(:disabled):not(.disabled):active { background-color: #f2f2f2; border-color: #ecece9; } .btn-border-dark, .btn-outline-dark { border: 1px solid #68686F; background-color: transparent; color: #68686F; } .btn-border-dark:hover, .btn-outline-dark:hover { color: #fff; background-color: #68686F; } .btn-border-dark.focus, .btn-border-dark:focus, .btn-border-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.focus, .btn-outline-dark:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.35); border-color: #68686F; } .btn-border-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled):active { background-color: #68686F; border-color: #68686F; } .btn-outline-secondary { border: 1px solid #fceabb; background-color: transparent; color: #5c6771; } .btn-outline-secondary:hover { color: #343352; background-color: #fceabb; border-color: #fceabb; } .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(252, 234, 187, 0.35); border-color: #fceabb; color: #343352; } .btn-outline-secondary:not(:disabled):not(.disabled):active { color: #343352; background-color: #fceabb; border-color: #fceabb; } .btn-border-default, .btn-outline-default { border: 1px solid #f2f2f2; background-color: transparent; color: #5c6771; } .btn-border-default:hover, .btn-outline-default:hover { color: #5c6771; background-color: #f2f2f2; border-color: #ecece9; } .btn-border-default.focus, .btn-border-default:focus, .btn-border-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default.focus, .btn-outline-default:focus, .btn-outline-default:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.15); border-color: #ecece9; } .btn-border-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled):active { background-color: #f2f2f2; border-color: #ecece9; } .btn-border-skin, .btn-outline-primary { border: 1px solid #d30b0d; background-color: transparent; color: #d30b0d; } .btn-border-skin:hover, .btn-outline-primary:hover { color: #fff; border-color: #d30b0d; background-color: #d30b0d; } .btn-border-skin.focus, .btn-border-skin:focus, .btn-border-skin:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(211, 11, 13, 0.35); border-color: #d30b0d; } .btn-border-skin:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active { background-color: #d30b0d; border-color: #a8080a; } .btn-border-white { border: 1px solid #fff; background-color: transparent; color: #fff; } .btn-border-white:hover { color: #343352; background-color: #fff; } .btn-danger.focus, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-info.focus, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-warning.focus, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-success.focus, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus { box-shadow: 0px 9px 20px -5px rgba(104, 104, 111, 0.15); } /* Titles style */ .center-title { text-align: center; position: relative; } .center-title h2 { font-size: 30px; line-height: 30px; text-transform: capitalize; } .center-title .border-width { margin-top: 20px; } .left-title { text-transform: capitalize; padding-bottom: 15px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 40px; } .left-title:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 60px; height: 2px; background: #d30b0d; } .left-title h3 { font-size: 30px; line-height: 30px; text-transform: capitalize; } /* card boxes */ .service-box .service-thumb { position: relative; } .service-box .service-thumb img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .service-box .service-thumb:hover img { -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0px 0px 20px rgba(104, 104, 111, 0.08); -moz-box-shadow: 0px 0px 20px rgba(104, 104, 111, 0.08); -ms-box-shadow: 0px 0px 20px rgba(104, 104, 111, 0.08); box-shadow: 0px 0px 20px rgba(104, 104, 111, 0.08); } .service-box .service-desc { padding: 1.5rem 0; } .service-box .service-desc .border-width { margin: 5px 0; } .service-box .service-desc p { margin-top: 10px; margin-bottom: 1.5rem; } .service-box .service-desc h4 { margin-bottom: .5rem; font-size: 18px; font-weight: 500; } .service-box .service-desc .border-width { margin-bottom: 1.25rem; } .icon-box .border-width { margin: 0px; margin-bottom: 10px; } .icon-box i { color: #d30b0d; float: left; margin-right: 20px; width: 70px; height: 70px; line-height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #d30b0d; display: block; text-align: center; } .icon-box i:before { margin-left: 0px; font-size: 40px; } .icon-box .content { overflow: hidden; text-align: left; } .icon-box .content h4 { font-size: 18px; font-weight: 500; } .icon-box .content p { margin-bottom: 0px; } .support-info .col-lg-4 { text-align: center; margin-top: 30px; } .support-info h4 { font-size: 1rem; font-weight: 400; letter-spacing: 1px; font-family: "Open Sans", sans-serif; } .support-info i { color: #5c6771; width: 5rem; height: 5rem; border-radius: 100px; border: 1px solid #f2f2f2; margin-bottom: 20px; font-size: 3rem; display: flex; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; } /* login register page */ .account-box { border: 1px solid #f2f2f2; border-radius: 5px; } .account-box .nav.nav-tabs li { margin-right: 0px; } .account-box .nav.nav-tabs li:last-child .nav-link { border-right: 0px; } .account-box p { font-size: 12px; font-weight: 400; } .account-box .nav.nav-tabs { border: 0px; } .account-box .nav.nav-tabs .nav-item .nav-link { padding: .75rem 1rem; border: 0px; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background-color: rgba(242, 242, 242, 0.25); color: #5c6771; } .account-box .nav.nav-tabs .nav-item .nav-link.active { background-color: transparent; color: #d30b0d; border-bottom-color: transparent; } .account-box .nav.nav-tabs .nav-item .nav-link small { opacity: .65; display: block; line-height: 1; } .account-box .tab-content { border: 0px; padding: 1.5rem; } .form-icon-group { position: relative; overflow: hidden; } .form-icon-group .ion { position: absolute; left: 5px; top: 10px; width: 40px; height: 30px; line-height: 1; display: flex; align-items: center; justify-content: center; font-size: 24px; opacity: .5; border-right: 1px solid #f2f2f2; } .form-icon-group .form-control { height: 50px; padding-left: 60px; } /* Call to actions */ .cta { padding: 40px 0; background: #f2f2f2; } .cta .btn { margin-top: 10px; } .cta p { margin-bottom: 0px; } .cta h3 { font-size: 30px; } .newsletter { background-color: #f2f2f2; padding: 40px 0; } .newsletter .b-newsletter { margin-top: 10px; position: relative; } .newsletter .b-newsletter .form-control { height: 55px; border-radius: 5px; border-color: transparent; background-color: #fff; } .newsletter .b-newsletter .form-control:focus { -webkit-box-shadow: 0px 0px 15px rgba(104, 104, 111, 0.025); -moz-box-shadow: 0px 0px 15px rgba(104, 104, 111, 0.025); -ms-box-shadow: 0px 0px 15px rgba(104, 104, 111, 0.025); box-shadow: 0px 0px 15px rgba(104, 104, 111, 0.025); } .newsletter .b-newsletter button { position: absolute; right: 0; top: 0; width: 50px; height: 55px; background: transparent; border: 0px; color: #d30b0d; font-size: 30px; } .c_info_bar { padding-top: 30px; background: #d30b0d; } .c_info_bar h4 { margin-bottom: 0px; font-size: 25px; color: #fff; } .c_info_bar h4 i { margin-right: 15px; font-size: 32px; vertical-align: middle; line-height: inherit; position: relative; top: -2px; } /* Top bar style */ .top-bar { padding: 10px 0; border-bottom: 1px solid #f2f2f2; } .top-bar span { display: inline-block; margin-right: 10px; color: inherit; font-size: 14px; } .top-bar span i { vertical-align: middle; position: relative; top: -1px; display: inline-block; margin-right: 10px; font-size: 16px; } .top-bar .list-inline li { padding: 0px; } .top-bar .list-inline li:not(:last-child) { margin-right: .05rem; } .top-bar .list-inline li a { width: 36px; height: 36px; line-height: 1; justify-content: center; align-items: center; display: flex; border: 1px solid #f2f2f2; font-size: 21px; color: #5c6771; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px; } .top-bar .list-inline li a:hover { border-color: #d30b0d; } .top-bar.top-bar-dark { background: #68686F !important; } .top-bar.top-bar-dark span { color: #5c6771; } .top-bar.top-bar-dark .list-inline li a { background-color: #343352; color: #fff; } .top-bar.top-bar-dark .list-inline li a:hover { color: #fff; background: #d30b0d; } /* Navbar css */ .navbar .navbar-nav .nav-link { font-weight: 700; letter-spacing: 0px; font-size: 13px; text-transform: uppercase; } .navbar .navbar-nav .nav-link > i { font-size: 24px; width: 18px; height: 27px; position: relative; right: -15px; display: flex; align-items: center; justify-content: center; line-height: 1; } .navbar.sticky { z-index: 9999 !important; width: 100%; left: 0; -webkit-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.2); } .navbar.navbar-light .nav-link { color: rgba(104, 104, 111, 0.75); } .navbar.navbar-light .nav-link > i { border-color: #f2f2f2; } .navbar.navbar-light .nav-link:hover { color: #d30b0d; } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #d30b0d; } @media (min-width: 992px) { .header-transparent-top { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; background-color: transparent !important; } .header-transparent-top .navbar.navbar-dark.bg-dark, .header-transparent-top .top-bar.top-bar-dark { background-color: transparent !important; } .header-transparent-top .navbar.navbar-dark.bg-dark .top-bar span, .header-transparent-top .navbar.navbar-dark.bg-dark a.nav-link, .header-transparent-top .top-bar.top-bar-dark .top-bar span, .header-transparent-top .top-bar.top-bar-dark a.nav-link { color: rgba(255, 255, 255, 0.65) !important; } .header-transparent-top .navbar.navbar-dark.bg-dark .top-bar span:hover, .header-transparent-top .navbar.navbar-dark.bg-dark a.nav-link:hover, .header-transparent-top .top-bar.top-bar-dark .top-bar span:hover, .header-transparent-top .top-bar.top-bar-dark a.nav-link:hover { color: white !important; } .header-transparent-top .navbar.navbar-dark.bg-dark a.nav-link1, .header-transparent-top .top-bar.top-bar-dark a.nav-link1 { color: rgba(0, 0, 0, 0.65) !important; } .header-transparent-top .navbar.navbar-dark.bg-dark a.nav-link1:hover, .header-transparent-top .top-bar.top-bar-dark a.nav-link1:hover { color: black !important; } .header-transparent-top .navbar.navbar-dark.bg-dark li.active a.nav-link, .header-transparent-top .top-bar.top-bar-dark li.active a.nav-link { color: #d30b0d !important; } .header-transparent-top .navbar.navbar-dark.bg-dark li.show a.nav-link, .header-transparent-top .navbar.navbar-dark.bg-dark .nav-link.show, .header-transparent-top .top-bar.top-bar-dark li.show a.nav-link, .header-transparent-top .top-bar.top-bar-dark .nav-link.show { color: white !important; } .header-transparent-top .top-bar { border-bottom: 0px; color: rgba(255, 255, 255, 0.75); } .header-transparent-top .top-bar ul li a { color: #fff; } .navbar-expand-lg { padding-bottom: 0px; padding-top: 0px; } .navbar-expand-lg .navbar-nav .nav-link { padding-top: 20px; padding-bottom: 20px; padding-left: .9rem; padding-right: .9rem; } body.one-page .navbar.navbar-dark.bg-dark { background-color: transparent !important; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; } body.one-page .navbar.navbar-dark.bg-dark.is-stick { animation: fadeInDown .4s; -webkit-animation: fadeInDown .4s; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #68686F !important; } .navbar.navbar-dark.bg-dark.navbar-sticky.is-stick { animation: fadeInDown .4s; -webkit-animation: fadeInDown .4s; position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(104, 104, 111, 0.65) !important; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); z-index: 999; } /* Header Vertical Demo */ .page-vertical { position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; } .page-vertical .main-content { position: relative; width: 100%; vertical-align: top; display: table-cell; } .page-vertical .main-content .container, .page-vertical .main-content .container-fluid { width: 100%; } .page-vertical .navbar.navbar-expand-lg { width: 240px; height: 100%; display: table-cell; vertical-align: top; width: 250px; background-color: #fff; z-index: 3000; position: relative; left: 0; top: 0; padding: 0px; z-index: 999; -webkit-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.08); -moz-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.08); -ms-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.08); box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.08); } .page-vertical .navbar.navbar-expand-lg > .container, .page-vertical .navbar.navbar-expand-lg > .container-fluid { flex-wrap: wrap; padding: 0px; position: relative; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse { display: table-cell !important; vertical-align: middle; height: 100vh; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse, .page-vertical .navbar.navbar-expand-lg .navbar-nav { width: 100%; position: static; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse .dropdown, .page-vertical .navbar.navbar-expand-lg .navbar-nav .dropdown { position: static; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse .dropdown-menu, .page-vertical .navbar.navbar-expand-lg .navbar-nav .dropdown-menu { box-shadow: 2px 1px 5px rgba(104, 104, 111, 0.08); left: 100%; top: 0; height: 100%; min-height: 100%; border-radius: 0px; background-color: #fff; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse .dropdown-menu.dropdown-menu-mega, .page-vertical .navbar.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-mega { width: 667px; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse .dropdown-menu.dropdown-menu-mega .col-lg-4:nth-child(2), .page-vertical .navbar.navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-mega .col-lg-4:nth-child(2) { border-left: 0px; border-right: 0px; background-color: transparent; } .page-vertical .navbar.navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-menu, .page-vertical .navbar.navbar-expand-lg .navbar-nav .dropdown-submenu .dropdown-menu { height: auto; } .page-vertical .navbar.navbar-expand-lg .navbar-brand { display: block; padding: 1.25rem; } .page-vertical .navbar.navbar-expand-lg .navbar-nav { flex-direction: column; } .page-vertical .navbar.navbar-expand-lg .navbar-nav .nav-link { padding: .5rem 1.25rem; } .page-vertical .navbar.navbar-expand-lg .navbar-nav .nav-link > i { right: 0; } .page-vertical .navbar.navbar-expand-lg .search-toggle { position: relative; } .page-vertical .navbar.navbar-expand-lg .search-toggle .search-form { left: calc(0px + 2%); height: 100%; top: 100%; width: 96%; } } /* Dropdown css */ .dropdown-menu { -webkit-box-shadow: 0px 8px 8px rgba(104, 104, 111, 0.15); -moz-box-shadow: 0px 8px 8px rgba(104, 104, 111, 0.15); -ms-box-shadow: 0px 8px 8px rgba(104, 104, 111, 0.15); box-shadow: 0px 8px 8px rgba(104, 104, 111, 0.15); min-width: 190px; background-color: #fff; margin: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 0px; min-width: 210px; border: 0px; } .dropdown-menu .dropdown-item, .dropdown-menu > li > a { padding: .5rem 1.25rem; font-size: 14px; font-weight: 300; text-transform: capitalize; font-family: "Open Sans", sans-serif; color: #5c6771; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active { color: #d30b0d; background-color: #f2f2f2; } .dropdown-menu > li:last-child a { border-bottom: 0px; } .dropdown-item.active, .dropdown-item:active { background-color: #f2f2f2; color: #d30b0d; } /**search form**/ .search-toggle { position: static; } .search-toggle .nav-link.show > i:before { content: "\f406"; font-size: 32px; } .nav.navbar-nav { position: relative; } .search-form { position: absolute; right: calc(0px + 40px); width: 100%; top: 5%; height: 90%; padding: 0; opacity: 0; visibility: hidden; z-index: 9; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; animation: fadeOutUp .5s; -webkit-animation: fadeOutUp .5s; } .search-form .form-control { height: 90%; position: absolute; width: 100%; top: 5%; left: 0; } .search-form.show { animation: fadeInUp .5s; -webkit-animation: fadeInUp .5s; opacity: 1; visibility: visible; } /**third level menu**/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /****************** MULTI LEVEL DROPDOWN CSS *********************/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: -2px; left: 100%; margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { top: 9px; right: 15px; font-size: 11px; content: "\f3d1"; position: absolute; font-weight: normal; display: inline-block; font-family: "IonIcons"; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } /* Mega Menu */ .dropdown.dropdown-mega { position: static; } .dropdown-menu.dropdown-menu-mega { width: 100%; } .dropdown-menu.dropdown-menu-mega h5 { font-size: 16px; position: relative; padding-bottom: .5rem; padding-top: 1.25rem; margin-bottom: 10px; } .dropdown-menu.dropdown-menu-mega h5:after { content: ""; position: absolute; left: 0; bottom: 0; width: 16px; height: 2px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; background-color: #d30b0d; } @media (min-width: 992px) { .dropdown-menu.dropdown-menu-mega .dropdown-item { padding: 0px; line-height: 2.25rem; } .dropdown-menu.dropdown-menu-mega .dropdown-item:hover, .dropdown-menu.dropdown-menu-mega .dropdown-item:focus { background-color: transparent; } .dropdown-menu.dropdown-menu-mega .flex-column { display: flex; height: 100%; } .dropdown-menu.dropdown-menu-mega .col-lg-4:nth-child(2) { background-color: rgba(242, 242, 242, 0.15); border-right: 1px solid rgba(242, 242, 242, 0.5); border-left: 1px solid rgba(242, 242, 242, 0.5); } .dropdown-menu { display: block; opacity: 0; visibility: hidden; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); } .dropdown-menu.show { opacity: 1; visibility: visible; -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .dropdown-submenu > .dropdown-menu { -moz-transform: translateX(-10px); -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); } .dropdown-submenu:hover > .dropdown-menu { -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; visibility: visible; } } /* form-elements style */ .form-control, input, select, textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; min-height: 45px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #f2f2f2; font-size: 13px; } .form-control:focus, input:focus, select:focus, textarea:focus { -webkit-box-shadow: 0px 0px 10px rgba(211, 11, 13, 0.35); -moz-box-shadow: 0px 0px 10px rgba(211, 11, 13, 0.35); -ms-box-shadow: 0px 0px 10px rgba(211, 11, 13, 0.35); box-shadow: 0px 0px 10px rgba(211, 11, 13, 0.35); border-color: #d30b0d; } label { font-size: 12px; font-weight: 400; color: inherit; } .custom-control-label::after, .custom-control-label::before { top: .4rem; border-color: #f2f2f2; } .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before { border-color: #d30b0d; background-color: #d30b0d; box-shadow: none; } .custom-control-label::before, .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #f2f2f2; } .custom-control-label::after { display: flex; align-items: center; justify-content: center; line-height: 1; color: #fff; font-size: 12px; box-shadow: none; border-color: #f2f2f2; } .custom-checkbox .custom-control-label::before { border-radius: 0px; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; font-family: "Ionicons"; content: "\f2bc"; } .google-map-container { position: relative; overflow: hidden; } .google-map-container img { margin: 15px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.21); -moz-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.21); -ms-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.21); box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.21); } .google-map-container .btn { position: absolute; right: 2rem; bottom: 2.1rem; } /* notify modal */ .notify-form { max-width: 460px; background-color: #fff; margin-left: auto; margin-right: auto; padding: 1.25rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: relative; } .notify-form h3 { margin-bottom: .25rem; } .notify-form p { opacity: .75; } .notify-form .mfp-close { width: 25px; height: 25px; line-height: 25px; background-color: #f2f2f2; border-bottom-left-radius: 5px; font-size: 21px; border-top-right-radius: 5px; color: inherit; font-family: inherit; } /*Hero Templates*/ .hero-parallax { position: relative; overflow: hidden; height: 100%; } .hero-parallax .hero-inner { width: 100%; height: 100%; display: table; position: relative; } .hero-parallax .hero-inner .hero-content { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .hero-parallax .hero-inner .hero-content h2 { color: #fff; font-weight: 400; margin-bottom: 1rem; font-size: 3.5rem; line-height: 1.5; text-transform: capitalize; letter-spacing: 2px; } .hero-parallax .hero-inner .hero-content p { color: #fff; text-transform: capitalize; font-size: 16px; margin-bottom: 1.5rem; } .intro-ytp { height: 100%; } .intro-ytp .hero-parallax { position: relative; } .intro-ytp .hero-parallax:before { background-color: rgba(104, 104, 111, 0.65); background-image: url("../images/video-fallback1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; } .page-coming { height: 100%; display: flex; position: relative; overflow: hidden; } .page-coming .youtube-overlay { position: absolute; left: 0; top: 0; background-image: url("../images/video-fallback1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; z-index: -1; background-color: rgba(104, 104, 111, 0.75); } .page-coming .coming-text { font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; } .page-coming p { font-size: 1.25rem; margin: 1.5rem 0; } .page-coming ul { margin-bottom: 2rem; padding-top: 1.5rem; } .page-coming ul li a { font-size: 21px; color: #fff; display: flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 100px; } .page-coming ul li a:hover { color: #d30b0d; border-color: #d30b0d; -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* countdown boxes */ .countdown-box > div { display: inline-block; padding: .75rem 1.25rem; margin-left: .25rem; border: 1px solid rgba(255, 255, 255, 0.25); text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .countdown-box > div h5 { font-family: "Open Sans", sans-serif; margin-bottom: 0; font-size: 1.75rem; line-height: 1; color: #fff; font-weight: 400; } .countdown-box > div span { font-size: 11px; line-height: 1; display: block; margin-top: .25rem; opacity: .65; text-transform: capitalize; } /* master slider */ .title2 { font-size: 4rem; color: #fff; line-height: 1; letter-spacing: 2px; font-weight: 300; text-transform: capitalize; } .sub-title2 { color: #fff; font-size: 16px; font-family: "Open Sans", sans-serif; } .sub-title3 { color: #fff; font-size: 2rem; font-family: "Open Sans", sans-serif; font-weight: 300; text-transform: capitalize; } .btn1 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px; padding: 10px 25px; background-color: #d30b0d; color: #fff; cursor: pointer; font-size: 14px; text-transform: capitalize; letter-spacing: 1px; font-weight: 400; text-shadow: 0 1px rgba(0, 0, 0, 0.15); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: "Open Sans", sans-serif; } .btn1:hover { color: #fff; background-color: #d30b0d; } .btn1 i { margin-left: 5px; vertical-align: middle; font-size: 16px; } .btn2 { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; border-radius: 24px; padding: 10px 25px; background-color: transparent; color: #fff; border: 1px solid #fff; cursor: pointer; font-size: 14px; text-transform: capitalize; letter-spacing: 1px; font-weight: 400; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: "Open Sans", sans-serif; } .btn2 i { margin-left: 5px; vertical-align: middle; font-size: 16px; } .btn2:hover { color: #343352; background-color: #fff; } /**carousel service slider**/ .service-slider .owl-controls { position: absolute; width: auto; top: 0; margin-top: -50px; right: 0px; } .service-slider .owl-controls .owl-buttons div { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background: transparent; font-size: 35px; color: #d30b0d; } /**tesimonials**/ .testimonials { background-image: url("../images/pattern.png"); background-repeat: repeat; padding: 60px 0; background-color: #343352; } .testimonials .center-title h2 { color: #fff; } .testi-slider { padding: 0px 30px; } .testi-slider i { color: #d30b0d; font-size: 50px; display: block; } .testi-slider p { color: #fff; font-style: normal; margin: 20px 0; font-size: 24px; line-height: 1.7; } .testi-slider h5 { color: #d30b0d; text-transform: uppercase; font-weight: 700; } .testi-slider1 { padding: 0px 30px; } .testi-slider1 i { color: #d30b0d; font-size: 50px; display: block; } .testi-slider1 p { color: #fff; font-style: normal; margin: 20px 0; font-size: 24px; line-height: 1.7; } .testi-slider1 h5 { color: #fff; text-transform: uppercase; font-weight: 700; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; background-color: transparent; border: 1px solid #d30b0d; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #d30b0d; -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); } .item .service-box { padding: 1.5rem; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .item .service-box img { border-radius: 5px; -webkit-border-radius: 5px; } .item .service-box .service-desc { padding-top: 1.25rem; padding-bottom: 0px; } .item1 { padding: 1.5rem; background-color: rgba(173, 173, 173, 0.15); border-radius: 5px; -webkit-border-radius: 5px; height: 400px; } .item1 img { border-radius: 5px; -webkit-border-radius: 5px; } .item1 .service-desc { padding-left: 5rem; padding-top: 1.25rem; padding-bottom: 0px; } /* Sidebar widget */ .sidebar-widget { margin-bottom: 30px; } .sidebar-widget h4 { text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 3px; margin-bottom: 1.5rem; } .sidebar-widget .side-search form { position: relative; } .sidebar-widget .side-search form .form-control { height: 45px; } .sidebar-widget .side-search form button { background: transparent; border: 0px; position: absolute; top: 0; right: 0; width: 50px; height: 45px; line-height: 45px; text-align: center; font-size: 21px; color: inherit; } .sidebar-widget .side-search form button:hover { color: #68686F; } .card-list { border: 1px solid #f2f2f2; border-radius: 5px; } .card-list li a { display: block; padding: 15px; border-bottom: 1px solid #f2f2f2; } .card-list li a span { color: #5c6771; font-size: 11px; } .card-list li a span em { display: inline-block; font-style: normal; margin-left: 10px; } .card-list li a h4 { margin: 0px; font-weight: 400; font-size: 16px; font-family: "Open Sans", sans-serif; letter-spacing: 0px; text-transform: capitalize; } .card-list li a:hover { background-color: #f2f2f2; } .card-list li:last-child a { border-bottom: 0px; } .category-list { margin: 0; } .category-list li { padding: 3px 0; border-bottom: 1px dashed #eee; } .category-list li a { color: #5c6771; } .category-list li a:before { font-family: 'Ionicons'; content: "\f119"; margin-right: 10px; } .category-list li a:hover { color: #d30b0d; } .side-nav li { margin: 0; padding: 0; } .side-nav li a { display: block; padding: 10px 15px; background-color: rgba(242, 242, 242, 0.5); border-left: 3px solid #ecece9; margin-bottom: 4px; font-weight: 400; color: #343352; } .side-nav li.active a, .side-nav li a:hover { background-color: #d30b0d; color: #fff; border-left-color: #a8080a; } .side-nav li.active a { text-shadow: 0 1px rgba(104, 104, 111, 0.05); } /* tabs */ .nav.nav-tabs { border-bottom-color: #f2f2f2; } .nav.nav-tabs .nav-item { margin-right: .25rem; } .nav.nav-tabs .nav-item .nav-link { font-size: 14px; font-weight: 400; border-top-left-radius: 0; border-top-right-radius: 0; padding: .25rem 1rem; } .nav.nav-tabs .nav-link.active, .nav.nav-tabs .nav-item.show > .nav-link { color: #343352; border-color: #f2f2f2 #f2f2f2 #fff; } .nav.nav-tabs .nav-link:hover { border-color: #f2f2f2 #f2f2f2 #fff; } .tab-content { border: 1px solid #f2f2f2; border-top: 0px; padding: 1.25rem; } .tab-content p:last-child { margin-bottom: 0px; } .tab-content img { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /* Blog style */ .post img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; } .post:hover img { -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); -webkit-transform: translateY(-4px); transform: translateY(-4px); } .post .post-meta h4 { font-size: 20px; margin-bottom: 1rem; text-transform: capitalize; } .post .post-meta h4 a { color: #343352; } .post .post-meta h4 a:hover { color: #d30b0d; } .post .post-meta ul { margin-bottom: .75rem; } .post .post-meta ul li a { font-size: 12px; color: #5c6771; opacity: .75; } .post .post-meta ul li a > i { font-size: 16px; margin-right: .25rem; } .post .post-meta ul li a:hover { opacity: 1; } .blog-row hr { margin: 30px 0; } .comments li:nth-child(even) { padding: 15px; background-color: #f5f5f5; margin: 20px 0; } .comments .thumb { float: left; margin-right: 20px; } .comments .thumb i { font-size: 40px; } .comments .content { overflow: hidden; } .comments h5 { text-transform: capitalize; font-weight: 700; } .comments p { margin-bottom: 0px; } /* Staff */ .person-col { max-width: 500px; margin: 0 auto; display: block; border: 1px solid #f2f2f2; } .person-col h4 { margin-bottom: 0px; font-size: 1.25rem; } .person-col img { border-radius: 5px; border-bottom: 1px solid #f2f2f2; } .person-col span { color: #d30b0d; display: block; margin-bottom: 10px; font-size: 12px; } .person-col span em { font-style: normal; } .person-col .person-desc { padding: 1.5rem; } .person-col .person-desc p { margin-bottom: 0px; } /* Pricing tables */ .price-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #f2f2f2; text-align: center; position: relative; overflow: hidden; } .price-box .price-title { font-size: 1.25rem; line-height: 1.5; font-weight: 600; padding-top: 1.5rem; color: #343352; } .price-box .price-title > i { color: #d30b0d; display: block; font-weight: normal; font-size: 11rem; width: 9rem; position: absolute; opacity: .1; top: 2rem; left: 50%; line-height: 1; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .price-box .pricetag { display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; line-height: 1; border: 1px solid rgba(211, 11, 13, 0.45); color: #68686F; -webkit-box-shadow: 0px 0px 20px rgba(211, 11, 13, 0.08); -moz-box-shadow: 0px 0px 20px rgba(211, 11, 13, 0.08); -ms-box-shadow: 0px 0px 20px rgba(211, 11, 13, 0.08); box-shadow: 0px 0px 20px rgba(211, 11, 13, 0.08); -webkit-border-radius: 6rem; -moz-border-radius: 6rem; -ms-border-radius: 6rem; border-radius: 6rem; margin: 20px auto; position: relative; } .price-box .pricetag sup, .price-box .pricetag sub { border: 1px solid rgba(211, 11, 13, 0.45); align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; color: #5c6771; font-weight: 600; line-height: 1; font-size: 13px; display: flex; padding: .25rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; border-radius: 2rem; background-color: #fff; line-height: 1; } .price-box .pricetag span { font-size: 2rem; font-weight: 600; } .price-box .pricetag sub { position: absolute; right: 10px; bottom: 0; } .price-box .pricetag sup { position: absolute; left: 11px; top: 0px; } .price-box ul li { display: block; line-height: 3; border-bottom: 1px dashed #f2f2f2; } .price-box ul li:last-child { border-bottom: 0px; } .price-box .price-footer { padding: 1.5rem 1rem; padding-top: 0; } .price-box.best-plan .price-title { color: #d30b0d; } .price-box.best-plan .pricetag { color: #d30b0d; border-color: #d30b0d; } .price-box.best-plan .best-label { background-color: #d30b0d; color: #fff; display: inline-block; padding: .35rem 2.5rem; font-weight: 400; font-size: 11px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: -45px; top: 23px; line-height: 1; } .price-box:hover { -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.05); -moz-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.05); -ms-box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.05); box-shadow: 0px 0px 10px rgba(104, 104, 111, 0.05); } .price-no-space .price-box { border: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .price-no-space .price-box.best-plan { -webkit-box-shadow: 0px 0px 59px rgba(104, 104, 111, 0.05); -moz-box-shadow: 0px 0px 59px rgba(104, 104, 111, 0.05); -ms-box-shadow: 0px 0px 59px rgba(104, 104, 111, 0.05); box-shadow: 0px 0px 59px rgba(104, 104, 111, 0.05); z-index: 3; } /* Accordions light */ .card.accordions-light { margin-bottom: 10px; border-color: #f2f2f2; } .card.accordions-light .card-header { background-color: transparent; border-bottom: 0px; padding-left: 40px; position: relative; padding: 0px; } .card.accordions-light .card-header a { padding: 10px 15px; border-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 18px; display: block; color: #fff; background-color: #d30b0d; } .card.accordions-light .card-header a:before { font-family: 'Ionicons'; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d8"; margin-right: 5px; } .card.accordions-light .card-header a.collapsed { background-color: #fff; color: #343352; border-radius: .25rem; } .card.accordions-light .card-header a.collapsed:before { font-family: 'Ionicons'; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d0"; } /* Breadcrumb style */ .page-title h2 { margin: 0px; text-transform: capitalize; font-size: 1.75rem; color: #fff; letter-spacing: 2px; font-weight: 300; font-family: "Open Sans", sans-serif; } /* Projects */ .cbp-l-grid-agency-desc { font-family: "Open Sans", sans-serif; } .cbp-l-filters-text .cbp-filter-item { font-family: "Open Sans", sans-serif; } .cbp-l-grid-agency-title { font-family: "Dosis", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 2px; color: #343352; text-transform: capitalize; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .cbp-item:hover .cbp-l-grid-agency-title { color: #d30b0d; } .prject-box { position: relative; overflow: hidden; display: block; } .prject-box img { -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; transition: all 2s ease-in-out 0s; opacity: 1; } .prject-box .project-overlay { position: absolute; width: 96%; height: 96%; left: 2%; top: 2%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .prject-box .project-overlay h4 { color: #fff; position: absolute; bottom: -100%; left: 20px; font-weight: 600; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .prject-box .project-overlay h4 i { margin-left: 8px; } .prject-box:hover .project-overlay { opacity: 1; } .prject-box:hover .project-overlay h4 { bottom: 20px; } .prject-box:hover img { -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.7; } .project-info li { line-height: 38px; vertical-align: middle; margin: 0; padding: 0px; background: #f2f2f2; margin-bottom: 3px; } .project-info li i { display: inline-block; vertical-align: middle; position: relative; top: -1px; width: 40px; height: 40px; text-align: center; background: #d30b0d; font-size: 21px; line-height: 40px; margin-right: 20px; color: #fff; } /* Footer styles */ .footer { background-color: #68686F; background-image: url("../images/map.png"); position: relative; background-repeat: no-repeat; background-position: center 50px; color: rgba(255, 255, 255, 0.6); padding: 60px 0; padding-bottom: 30px; } .footer h3 { text-transform: capitalize; font-size: 18px; font-weight: 300; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; padding-bottom: 15px; margin-bottom: 2rem; } .footer h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 3px; background: #d30b0d; } .footer ul.list-unstyled li { vertical-align: middle; } .footer ul.list-unstyled li a { display: block; padding: 5px 0; color: inherit; } .footer ul.list-unstyled li a:hover { color: #d30b0d; } .footer ul.list-unstyled li a:before { font-family: 'Ionicons'; content: "\f119"; margin-right: 10px; } .footer hr { border-top-color: rgba(255, 255, 255, 0.1); } .footer .list-inline li { padding: 0px; } .footer .list-inline li:after { content: "/"; margin-left: .65rem; } .footer .list-inline li:last-child:after { content: ""; } .footer .list-inline a { color: inherit; } .footer .list-inline a:hover { color: #d30b0d; } .footer .btn-link { padding: 0px; } .latest-projects a { width: 130px; display: block; float: left; margin: 5px; } .latest-projects a img { border-radius: 5px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .latest-projects a:hover img { -moz-transform: translateY(-3px); -o-transform: translateY(-3px); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px); opacity: .75; } /**social**/ .social li { padding: 0px; } .social li a { margin: 0px 3px; color: #5c6771; font-size: 1.75rem; } .social li a:hover { color: #d30b0d; } /****Responsive css**/ @media (max-width: 991px) { .notify-form { max-width: 380px; } .page-coming .display-3 { font-size: 4rem; margin-bottom: 1rem; } .page-coming ul { margin-bottom: 1.5rem; } .page-coming ul li a { width: 2rem; height: 2rem; font-size: 17px; } .page-coming p { font-size: .95rem; margin-top: 1rem; margin-bottom: 1rem; } .page-coming .countdown-box { padding: .25rem .5rem; } .page-coming .countdown-box h5 { font-size: 1.5rem; } .facts-row .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .facts-row .display-4 { font-size: 1.5rem; } .facts-row .display-3 { font-size: 2rem; } .navbar .navbar-nav .nav-link > i { font-size: 24px; width: 3rem; height: 3rem; border-radius: 100px; right: 0; } .navbar.navbar-light .navbar-nav .nav-link > i { background-color: #f2f2f2; } .navbar.navbar-dark .navbar-nav .nav-link > i { background-color: #d30b0d; } .search-toggle { position: relative; } .search-form { left: calc(0px + 60px); right: auto; width: 90%; } .nav.navbar-nav { position: static; } .error-404-page .display-1 { font-size: 2rem; } .error-404-page .lead { font-size: 13px; font-weight: 400; } .top-bar { display: none; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { position: relative; } .navbar-toggler { position: absolute; right: 0; top: 10px; padding: 0px; border: 0px; } .hero-banner .hero-overlay .hero-inner .hero-content h1 { font-size: 30px; line-height: 30px; } .hero-banner .hero-overlay .hero-inner .hero-content p { font-size: 13px; line-height: 22px; } .hero-banner .hero-overlay .hero-inner .hero-content .btn-xl { padding: 6px 12px; } .top-bar .text-right { text-align: left; margin-top: 20px; } .cta { text-align: center; } .space100 { height: 70px; } .landing-hero { margin-top: 49px; } body.one-page .navbar-transparent { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #68686F !important; min-height: 58px; } body.one-page { padding-top: 58px; } .hero-parallax .hero-inner .hero-content h2 { font-size: 1.5rem; } .btn-lg { padding: 10px 25px; font-size: 13px; } .dropdown-menu { border: 0px; box-shadow: none; } .dropdown-menu > .dropdown-item, .dropdown-menu > li > a { border-bottom: 0px !important; } .dropdown-submenu .dropdown-menu { padding-left: .75rem; display: block; } .page-title h2 { font-size: 20px; } .navbar-light .navbar-toggler-icon, .navbar-dark .navbar-toggler-icon { background-image: none; } .navbar-light .navbar-toggler-icon:before, .navbar-dark .navbar-toggler-icon:before { font-family: "Ionicons"; content: "\f1c3"; font-size: 32px; color: #d30b0d; } [aria-expanded="true"] .navbar-toggler-icon:before { content: "\f406"; } .cta h3, h3 { font-size: 24px; } .footer .list-inline { text-align: center; } .footer .text-right { text-align: center !important; } .c_info_bar h4 { font-size: 18px; } } @media (max-width: 767px) { .display-3 { font-size: 3rem; } .center-it p.mb-5 { margin-bottom: 1rem !important; } .center-it p.mt-4 { margin-top: 0.5rem !important; } .notify-form { max-width: 300px; } .notify-form h3 { font-size: 1.25rem; } .notify-form .btn { display: block; width: 100%; } .page-coming img { width: 90px; margin-bottom: .5rem; } .page-coming .display-3 { font-size: 3rem; margin-bottom: .75rem; } .page-coming ul { margin-bottom: 1.5rem; } .page-coming ul li a { width: 2rem; height: 2rem; font-size: 17px; } .page-coming p { font-size: .95rem; margin-top: 1rem; margin-bottom: 1rem; } .page-coming .countdown-box { padding: 0px; border: 0px; background-color: transparent; } .page-coming .countdown-box > div { padding: 0 .65rem; border: 0px; } .cta h3, h3, .h3 { font-size: 20px; } .btn-xl { padding: 12px 20px; } .h1, h1 { font-size: 28px; } .h4, h4, .card-list li a h4, .testi-slider p { font-size: 16px; } .h2, h2 { font-size: 24px; } .border-width { height: 2px; margin: 15px 0; } .center-title .border-width { margin: 20px auto; } .cbp-l-filters-text .cbp-filter-item { padding: 0px 5px; } } @media (max-width: 576px) { .search-form { width: 85%; } .page-coming .display-3 { font-size: 2rem; margin-bottom: 0px; } .page-coming img { width: 90px; margin-bottom: 1rem; } .page-coming p { font-size: .85rem; } } .meeting-info i { color: #5c6771; width: 15rem; height: 17rem; border-radius: 100px; /* border: 1px solid #f2f2f2; */ margin-bottom: 20px; font-size: 13rem; display: flex; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; }