@import url('https://fonts.googleapis.com/css?family=Arimo:700,500,400,300|Oswald:700,400,300|Poppins:700,400'); body { font-family: 'Arimo', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-size: 14px; color: #666666; font-weight: 400; line-height: 28px; } .row { --bs-gutter-x: 1.7rem; } .row>* { padding-left: 15px; padding-right: 15px; } /* Page Loader */ .page-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/page-loader.gif) 50% 50% no-repeat rgb(249,249,249); } input, button, select, textarea { font-family: 'Arimo', sans-serif; } select{ width: 100%; } .input-group>.form-control:focus { box-shadow: none; } :active, :focus { outline: 0; } a { text-decoration: none; outline:none; cursor: pointer; color: #000000; } a:focus, a:hover, a:active { text-decoration: none; outline:none; } .link:hover { color: #111; } .link { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } p { margin-bottom: 15px; } ul { list-style: none; padding: 0; } ul:last-child, ol li:last-child { margin-bottom: 0px; } ol li { margin-bottom: 8px; } img, video { max-width: 100%; height: auto; } img { display:block; margin:0 auto; } select { height: 40px; line-height: 40px; padding: 0 10px; } select:focus { outline:0; } input:focus { outline: 0; } span:focus { outline: 0; } ::selection { color:#fff; } pre { background: #eeeeee none repeat scroll 0 0; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } table { border: 1px solid #e1e1e1; padding: 5px 10px; } table th { border-bottom: 1px solid #e1e1e1; } table td { border-top: solid 1px #e1e1e1; } input { border: 1px solid #cccccc; } table { margin-bottom: 15px; } iframe { border: none; } .body-bg { background-image: url(../images/bg/body-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /* Heading */ h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'Oswald',sans-serif; color: #252525; } h1 { font-size: 45px; line-height: 48px; } h2 { font-size: 40px; line-height: 50.2px; } h3 { font-size: 24px; line-height: 36px; } h4 { font-size: 18px; line-height: 30px; } h5 { font-size: 17px; line-height: 30px; } h6 { font-size: 15px; line-height: 26px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .upper{ text-transform:uppercase; } .lower{ text-transform:lowercase; } .text-small{ font-size: 12px; line-height: 18px; } hr{ border: 0; border-top: 1px solid #e1e1e1; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 0 none; } hr.white{ border: 0; border-top: 1px solid #e1e1e1; border-top: 1px solid rgba(255,255,255,1); border-bottom: 0 none; } /*Font Weight*/ .font-w-100 {font-weight: 100;} .font-w-200 {font-weight: 200;} .font-w-300 {font-weight: 300;} .font-w-400 {font-weight: 400;} .font-w-500 {font-weight: 500;} .font-w-600 {font-weight: 600;} .font-w-700 {font-weight: 700;} /* Shadow Styles */ .box-shadow { -moz-box-shadow: 1px 2px 20px 0px rgba(230, 230, 230, 0.8); -webkit-box-shadow: 1px 2px 20px 0px rgb(230 230 230 / 80%); box-shadow: 1px 2px 20px 0px rgb(230 230 230 / 80%); } .box-shadow1, .hvr-box-shadow:hover { -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); } .box-shadow2 { -webkit-box-shadow: 0 10px 36px -12px rgba(26, 188, 156, 0.48); -moz-box-shadow: 0 10px 36px -12px rgba(26, 188, 156, 0.48); box-shadow: 0 10px 36px -12px rgba(26, 188, 156, 0.48); } .nav-shadow { -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.14); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.14); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.14); } /* Border Radius Styles */ .b-radius-0 { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .b-radius-5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .b-radius-6 { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .b-radius-8 { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .b-radius-10 { border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; } .b-radius-15 { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .b-radius-20 { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .b-radius-30 { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .b-radius-50 { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } /* Hover Bg */ .hvr-theme:hover { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } .hvr-theme:hover * { color: #fff; } /*Icon Styles*/ .icon-light { color: #fff; } .icon-dark { color: #111; } .i-2x { font-size: 2em; } .i-3x { font-size: 3em; } .i-4x { font-size: 4em; } .i-5x { font-size: 5em; } /*Letter Spacing Style*/ .ltrs0 { letter-spacing: 0; } .ltrs1 { letter-spacing: 1px; } .ltrs2 { letter-spacing: 2px; } .ltrs3 { letter-spacing: 3px; } .ltrs4 { letter-spacing: 4px; } .ltrs5 { letter-spacing: 5px; } .h-0 { height: 0; } .w-0 { width: 0; } /* Transitions */ section a, footer a { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } /*-------------------------------------------------------------- 02. Typography --------------------------------------------------------------*/ .bg-dark a, .typo-white, .typo-white a, .typo-white p, .typo-white h1, .typo-white h2, .typo-white h3, .typo-white h4, .typo-white h5, .typo-white h6, .typo-white .portfolio-filter li a, .typo-white span { color: #fff; } .typo-dark, .typo-dark a, .typo-dark p, .typo-dark h1, .typo-dark h2, .typo-dark h4, .typo-dark h5, .typo-dark h6, .typo-dark .portfolio-filter li a, .typo-dark span { color: #222; } .typo-white .owl-dot.active span { background: #fff; } .typo-white .owl-dot span { background: #cfcfcf; } .typo-dark .owl-dot span { background: #111; } .bg-grey { background: #f7f7f7; } .bg-blue-shade { background: #fafcff; } .bg-dark, .bg-dark .sticky-nav-wrapper .sticky-nav-inner { background-color: #343a40; } /*Bg Theme*/ .bg-overlay-theme .btn { background: #111; } .bg-fixed { background-attachment: fixed; } /*Background*/ .bg-light, .bg-light .header-sticky { background: #ffffff !important; } .bg-dark, .bg-dark .header-sticky { background: #111 !important; } /*Background Overlay*/ .black-overlay, .black-overlay1, .black-overlay2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .black-overlay { background: rgba(0,0,0,0.7); } .black-overlay1 { background: rgba(0, 0, 0, 0.9); } .black-overlay2 { background: rgba(0, 0, 0, 0.3); } .white-overlay { background: rgba(255, 255, 255, 0.88); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .theme-overlay, .theme-overlay2, .theme-overlay3 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } section, .relative { position: relative; } section { padding: 100px 0; } /*Classes*/ .o-hide { overflow: hidden; } .o-visible { overflow: visible; } /*Default Styles*/ .basic-container { margin: 0 auto; max-width: 1170px; padding: 0 15px; position: relative; width: 100%; } .login-container { display: flex; justify-content: center; align-items: center; height: calc(100vh - 250px); /* Höhe des Bildschirms minus Navbar und Footer */ margin-bottom:60px; } .login-box { background: rgba(31, 41, 55); padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 500px; } .login-box h2 { text-align: center; margin-left: 10px; color:#FFFFFF; margin-bottom: 40px; } .login-box input { width: 350px; margin: 15px auto 0 auto; display: block; padding: 10px; border: 1px solid #ddd; border-radius: 5px; color:#001b44; } .login-box button { width: 100px; padding: 10px; margin: 20px auto 0 auto; display: block; background: #feb600; color: #fff; border: none; border-radius: 5px; cursor: pointer; } .login-box button:hover { background: #F6CB43; } .error-message { color: red; font-size: 14px; text-align: center; margin-top: 10px; } .container { max-width: 1170px; } .pull-right { float: right; } .pull-left { float: left; } .nav.pull-center { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; display: inline-block; text-align: center; float: left; } .nav.pull-center.show-opacity { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: opacity ease 0.35s; -moz-transition: opacity ease 0.35s; transition: opacity ease 0.35s; } ul.nav.navbar-main > li: first-child > a { padding-left: 0; } ul.nav.navbar-main > li: last-child > a, .header-inner ul.nav.navbar-main > li:last-child > a { padding-right: 0; } .header-inner ul.nav.navbar-main > li:first-child > a { padding-left: 0; } ul.nav.navbar-main > li:last-child > a { padding-right: 0; } /*------------------------------------ 03. Header Styles --------------------------------------*/ .logobar-items img, .topbar-items img, .navbar-items img { display: inline-block; } .header-contact { padding: 0 25px; padding-top: 30px; } .header-contact > a { display: block; padding-bottom: 5px; } .header-contact > a > i { padding-right: 10px; } .header-absolute { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; position: absolute; right: 0; z-index: 999; } .header-inner.header-1.header-absolute { position: absolute; } /* Topbar */ .topbar-items > li { height: 50px; line-height: 50px; } .topbar a { color: #636363; } .topbar .social-icons a:hover { color: #fff; } .page-wrapper { margin: 0 auto; } .page-wrapper.boxed { max-width: 1170px; } .page-wrapper.boxed-layout .row>* { padding-left: 40px; padding-right: 40px; } .topbar ul.nav.header-info.header-logins > li { padding: 0 5px; font-weight: 600; } .topbar ul.nav.header-info > li:first-child { padding-left: 0; } .topbar ul.nav.header-info > li { padding: 0px 15px; } .topbar ul.nav.header-info.header-logins { padding-right: 30px; } .header-address { font-weight: 400; } .header-address span { padding-right: 8px; } .topbar .social-icons a { width: 26px; height: 50px; line-height: 50px; margin-right: 0px; } .topbar .social-icons a span { width: 40px; height: 40px; line-height: 40px; margin-right: 0; } .topbar-items > li:not(:last-of-type) { padding-right: 30px; } .topbar .social-icons a.social-fb:hover span { color: #3b5999; } .topbar .social-icons a.social-twitter:hover span { color: #55acee; } .topbar .social-icons a.social-instagram:hover span { color: #e4405f; } .topbar .social-icons a.social-pinterest:hover span { color: #bd081c; } .topbar .social-icons a.social-youtube:hover span { color: #cd201f; } .topbar .social-icons a.social-dribble:hover span { color: #ea4c89; } /* Logobar */ .logobar-items > li, .logobar-items .navbar-nav > li > a { line-height: 130px; } .logobar .header-info p, .logobar .header-info a { color: #9D9D9D; font-size: 14px; } .logobar-items.logobar-center > li { display: inline-block; height: 130px; line-height: 130px; } .logobar-items .header-info h6 { font-family: 'Arimo',sans-serif; } .logobar .header-info .header-icon > i { font-size: 28px; } .logobar-items.logobar-free.logobar-center, .navbar-items.navbar-free.navbar-center { left: auto; float: none; position: relative; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } .logobar-items.logobar-free.logobar-center { background: none; } .logobar-items a.center-logo: hover { background: none; } .logobar-items .center-logo img { line-height: 150px; padding: 0 20px; } .header-info .media-body h6 { font-size: 15px; padding-bottom: 4px; } .header-info .media-body h6 > a { font-size: 15px; font-weight: 500; color: #252525; } /* Navbar */ .navbar { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; } .navbar .contact-icon { font-size: 20px !important; font-weight: 700 !important; } .navbar-items > li, .navbar-items .navbar-nav > li > a { line-height: 100px; } .navbar-nav > li > a { padding: 0 10px; float: left; } .navbar-items > li { float: left; } .img-before: : before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .sticky-head.header-sticky .navbar .logo-sticky { display: block; } .sticky-head .navbar .logo-sticky, .sticky-head.header-sticky .navbar .logo-general { display: none; } .navbar .navbar-main.menu-white > li > a { color: #fff; } .navbar.bg-theme .navbar-main.menu-white > li > a:hover, .navbar .navbar-main.menu-white > li > a:hover, .header-sticky .navbar .navbar-main.menu-white > li > a:hover { color: #eaeaea !important; } .header-1 .header-sticky .navbar .navbar-main.menu-white > li > a { color: #000; } .header-sticky .navbar .navbar-main.menu-white > li > a { color: #fff; } .header-sticky .navbar.bg-theme .navbar-main.menu-white > li > a { color: #fff; } .header-navbar-text-1 .h-donate-btn { font-size: 12px !important; font-weight: 700 !important; line-height: 17px; padding: 11px 23px !important; border-radius: 4px; color: #fff !important; text-transform: uppercase; position: relative; } .header-navbar-text-1 .h-donate-btn:hover:before { width: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; top: 0; } .header-3 .h-donate-btn { background: rgb(255 255 255 / 41%); } .header-3 .sticky-head.header-sticky .basic-container { padding: 0 15px !important; } .header-navbar-text-1 .h-donate-btn:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 50%; background: rgba(255, 255, 255, 0.21); z-index: 0; width: 0; border-radius: 4px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .navbar .header-phone { padding: 13px 20px; font-size: 15px; font-weight: 600; border-radius: 30px; letter-spacing: 0.5px; color: #fff; transition: all .3s; } .navbar .header-phone:hover { background: #000; } .navbar .header-phone span { vertical-align: -2px; } /* Header Variations */ /* Floating Header */ .header-floating { position: absolute; left: 100px; right: 100px; top: 0; z-index: 9; } /* Full Width Header */ header.header-full { z-index: 9; position: relative; } .header-full .basic-container { width: 100%; max-width: 100%; } /* Semi Transparent Header */ .bg-semi-transparent { background: rgba(255,255,255,0.7); } .bg-transparent, .bg-semi-transparent, .bg-semi-transparent-dark { position: absolute; top: 0; right: 0; left: 0; } .header-sticky nav.navbar.bg-semi-transparent { background: #fff; } /* Header Dark */ .bg-dark .form-control { background: #4b5258; border-color: #5f6468; } .bg-dark .dropdown-menu { background: #fff; } .bg-dark .mega-dropdown .dropdown-menu > li > a { border-bottom-color: #4b5258; } .bg-dark .mega-dropdown .dropdown-menu > li > a:hover { background: transparent; } .bg-dark .search-form .search-btn, .bg-dark ul.nav.navbar-main > li > a, .bg-dark .mega-dropdown .dropdown-menu > li > a, .bg-dark .dropdown-menu > li > a, .bg-dark .mega-dropdown .dropdown-menu > li > ul > li > a { color: #fff; } /*Header Absolute*/ header.header-absolute { background: rgba(0,0,0,0) none repeat scroll 0 0; left: 0; position: absolute; right: 0; z-index: 999; } /* Search Box */ .search-form input.form-control { margin-bottom: 0; } .search-form-wrapper { display: inline-block; vertical-align: middle; } .navbar-items > li > .search-form-wrapper > .navbar-form, .navbar-items > li > .expanding-search .search-form-wrapper > .navbar-form { display: inline; } .input-group-btn > .btn { left: -2px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .search-form .search-btn { height: 40px; color: #fff; } /* Close icon style */ .close { position: absolute; right: 14px; top: 14px; width: 32px; height: 32px; opacity: 0.7; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .close:hover { opacity: 1; } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 13px; width: 2px; top: 9px; } .close:before { -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ -moz-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ -moz-transform: rotate(-45deg); transform: rotate(-45deg); } /*Header Icon*/ .header-icon > i { font-size: 34px; } /* Header */ .header-inner .social-icons span, .zmm-inner .social-icons span { margin-right: 5px; text-align: center; } .header-inner .h-btn { display: list-item; } .h-btn > .btn { padding: 10px 35px; background: transparent; border: solid 2px; font-weight: 600; } .h-btn > .btn:hover { border: solid 2px; } /*Header 1*/ .header-inner.header-1 { position: relative; z-index: 9; } .header-1 .logobar { color: #111; font-weight: 400; font-size: 16px; letter-spacing: .5px; border-bottom: solid 1px #eaeaea; } .header-1 .logobar-items > li, .header-1 .logobar-items .navbar-nav > li > a { line-height: 110px; } .header-1 .navbar-items > li, .header-1 .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-1 .header-sticky .nav-inner, .header-1 .header-sticky .navbar-items > li, .header-1 .header-sticky .navbar-items .navbar-nav > li > a, .header-1 .sticky-scroll.show-menu .nav-inner, .header-1 .sticky-scroll.show-menu .navbar-items > li, .header-1 .sticky-scroll.show-menu .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-1 .header-sticky .logo-sticky img { max-height: 50px; padding: 5px 0; width: 100%; } .bg-dark .mega-dropdown .dropdown-menu > li > a, .bg-dark .mega-dropdown .dropdown-menu > li > ul > li > a { color: #2b2b2b; border: none; line-height: 1.4; padding: 10px 20px; } .header-1 .full-view-switch, .header-2 .full-view-switch, .header-3 .full-view-switch { position: relative; display: block; } .header-1 .h-btn.btn-2 > .btn { padding: 13px 30px 13px 30px; line-height: 1; color: #fff; border: none; } .header-1 .h-btn.btn-2 > .btn:hover { background: #111; } /*Header 2*/ .header-1 .topbar, .header-2 .topbar { border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 14px; } .header-1 .topbar { color: #636363; border-bottom: 1px solid #e1e1e1; } .header-1 .topbar.typo-white { color: #fff; border-bottom: none; } .header-2 .topbar, .header-2 .topbar a, .header-1 .topbar.typo-white a { color: #fff; } .header-2 .social-icons a { margin-right: 0; } .header-2 .full-view-wrapper .close.full-view-close { right: 30px; } .header-2 .logobar-items > li, .header-2 .logobar-items .navbar-nav > li > a { line-height: 110px; } .header-2 .navbar-items > li, .header-2 .navbar-items .navbar-nav > li > a { line-height: 90px; } .header-2 .header-sticky .nav-inner, .header-2 .header-sticky .navbar-items > li, .header-2 .header-sticky .navbar-items .navbar-nav > li > a, .header-2 .sticky-scroll.show-menu .nav-inner, .header-2 .sticky-scroll.show-menu .navbar-items > li, .header-2 .sticky-scroll.show-menu .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-2 .topbar-items > li { height: 60px; line-height: 60px; } .header-2 .navbar .basic-container { padding: 0 25px; } .header-2 .sticky-head.header-sticky .navbar .basic-container { padding: 0 15px; } .header-2 .navbar-items img { margin-top: -4px; } /*Header 3*/ .header-3 .logobar { color: #111; font-weight: 400; font-size: 16px; letter-spacing: .5px; border-bottom: solid 1px #eaeaea; } .header-3 .logobar-items > li, .header-3 .logobar-items .navbar-nav > li > a { line-height: 110px; } .header-3 .navbar-items > li, .header-3 .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-3 .header-sticky .nav-inner, .header-3 .header-sticky .navbar-items > li, .header-3 .header-sticky .navbar-items .navbar-nav > li > a, .header-3 .sticky-scroll.show-menu .nav-inner, .header-3 .sticky-scroll.show-menu .navbar-items > li, .header-3 .sticky-scroll.show-menu .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-3 .header-sticky .logo-sticky img { max-height: 65px; padding: 10px 0; width: 100%; } .header-3 .h-btn.btn-2 > .btn { padding: 13px 30px 13px 30px; line-height: 1; color: #fff; border: none; } .header-3 .h-btn.btn-2 > .btn:hover { background: #111; } .header-3 .topbar .social-icons a:last-child { border-right: solid 1px #eaeaea; } .header-3 .topbar .social-icons a { border-left: solid 1px #eaeaea; } .header-3 .topbar .social-icons.br-type-2 a { border-left: solid 1px #cbcbcb; } .header-3 .topbar .social-icons.br-type-2 a:last-child { border-right: solid 1px #cbcbcb; } /*Header 4*/ .header-4 { position: relative; z-index: 9; } .header-4 .logobar-items > li, .header-4 .logobar-items .navbar-nav > li > a { line-height: 110px; } .header-4 .navbar-items > li, .header-4 .navbar-items .navbar-nav > li > a { line-height: 90px; } .header-4 .header-sticky .nav-inner, .header-4 .header-sticky .navbar-items > li, .header-4 .header-sticky .navbar-items .navbar-nav > li > a, .header-4 .sticky-scroll.show-menu .nav-inner, .header-4 .sticky-scroll.show-menu .navbar-items > li, .header-4 .sticky-scroll.show-menu .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-4 .header-sticky .logo-sticky img { max-height: 65px; padding: 10px 0; width: 100%; } .header-4 .topbar .social-icons a:last-child { border-right: solid 1px #424242; } .header-4 .topbar .social-icons a { border-left: solid 1px #424242; } .header-4 .topbar { background: rgba(0,22,47,1); } .header-4 .menu-item-logo { padding: 0 30px; } .header-4 .sticky-head.header-sticky .main-logo::before { content: none; } .header-4 .sticky-head.header-sticky .main-logo { padding: initial; position: unset; width: inherit; height: inherit; } .header-4 .main-logo img { position: relative; padding: 10px 0; } /*Header 5*/ .header-inner.header-5 { position: relative; z-index: 9; } .header-5 .navbar .basic-container { max-width: 1140px; padding: 0 25px; } .header-5 .sticky-head.header-sticky .navbar .basic-container { max-width: 1170px; padding: 0 15px; } .header-5 .logobar-items > li, .header-5 .logobar-items .navbar-nav > li > a { line-height: 90px; } .header-5 .navbar-items > li, .header-5 .navbar-items .navbar-nav > li > a { line-height: 60px; } .header-5 .sticky-outer .sticky-head.header-sticky, .header-5 .sticky-outer .sticky-scroll.show-menu { background: #111; } .header-5 .social-icons a { width: 25px; } .header-5 .navbar-inner ul.navbar-items:last-of-type > li.list-item { padding-left: 10px; } .page-wrapper.boxed-layout .header-5 .navbar .basic-container { max-width: 1170px; } body .container .header-5 .sticky-outer .sticky-head.header-sticky, body .container .header-5 .sticky-outer .sticky-scroll.show-menu { width: 1146px; margin: 0 auto; } /*--------------------------- 04. Button Styles -----------------------------*/ .switch { position: relative; display: inline-block; width: 40px; height: 20px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 12px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #feb600; } input:focus + .slider { box-shadow: 0 0 1px #feb600; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(16px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } input[type="checkbox"] { accent-color: #feb600; } .btn:focus, button:focus, .btn-default:focus, .btn-primary:focus { box-shadow: none; outline: none; background: #333; } .btn.btn-default:not(:disabled):not(.disabled).active:focus, .btn.btn-default:not(:disabled):not(.disabled):active:focus, .btn.show>.btn-default.dropdown-toggle:focus, .btn.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn.show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; outline: none; background: #333; } .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.show>.btn-primary.dropdown-toggle { box-shadow: none; outline: none; background: #333; } .btn.btn-primary { border: none; } .btn, .btn-default { font-size: 15px; line-height: 25px; font-weight: 700; padding: 11px 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: relative; border: 1px solid; } .btn:hover, .btn-default:hover { background: #000 !important; border: 1px solid #000; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; top: 0; } .slide-btn:hover, .slide-btn:focus { background: #fff; color: #fff !important; } .btn:hover, button:hover, .btn-default:hover { color: #fff; } .btn.btn-2 { padding: 10px 30px; font-size: 14px; } .btn-outline { background: transparent; border: 1px solid; } .btn-outline.slide-btn, .btn:hover, .btn-default:hover { border-color: #fff !important; color: #fff; } .transparent { background: transparent; } .btn.btn-light { background-color: #fff; border-color: #fff !important; color: #000; } .btn.btn-light:hover { background-color: #f5f5f5; border-color: #f5f5f5 !important; color: #000; } /* Blockquote */ .blog-single .blockquote-1 { font-size: 19px; line-height: 30px; color: #252525; font-weight: 700; position: relative; font-style: italic; padding: 10px 30px 10px 60px; margin-bottom: 15px; margin-top: 17px; } .blog-single .blockquote-1::before { content: "\e67f"; font-family: themify; font-size: 70px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); opacity: 0.1; } .blog-single .blockquote-1 p:first-letter { color: #252525 !important; font-size: 26px !important; padding: 0 !important; } blockquote.blockquote-2 { margin: 0 0 20px; border-left: 5px solid #eee; border-right: 0; padding: 12px 40px; color: #606060; } blockquote.blockquote-2 { font-size: 18px; font-weight: 500; font-style: italic; } /* Page Title */ .page-title-wrap { position: relative; } .page-title-wrap-inner { padding: 64px 0 60px; background-image: linear-gradient(85deg,#CBE7E5,#FAF4F3); } .page-title-wrap-inner .container >* { position: relative; z-index: 1; } h1.page-title { text-transform: capitalize; margin-bottom: 0; font-size: 42px; line-height: 1.3; -ms-word-break: break-word; word-break: break-word; } .breadcrumb { background: transparent; padding: 0; margin: 0; display: block; font-size: 14px; } .typo-dark .breadcrumb a:hover { color: #000; } .breadcrumb>a:hover { color: #fff; } .breadcrumb>a::after { content: "-"; font-family: fontawesome; padding: 0 10px; } .breadcrumb li > a { font-size: 13px; } .breadcrumb li.active { font-size: 13px; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } /* Full Width Search Wrapper */ .logobar { position: relative; } .full-view-wrapper { left: 0; position: absolute; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999; padding: 0 40px; border: none; } .header-2 .full-view-wrapper { padding: 0 30px; } .full-view-wrapper .form-control { border: none; font-size: 20px; padding: 0; margin-bottom: 0; height: 100%; } .full-view-wrapper .close:before, .full-view-wrapper .close:after { height: 25px; top: 3px; } .full-view-wrapper .close.full-view-close { right: 34px; } .bg-dark .full-view-wrapper .form-control { background: #fff; border: none; font-size: 18px; } .full-view-wrapper .navbar-form.search-form { margin: 0; padding: 0; height: 100%; } .full-view-wrapper .navbar-form.search-form .input-group { width: 100%; height: 100%; } .close.full-view-close { z-index: 9; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /*Search Box - Overlay Search*/ .overlay-search, .overlay-menu-wrapper { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.84); z-index: 9999; } .overlay-search .search-form-wrapper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; margin: 0 auto; right: 0; width: 60%; } .overlay-search .close:before, .overlay-search .close:after { height: 16px; width: 2px; top: 9px; opacity: 1; } .overlay-search .form-control { font-size: 18px; padding: 12px 15px; } .overlay-search .close { opacity: 1; } .overlay-search .search-form-wrapper .form-control { background: transparent; font-size: 20px; height: 60px; padding: 5px 30px 0 0; color: #fff; border: 0; border-bottom: 3px solid #eaeaea; border-radius: 0; } .overlay-search .search-form-wrapper .input-group-btn { position: absolute; right: 0; } .overlay-search .search-form-wrapper .input-group-btn button { border: none; cursor: pointer; padding: 9px 0px 9px 5px; background: transparent; line-height: 48px; } /* Sticky Nav Sidebars */ .sticky-nav-wrapper { z-index: 9999; } .sticky-nav-wrapper .sticky-nav-inner { position: fixed; height: 100%; width: 260px; top: 0; z-index: 9999; background: #fff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; box-shadow: 14px 31px 24px rgb(0 0 0 / 29%); } /*--------------------------- 05. Page Content -----------------------------*/ body { overflow-x: hidden; } body.active, body.push-active, body.push-active .page-wrapper { overflow: hidden; } body.push-active .page-wrapper, body.push-active .page-wrapper .page-wrapper-inner { position: relative; } body.push-active .page-wrapper: before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; position: absolute; width: 100%; z-index: 99; } .sticky-nav-wrapper .navbar-items li { float: none; } .sticky-nav-wrapper .navbar-items li > a { line-height: 30px; } .page-wrapper, .page-wrapper-inner { position: relative; background: #fff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .page-wrapper.left-push .sticky-nav-inner, .page-wrapper.left-overlay .sticky-nav-inner { left: -260px; } .page-wrapper.right-push .sticky-nav-inner, .page-wrapper.right-overlay .sticky-nav-inner { right: -260px; } body.push-active .page-wrapper.left-push .sticky-nav-inner, body.overlay-active .page-wrapper.left-overlay .sticky-nav-inner, .page-wrapper.left-sticky .sticky-nav-inner, .page-wrapper.left-push .page-wrapper-inner { left: 0; } body.push-active .page-wrapper.left-push .page-wrapper-inner { left: 260px; } body.push-active .page-wrapper.right-push .sticky-nav-inner, body.overlay-active .page-wrapper.right-overlay .sticky-nav-inner, .page-wrapper.right-sticky .sticky-nav-inner, .page-wrapper.right-push .page-wrapper-inner { right: 0; } body.push-active .page-wrapper.right-push .page-wrapper-inner { right: 260px; } .sticky-nav-wrapper.left-sticky .sticky-nav-inner { left: 0; } .sticky-nav-wrapper.right-sticky .sticky-nav-inner { right: 0; } .page-wrapper.left-sticky, .page-wrapper.right-sticky { max-width: 100%; } .page-wrapper.left-sticky { padding-left: 260px; } .page-wrapper.right-sticky { padding-right: 260px; } .overlay-menu-wrapper { display: none; } .hide { display: none; } section { overflow: hidden; } section.h-100 { padding: 150px 0; } /*Error 404*/ .error-page > h1 { font-size: 200px; line-height: 173px; font-weight: 100; } .error-description > p { font-size: 38px; letter-spacing: 2px; text-transform: uppercase; line-height: 39px; color: #808080; } /*Coming Soon*/ .coming-soon .social-icons.icons-circle a > span:hover { background: #fff; color: #000; } /* Day Counter Styles */ .day-counter { margin: 0 -10px; } .day-counter > div { display: inline-block; margin: 0 10px 30px; position: relative; } .under-maintain-content .day-counter > div:before { content: ""; position: absolute; width: 2px; height: 22px; background: #fff; top: 50%; right: -10px; transform: translateY(-50%); } .under-maintain-content .day-counter > div:last-child:before { content: unset; } .day-count-details > .count-view { line-height: unset; margin-bottom: 14px; font-size: 35px; } .day-count-details > span { font-size: 16px; line-height: 28px; } .cs-wrap .mailchimp-inner p.subscribe-status-msg { margin-top: 30px; letter-spacing: 0; border: solid 2px #8BC34A; padding: 10px; } .counter-item { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .counter-elements { position: relative; } .day-count-icon > span { font-size: 32px; } .under-maintain-btn .btn { background: #fff; color: #000; } .under-maintain-content .day-count-details > span { color: #fff; } /*Content Styles*/ .content-wrapper { padding: 75px 0; background: #fff; } /* stop the glowing blue shadow */ .add-on .form-control: focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-color: #cccccc; } /* Forms */ .form-control { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 50px; font-weight: 400; margin-bottom: 13px; padding: 0 15px; color: #8d9297; border: solid 1px #eaeaea; } .form-group { margin-bottom: 0; } .form-control:focus, .form-control:active { box-shadow: none; outline: none; } .input-file { display: flex; width: 100%; } .input-file input { color: #ccc; } .form-th-color .form-group.has-error i.form-control-feedback, .form-th-color .form-group.has-error .help-block { color: #fff; } .height-zero { height: 0; width: 0; padding: 0; margin: 0; border: none; box-shadow: none; } .form-group.height-zero { width: 100%; transform: translateY(54px); } .captcha-parent { margin-top: 36px; } .contact-form-section .contact-img img { border-radius: 0px 10px 10px 0px; } /*Custom Text in Header Sections*/ .custom-text { display: table-cell; height: 100px; vertical-align: middle; } /*Overlay Menu Style*/ .overlay-menu-wrapper { background: rgba(0,0,0,0.8); } .overlay-menu-wrapper .overlay-menu-inner { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*Sticky Part*/ .sticky-outer { height: auto; position: relative; } .header-sticky nav.navbar { box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175); -o-box-shadow: 0 6px 12px rgba(0,0,0,.175); border-image: url(../images/border-line.jpg) 25 30 0 0 repeat !important; border-top: 3px solid !important; } .sticky-head.header-sticky .navbar.b-radius-10 { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .sticky-outer .sticky-scroll.show-menu, .sticky-outer nav.navbar, nav.navbar .nav-inner, nav.navbar .navbar-items > li, nav.navbar .navbar-items .navbar-nav > li > a, .logobar-items > li { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sticky-outer .header-sticky, .sticky-outer .sticky-scroll.show-menu { left: 0; position: fixed; right: 0; top: 0; z-index: 99; background: #fff; } .sticky-outer .header-sticky, .sticky-outer .sticky-scroll.show-menu { box-shadow: 0 0 20px -1px rgb(0 0 0 / 10%); -ms-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -o-box-shadow: 0 0 20px -1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 20px -1px rgb(0 0 0 / 10%); -webkit-animation-name: header_sticky; animation-name: header_sticky; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } /*Sticky Menu*/ @-webkit-keyframes header_sticky { 0% {margin-top:-150px; opacity:0;} 50% {margin-top: -90px; opacity:0.5;} 100% {margin-top: 0; opacity:1;} } @keyframes header_sticky { 0% {margin-top:-150px;opacity:0;} 50% {margin-top: -90px;opacity:0.5;} 100% {margin-top: 0;opacity:1;} } .page-wrapper.boxed .sticky-outer .header-sticky, .page-wrapper.boxed .sticky-outer .sticky-scroll.show-menu { left: auto; right: auto; } .header-sticky .nav-inner, .header-sticky .navbar-items > li, .header-sticky .navbar-items .navbar-nav > li > a, .sticky-scroll.show-menu .nav-inner, .sticky-scroll.show-menu .navbar-items > li, .sticky-scroll.show-menu .navbar-items .navbar-nav > li > a { line-height: 70px; } .header-sticky .logobar-items > li, .sticky-scroll.show-menu .logobar-items > li { line-height: 100px; } .sticky-outer .sticky-head, .sticky-outer .sticky-scroll { height: auto; } /*--------------------------- 06. Menu Styles -----------------------------*/ /* Main Menu */ ul.nav.navbar-main > li > a { padding: 0 15px; } ul.nav.navbar-main > li > a { color: #000000; display: block; font-family: 'Arimo', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } ul.nav.navbar-main > li > a.full-view-switch { font-size: 18px; padding-left: 15px; } /* Dropdown Menu */ .dropdown-menu { font-size: 13px; font-family: Poppins; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; padding: 0; border: 0; display: block; opacity: 0; visibility: hidden; min-width: 255px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: center top 0; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; -o-transform-origin: center top 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; box-shadow: 0 16px 50px rgb(0 0 0 / 8%); -webkit-box-shadow: 0 16px 50px rgb(0 0 0 / 8%); -moz-box-shadow: 0 16px 50px rgba(0,0,0,.08); -ms-box-shadow: 0 16px 50px rgba(0,0,0,.08); -o-box-shadow: 0 16px 50px rgba(0,0,0,.08); } .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); } .navbar-main li.dropdown:nth-last-child(2) ul.dropdown-menu { left: -140%; } li.dropdown:hover > ul.dropdown-menu { display: block; margin-top: 0; } .dropdown-menu > li > a { padding: 10px 20px; font-size: 13px; line-height: 22px; font-weight: 400; border-bottom-width: 1px; border-bottom-color: rgba(245,245,245,1); border-bottom-style: solid; display: block; } .dropdown-menu > li > a:hover { padding-left: 25px; } .dropdown-menu > li > a, .dropdown-menu > li > a:hover { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .dropdown-menu > li:last-child > a { border: none; padding-bottom: 0; } .dropdown-menu:not(.mega-dropdown-menu) > li:first-child > a { padding-top: 20px; } .dropdown-menu:not(.mega-dropdown-menu) > li:last-child > a { padding-bottom: 20px; } ul.sub-nav { padding-left: 15px; } .theme-mobile-menu li a { display: block; font-weight: 600; line-height: 45px; } .theme-mobile-menu li ul li a { font-weight: 400; } .dropdown .dropdown-menu > li.dropdown > a:after { content: "\e61a"; font-family: themify; font-size: 10px; font-weight: 600; position: absolute; right: 20px; } nav { z-index: 1; } .navbar .nav-inner { position: relative; text-align: center; } .dropdown-menu .dropdown-menu { position: absolute; top: 0; left: 100%; } .navbar-main li.dropdown:nth-last-child(2) ul ul.dropdown-menu { left: -100%; } .navbar-items.nav-left-child { position: absolute; left: 0; display: inline-block; } .navbar-items.nav-center-child { display: inline-block; float: none; } .navbar-items.nav-right-child { position: absolute; right: 0; display: inline-block; } /* Mega Menu */ .mega-dropdown .dropdown-menu { padding: 20px 0; } .mega-dropdown-menu li { font-weight: 600; } .mega-dropdown .dropdown-menu > li > ul > li > a { padding: 10px 20px; font-size: 14px; line-height: 22px; font-weight: 600; border-bottom-width: 1px; border-bottom-color: rgba(245,245,245,1); border-bottom-style: solid; display: block; } .mega-dropdown-menu li a:hover { padding-left: 25px !important; } .mega-dropdown-menu li a, .mega-dropdown-menu li a:hover { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .dropdown-menu.mega-dropdown-menu > li:first-child > a { padding: 0px 20px 10px; } .dropdown-menu.mega-dropdown-menu > li:last-child > a { padding: 0px 20px 10px; border-bottom-width: 1px; border-bottom-color: rgba(245,245,245,1); border-bottom-style: solid; } .mega-dropdown .dropdown-menu > li > ul > li:last-child > a { border: none; padding-bottom: 0; } .mega-dropdown .dropdown-menu > li > a:hover { background: transparent; } .mega-dropdown .dropdown-menu > li > ul > li:last-child { padding-bottom: 0; } .mega-dropdown-menu li ul li a { padding: 8px 20px 5px 0px; border-bottom-width: 1px; border-bottom-color: rgba(245,245,245,1); border-bottom-style: solid; display: block; font-size: 13px; font-weight: 400; } .mega-dropdown-menu li ul li:last-child a { padding-bottom: 0px; border: unset; } .mega-dropdown-menu li ul li a:hover { padding-left: 5px !important; } .dropdown-menu.mega-dropdown-menu { width: 470px; top: auto; left: 0; right: 0; position: absolute; } .dropdown-col-1 .mega-dropdown-col { width: 100% } .dropdown-col-2 .mega-dropdown-col { width: 50% } .dropdown-col-3 .mega-dropdown-col { width: 33.333% } .dropdown-col-4 .mega-dropdown-col { width: 25% } .dropdown-col-5 .mega-dropdown-col { width: 20% } .mega-dropdown-menu.mega-dropdown-medium { width: 66.666% } .mega-dropdown-menu.mega-dropdown-small { width: 50% } .mega-dropdown-menu .mega-dropdown-col { float: left; } .dropdown-menu > li { line-height: 2; } .cus-img-menu { position: static; } .pos-static { position: static; } .mega-dropdown-menu .menu-img { margin-bottom: -25px; } .mega-dropdown-menu.dropdown-col-4 li.mega-dropdown-col { padding-left: 20px; } .mega-dropdown-menu.dropdown-col-4 li.mega-dropdown-col:first-child { padding-left: 0px; } .mega-dropdown-menu.dropdown-col-4 { padding: 25px !important; } .mega-dropdown-menu.dropdown-col-5, .mega-dropdown-menu.dropdown-col-4 { padding: 20px 5px 0; width: 1140px; } .page-wrapper.boxed-layout .mega-dropdown-menu.dropdown-col-5, .page-wrapper.boxed-layout .mega-dropdown-menu.dropdown-col-4 { width: 1146px; } .mega-dropdown-menu.dropdown-col-5 li { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 15px; } .cus-img-menu .mega-dropdown-menu li .img-block { overflow: hidden; } .mega-dropdown-menu.dropdown-col-5 li img { box-shadow: 0 6px 10px rgb(0 0 0 / 8%); border-radius: 7px; } .cus-img-menu .mega-dropdown-menu li a:hover { padding-left: 0 !important; } .mega-dropdown-menu.dropdown-col-5 li img { box-shadow: 0 6px 10px rgb(0 0 0 / 8%); border-radius: 7px; margin-bottom: 15px; transform: translateY(0); transition: all ease 0.35s; } .cus-img-menu .mega-dropdown-menu li .img-block:hover img { transition: all ease 0.35s; transform: translateY(-6px); } .cus-img-menu .mega-dropdown-menu li .title-wrap { text-align: center; margin-bottom: 0; } .cus-img-menu .mega-dropdown-menu li .title-wrap a { transition: all ease 0.35s; display: inline-block; font-size: 13px; line-height: 30px; font-weight: 700; } /*Mobile Header*/ .mobile-header-items > li { height: 60px; line-height: 60px; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; } .header-sticky .mobile-header-items > li, .show-menu .mobile-header-items > li { height: 60px; line-height: 60px; } .mobile-header-items li a img { margin-bottom: 6px; padding: 5px 0; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; display: inline-block; } .header-sticky .mobile-header-items.pull-center, .show-menu .mobile-header-items.pull-center { left: 50%; margin-left: 0 !important; position: absolute; transform: translateX(-50%); } /* Zmm Wrapper */ .zozo-page-wrapper { position: relative; background-color: #fff; } .zmm-wrapper { background: #fff; height: 100%; left: -100%; position: fixed; top: 0; width: 100%; max-width: 400px; z-index: 999999; display: block; } .zmm-wrapper .zmm-inner { padding: 45px 15px; } body.zmm-open .zmm-wrapper { overflow-y: scroll; } body.zmm-open { overflow: hidden; } .zmm-wrapper .dropdown { position: relative; } .zmm-wrapper .zmm-dropdown-toggle { padding: 0 12px; position: absolute; right: 0px; top: 0; cursor: pointer; line-height: 45px; } .zmm-wrapper .zmm-inner .navbar-nav li a { line-height: 20px; padding-bottom: 10px; padding-left: 15px; padding-top: 10px; display: block; position: relative; } .zmm-main-nav .navbar-main li { position: relative; line-height: 40px; font-weight: 600; } a.zmm-toggle i, .mobile-header-items a i { font-size: 20px; } .zmm-inner .zmm-main-nav .sub-nav { display: none; } /* Section Title */ .section-title { margin-bottom: 20px; position: relative; } .title-wrap { margin-bottom: 40px; } .title-wrap.text-center .section-description { max-width: 580px; margin: 0 auto; } .sub-title { font-size: 16px; font-weight: 700; } .border-bottom { width: 100px; height: 8px; position: absolute; left: 0; right: 0; bottom: -20px; border-bottom: none !important; background: #000; transform: skewX(-35deg); -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); } .border-bottom::before { content: ""; position: absolute; left: 0; width: 50px; height: 8px; } .border-top1 { width: 50px; height: 5px; position: absolute; left: 0; right: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; top: -5px; } .border-white { background: #ffffff; } .cta-2 .cta-btn:hover { color: #fff; } .border-bottom.center { width: 100px; height: 8px; position: absolute; left: 0; right: 0; margin: auto; bottom: -20px; border-bottom: none; background: #000; } .border-bottom.border-white { background: #fff; } /*Border Class*/ .border { border: solid 1px #eaeaea !important; } .d-border { border: solid 1px #4a4a4a !important; } .lh-1 { line-height: 1; } .lh-2 { line-height: 1.7; } .lh-3 { line-height: 3; } .lh-4 { line-height: 4; } .i-border { border: solid 1px; } .second-color { color: #4facfe; } .third-color { color: #43e97b; } .fourth-color { color: #fa709a; } /*--------------------------- 06. Revolution Slider -----------------------------*/ .rev_slider_wrapper .btn.btn-classic { background: #fff; color: #111; } .rev_slider_wrapper .btn.btn-classic:hover { background: #333; color: #fff; } .rev_slider_wrapper .btn-transparent { background: transparent; } .rev_slider_wrapper .btn-transparent > span > i { margin-right: 10px !important; } /*------------------------------- 07. Owl Carousel ---------------------------------*/ .owl-carousel, .owl-carousel .owl-item { position: relative; } /* Navigations*/ .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .tweets_feed .owl-nav button.owl-next, .tweets_feed .owl-nav button.owl-prev { width: 35px; height: 35px; } .tweets_feed .owl-nav button.owl-next, .tweets_feed .owl-nav button.owl-prev { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; } .tweets_feed .owl-nav.disabled, .tweets_feed .owl-dots.disabled { display: none; } .owl-carousel .owl-dots, .tweets_feed .owl-dots { text-align: center; margin-top: 40px; } .tweets_feed .owl-dots { margin-top: 25px; } .owl-carousel .owl-dot, .tweets_feed .owl-dot { display: inline-block; } .tweets_feed .owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; } .owl-dot.active span { border: none; } .owl-dot span { display: block; height: 15px; margin: 0 6px; width: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #dfdfdf; z-index: 999999; background: #fff; transform: rotate(44deg); } .owl-prev, .owl-next { display: inline-block; background: #111; padding: 0 10px; color: #fff; right: 6px; left: inherit; top: -55px; position: absolute; } .owl-prev { margin-right: 55px; } .owl-prev span:after, .owl-next span:after { content: ""; width: 35px; height: 35px; position: absolute; bottom: 0; z-index: 0; margin: auto; border-radius: 6px; transform: rotate(-45deg); } .owl-prev span:after { left: 2px; right: 0; } .owl-next span:after { left: 0; right: 0; } .owl-prev:hover span:before, .owl-next:hover span:before { color: #fff; } .owl-prev:hover span:after, .owl-next:hover span:after { background: #000; } .typo-white .owl-prev:hover span:before, .typo-white .owl-next:hover span:before { color: #000; } .typo-white .owl-prev:hover span:after, .typo-white .owl-next:hover span:after { background: #fff; } .owl-next span:before { content: "\f105"; } .owl-prev span:before { content: "\f104"; } .owl-next span:before, .owl-prev span:before { font: normal normal normal 14px/1 FontAwesome; font-size: 18px; line-height: 35px; color: #000; z-index: 1; position: relative; } .owl-next span, .owl-prev span { font-size: 0; } /*Post Navigation*/ .post-navigation>.prev-nav-link>a.disabled, .post-navigation>.next-nav-link>a.disabled, .post-navigation>a.disabled, .post-navigation>a.disabled { display: none; } .post-navigation { padding: 30px 0; border-width: 1px 0 1px 0; border-style: solid; color: #f2f2f2; display: inline-block; width: 100%; clear: both; float: none; } .post-navigation>div>a { display: block; } .post-navigation > .next-nav-link { float: right; text-align: right; } .post-navigation > .prev-nav-link { float: left; text-align: left; } .post-navigation>.prev-nav-link>a>*, .post-navigation>.next-nav-link>a>* { font-size: 17px; display: table-cell; vertical-align: middle; padding: 0 10px; } .post-navigation>.prev-nav-link>a>h4, .post-navigation>.next-nav-link>a>h4 { -webkit-transition: all .5s ease .15s; transition: all .5s ease .15s; } /*Post Pagination*/ .pagination li.nav-item { display: inherit; } .nav.pagination > li.nav-item.active a, .nav.pagination > li.nav-item.active span { color: #000; border-bottom: 2px solid #000; } .nav.pagination > li.nav-item a, .nav.pagination > li.nav-item span { margin-right: 20px; line-height: 35px; } .nav.pagination > li.nav-item.active span, .nav.pagination > li.nav-item a { padding: 3.5px 20px; color: #000; margin-right: 5px; border-radius: 4px; margin: 4px; } .nav.pagination > li.nav-item.active span { color: #fff; } .nav.pagination > li.nav-item a:hover { color: #fff; } .nav.pagination > li.nav-item a i { line-height: 35px; } .nav.pagination > li.nav-item.active span { background: #000; } .nav.pagination > li.nav-item a:hover { background: #000; } .nav.pagination > li.nav-item a.icon i { vertical-align: middle; } .nav.pagination > li.nav-item a.icon { padding: 3.5px 15px; font-size: 13px; } /*------------------------------- 08. Team ---------------------------------*/ .team-thumb { margin-bottom: 25px; } /* Team Overlay */ .team-overlay.circle-overlay .team-thumb:before { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .team-inner .team-overlay-details.top-left-overlay { position: absolute; top: 15px; left: 15px; z-index: 1; } .team-inner:hover .team-thumb:before, .team-inner:hover .team-overlay-details { opacity: 1; } .team-overlay-details .social-icons { opacity: 0; } .team-inner:hover .team-overlay, .team-style-1 .team-inner:hover .team-overlay-details .social-icons { opacity: 1; transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -webkit-transform: rotateY(0deg) scale(1,1); } .team-inner .team-overlay, .team-style-1 .team-overlay-details .social-icons { bottom: 0; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; -ms-transform: rotateY(180deg) scale(0.5,0.5); -webkit-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -ms-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; } /* Team Style-1 */ .team-style-1 .team-thumb:before { content: "\e615"; position: absolute; bottom: 0px; z-index: 9; left: 50%; transform: translateX(-50%); margin: auto; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; font-family: "themify"; font-size: 21px; color: #000; } .team-style-1 .team-thumb:after { content: ""; width: 60px; height: 60px; bottom: -16px; position: absolute; left: 0; right: 0; margin: auto; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; z-index: 1; transform: rotate(45deg); } /*.team-style-1 .team-inner .team-thumb img { transform: scale(1); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-style-1 .team-inner:hover .team-thumb img { transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; }*/ .team-style-1 .team-details { background-color: #000000; padding-top: 35px; } .team-style-1 .team-inner:hover .team-overlay-details .social-icons { opacity: 1; } .team-style-1 .team-overlay-details .social-icons { opacity: 0; } .team-style-1 .team-overlay-details.bottom-overlay { bottom: 25px; top: auto; transform: translateY(0); } .team-style-1 .team-name .client-name { font-weight: 700; font-size: 20px; } .team-style-1 .team-inner .team-overlay-details .social-icons a { background: #fff; margin-right: 0; margin-top: 2px; border-radius: 4px; } .team-style-1 .team-inner .team-overlay-details .social-icons a span { color: #000; } .team-designation { font-size: 13px; line-height: 28px; font-weight: 400; } .team-style-1 .team-inner:hover .social-icons a span, .team-style-2 .team-inner:hover .social-icons a span { transform: translate3d(0,0,0); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; } .team-style-1 .team-inner:hover .social-icons a span:first-child, .team-style-2 .team-inner:hover .social-icons a span:first-child { transition-delay: 0.1s; } .team-wrapper.team-1 .team-inner:hover .social-icons a span:nth-child(2), .team-wrapper.team-2 .team-inner:hover .social-icons a span:nth-child(2) { transition-delay: 0.15s; } .team-style-1 .team-inner:hover .social-icons a span:nth-child(3), .team-style-2 .team-inner:hover .social-icons a span:nth-child(3) { transition-delay: 0.2s; } .team-style-1 .team-inner:hover .social-icons a span:nth-child(4), .team-style-2 .team-inner:hover .social-icons a span:nth-child(4) { transition-delay: 0.25s; } .team-details .team-social.social-icons a { background: #fff; border-radius: 4px; margin-right: 1px; } /* Team Style-2 */ .team-style-2 .team-thumb:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: matrix(1, -0.3, 0, 1, 0, 0); -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); -moz-transform: matrix(1, -0.3, 0, 1, 0, 0); -o-transform: matrix(1, -0.3, 0, 1, 0, 0); -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); height: 70%; top: 44%; } .team-style-2 .team-overlay-details.bottom-overlay { bottom: 25px; top: auto; transform: translateY(0); left: 25px; } .team-style-2 .team-overlay-details.bottom-overlay.text-center { left: 0; } .team-style-2 .team-name .client-name { font-weight: 700; font-size: 24px; } .team-style-2 .team-inner:hover .team-overlay-details .left-hvr, .team-style-2 .team-overlay-details .left-hvr, .team-style-2 .team-inner:hover .team-overlay-details .social-icons, .team-style-2 .team-overlay-details .social-icons, .team-style-2 .team-inner .team-details, .team-style-2 .team-inner:hover .team-details { transition: all ease 0.35s; } .team-style-2 .team-inner:hover .team-overlay-details .left-hvr { transform: translateX(-10%); -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); -o-transform: translateX(-0%); } .team-style-2 .team-overlay-details .left-hvr { transform: translateX(-10%); -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); -o-transform: translateX(-10%); } .team-style-2 .team-inner:hover .team-overlay-details .social-icons { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); } .team-style-2 .team-overlay-details .social-icons { transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); } .team-style-2 .team-inner:hover .team-details { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); opacity: 0; } /* Team Style-2 */ .owl-carousel.team-style-2 .owl-item img { max-width: 80px; } .team-style-2 .owl-nav { position: absolute; right: 0px; top: 0; } .team-style-2 .social-icons > a { text-align: center; } /* Team Style 3 */ .team-style-3 .team-inner:hover .team-thumb { -webkit-transform: translateY(35px); -khtml-transform: translateY(35px); -moz-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); } .team-style-3 .team-inner .team-thumb { overflow: hidden; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .team-style-3 .team-inner:hover .team-details { -webkit-transform: translateY(-45px); -khtml-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); } .team-style-3 .team-inner .team-details { background-color: #fff; padding-top: 14px; padding-bottom: 15px; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .team-style-3 .team-inner .team-overlay { transform: unset; } .team-style-3 .team-inner .team-overlay .team-social { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-flex; } .team-style-3 .team-inner .team-overlay .team-social a { border-radius: 50%; margin-right: 10px; line-height: 42px; transition: all 0.9s ease; } .team-style-3 .team-inner .team-overlay .team-social a:hover { background: #fff; color: #000; } .team-style-3 .team-inner:hover .team-overlay .team-social a { transform: rotateY(360deg); transition: all 0.9s ease; } /*------------------------------- 09. Blog Single Post ---------------------------------*/ .blog-single .blog-info-wrap .top-meta:nth-child(2) { margin-bottom: 30px; position: relative; margin-top: -50px; padding: 20px 30px 12px 30px; margin-left: 50px; margin-right: 50px; background: #fff; text-align: center; -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; } .blog-single .blog-info-wrap .top-meta:nth-child(2) ul { display: inline-block; text-align: center; } .blog-single .blog-info-wrap .top-meta:nth-child(2) ul li { display: inline-block; } .blog-single .blog-wrap .post-meta li { margin-right: 15px; color: #8d9297; font-size: 14px; font-weight: 600; } .blog-single .blog-wrap .post-meta li:last-child { margin-right: 0; padding-right: 0; } .blog-single .post-meta ul li a { color: #8d9297; font-size: 14px; font-weight: 400; } .blog-single .post-meta ul li .post-tags a:not(:last-child) { margin-right: 10px; } .blog-single .post-meta ul li a.comments-count { font-weight: 800; } .blog-single .post-meta img { margin-top: -4px; } .blog-single .blog-info-wrap .blog-content p { color: #616161; } .blog-single .blog-info-wrap blockquote.blockquote-2 { padding: 50px 60px; font-size: 20px; line-height: 38px; margin: 50px; font-style: italic; position: relative; } .blog-single .blog-info-wrap blockquote.blockquote-2:before { position: absolute; left: -44px; top: 50%; transform: translateY(-50%); content: "\f10e"; font-family: fontawesome; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 20px 25px; font-size: 30px; color: #000; background: #fff; } .blog-single .blog-wrap .post-meta.bottom-meta { border-bottom: none; } .blog-single .post-meta .social-icons a, .blog-single .post-meta .social-icons a > span { width: 28px; height: 28px; line-height: 24px; font-size: 11px; } .blog-single .post-meta .social-icons a:last-child > span { margin-right: 0px !important; } .blog-single .post-meta .social-icons a > span::before { font-size: 11px; } .blog-single .post-meta .social-icons a > span:hover::before { color: #fff; } .post-meta .social-icons.small.icons-circle a > span { color: #fff; margin-right: 5px; } .post-meta .social-icons.small.icons-circle a > span { color: #9e9e9e; margin-right: 5px; font-size: 15px; background: transparent; border: solid 1px #eaeaea; } .post-meta .social-icons.small.icons-circle a > span:hover { color: #fff; } .single-blog-template .blog-list-details .blog-name, .blog-grid .blog-details .blog-name { font-size: 19px; line-height: 26px; } .blog-grid .blog-details .blog-name { line-height: 25px; } .post-navigation-wrapper > * { display: inline-block; } .post-navigation-wrapper { position: relative; margin-top: 0; padding: 30px; -webkit-box-shadow: 0px 2px 30px -6px rgb(72 73 121 / 15%); -moz-box-shadow: 0px 2px 30px -6px rgba(72,73,121,0.15); box-shadow: 0px 2px 30px -6px rgb(72 73 121 / 15%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 4px; display: flow-root; } .post-navigation-wrapper > div { min-height: auto; background-size: cover; color: #898585; position: relative; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; background-image: none !important; background-color: transparent; max-width: 48%; float: left; } .post-navigation-wrapper > .next-nav-link { text-align: right; float: right; } .post-navigation-wrapper .prev-nav-link .post-nav-text, .post-navigation-wrapper .next-nav-link .post-nav-text { color: #fff; font-size: 12px; -webkit-box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); -ms-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 15%); padding: 5px 10px; margin: 0; border-radius: 4px; margin-bottom: 10px; display: inline-block; line-height: 1; } .post-navigation-wrapper a.prev h4, .post-navigation-wrapper a.next h4 { font-size: 16px; line-height: 24px; } .blog-inner.post-type { box-shadow: 0px 0px 32px rgb(62 62 62 / 10%); background: #fff; padding: 40px; border-radius: 10px; } .post-type .blog-date { padding: 10px 15px; display: inline-block; font-weight: 700; border-radius: 5px; line-height: 22px; } .post-type .read-more { font-weight: 700; } .post-type .read-more i { font-size: 10px; font-weight: 700; } .post-type .post-meta .social-icons a { height: 30px; line-height: 30px; width: 30px; } .post-type .post-meta .social-icons a > span { height: 30px; line-height: 27px; width: 30px; margin-right: 0 !important; } .post-type .post-meta .social-icons a > span::before { font-size: 12px; } .post-grid .video-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 225px; } .post-grid .video-container iframe.fitvids { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .owl-carousel.post-slide .owl-prev, .owl-carousel.post-slide .owl-next { top: 25px; } /* Blog Load More*/ .load-more.active { display: flex !important; } .load-more { display: none; } /* Blog Author Info */ .nav.author-social>li>a>span { height: 30px; line-height: 30px; width: 30px; font-size: 14px; } ul.social-icons>li>a>span { vertical-align: middle; } .blog-single .author-info { padding: 20px 25px; border: 1px solid #eee; } ul.social-icons>li { text-align: center; text-align: -webkit-center; padding: 0; } .nav.author-social>li>a { color: #565656; } .media.author-img>img { max-width: inherit; width: auto; } /* Comments Info */ .comments li.comment { margin-bottom: 20px; } ul.comments .media-body { overflow: auto; } .post-comments .comment-meta { padding-bottom: 20px; font-weight: 500; } ul.children { padding-left: 40px; } .post-comments .date { font-size: 14px; } .post-comments { border-bottom: 1px solid #e0e0e0; } /* Comment Replay */ .comments-form .form-control { width: 100%; color: #495057; border: 1px solid #eaeaea; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; display: block; height: 140px; line-height: 2.25; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; padding: 0.375rem 0.75rem; } .comments-form input.form-control { height: 41px; } .comments-form #contact-submit:hover { background: #000; } /*------------------------------- 10. Blog Shortcode ---------------------------------*/ .blog-details { padding: 18px 25px 15px 25px; } .blog-thumb.blog-overlay:before { content: ""; background: #fff; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .blog-inner:hover .blog-thumb.blog-overlay:before { background: rgba(26, 188, 156, 0.85); } .blog-details.top-content { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .bottom-content .blog-btn { position: absolute; bottom: 30px; left: 30px; -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); } .blog-inner .blog-overlay:hover * { color: #fff; } .blog-inner .blog-overlay:hover *.btn { background: #fff; color: #333; } .post-meta li { display: block; float: left; margin-right: 30px; } .post-meta li, .post-meta li a { color: #171717; } .owl-carousel .owl-item .author-img img { max-width: 20px; display: inline-block; margin-right: 5px; } .author-img img { max-width: 20px; display: inline-block; margin-right: 7px; } /* Blog List */ .blog-list .list-post { align-items: center; } .blog-list .blog-link .link:hover, .blog-link .link:hover { color: #000; } .blog-list .blog-link a { font-weight: 600; line-height: 1; } .blog-list .blog-link a:hover { color: #000; } .blog-list-details .blog-name { font-size: 20px; line-height: 28px; } .blog-list .blog-inner .post-date a:hover { background: #000; } .blog-list .blog-inner .post-date a { padding: 5px 12px 7px; font-size: 12px; border-radius: 3px; color: #fff; } .blog-list .blog-inner .post-date a i { margin-right: 5px; font-size: 11px; } .blog-list .blog-inner { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .blog-list .blog-thumb { max-width: 45%; margin-right: 25px; } .blog-list-details { padding: 0 10px 0 30px; } .top-meta-list li:last-child { margin-right: 0; } .top-meta-list li { display: inline-block; margin-right: 15px; } .blog-list-style-1 .blog-overlay { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; } .blog-list-style-1 .blog-overlay .post-link, .blog-list-style-2 .blog-overlay .post-link { color: #fff; width: 40px; line-height: 40px; height: 39px; border: solid 1px; display: block; margin: auto; opacity: 0; } .blog-list-style-1 .blog-overlay .post-link, .blog-list-style-1 .blog-thumb:before { -webkit-transition: all .33s ease; -moz-transition: all .33s ease; -o-transition: all .33s ease; transition: all .33s ease; } .blog-list-style-1 .blog-inner:hover .blog-overlay .post-link, .blog-list-style-1 .blog-inner:hover .blog-thumb:before { opacity: 1; } .blog-list.blog-list-style-1.br-style .blog-inner { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #eaeaea; } .blog-list-style-1 a.read-more { font-weight: 700; } .blog-list-style-1 a.read-more::after { content: "\e628"; font-family: 'themify'; margin-left: 10px; font-size: 12px; } .blog-list-style-1 a.read-more:hover { color: #000; } .blog-btn a.btn { position: relative; z-index: 1; } .blog-main-wrap .search-form-wrapper .form-control, .blog-main-wrap .search-form-wrapper .input-group .btn { padding: 0 15px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } /* Zig Zag */ .zig-zag-row .blog-details { border: none; padding: 0; } .zig-zag-col .blog-inner { border: none; } .zig-zag-col { max-width: 75%; } .zig-zag-col.zig-zag-even-col { margin-left: 25%; } .blog-list-style-2 .blog-overlay { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); } .blog-list-style-2 .blog-overlay .post-link, .blog-list-style-2 .blog-thumb:before { -webkit-transition: all .33s ease; -moz-transition: all .33s ease; -o-transition: all .33s ease; transition: all .33s ease; } .blog-list-style-2 .blog-inner:hover .blog-overlay .post-link, .blog-list-style-2 .blog-inner:hover .blog-thumb:before { opacity: 1; } .zig-zag-even-col .post-meta li, .zig-zag-even-col .post-meta li a { margin-right: 0; margin-left: 15px; } .zig-zag-col .blog-title h3 { font-size: 20px; line-height: 26px; } /* Blog Classic */ .blog-classic .blog-inner, .blog-classic .blog-details { border: none; } .blog-classic .blog-details { padding: 22px 0 0; } .blog-classic .blog-inner:hover .blog-thumb img { opacity: .5; -webkit-transform: scale(1.15); transform: scale(1.15); } .blog-classic .blog-inner .blog-thumb { background: #111; } .blog-classic .blog-inner .blog-thumb img { -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .75s,transform .35s; -webkit-transform: scale(1); transform: scale(1); width: 100%; } .blog-classic .blog-inner:hover>.blog-thumb:before, .blog-classic .blog-inner:hover>.blog-thumb:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .blog-classic .blog-inner>.blog-thumb:before { border-top-width: 2px; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: solid; -webkit-transform: scale(0,1); transform: scale(0,1); z-index: 9; } .blog-classic .blog-inner>.blog-thumb:before, .blog-classic .blog-inner>.blog-thumb:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -webkit-transition: opacity .75s,-webkit-transform .35s; transition: opacity .75s,transform .35s; } /* Blog Grid */ .blog-grid .post-meta.bottom-meta { padding: 15px 25px; border-top: solid 1px #eaeaea; } .blog-grid .post-meta li a.author-name { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; padding: 1px 15px 0px; color: #ffffff; font-weight: 400; } .blog-grid .blog-overlay { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); } .blog-grid .blog-overlay .post-link { color: #fff; width: 40px; line-height: 42px; height: 40px; border: solid 1px; display: block; margin: auto; } .blog-grid .blog-inner:hover .blog-overlay .post-link, .blog-grid .blog-inner:hover .blog-thumb:before { opacity: 1; } .blog-grid .blog-thumb:before, .blog-grid .blog-overlay .post-link { -webkit-transition: all .33s ease; -moz-transition: all .33s ease; -o-transition: all .33s ease; transition: all .33s ease; } .blog-grid .blog-overlay .post-link, .blog-grid .blog-thumb:before { opacity: 0; } .blog-style-1 .blog-inner { box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 10%); padding: 30px; transition: all 0.3s linear; margin-bottom: 35px; transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); transform: translateY(0px); border: unset; overflow: hidden; } .masonry-grid-default .blog-style-1 .blog-inner { margin-bottom: 0; } .blog-style-1 .blog-inner:hover { box-shadow: 0 0 30px rgb(0 0 0 / 12%); transition: all 0.3s linear; transform: translateY(-6px); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .blog-style-1 .blog-inner .blog-thumb { margin: -30px -30px 0; } .blog-style-1 .blog-inner .blog-thumb img { border-radius: 0; } .blog-style-1 .blog-inner .blog-details { padding: 30px 0 0; } .blog-style-1 .blog-inner .blog-link a.link, .blog-style-2 .blog-inner .blog-link a.link, .blog-style-3 .blog-inner .blog-link a.link { border-bottom: solid 2px; font-weight: 600; } .blog-style-1 .blog-inner .blog-link a.link:hover { color: #000; } .blog-style-1 .blog-inner .blog-thumb img { transform: scale(1) translateY(0); transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9); } .blog-style-1 .blog-inner:hover .blog-thumb img { transform: scale(1.1) translateY(-12px); } .blog-style-1 .blog-inner .top-meta .post-date a { display: inline-block; position: absolute; top: 50%; left: 15px; padding: 0 12px 0 14px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 12px; font-weight: 600; line-height: 30px; text-transform: uppercase; letter-spacing: .15em; z-index: 3; color: #000; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .blog-style-1 .blog-inner .top-meta .post-date a:hover { background: #000; color: #fff; } .blog-style-1 .blog-inner .top-meta .post-date a i { margin-right: 7px; } .blog-style-2 .blog-details { background-color: #fff; margin-right: 20px; margin-left: 20px; margin-top: -30px; position: relative; z-index: 1; padding: 25px 20px 23px 20px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; box-shadow: 0px 11px 16.15px 0.85px rgb(121 121 121 / 7%); border-radius: 8px; } .blog-style-2 .blog-thumb:before, .blog-style-3 .blog-thumb:before { content: none !important; } .blog-style-2 .blog-inner:hover .blog-details { margin-top: -45px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .blog-style-2 .blog-details .post-date { position: absolute; top: -12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; line-height: 1; } .blog-style-2 .blog-details .post-date a { color: #000 !important; padding: 4px 8px 5px; font-size: 11px; line-height: 2; border-radius: 3px; } .blog-style-3 .blog-inner { box-shadow: 0px 5px 40px rgb(0 0 0 / 8%); display: inline-block; padding: 30px; overflow: hidden; transition: opacity 0.35s ease-in; border-radius: 10px; } .blog-style-3 .blog-details { padding: 0; } .blog-style-3 .blog-details .post-date a { font-size: 14px; line-height: 20px; text-transform: capitalize; color: #7b7f86; font-style: italic; text-decoration: underline; display: inline-block; } .blog-style-3 .blog-details .post-date i { margin-right: 6px; font-size: 13px; font-weight: 700; } /*------------------------------- 11. Portfolio Shortcode ---------------------------------*/ .portfolio-icons a { display: inline-block; border: solid 1px #fff; height: 35px; line-height: 35px; text-align: center; width: 35px; margin-right: 6px; background: transparent; color: #fff; } .portfolio-icons a:last-child { margin-right: 0; } .title-content .section-title { font-size: 42px; line-height: 48px; } .portfolio-filter > ul > li { margin: 0 15px; } .portfolio-filter > ul > li > a { padding: 0; } .portfolio-filter > ul > li:first-child { margin-left: 0; } /*Portfolio Default*/ .portfolio-default .portfolio-item { position: relative; } .portfolio-item { overflow: hidden; } .portfolio-default .portfolio-item:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .portfolio-default .portfolio-item, .portfolio-default .portfolio-item:hover { transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; } .portfolio-default .portfolio-item .portfolio-details-overlay { transform: translateY(-50%); padding: 0 30px; top: 40%; text-align: center; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .portfolio-default .portfolio-item:hover .portfolio-details-overlay { transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; top: 50%; } .portfolio-default .portfolio-item .portfolio-icons a { padding: 22px 21px 18px; display: initial; border-radius: 50%; border: 2px solid #fff; } .portfolio-default .portfolio-item .portfolio-icons a i { font-size: 18px; } .portfolio-default .portfolio-item .portfolio-thumb img { transition: all .5s ease-in-out; } .portfolio-default .portfolio-item .portfolio-thumb img { border-radius: 5px; border: 10px solid rgba(0,0,0,.3); } .portfolio-default .portfolio-item .portfolio-thumb { margin: 25px; text-align: center; background-color: rgba(0,0,0,.2); border-radius: 5px; } .portfolio-filter.portfolio-filter-2 > ul > li > a:before, .portfolio-details-overlay { transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; } .portfolio-filter.portfolio-filter-2 > ul > li > a { font-size: 18px; margin-right: 0; line-height: 36px; font-weight: 400; position: relative; } .portfolio-filter.portfolio-filter-2 > ul > li > a:before { content: ""; width: 0; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; } .portfolio-filter.portfolio-filter-2 > ul > li > a:hover:before, .portfolio-filter.portfolio-filter-2 > ul > li.active > a:before { width: 100%; } .portfolio-overlay-wrap .portfolio-thumb { position: relative; overflow: hidden; } .portfolio-overlay-wrap .portfolio-thumb:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: all .33s ease; -moz-transition: all .33s ease; -o-transition: all .33s ease; transition: all .33s ease; background: rgba(0,0,0,0.6); } .portfolio-title { padding: 20px 0; } .portfolio-title > h3 { font-size: 20px; } .portfolio-item:hover .portfolio-thumb:before { opacity: 1; } .portfolio-details-overlay { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; opacity: 0; text-align: center; transform: translateY(-50%); padding: 20px; } .portfolio-item:hover .portfolio-details-overlay { opacity: 1; } .gallery-btn a.btn { position: relative; z-index: 1; } .portfolio-wrap.portfolio-default .portfolio-overlay-wrap .portfolio-thumb:before { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } /*Portfolio Classic*/ .portfolio-classic .portfolio-item, .cobbles-wrapper .portfolio-item { border: none; box-shadow: none; background: transparent; } .portfolio-details-overlay.typo-white a:hover { color: #000; } .portfolio-classic .portfolio-overlay-wrap .portfolio-thumb:before { content: ""; transition: all 150ms ease-in-out 200ms; position: absolute; width: 100%; bottom: 0; border-radius: 0; top: auto; height: 50%; background: rgba(255, 255, 255, 0.95); right: -100%; left: auto; } .portfolio-classic .portfolio-overlay-wrap:hover .portfolio-thumb:before { right: 0; opacity: 1; width: 100%; height: 50%; transition: all .8s; } .portfolio-classic .portfolio-overlay-wrap .portfolio-thumb:after { content: ''; transition: all 150ms ease-in-out 200ms; position: absolute; background: rgba(255, 255, 255, 0.95); top: 0; height: 50%; width: 100%; left: -100%; } .portfolio-classic .portfolio-overlay-wrap:hover .portfolio-thumb:after { left: 0; opacity: 1; transition: all .8s; } .portfolio-classic .portfolio-overlay-wrap .portfolio-details-overlay { left: 0; bottom: 30px; right: auto; top: inherit; transform: unset; margin: 0 30px; padding: 0; text-align: left; } .portfolio-classic .portfolio-overlay-wrap .portfolio-icons a { height: 50px; line-height: 50px; text-align: center; width: 50px; border: unset; } .portfolio-classic .portfolio-overlay-wrap .portfolio-details-overlay > *:nth-child(odd), .portfolio-classic .portfolio-overlay-wrap .portfolio-details-overlay > *:nth-child(even) { position: relative; } .portfolio-classic .portfolio-overlay-wrap .portfolio-details-overlay > *:nth-child(odd):before { content: ''; background: #ffffff36; width: 100%; top: 0; bottom: 0; position: absolute; transition: right 600ms ease-in-out 0s; right: 100%; } .portfolio-classic .portfolio-overlay-wrap:hover .portfolio-details-overlay > *:nth-child(odd):before { right: -100%; } .portfolio-classic .portfolio-overlay-wrap .portfolio-details-overlay > *:nth-child(even):before { content: ''; background: #ffffff36; position: absolute; width: 100%; bottom: 0; transition: left 600ms ease-in-out 0s; left: 100%; top: 0; right: auto;; } .portfolio-classic .portfolio-overlay-wrap:hover .portfolio-details-overlay > *:nth-child(even):before { left: -100%; } .portfolio-classic .portfolio-icons a { color: #000; } /*Portfolio Center*/ .portfolio-details-overlay.center { text-align: center; top: 50%; transform: translateY(-50%); bottom: auto; } /*Portfolio Masonry*/ .portfolio-wrap.masonry-grid-default .portfolio-item { box-shadow: none; background: none; border: none; } .portfolio-wrap.masonry-grid-default img, .portfolio-overlay-wrap .portfolio-thumb:before, .cobbles-wrapper .portfolio-item { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } /* Cobbles Shortcode Styles */ .cobbles-overlay-wrap { position: relative; } .cobbles-overlay { left: 0; position: absolute; top: 0; width: 100%; opacity: 0; padding: 10px; } .cobbles-overlay-wrap:hover .cobbles-overlay { opacity: 1; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; z-index: 1; } .cobbles-overlay.overlay-center { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .cobbles-overlay-wrap .cobbles-title h3 { margin-bottom: 0; text-transform: uppercase; font-size: 20px; line-height: 28px; } .cobbles-overlay-wrap .cobbles-categories span { letter-spacing: 1px; } .cobbles-overlay-wrap img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cobbles-icons a { border: solid 1px #fff; padding: 4px 9px; margin-right: 10px; } .cobbles-icons a:last-child { margin-right: 0; } .cobbles-overlay > * { margin-bottom: 25px; } .cobbles-overlay > *:last-child { margin-bottom: 0px; } .cobbles-overlay .cobbles-title:first-child { margin-bottom: 2px; } .cobbles-wrapper.cobbles-classis { margin: -15px; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap { float: left; width: 25%; padding: 15px; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap:first-child { width: 50%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap { float: left; width: 25%; padding: 15px; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:first-child, .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(2), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(6) { width: 50%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(7), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-top: -25%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-left: 25%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5) { margin-top: -16px; } .cobbles-overlay-wrap:hover:before { opacity: 0.85; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .cobbles-overlay-wrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; opacity: 0; z-index: 1; bottom: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .cobbles-title a:hover { color: #111; } /*Single Portfolio*/ .single-portfolio .portfolio-meta { padding: 35px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } ul.portfolio-meta-list { padding-left: 0; } .single-portfolio .single-portfolio-title { font-size: 20px; font-weight: 600; } .portfolio-meta-list>li { margin-bottom: 12px; } .portfolio-meta-title-wrap .portfolio-meta-icon { margin-right: 10px; } .portfolio-meta-list>li:last-child { border-bottom: 0; margin-bottom: 0; } .single-portfolio-wrap .portfolio-title > h3 { font-size: 23px; } .single-portfolio .portfolio-title { padding: 0; } .portfolio-meta-list>li .social-icons { display: inline-block; } .portfolio-meta-list>li .social-icons a { width: 30px; height: 30px; line-height: 30px; } .single-portfolio .social-icons.small.icons-circle a > span { background: #fff; color: #000; border-radius: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; } .single-portfolio .portfolio-meta-title-wrap { display: inline-block; margin-right: 15px; min-width: 80px; } .single-portfolio .portfolio-meta-title-wrap, .single-portfolio .portfolio-meta-title-wrap > * { font-size: 14px; font-weight: 300; text-transform: none; line-height: 24px; color: #000; margin-bottom: 0; } .single-portfolio .portfolio-meta-title-wrap > * { display: inline-block; } .portfolio-meta-title-wrap .portfolio-meta-icon { margin-right: 5px; } .single-portfolio .entry-category, .single-portfolio .entry-category ul li, .single-portfolio .entry-tags, .single-portfolio .entry-tags ul li { display: inline-block; } .portfolio-meta-list>li > span, .portfolio-meta-list>li a { font-size: 14px; font-weight: 700; line-height: 24px; color: #000; } .portfolio-meta-list>li .social-icons a:hover span { color: #000 !important; text-decoration: underline; } .portfolio-meta-list>li a:hover { /* color: inherit !important; */ text-decoration: underline; } .custom-post-nav a { display: inline-flex; align-items: center; } .custom-post-nav a:hover { background: #252525; } .custom-post-nav a i { font-size: 14px; } .custom-post-nav a h4 { font-size: 16px; line-height: 20px; color: #000; } .custom-post-nav a:hover h4 { color: #fff; } .custom-post-nav .prev-nav-link, .custom-post-nav .next-nav-link { display: inline-block; } .custom-post-nav .next-nav-link { float: right; } /* List Item Shortcode */ .list-item-title span { font-size: 18px; } /*------------------------------- 12. Testimonials Shortcode ---------------------------------*/ /*Testimonials Style 1*/ .testimonials-style-1 .testimonials-desc::before { content: "\f10d"; font-family: Fontawesome; font-size: 42px; line-height: 42px; position: absolute; top: 0px; left: 0; right: 0; } .testimonials-style-1 .testimonials-desc p { font-size: 22px; line-height: 31px; font-weight: 400; position: relative; } .testimonial-style-1 .testimonial-details .testimonial-description p { font-size: 28px; line-height: 42px; font-weight: 300; position: relative; } .owl-carousel.testimonials-style-1 .owl-stage-outer .owl-item .testimonials-thumb > img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; max-width: 72px; } .testimonial-style-1 .testimonial-details .testimonial-title > * a { font-size: 18px; font-weight: 800; font-style: italic; } .testimonials-style-1 .testimonials-title .client-name { margin-bottom: 0; font-weight: 500; font-size: 22px; } .testimonials-style-1 .testimonials-info { display: inline-flex; } .testimonials-style-1 .testimonials-inner { border: 1px solid #e5e5e5; background: #fff; display: block; overflow: hidden; } .testimonials-style-1 .owl-nav .owl-prev { left: -70px; } .testimonials-style-1 .owl-nav .owl-next { right: -70px; } .owl-item .testimonial-quote img { width: auto !important; } .testimonial-details.text-left img { margin: 0; } .testimonial-inner .star-rating ul li { display: inline-block; } .testimonial-inner .star-rating ul li i { font-size: 18px; color: #ffb116; } .testimonial-details .client-image img { width: auto; } /*Testimonials Style 2*/ .testimonials-style-2 .testimonials-desc p { font-size: 18px; font-style: italic; line-height: 31px; font-weight: 400; position: relative; } .testimonials-style-2 .testimonials-title .client-name { margin-bottom: 0; font-weight: 700; font-size: 18px; } .owl-carousel.testimonials-style-2 .owl-stage-outer .owl-item .testimonials-thumb > img { max-width: 220px; border: none; box-shadow: none; } .testimonials-style-2 button.owl-prev, .testimonials-style-2 button.owl-next { display: inline-block; background: #000; padding: 0 10px; color: #fff; position: relative; top: auto; } .testimonials-style-2 .testimonials-desc { padding-right: 65px; } /*Testimonials Style 3*/ .testimonials-style-3 .testimonials-inner { background: #fff; padding: 35px 35px; margin: 10px; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.08); -ms-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.08); -o-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.08); } .testimonials-style-3 .testimonials-inner::before { content: "\f10d"; font-family: Fontawesome; font-size: 42px; line-height: 42px; position: absolute; top: -10px; left: -8px; right: 0; } .testimonials-style-3 .testimonials-info { display: inline-flex; } .testimonials-style-3 .testimonials-desc p { font-size: 18px; line-height: 31px; font-weight: 400; position: relative; } .testimonials-style-3 .testimonials-title .client-name { margin-bottom: 0; font-weight: 700; font-size: 18px; } .owl-carousel.testimonials-style-3 .owl-stage-outer .owl-item .testimonials-thumb > img { max-width: 72px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .testimonials-style-3 button.owl-prev, .testimonials-style-3 button.owl-next { display: inline-block; background: #000; padding: 0 10px; color: #fff; position: relative; top: auto; } .testimonials-style-3 .owl-nav { position: absolute; bottom: 0; right: 0; } .company-url:hover { color: #111; } .quote { position: relative; } .quote:before { content: "\f10d"; font-family: FontAwesome; position: absolute; font-size: 24px; top: -30px; left: 60px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); } /*------------------------------- 13. Timeline Shortcode ---------------------------------*/ .timeline { list-style: none; position: relative; } .timeline:before { top: 22px; bottom: 42px; position: absolute; content: " "; width: 1px; border-right: 2px dotted #aaaaaa; left: 50%; margin-left: -0.5px; } .timeline > li { margin-bottom: 20px; position: relative; overflow: hidden; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 75%; float: left; padding: 20px; position: relative; } .timeline > li:not(.timeline-inverted) { padding-right:90px; } .timeline > li.timeline-inverted { padding-left:90px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-badge, .timeline-sep-title { width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -23px; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .timeline > li > .timeline-sep-title { line-height: 1.4; margin-left: 50px; width: auto; color: #222222; word-wrap: break-word; } .timeline > li.timeline-inverted > .timeline-sep-title { margin-left: -100px; } .timeline-sep-title > span { display: block; font-size: 14px; } .timeline.tl-border-solid:before { border-right-style: solid; } /* Timeline Left Layout */ ul.timeline { padding: 20px 0px; } .timeline.tl-left-layout > li > .timeline-sep-title { text-align: left; } .separator-shape-custom > i, .separator-shape-custom > img, .separator-shape-custom > .separator-text { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .timeline-left .timeline > li.timeline-inverted > .timeline-sep-title { margin-left: 0; } .timeline-left .timeline > li > .timeline-badge { left: 180px; } .timeline-left .timeline-sep-title { left: 0; } .timeline-left .timeline:before { left: 180px; width: 2px; border-right: 3px solid #c7c7c7; } .timeline-left .timeline > li > .timeline-panel { float: left; margin-top: -8px; padding: 0 20px 0 198px; width: 100%; } .timeline-left .timeline > li > .timeline-sep-title { margin-top: -5px; text-align: left; } .timeline-left .timeline > li > .timeline-sep-title > .timeline-top-title { font-size: 18px; text-transform: uppercase; } .timeline-left .timeline > li > .timeline-sep-title > .timeline-main-title { font-size: 32px; line-height: 45px; font-weight: 600; } .timeline-left .timeline > li > .timeline-panel { box-shadow: none; } .timeline-left .timeline > li > .timeline-panel .timeline-heading h4.timeline-title { word-break: break-word; } .timeline-left .timeline>li>.timeline-panel:before { border: 0; } /*Timeline Layout 2 */ .timeline-style-2 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; } /*Timeline Layout 3 */ .timeline-style-3 .timeline:before { margin-left: -3px; border-style: solid; border-width: 2px; } .timeline-style-3 .timeline > li { margin-bottom: 50px; } .timeline-style-3 .timeline > li > .timeline-panel { box-shadow: none; -webkit-box-shadow: none; border: none; padding: 0 20px; } .timeline-style-3 .timeline > li > .timeline-panel:before { border: none; } .timeline-style-3 .timeline > li > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li > .timeline-panel .timeline-body { text-align: right; } .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-heading, .timeline-style-3 .timeline > li.timeline-inverted > .timeline-panel .timeline-body { text-align: initial; } .timeline-style-3 .timeline > li > .timeline-badge, .timeline-style-3 .timeline-sep-title { top: 0; } .timeline-style-3 .timeline .timeline-badge i { width: 18px; height: auto; display: inherit; margin: 0 auto; background: #fff; } /*------------------------------- 14. Featurebox Shortcode ---------------------------------*/ .feature-box-wrap:hover .feature-visible-content { transform: translateY(40%); } .feature-box-wrap:hover .feature-visible-content, .feature-hvr-visible-content { opacity: 0; } .feature-visible-content, .feature-hvr-visible-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 30px 30px 20px; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .feature-box-wrap:hover .feature-hvr-visible-content { transform: translateY(-50%); } .feature-box-wrap:hover .feature-hvr-visible-content { opacity: 1; } .feature-hvr-visible-content { bottom: unset; top: 50%; } .feature-count { font-size: 30px; line-height: 55px; font-weight: 700; } span.feature-count { position: absolute; top: 0; right: 0; width: 70px; height: 70px; line-height: 70px; z-index: 1; } .feature-box-wrap:hover .feature-thumb.t-overlay:before { background: #FE4BA9d6; } .f-sub-title { font-size: 18px; } .feature-box-wrap .btn-link-2:hover { color: #000; } .feature-box-wrap .btn-link-2 { font-weight: 700; } .ft-border:hover { border-color: #EAEAEA; } .ft-border, .ft-border:hover { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } /*Feature Box 1*/ .f-box-style-1 .feature-box-details .feature-icon { display: inline-block; position: relative; } .f-box-style-1 .feature-box-details .feature-icon::before { content: ""; width: 40px; height: 40px; background: #ff00000f; border-radius: 50%; position: absolute; bottom: -5px; right: -10px; z-index: 1; } .f-box-style-1 .feature-box-details .feature-icon span { font-size: 48px; width: 48px; height: 48px; line-height: 48px; text-align: center; } .f-box-style-1 .feature-box-details .feature-icon::before { content: ""; width: 40px; height: 40px; border-radius: 50%; position: absolute; bottom: -5px; right: -10px; z-index: 1; opacity: 0.6; } .styled-text { color: #8d9297; font-family: "Damion", Sans-serif; font-size: 25px; font-weight: 400; text-decoration: none; line-height: 34px; text-shadow: 0px 0px 0px rgb(12 12 12 / 30%); } /*Feature Box 2*/ .f-box-style-2 .f-box-inner { padding: 45px 30px 50px 30px; position: relative; box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 7%); } .f-box-style-2 .f-box-inner::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #fff; border-radius: 10px; -webkit-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .f-box-style-2:hover .f-box-inner::before { opacity: 1; background: linear-gradient(0deg,#070e20 0%,#070e20 0%,rgb(7 14 32 / 88%) 75%,rgb(0 15 33 / 87%) 94%); -webkit-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .f-box-style-2 .f-box-inner > * { position: relative; } .f-box-style-2 .f-box-inner .feature-icon i { font-size: 44px; width: 44px; height: 44px; line-height: 44px; } .f-box-style-2:hover .f-box-inner .feature-icon i, .f-box-style-2:hover .f-box-inner .feature-content .feature-title h5, .f-box-style-2:hover .f-box-inner .feature-content p { color: #fff; } .feature-box-btn .btn-link { color: #000; font-size: 15px; font-weight: 700; line-height: 1.5; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; box-shadow: unset; text-decoration: unset; } .feature-box-btn .btn-link::before { content: none; } /*Feature Box 3*/ .feature-box-wrap.f-box-style-3 { padding: 30px 30px 33px 30px; background-color: #FFFFFF; transition: background 0.3s; border-radius: 10px 10px 10px 10px; box-shadow: 0px 10px 50px 0px rgb(26 46 85 / 10%); } .f-box-style-3 .feature-icon { margin-top: -61px; position: relative; text-align: center; } .f-box-style-3 .feature-icon span { display: inline-block; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; } .f-box-style-3 .feature-icon span { font-size: 30px; color: #000; width: 80px; height: 80px; line-height: 65px; position: relative; margin-top: -8px; border: 10px solid #f3f3f3; } .f-box-style-3:hover .feature-title >*, .f-box-style-3:hover .feature-content p, .feature-box-wrap.f-box-style-3:hover .feature-icon span { color: #000; } /*Feature Box 4*/ .feature-box-wrap.f-box-style-4 { padding: 40px 40px 43px 40px; background-color: #FFFFFF; transition: background 0.3s; border: 1px solid #eee; } .f-box-style-4 .feature-icon { text-align: center; } .f-box-style-4 .feature-icon span { font-size: 45px; width: 80px; height: 80px; } .f-box-style-4:hover .feature-title h5, .f-box-style-4:hover .feature-content p, .feature-box-wrap.f-box-style-4:hover .feature-icon span { color: #000 ; } /*Feature Box List*/ .feature-box-wrap.f-list-1 .feature-list-icon { border-radius: 100px 100px 0 100px; height: 55px; width: 55px; line-height: 62px; text-align: center; transition: all 0.5s ease; } .feature-box-wrap.f-list-1:hover .feature-list-icon { border-radius: 0px 100px 100px 100px; transition: all 0.5s ease; } .feature-box-wrap.f-list-1 .feature-list-icon span { font-size: 25px; color: #000; text-align: center; } .feature-list-icon.bg-gd-1 { background: linear-gradient(45.24deg,#9f5ff1 5.99%,#ff54b0 91.87%); } .feature-list-icon.bg-gd-2 { background: linear-gradient(221.69deg,#50e1e4,#9a60ea 101.01%); } .feature-list-icon.bg-gd-3 { background: linear-gradient(44.44deg,#ed2775 7.79%,#ff7448 94.18%); } .feature-box-wrap.f-list-2 { border-radius: 10px 10px 10px 10px; box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 12%); background: #fff; padding: 30px; } .f-list-2.feature-list-icon span { height: 48px; width: 48px; font-size: 24px; text-align: center; line-height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #fff; } .feature-box-wrap.f-list-2 .feature-list-icon { text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .feature-box-wrap.f-list-2 .feature-list-icon span { text-align: center; font-size: 42px; line-height: 1; vertical-align: middle; } .feature-box-wrap.f-list-2 .feature-list-icon span { background: transparent; } .feature-box-wrap.f-list-2 .feature-title > *, .feature-box-wrap.f-list-2 .feature-list-icon, .feature-box-wrap.f-list-2:hover .feature-title > *, .feature-box-wrap.f-list-2:hover .feature-list-icon { transition: all 0.5s ease; } .feature-box-wrap.f-list-2:hover .feature-list-icon { transform: rotateY(360deg); transition: all 0.5s ease; } .feature-box-wrap.f-list-2 .feature-list-icon { transform: rotateY(0deg); transition: all 0.5s ease; } .f-list-3 .feature-list-icon span { font-size: 48px; line-height: 48px; } .f-list-3 .feature-list-icon span { font-size: 22px; line-height: 24px; padding: 10px; border-radius: 50%; color: #000; text-align: center; display: inline-block; width: 45px; height: 45px; -webkit-box-shadow: 0 10px 50px -12px rgb(171 171 171 / 63%); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.63); box-shadow: 0 10px 50px -12px rgb(171 171 171 / 63%); } .f-list-3:hover .feature-list-icon span { color: #fff; } .f-list-3 .feature-list-icon span.bg-gd-1 { background-image: linear-gradient(135deg, #8134F0 0%, #DD08D3 100%); } .f-list-3 .feature-list-icon span.bg-gd-2 { background: linear-gradient(44.44deg,#ed2775 7.79%,#ff7448 94.18%); } .f-list-3 .feature-list-icon span.bg-gd-3 { background-image: linear-gradient(90deg, #0040E5 0%, #04D7F1 100%); } .f-list-3 .feature-list-icon span.bg-gd-4 { background-image: linear-gradient(90deg, #4639F3 0%, #9C00ED 100%); } .f-list-4 .feature-box-content > p { margin-bottom: 0; line-height: 28px; } .f-list-4 .feature-list-icon span { width: 80px; height: 80px; line-height: 80px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; font-size: 32px; display: block; box-shadow: 7px 5px 30px 0 rgb(72 73 121 / 15%); } .section-welcome .feature-box-wrap:hover span { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .f-list-4:hover .feature-list-icon span { color: #fff; } .f-list-5 .feature-list-icon span { width: 48px; height: 48px; line-height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #fff; text-align: center; font-size: 24px; } .feature-box-wrap.f-list-5:hover .feature-list-icon span { background: #111; } .f-list-4 .feature-list-icon span, .f-list-5 .feature-list-icon span { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .f-list-4 a { color: #8d9297; } .icon-list-item li span { padding: 5px; border-radius: 50%; font-size: 8px; line-height: 1; color: #000; margin-right: 8px; vertical-align: middle; } /* Contact Info */ .contact-widget-info.c-page { border: 1px solid #e3e3e3; padding: 35px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .contact-widget-info.gradient-bg>p>span:before { color: #fff; } .contact-info .f-list-4:last-of-type { margin: 0; padding: 0; border: unset; } .contact-info .f-list-4 { margin: 0px 0px 35px 0px; padding: 0px 0px 35px 0px; transition: background 0s; border-style: dashed; border-width: 0px 0px 1px 0px; border-color: #EAEAEA; } .contact-info.info-2 .f-list-4 { margin: 0 0 40px; padding: 0; border: unset; } .contact-info.info-2 .f-list-4 .feature-list-icon span { background: #fff; } .contact-info.info-2 .f-list-4:hover .feature-list-icon span { color: #fff; } /*------------------------------- 15. Flipbox Shortcode ---------------------------------*/ .flip-box { background-color: transparent; width: 100%; height: 355px; perspective: 1000px; } .flip-box-inner.imghvr-flip-3d-horz { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .flip-box-inner.imghvr-flip-3d-horz > * { box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border-radius: 5px; } .flip-box:hover .flip-box-inner.imghvr-flip-3d-horz { transform: rotateY(-180deg); } .flip-box-inner.imghvr-flip-3d-horz .flip-box-front, .flip-box-inner.imghvr-flip-3d-horz .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-front { color: black; padding-top: 40px; padding-bottom: 40px; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-back { background-color: #fff; color: #8d9297; transform: rotateY(180deg); padding: 78px 0; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-back a { color: #8d9297; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-back .flip-content p { color: #8d9297; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-icon span { font-size: 30px; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-title { position: relative; padding-bottom: 20px; margin-bottom: 15px; } .flip-box-inner.imghvr-flip-3d-horz .flip-box-title:after { content: ""; width: 15px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .verticalMove { animation: verticalMove 3.5s infinite; } @-webkit-keyframes verticalMove { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes verticalMove { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .flip-box.br-style { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #DDDDDD; height: auto; } .flip-box-inner.imghvr-fade { position: relative; margin: 0; max-width: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .flip-box-inner.imghvr-fade .flip-box-front { background-color: #FFFFFF; padding-top: 85px; padding-bottom: 95px; } .flip-box-inner.imghvr-fade .flip-box-back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; color: #FFFFFF; background-color: #00162FE0; padding-top: 45px; padding-bottom: 60px; } .flip-box-inner.imghvr-fade .flip-box-front, .flip-box-inner.imghvr-fade .flip-box-back { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; transition: all .35s ease; } .flip-box-inner.imghvr-fade:hover .flip-box-front, .flip-box-inner.imghvr-fade:hover .flip-box-back { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .flip-box-inner.imghvr-fade:hover .flip-box-front { opacity: 0; } .flip-box-inner.imghvr-fade:hover .flip-box-back { opacity: 1; } .flip-box-inner.imghvr-fade .flip-box-back .flip-box-title { position: relative; padding-bottom: 20px; margin-bottom: 15px; } .flip-box-inner.imghvr-fade .flip-box-back .flip-box-title::after { content: ""; width: 15px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .shape-top, .shape-bottom { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .shape-top { top: -2px; } .shape-bottom { bottom: -1px; } .shape-top.triangle { top: -52px; } .shape-bottom.triangle { bottom: -51px; } .shape-bottom .shape-fill, .shape-top .shape-fill { fill: #fff; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .large-triangle .shape-fill { fill: inherit; } .shape-bottom.light-fill .shape-fill { fill: #fff; } .shape-top.ct-hgt svg, .shape-bottom.ct-hgt svg { height: 36px; width: 100%; } /*------------------------------- 15. Counter Shortcode ---------------------------------*/ span.counter-up { font-size: 32px; line-height: 1; } .counter-style-5 .counter-icon span { font-size: 60px; line-height: 60px; } .counter-style-5 .counter-title .title { color: #cccccc; } .counter-wrap { padding: 32px; background: #101010; border: solid 1px #181818; } .counter-wrapper.counter-style-5 { margin-bottom: 40px; } span.v-border { position: absolute; top: -44px; left: 0; right: 0; width: 1px; height: 25px; margin: auto; } .counter-value.h-border { position: relative; } .counter-value.h-border .counter-up { font-size: 24px; font-weight: 400; } .counter-value.h-border:before { content: ""; width: 25px; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } /* Counter 1 */ .counter-style-1 span.counter-up { font-size: 90px; line-height: 90px; font-weight: 700; } .counter-style-1 .counter-icon { font-size: 40px; line-height: 40px; } .counter-style-1 .counter-title > p { color: #A9A9A9; letter-spacing: 0.5px; font-size: 16px; line-height: 25.4px; font-weight: 700; } .counter-style-1 .counter-title > p.typo-white { color: #DFDFDF; } .counter-active { background: rgba(142,142,142,0.2); } /* Counter 2 */ .counter-style-2 .counter-up, .counter-style-2 .counter-suffix { font-size: 50px; line-height: 40px; font-weight: 900; } .counter-style-2 .counter-title > p { font-size: 15px; line-height: 32px; color: #666; } .typo-white .counter-style-2 .counter-title > p { color: #fff; } .counter-style-2 .counter-icon i { width: 80px; height: 80px; line-height: 80px; border-radius: 50%; background-image: url(../images/bg/pattern.png); background-color: rgba(0,0,0,.5); font-size: 34px; color: #fff; display: inline-block; } .counter-icon i.bg-ct-4 { background-image: linear-gradient(135deg, #FDBA1A 0%, #ED00AD 100%); box-shadow: 0px 10px 40px 0px rgb(237 0 173 / 30%); } .counter-icon i.bg-ct-3 { background-image: linear-gradient(135deg, #1F5DFB 0%, #00EDA2 100%); box-shadow: 0px 10px 40px 0px rgb(33 113 238 / 32%); } .counter-icon i.bg-ct-2 { background-image: linear-gradient(135deg, #4639F3 0%, #9C00ED 100%); box-shadow: 0px 10px 40px 0px rgb(70 57 243 / 29%); } .counter-icon i.bg-ct-1 { background-image: linear-gradient(135deg, #F33946 0%, #9C00ED 100%); box-shadow: 0px 10px 40px 0px rgb(218 9 212 / 28%); } .counter-active { background: rgba(142,142,142,0.2); } /* Counter 3 */ .counter-style-3 span.counter-up { font-size: 56px; line-height: 65px; font-weight: 700; } .counter-style-3 .counter-title > p { letter-spacing: 0.5px; margin-bottom: 0px; } /*------------------------------- 16. Client Slider ---------------------------------*/ .client.client-grid { padding: 20px; } .client2 { padding: 15px; background: #fff; margin-bottom: 30px; } .client-style-2 .owl-carousel .owl-item img { max-width: 156px; } .hvr-grey img:hover { -webkit-filter: grayscale(100%); filter: grayscale(0%); cursor: pointer; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .hvr-grey img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .client-style-2 .client { overflow: hidden; } .client-style-2 .client:hover img { -webkit-filter: grayscale(0%); filter: gray; opacity: 1; -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-animation: clientSlider 550ms forwards; -moz-animation: clientSlider 550ms forwards; -ms-animation: clientSlider 550ms forwards; -o-animation: clientSlider 550ms forwards; animation: clientSlider 550ms forwards; } .client-style-2 .client img { -webkit-filter: grayscale(100%); filter: gray; -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0.4; } /*------------------------------- 17. Ministries ---------------------------------*/ .ministries-box-wrap.ministries-box-style-1 { border: 1px solid #e6e6e6; -webkit-box-shadow: 0 15px 44px 0px rgba(171, 171, 171, 0.1); box-shadow: 0 15px 44px 0px rgba(171, 171, 171, 0.1); transition: all .55s ease; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; margin-bottom: 35px; padding: 50px 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; } .ministries-box-wrap.ministries-box-style-1:hover, .ministries-box-wrap.ministries-box-style-1.f-active { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -moz-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -ms-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); -o-box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); } .ministries-box-wrap.ministries-box-style-1::after { content: ""; background: #0060d6; height: 7px; width: 25%; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .ministries-box-wrap.ministries-box-style-1:hover::after { width: 100%; /*transition: all 0.4s ease;*/ } .ministries-box-style-1 .ministries-icon { height: 100px; width: 100px; line-height: 100px; font-size: 50px; margin: auto; color: #fff; margin-bottom: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .ministries-box-style-1:hover .ministries-icon.theme-hcolor-bg, .ministries-box-style-1.f-active .ministries-icon.theme-hcolor-bg { animation: pulse 1s infinite; } .ministries-box-style-1 span { line-height: 100px; } .ministries-box-style-2 .invisible-number { position: absolute; font-size: 70px; font-weight: 600; opacity: 0.05; padding-left: 20px; letter-spacing: -.3px; } .ministries-box-style-2 { -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border: none; border-radius: 10px; background-color: #fff; border-bottom: solid 4px; margin-bottom: 35px; } .ministries-box-style-2 .ministries-inner .ministries-thumb::before { content: ""; position: absolute; right: 0; left: 0; bottom: 0; opacity: 0; height: 0; z-index: 1; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .ministries-box-style-2:hover .ministries-inner .ministries-thumb::before { opacity: 1; height: 100%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .ministries-box-style-2 .ministries-inner .ministries-thumb::after { content: url('../images/ministries/cross.html'); width: 16%; height: 121px; position: absolute; left: 0; background-repeat: repeat; top: 50%; transform: translateY(-50%) scale(0); right: 0; margin: auto; z-index: 2; } .ministries-box-style-2:hover .ministries-inner .ministries-thumb::after { transform: translateY(-50%) scale(1); } .ministries-box-style-2 .ministries-inner .ministries-thumb::after, .ministries-box-style-2:hover .ministries-inner .ministries-thumb::after { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .ministries-box-style-2 .ministries-inner .ministries-thumb { position: relative; overflow: hidden; border-top-right-radius: 10px; border-top-left-radius: 10px; } .ministries-box-style-2 .ministries-icon-img-wrap img { max-width: 75px; padding: 15px; border-radius: 50%; margin-top: -40px; position: relative; z-index: 1; } .ministries-box-style-2 .ministries-thumb img { border-top-right-radius: 5px; border-top-left-radius: 5px; } .ministries-box-style-2 .ministries-inner .ministries-thumb img { transform: scale(1); } .ministries-box-style-2:hover .ministries-inner .ministries-thumb img { transform: scale(1.1); } .ministries-box-style-2 .ministries-inner .ministries-thumb img, .ministries-box-style-2:hover .ministries-inner .ministries-thumb img { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .ministries-box-style-2 .ministries-desc { color: #8D9297; } .ministries-link .link { font-weight: 600; font-size: 15px; } .ministries-box-style-2 .ministries-link .link { border-bottom: solid 2px; line-height: 1; } .ministries-box-style-2 .ministries-link .link:hover { color: #000; } .ministries-box-style-3 { border: 1px solid #e7e7e7; padding: 35px 25px 35px; position: relative; } .ministries-box-style-3::before { height: 100%; width: 0; top: 0; left: 50%; content: ""; } .ministries-box-style-3::after { content: ""; top: 50%; left: 0; height: 0; width: 100%; z-index: 1; } .ministries-box-style-3::before, .ministries-box-style-3::after { position: absolute; content: ""; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .ministries-box-style-3:hover::before { left: 0; width: 100%; } .ministries-box-style-3:hover::after { top: 0; height: 100%; } .ministries-box-style-3 .invisible-number { top: 0px; font-size: 120px; font-weight: 900; right: 0; line-height: 80px; opacity: 0.03; position: absolute; } .ministries-box-style-3 .ministries-title:before { content: ""; bottom: -14px; height: 2px; left: 0; position: absolute; width: 45px; } .ministries-box-style-4 { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; } .ministries-box-style-4:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); transform: translateY(-5px); } .ministries-box-style-4 .ministries-thumb { position: relative; } .ministries-box-style-4 .ministries-thumb::before { position: absolute; content: ''; left: 0px; bottom: 0px; width: 100%; height: 0%; display: block; z-index: 1; background-color: rgba(0, 96, 214, 0.61); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .ministries-box-style-4:hover .ministries-thumb::before { height: 100%; } .ministries-box-style-4 .ministries-content { border: 1px solid #e5e5e5; border-top: unset; padding: 30px; } .ministries-box-style-4 .invisible-number { font-size: 25px; line-height: 25px; font-weight: 600; margin-bottom: 0px; position: absolute; bottom: -25px; right: 20px; color: #fff; padding: 15px 14px; z-index: 1; } .ministries-box-style-4 .ministries-title a { position: relative; font-weight: 500; font-size: 21px; line-height: 30px; } .ministries-box-style-4 .ministries-link .link { font-weight: 900; font-size: 16px; } /* Ministries Single Page */ .side-btn .btn { font-size: 13px; padding: 10px 30px; font-weight: 500; } .side-btn .btn i { font-size: 16px; height: 14px; line-height: 14px; } /*------------------------------- 18. Pricing Tables Shortcode ---------------------------------*/ .pricing-table-wrapper { overflow: hidden; position: relative; } .pricing-inner-wrapper { padding: 35px 0; border: 1px solid rgba(0, 0, 0, 0.1); } .pricing-inner-wrapper > *:last-child { margin-bottom: 0; } .pricing-inner-wrapper > * { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .pricing-inner-wrapper > .pricing-table-head { margin-bottom: 32px; } .content-area .page .pricing-table-body ul { padding: 0; } ul.pricing-features-list > li { display: inline-block; border: medium none; background: unset; padding-left: 0; padding-right: 0; } li.feature-inactive { text-decoration: line-through; text-decoration-color: #000; } .pricing-icon > span { font-size: 60px; } .corner-ribbon{ width: 180px; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 30px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); -ms-box-shadow: 0 0 3px rgba(0,0,0,.3); -o-box-shadow: 0 0 3px rgba(0,0,0,.3); z-index: 9; } .corner-ribbon.top-left{ top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right { top: 17px; right: -55px; left: auto; transform: rotate(40deg); -webkit-transform: rotate(40deg); } .corner-ribbon.bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* price */ .price-text { font-size: 45px; line-height: 1; font-weight: 600; } .pricing-table-wrapper .pricing-title { font-size: 23px; line-height: 1; } .price-after p { margin-bottom: 0; } /* price image */ .pricing-inner-wrapper > .pricing-image { padding: 0; } .pricing-table-wrapper .btn { color: #fff; } .pricing-table-wrapper .btn:hover { color: #fff; } /* pricing table layout one */ .pricing-style-1, .pricing-style-2 { background-color: rgba(0,0,0,.005); border: 1px solid #e4e9ee; border-radius: 15px; margin-bottom: 10px; padding: 35px 30px; } .pricing-style-1, .pricing-style-1:hover, .pricing-style-2, .pricing-style-2:hover { transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; } .pricing-style-1:hover, .pricing-style-1.active, .pricing-style-2:hover, .pricing-style-2.active { border-style: solid; border-width: 2px 2px 2px 2px; border-color: #FFFFFF; box-shadow: 0px 10px 30px 0px rgb(206 189 224 / 32%); } .pricing-style-1 .pricing-title h3, .pricing-style-2 .pricing-title h3 { font-size: 18px; line-height: 22px; padding: 10px 25px 10px 25px; font-weight: 800; margin: 0px; border-radius: 25px 25px 25px 25px; display: inline-block; } .pricing-style-1.active .pricing-title h3, .pricing-style-2.active .pricing-title h3 { color: #fff; } .pricing-style-1 .pricing-title i { border-bottom: 1px solid #000000; margin-bottom: 5px; padding-bottom: 5px; } .pricing-style-1.active .pricing-title i { border-bottom-color: #fff; } .pricing-style-1 .price, .pricing-style-1 .price { padding: 16px 0px; font-size: 36px; } .pricing-style-1 .price h6, .pricing-style-2 .price h6 { display: inline-block; font-size: 55px; line-height: 45px; font-weight: 900; margin: 25px 0 5px; position: relative; padding-left: 18px; } .pricing-style-1 .price span, .pricing-style-2 .price span { font-size: 13px; font-weight: normal; } .pricing-style-1 .price .prefix, .pricing-style-2 .price .prefix { position: absolute; top: 0; left: 0; line-height: 1; font-size: 20px; font-weight: 700; } .pricing-style-1 .price span.suffix, .pricing-style-2 .price span.suffix { color: #6F667B; font-weight: 700; } .typo-white .pricing-style-1 .price span.suffix, .typo-white .pricing-style-2 .price span.suffix { color: #fff; } .pricing-style-1 ul.pricing-features li::before { content: "\f058"; font-family: 'FontAwesome'; margin-right: 10px; } .pricing-style-1 ul { margin-bottom: 0px; } .pricing-style-1 li { list-style-type: none; font-size: 15px; margin-bottom: 10px; } .pricing-style-1 .pricing-more, .pricing-style-2 .pricing-more { text-align: center; border-radius: 0 0 5px 5px; } .pricing-style-1 .pricing-more a, .pricing-style-2 .pricing-more a { padding: 11px 30px; font-size: 15px; background: #000; color: #fff; display: inline-block; font-weight: 700; border-radius: 50px; } .pricing-style-1 .pricing-more a:hover, .pricing-style-2 .pricing-more a:hover { color: #fff; } .pricing-style-2 ul.pricing-features li:not(:last-child) { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #eee; } /*------------------------------- 19. Tab Shortcode ---------------------------------*/ .tab-body ul.nav > li { padding: 0; } .tab-pane-content { padding: 40px 0; } .tab-body .nav-tabs { border-bottom: solid 2px #f0f0f0; } .tab-body .nav-tabs .nav-link.active { border-bottom: solid 2px #000; } .tab-body .nav-tabs .nav-link { padding: 10px 0; line-height: 27px; margin-right: 25px; font-weight: 600; color: #b3b3b3; } .tab-body .nav-tabs .nav-link.active, .tab-body .nav-tabs .nav-link:hover { color: #000; } .tab-body .nav-tabs .nav-link:focus, .tab-body .nav-tabs .nav-link { border: none; } /*Tab Style 4*/ .tab-body.tab-style-4 ul.nav > li { padding: 0; position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: #f1f4f3; } .tab-body.tab-style-4 .nav-tabs .nav-link span { margin-bottom: 10px; font-size: 22px; } .tab-body.tab-style-4 .nav-tabs { border: none; } /*Tab Style 4*/ .tab-body.tab-style-4 .nav-tabs .nav-link { padding: 14px 20px; font-size: 16px; font-weight: 500; border-bottom: none; transition: all .3s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .tab-body.tab-style-4 .tab-body .nav-tabs .nav-link.active, .tab-body.tab-style-4 .tab-body .nav-tabs .nav-link.active:hover { border: none; } .tab-body.tab-style-4 .nav-tabs .nav-link span { margin-right: 10px; font-size: 18px; } .tab-body.tab-style-4 .tab-pane-content { border: none; padding: 0; } /*------------------------------- 20. Accordion ---------------------------------*/ .accordion-button.btn-link { display: block; position: relative; } .card.accordion-panel { border: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 10px 0px; margin-bottom: 20px; border: solid 1px #eaeaea; padding: 18px 20px; } .acc-icon:before { content: "\f105"; font-family: fontawesome; width: 25px; height: 25px; display: inline-block; line-height: 25px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .card.accordion-panel .title-text { font-weight: 600; } .accordion-button:focus { box-shadow: none; } /*Accordion 2*/ .accordion-style-2 .accordion-button.btn-link { display: inline-block; } .accordion-style-2 .card.accordion-panel .title-text { font-weight: 400; } .accordion-style-2 .card.accordion-panel .card-inner { position: relative; background-color: #f7f6f7; color: #515151; list-style: none outside; width: auto; word-wrap: break-word; padding: 15px; } .accordion-style-2 .checkout-coupon .form-control { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border: 1px solid #e0e0e0; padding: 18px 20px; font-size: 14px; height: 50px; } /*------------------------------- 21. Contact Form ---------------------------------*/ .form-group.has-error i, .form-group.has-error .help-block { padding-top: 0; color: #ff0000; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } small.help-block { color: #ff0000; } .has-error .form-control { margin-bottom: 0 !important; } .form-group { position: relative; } .has-error .captcha-parent { margin-top: 20px; } .has-feedback.has-success .form-control-feedback { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); } .has-feedback.has-error .fa-remove:before, .has-feedback.has-error.fa-close:before, .has-feedback.has-error.fa-times:before { float: right; } .help-block.with-errors { color: #ff5050; margin-top: 5px; } p#contact-status-msg { padding: 10px 60px; margin-top: 30px; border: solid #fc8902; } input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8D9297; font-size: 15px; font-weight: 400; } input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder { /* Firefox 19+ */ color: #8D9297; font-size: 15px; font-weight: 400; } input.form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder { /* IE 10+ */ color: #8D9297; font-size: 15px; font-weight: 400; } input.form-control:-moz-placeholder, textarea.form-control:-moz-placeholder { /* Firefox 18- */ color: #8D9297; font-size: 15px; font-weight: 400; } /*Contact Form 4*/ .contact-form-1 input.form-control { height: 53px; } .contact-form-1 .form-group, .contact-form-7 .form-group { margin-bottom: 30px; } textarea.form-control { height: auto; padding: 12px 15px 0; } .contact-form-1 textarea.form-control, .contact-form-1 input.form-control { background: #f7f7f7; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #121212; padding: 12px 15px; font-size: 15px; } .contact-form-1 textarea.form-control { max-height: 130px; line-height: 28px; } .contact-form-1 .btn { letter-spacing: 1px; } .contact-form-1 .form-control:focus, .contact-form-1 .form-control:active { border: none; outline: none; } .contact-form-1 .btn, .contact-form-7 .btn { padding: 12px 35px; letter-spacing: 0.5px; margin-top: 30px; } /*Contact Form 7*/ .contact-form-7 .form-control { border: solid 1px #f7f7f7; background: #f7f7f7; -webkit-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.35); -moz-box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.35); box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.35); } .contact-form-7 .form-control:focus { border: solid 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact-form-7 .btn { padding: 12px 35px; letter-spacing: 0.5px; } .contact-form-7 .contact-form-wrap { border: solid 2px #3d3d3d; padding: 30px 20px; } /*Career Form*/ #careerform .row { padding: 0 10px; } #careerform .row>* { padding: 0 5px; } #careerform textarea.form-control { height: 102px; } /* Dark Inputs */ .dark-inputs .form-group input, .dark-inputs .form-group textarea, .dark-inputs .form-group select { background: #0b0b0b; border: 1px solid #181818; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #6c757d; font-size: 15px; box-shadow: none; padding: 6px 15px; } .dark-inputs .form-group input, .dark-inputs .form-group select { height: 55px; } .dark-inputs .form-group input:focus, .dark-inputs .form-group textarea:focus, .dark-inputs .form-group select:focus { border: 1px solid #181818; } .contact-form-2 input.form-control, .contact-form-2 textarea.form-control, .contact-form-2 select { background: transparent; border: 1px solid #eaeaea; height: 50px; color: #8D9297; width: 100%; padding: 12px 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .contact-form-2 .form-group { margin-bottom: 13px; } section.m-minus { margin-bottom: -69px; } /*------------------------------- 22. Video Popup ---------------------------------*/ .video-content { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; display: inline-block; position: absolute; left: 0; right: 0; top: 50%; margin: auto; transform: translateY(-50%); } .popup-youtube { width: 136px; height: 136px; } .popup-youtube:hover { background: #fff; } .popup-youtube span { line-height: 80px; color: #fff; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .popup-youtube:hover span { color: #FE4BA9; } .video-wrap-details .sub-title { font-size: 13px; font-weight: 500; letter-spacing: 1.5px; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease; } .mfp-iframe-holder .mfp-close:hover { background: transparent; } .video-wrap-inner { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .video-wrap { z-index: 1; } /*Stretch*/ .video-wrap.wrap-stretch .video-wrap-inner { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: unset; margin-top: -182px; margin-bottom: -80px; } /*------------------------------- 23. Mailchimp Shortcode ---------------------------------*/ span.form-bg { background: #FE4BA9; width: 100%; height: 225px; position: absolute; } /*Mailchimp 7*/ .mailchimp-style-3 .form-control { border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 10px 22px; background: transparent; border: solid 1px #eaeaea; color: #fff; border-right: none; } .mailchimp-style-3 .subcribe-btn { border-top-right-radius: 30px; border-bottom-right-radius: 30px; padding: 8px 35px; background: #fff; color: #000; } .mailchimp-style-3 .subcribe-btn:hover { background: #000; color: #fff; } .mailchimp-style-3 .subcribe-btn, .mailchimp-style-3 .form-control { height: 48px; } .mailchimp-img { margin-top: -65px; } .mailchimp-style-3 .form-control::placeholder { color: #fff; opacity: .6; } /*------------------------------- 24. Circle Progress ---------------------------------*/ .circle-progress-circle { position: relative; } .circle-progress-wrap .progress-value { position: absolute; display: inline-block; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 24px; } /*------------------------------- 25. Progress Bar ---------------------------------*/ .progress { height: 8px; overflow: visible; position: relative; } .progress-bar { text-align: left; line-height: 30px; transition: unset; border-radius: 30px; } .progress-bar-item { padding-bottom: 8px; } .progress-bar-wrap .progress-bar { background-color: #FE4BA9; } .progress-details { padding: 0 10px; } .progress .progress-name { line-height: 30px; position: absolute; margin-top: 10px; } .progress .progress-name.progress-name-top { padding: 0; top: -8px; margin: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .progress .progress-name.progress-name-inner { color: #fff; padding: 0 10px; margin: 0; } .progress.progress-small { height: 6px; } .progress.progress-medium { height: 10px; } .progress.progress-large { height: 20px; } .progress.progress-small .progress-bar { line-height: 24px; } .progress .progress-details.progress-details-top { position: absolute; top: -13px; left: 0; -webkit-transform: translateX(-50%) translateY(-100%); -moz-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); font-size: 15px; line-height: 20px; font-weight: 700; } .campaigns-link a:hover { background: #00162f; color: #fff; } .campaigns-link a { padding: 4px 24px 6px; color: #fff; border-radius: 4px; display: inline-block; } .campaigns-box-style { border-radius: 10px; border: 1px solid #e6e6e6; } .campaigns-box-style .campaigns-inner .campaigns-thumb img { border-radius: 10px 10px 0px 0px !important; } .campaigns-box-style .campaigns-inner .campaigns-title h3 { font-size: 25px; line-height: 1; } .charitable-campaigns-widget h6.campaign-title { font-size: 18px; } .campaign-time-left { font-size: 15px; color: #8D9297; } .charitable-campaigns-widget .campaigns li.campaign { padding-bottom: 18px; margin-bottom: 23px; border-bottom-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px; } .charitable-campaigns-widget .campaigns li.campaign:last-child { margin-bottom: 0; padding-bottom: 0; border: unset; } /*------------------------------- 26. Related Slider ---------------------------------*/ /*Related Slider*/ .related-slider .portfolio-details { background: #f7f7f7; } /*Portfolio Related Slider*/ .portfolio-related-slider .portfolio-item:hover .portfolio-thumb img { transform: scale(1); } .portfolio-related-slider .portfolio-thumb img { transition: none; } /*------------------------------- 28. Call To Action ---------------------------------*/ .get-quote-1 .title { font-size: 42px; line-height: 58.8px; } .get-quote-2 .title { font-size: 25px; line-height: 1.4; } .get-quote:hover a { padding-left: 10px; } .get-quote a, .get-quote a:hover { color: #000; } .get-quote-2 .item-box { display: flex; } .title-style-2 .section-title:after { content: ""; width: 20px; height: 3px; background: #d3d3d3; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .title-style-2 .section-title { padding-right: 35px; } .title-style-2 .section-description > p { font-size: 16px; } .get-quote { position: relative; z-index: 2; } .move-top { text-align: center; width: 70px; height: 70px; line-height: 70px; transform: rotate(45deg); margin: 0px auto; text-align: center; position: absolute; left: 0; right: 0; bottom: -30px; z-index: 1; } .move-top i { transform: rotate(-45deg); font-size: 28px; position: relative; display: block; } .move-top a:hover, .move-top a:active, .move-top a:focus { color: #000; } .move-top a:hover i { color: #000; } /*CTA Button*/ .cta-1 a.btn.btn-default.cta-btn:hover { background: #111; color: #fff; } .cta-1 a.btn.btn-default.cta-btn { background: #fff; color: #111; padding: 16px 39px 16px 39px; line-height: 1; font-size: 14px; } .cta-wrapper.cta-1 { border: 5px solid #fff; margin-bottom: -69px; position: relative; z-index: 1; } /*------------------------------- 29. Events Shortcode ---------------------------------*/ .events-inner { border: 1px solid #e8e8e8; margin-bottom: 30px; } .events-title a { font-size: 19px; line-height: 26px; font-weight: 700; } .events-title { margin-bottom: 22px; padding-bottom: 22px; } .events-overlay-details { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transition: all .33s ease; -moz-transition: all .33s ease; -o-transition: all .33s ease; transition: all .33s ease; } .event-link .post-link { color: #fff; width: 40px; line-height: 40px; height: 40px; border: solid 1px; display: block; margin: auto; } .event-form .btn, .event-form .btn-default { box-shadow: unset; font-size: 15px; } /* Events Style 1 */ .events-style-1 .events-inner { -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border-radius: 10px; padding: 35px 30px; overflow: hidden; position: relative; background: #fff; border: unset; margin-bottom: 20px; } .events-style-1 .events-inner::before { content: "\e6b6"; position: absolute; font-family: "themify"; bottom: 30%; right: -30px; font-size: 85px; color: #f1f1f1; z-index: 0; transform: rotate(-49deg); } .events-style-1 .events-item .event-date, .events-style-2 .events-details .event-date { padding: 25px 15px 3px 15px; position: relative; font-weight: 400; font-size: 18px; text-align: center; border-radius: 8px 8px 8px 8px; } .events-style-1 .events-item .event-date::before, .events-style-2 .events-details .event-date::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 31px; z-index: 0; border-radius: 0px 0px 8px 8px; } .events-style-1 .events-item .event-date::after, .events-style-2 .events-details .event-date::after { content: "\e72b"; font-family: "themify"; position: absolute; top: -20px; left: 0; right: 0; color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 14px; border-radius: 0% 50% 50% 50%; margin: auto; transform: rotate(222deg); } .events-style-1 .events-item span.event-time, .events-style-2 .events-details span.event-time { padding-left: 0; float: none; display: block; font-size: 14px; z-index: 9999; color: #fff; font-weight: 600; position: relative; padding-top: 15px; font-family: poppins; } .events-style-1 .events-item .read-more a, .events-style-2 .events-details .read-more a, .events-style-3 .events-details .read-more a, .events-style-4 .events-details .read-more a { font-weight: 600; border-bottom: solid 2px; } .events-style-1 .events-item .read-more a:hover, .events-style-2 .events-details .read-more a:hover, .events-style-3 .events-details .read-more a:hover, .events-style-4 .events-details .read-more a:hover { color: #252525; } /* Events Style 2 */ .events-style-2 .events-inner { overflow: hidden; position: relative; border: unset; -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border-radius: 10px; } .events-style-2 .events-inner::before { content: "\e6b6"; position: absolute; font-family: "themify"; bottom: 30%; right: -30px; font-size: 85px; color: #f1f1f1; z-index: 0; transform: rotate(-49deg); } .events-style-2 .events-details .event-date { display: inline-block; margin-top: -40px; } /* Events Style 3 */ .events-style-3 .events-inner { border: unset; } .events-style-3 .events-inner .event-date { display: inline-block; padding: 0 12px 0 14px; font-size: 11px; font-weight: 600; line-height: 27px; text-transform: uppercase; letter-spacing: .15em; z-index: 3; color: #fff; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 4px; } .events-style-3 .events-inner .event-date .event-time { padding-left: 11px; } /* Events Style 4 */ .events-style-4 .events-inner { border: unset; -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border-radius: 10px; } .events-style-4 .events-inner .events-details .event-title { margin-left: -30px; margin-right: -30px; padding: 0 26px; } .events-style-4 .events-inner .events-thumb img { border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; } .events-style-4 .events-inner .event-date { color: #fff; display: inline-block; line-height: 1; padding: 8px 15px; border-radius: 4px; font-size: 13px; position: relative; font-weight: 400; } .events-style-4 .events-inner .event-date:before { content: "\e6b6"; font-family: "themify"; margin-right: 7px; vertical-align: 0px; font-size: 11px; } .events-style-4 .events-inner .event-date .event-time { padding-left: 11px; position: relative; } .events-style-4 .events-inner .event-date .event-time:before { content: "\e72b"; font-family: "themify"; margin-right: 7px; vertical-align: 0px; font-size: 11px; } .event-details-wrap { border-radius: 10px; border: 1px dashed #eaeaea; padding: 38px 30px 35px; overflow: hidden; } .event-details-wrap strong { color: #252525; padding-right: 8px; } .event-info, .event-venue, .event-contact-wrap { position: relative; } .event-info h4 { margin-top: -40px; margin-bottom: 15px; } .event-info h4, .event-venue h4, .event-contact-title h4 { margin-left: -30px; margin-right: -30px; padding: 17px 15px 17px 15px; margin-bottom: 28px; color: #fff; text-align: center; line-height: 1; } .event-info p, .event-venue p { padding-bottom: 17px; border-bottom: 1px dashed #eaeaea; } .event-info p:last-child, .event-venue p:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } /*Map Animation*/ @-webkit-keyframes shadow-blink { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } @keyframes shadow-blink { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); } } .event-address { position: relative; } .event-address a.zegen-popup-gmaps { position: absolute; right: -10px; font-size: 20px; top: 32%; transform: translateY(-50%); } .event-address a.zegen-popup-gmaps:after { content: "\e693"; font-family: 'themify'; position: absolute; left: 0; right: 0; opacity: 0; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-name: shadow-blink; -webkit-animation-name: shadow-blink; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /*------------------------------- 30. Twitter Feed ---------------------------------*/ .twitter-feed { position: relative; } .tweets_feed.owl-loaded.owl-drag { position: relative; } .tweets_feed .owl-item { position: relative; float: left; cursor: ew-resize; } .owl-stage-outer { position: relative; overflow: hidden; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); } .tweet_text { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .tweet_time { margin-top: 10px; } .tweet_time a::before { content: "\e72b"; font-family: 'themify'; margin-right: 10px; font-size: 12px; } .bg-theme .tweet_time a::before { color: #fff; } .twitter-feed .twitter-icon { position: absolute; top: -32px; left: 50%; transform: translateX(-50%); background-image: linear-gradient(90deg, #0040E5 0%, #04D7F1 100%); box-shadow: 0px 7px 25px 0px rgb(0 64 229 / 34%); display: inline-block; width: 65px; height: 65px; line-height: 65px; border-radius: 50%; color: #fff; font-size: 38px; text-align: center; } .bg-theme.twitter-feed.typo-white .owl-dot.active span { background: #fff; } /*------------------------------- 31. Shop Page ---------------------------------*/ .product-button-wrap { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .product-rating > i, span.rating { color: #ffb919; } .product-name { font-size: 14px; } .product-name a { font-size: 16px; } ul.nav.navbar-main > li > a.cart-contents { font-size: 18px; position: relative; display: inline; padding: 0 15px 0 30px; } .dropdown.mini-cart-dropdown ul.dropdown-menu { right: 0; left: auto; min-width: 280px; padding: 15px; } .dropdown.mini-cart-dropdown .product-name { color: #333333; font-size: 14px; line-height: 2; } .cart-count { color: #fff; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; font-size: 10px; height: 16px; line-height: 18px; position: absolute; right: -10px; text-align: center; top: -7px; width: 16px; } .dropdown.mini-cart-dropdown .product-remove { background: #f6f6f6; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; height: 27px; line-height: 28px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 27px; } .offer-price { font-size: 20px; font-weight: 700; color: #636363; } .normal-price { color: #848484; font-weight: 800; opacity: .5; padding-right: 10px; } .onsale { position: absolute; left: 15px; top: 22px; font-size: 14px; padding: 5px 12px; line-height: 23px; color: #fff; } .product-inner:hover .product-button-wrap, .product-inner:hover .product-thumb:before { opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .product-thumb:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.52); opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } .product-button-wrap > a { margin-right: 10px; } .product-button-wrap > a:last-child { margin-right: 0; } /* Shop Single Page */ .product-quantity .form-control { display: inline-block; max-width: 56px; text-align: center; height: 56px; line-height: 56px; background: #e1e1e1; border: none; margin-bottom: 0; } .product-quantity .form-group .minus, .product-quantity .form-group .plus { position: absolute; line-height: 0.5; font-size: 18px; padding: 5px 7px; width: 26px; height: 26px; border: none; background: #e1e1e1; } .product-quantity .form-group .minus { bottom: 0; } /* Cart Page */ .shop table.shop_table { margin-bottom: 0; } .shop table.shop_table, .shop-page table.shop_table, .shop table.shop_table td, .shop-page table.shop_table td { border-color: #e1e1e1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; } .shop table.shop_table thead, .shop-page table.shop_table thead { background-color: #f7f7f7; height: 50px; } .shop table.shop_table th, .shop-page table.shop_table th { color: #333; font-weight: 700; padding: 17px 25px; text-transform: uppercase; } .shop table.shop_table tbody th, .shop table.shop_table tfoot td, .shop table.shop_table tfoot th { font-weight: 500; } .shop table.shop_table tfoot td { text-align: right; } .shop table.shop_table td.product-thumbnail { width: 95px; } .shop #content table.cart img, .shop table.cart img, .shop-page #content table.cart img, .shop-page table.cart img { width: 90px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; } .shop_table.cart td.product-name > a { color: #333; } .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount { font-size: 17px; font-weight: 500; } .shop #content table.cart a.remove, .shop table.cart a.remove, .shop-page #content table.cart a.remove, .shop-page table.cart a.remove { line-height: 26px; width: 26px; height: 26px; float: right; font-size: 22px; text-align: center; color: #999999; font-weight: 300; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .shop table.cart a.remove:hover { background: red; color: #fff; } .shop #content table.cart td.actions .coupon .input-text, .shop table.cart td.actions .coupon .input-text, .shop-page #content table.cart td.actions .coupon .input-text, .shop-page table.cart td.actions .coupon .input-text { width: 20%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #e0e0e0; padding: 13.5px 20px; text-align: center; line-height: 18px; font-size: 14px; } .shop .btn, .shop button.button { box-shadow: none; border: none; cursor: pointer; font-size: 14px; } .shop-page .btn, .shop-page button.button { font-size: 12px; padding: 5px 18px; } table.shop_table.shop_table_responsive { width: 50%; } .shop table.shop_table .cart-subtotal td, .shop table.shop_table .order-total td { text-align: right; } .shop table.shop_table .cart-subtotal th { width: 35%; } .shop #content table.cart td.actions .coupon .button .shop-page #content table.cart td.actions .coupon .button, .shop-page table.cart td.actions .coupon .button { float: left; font-size: 14px; } .shop-cart table.cart td.actions .coupon .input-text { margin: 0 15px 0 0; } .shop table.cart td.actions .coupon .input-text::-webkit-input-placeholder { text-transform: uppercase; line-height: 18px; font-size: 14px; } .shop table.cart td.actions .coupon .input-text:-moz-placeholder { text-transform: uppercase; line-height: 18px; font-size: 14px; } .shop table.cart td.actions .coupon .input-text::-moz-placeholder { text-transform: uppercase; line-height: 18px; font-size: 14px; } .shop table.cart td.actions .coupon .input-text:-ms-input-placeholder { text-transform: uppercase; line-height: 18px; font-size: 14px; } .shop table.shop_table td { padding: 25px; height: auto; overflow: hidden; } .shop table.shop_table td.product-name { font-weight: 600; border-bottom: 1px solid #e1e1e1; } .shop table.shop_table td.product-thumbnail { padding: 0; } .shop table.shop_table .cart-subtotal th, .shop-page table.shop_table .cart-subtotal th, .shop table.shop_table .order-total th, .shop-page table.shop_table .order-total th, .shop table.shop_table .cart-subtotal td, .shop-page table.shop_table .cart-subtotal td, .shop table.shop_table .order-total td, .shop-page table.shop_table .order-total td { padding: 25px; } .shop form .form-row, .shop-page form .form-row { padding: 0; margin-bottom: 10px; } .woo-cart-collaterals-container, .woo-cart-totals-container { margin-top: 35px; } .shipping label { display: inline; } .shop table.shop_table_responsive tr td::before, .shop-page table.shop_table_responsive tr td::before { content: none; } .shop-page .price_slider_amount .button { padding: 8px 30px 8px 30px; } .shop .cart-collaterals .cart_totals, .shop-page .cart-collaterals .cart_totals { float: none; width: auto; } .shop .cart-collaterals .cart_totals h2, .shop-page .cart-collaterals .cart_totals h2 { font-size: 28px; text-transform: capitalize; margin-bottom: 25px; } /* Checkout Page */ .shop #order_review table.shop_table thead, .shop-page #order_review table.shop_table thead, .shop #order_review .order-total { background-color: transparent; } .shop #order_review table.shop_table, .shop-page #order_review table.shop_table { margin-right: 15px; width: 100%; } .order-total > th { line-height: 26px; } .product-total { text-align: right; } .shop #order_review table.shop_table tfoot th{ font-weight: 300; background: transparent; font-size: 14px; } .shop #payment #place_order, .shop-page #payment #place_order { float: right; } span.shop-input-wrapper { width: 100%; } .shop form .form-row .input-text, .shop-page form .form-row .input-text { border: 1px solid #eee; } .shop-error, .shop-info, .shop-message { padding: 1em 2em 1em 3.5em; } .checkout-form-wrap .form-control, .checkout-form-wrap textarea { border: 1px solid #eee; padding: 12px 15px; } .checkout-form-wrap .form-control textarea { min-height: 120px; } .checkout-form-wrap .form-control { height: 44px; } /*------------------------------- 32. Footer Styles ---------------------------------*/ footer { color: #aaaec3; position: relative; } .footer-bg-img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .footer .widget { padding-left: 15px; padding-right: 15px; } .footer-middle-wrap { padding-top: 50px; padding-bottom: 50px; } .footer-top-wrap { padding: 50px 0; } .footer-bottom-wrap { padding-bottom: 20px; padding-top: 0; } .footer-top-wrap, .footer-middle-wrap, .footer-bottom-wrap { position: relative; } .footer-bottom-wrap { background: #0e1319; } .footer-bottom-wrap .social-icons a { height: auto; line-height: 1; } ul.footer-bottom-items { margin-bottom: 0; } .footer-middle-wrap .widget-title .title, .v-sticky-main-wrapper .widget-title .title { border-bottom: unset; margin-bottom: 20px; padding-bottom: 12px; } .footer-middle-wrap .widget-title .title::before, .v-sticky-main-wrapper .widget-title .title::before { content: ""; width: 31px; height: 1px; position: absolute; bottom: 0; right: 0; left: 0; top: inherit; } .menu-quick-links ul li:first-of-type { padding-top: 0; } .menu-quick-links ul li { text-transform: capitalize; padding: 7px 0; } .menu-quick-links ul li a:before { content: "\e64c"; font-family: themify; padding-right: 10px; } footer .social-icons a { width: 35px; height: 35px; line-height: 37px; display: inline-block; font-size: 12px; margin-right: 0px; text-align: center; transition: all ease 0.35s; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; -ms-transition: all ease 0.35s; padding: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; background-color: rgba(0,0,0,.3); } footer .social-icons a:hover { color: #000; } .footer-list-posts li { display: flex; align-items: center; } .recent-posts .footer-list-posts > li:last-of-type { padding-top: 10px; } .recent-posts .footer-list-posts > li:not(:last-of-type) { padding: 10px 0 22px; border-bottom: solid 1px rgba(255, 255, 255, 0.17) !important; margin-bottom: 13px; } .footer-list-posts .side-image { float: left; } .footer-list-posts .side-image img { max-width: 70px; margin: 0 14px 5px 0; -o-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .footer-list-posts .side-item-text { display: table-cell; } .footer-list-posts .side-item-text a { margin-bottom: 5px; display: block; line-height: 22px; font-weight: 600; } .recent-posts .footer-list-posts > li .post-date::before { content: "\e6b6"; font-family: "themify"; font-style: normal; font-size: 12px; margin-right: 6px; } span.heart-color { color: red; } .footer-menu li { display: inline-block; } .footer-menu li a { padding-right: 4px; font-size: 13px; } .footer-menu li:not(:last-of-type) a::after { content: "/"; margin-left: 10px; } .footer-bottom-items { font-size: 13px; } .footer-text { font-size: 18px; line-height: 32px; font-weight: 700; } .footer-button { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid rgb(80 80 80 / 30%); } .footer-button .btn:hover { background: #000; } .footer-button .btn { background-color: rgba(0,0,0,.3); border-color: rgb(0 0 0 / 0%) !important; font-size: 15px; vertical-align: middle; padding: 15px 35px 15px 35px; display: flex; align-items: center; } .footer-button .btn i { font-size: 30px; } .footer-button a.bg-ct1 { background-image: linear-gradient(90deg, #FF4E00 0%, #FE9500 100%); box-shadow: 0px 7px 25px 0px rgb(255 78 0 / 37%); } .footer-button a.bg-ct2 { background-image: linear-gradient(90deg, #4639F3 0%, #9C00ED 100%); box-shadow: 0px 7px 25px 0px rgb(70 57 243 / 29%); } .footer-counter h4 { color: #F7F7F7; } .footer-counter span.counter-up { font-size: 19px; color: #fff; } /*Footer Light*/ footer a, footer.bg-light a, footer.bg-overlay-light a { color: #9c9c9c; } /*Footer Dark*/ footer a, footer.bg-dark a, footer.bg-overlay-dark a { color: #f7f7f7; } .bg-dark .latest-posts .footer-list-posts > li, .bg-dark-overlay-dark .latest-posts .footer-list-posts > li { border-bottom: solid 1px #4b5258; } .bg-dark .widget-title .title, .bg-overlay-dark .widget-title .title { color: #fff; } /*Footer Overlay*/ .bg-overlay-dark, .bg-overlay-light { position: relative; } .section-bg-img, .div-bg-img { background-repeat: no-repeat; background-position: center center; background-size: cover; } .section-bg-img.bg-repeat { background-repeat: repeat; background-size: auto; } .section-bg-img.bg-align-left { background-position: -800px 0px; background-repeat: no-repeat; background-size: cover; } .div-bg-img.bg-align-left2 { background-position: 258px 195px; background-repeat: no-repeat; background-size: 54% auto; } .div-bg-img.bg-align-top { background-position: 0px -76px; background-repeat: no-repeat; background-size: 100% auto; } .section-bg-img.bg-rc { background-repeat: repeat; background-size: contain; } .div-bg-img { margin: 0 0px; } .bg-overlay-dark .black-overlay { background: rgba(0, 0, 0, 0.87); } .bg-overlay-dark .latest-posts .footer-list-posts > li { border-color: #515151; } .bg-overlay-dark .form-control { border-color: #464646; background: transparent; } .bg-overlay-light .white-overlay { background: rgba(255, 255, 255, 0.6); } .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); } .bg-overlay.pattern { background: url(../images/bg/pattern.png); } .footer .bg-overlay.pattern { background-color: rgba(0,0,0,.8); } .section-bg-pattern { background-image: url(../images/bg/pattern-bg.png); background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: repeat; min-height: 715px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } span.pattern-bg { background-image: url(../images/bg/pattern.png); background-color: rgba(0,0,0,.5); border-radius: 50%; color: #ffffff; } .footer-overlay-dark .color-overlay { background: rgba(0,22,47,0.92); z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .footer-overlay-dark .container { z-index: 1; position: relative; } .footer-1 .b-top { border-top: solid 1px #222222; } .footer-2 .form-control { height: 48px; border-top-left-radius: 5px; background: #fff; font-size: 15px; border: none; border-bottom-left-radius: 5px; } .footer-2 .input-group-btn > .btn { height: 48px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 0 15px; } /*------------------------------- 33. Widgets Styles ---------------------------------*/ .widget { font-weight: 400; font-size: 16px; line-height: 22px; color: #F7F7F7; } .footer-widgets .widget { font-size: 15px; line-height: 12px; } .widget:last-child { margin-bottom: 0px; } .widget-title .title { font-weight: 700; font-size: 20px; line-height: 28px; position: relative; } .footer .widget .title:before { position: absolute; left: 0px; content: ""; width: 30px; height: 2px; bottom: 0; } .sidebar .widget { margin-bottom: 40px; padding: 30px; background: #fff; border: solid 1px rgba(0, 0, 0, 0.06); border-radius: 6px; } .sidebar .widget-title .title:before { content: ""; width: 25px; height: 1px; position: absolute; top: 13px; bottom: 0; right: 0; left: 0; } .sidebar .widget-title .title:after { content: ""; width: 15px; height: 1px; bottom: 0; left: 10px; top: 18px; position: absolute; } .sidebar .widget-title .title { margin-bottom: 25px; padding-left: 34px; } .side-noimg { width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 21px; margin: 0 14px 0px 0; border-radius: 6px; transition: all .3s; } .side-noimg:hover span { color: #252525; transition: all .3s; } span.num { font-size: 26px; } /*Widget Links*/ .widget .nav-list > li:last-child > a { padding-bottom: 0; } .widget .nav-list > li > a { display: block; padding: 7px 0; } .widget .nav-list > li:first-child > a { padding-top: 0; } .widget .nav-list > li:last-child > a { padding-bottom: 0; } .widget.text-left img, .widget.text-right img { margin: 0; } .widget .f-list-2 .nav-list > li > a { padding: 4px 0; } .widget .f-list-2 .nav-list > li > a:before { content: "\f105"; font-family: "FontAwesome"; vertical-align: middle; padding-right: 10px; font-size: 12px; } /*Recent Posts Widget*/ .recent-posts .footer-list-posts > li { margin-bottom: 20px; } .recent-posts .footer-list-posts > li a { font-weight: 700; } .recent-posts .footer-list-posts > li span { font-size: 13px; font-style: italic; color: #a5a5a5; position: relative; } .sidebar .recent-posts .list-post a, .sidebar .popular-posts .list-post a { color: #111; font-weight: 600; line-height: 22px; } .sidebar .recent-posts .meta-items span, .sidebar .popular-posts .meta-items span { font-size: 13px; font-weight: 500; } .sidebar .recent-posts .meta-items span, .sidebar .popular-posts .meta-items span { font-size: 13px; font-weight: 500; color: #666666; padding-right: 15px; font-style: italic; } /*Popular Posts Widget*/ .list-post .title { font-weight: 500; display: block; font-size: 17px; } .list-post .post-meta li { font-size: 15px; margin-right: 0; font-weight: 400; color: #898989; } ul.list-post-content > li { padding-bottom: 20px; } ul.list-post-content > li:last-child { padding: 0; border: none; margin: 0; } /* Tag Cloud */ .tag-cloud a.tag-cloud-link { font-size: 13px; font-weight: 400; padding: 6px 12px; display: inline-block; text-decoration: none; line-height: normal; margin-bottom: 6px; margin-right: 2px; letter-spacing: 1px; border: 1px solid #eaeaea; -webkit-transition: all ease 0.35s; -moz-transition: all ease 0.35s; transition: all ease 0.35s; } .tag-cloud a.tag-cloud-link:hover { color: #fff; } /* Category Widget */ .category-list > li > a:before { content: "\F144"; font-family: 'bootstrap-icons'; left: 0; display: inline-block; position: absolute; z-index: 1; line-height: inherit; font-size: 15px; } .category-list > li > a { display: block; line-height: 28px; position: relative; padding: 10px 0 10px 25px; color: #666; } .category-list > li:first-child > a { padding-top: 0; } .category-list > li:last-child { border: unset; } .category-list > li:last-child > a { padding: 13px 0 0px 25px; } /* Ministries Category Widget */ .ministries-category-list a { display: block; padding: 10px 13px 10px 50px; color: #111; background: rgba(0,0,0,.05); line-height: 30px; position: relative; margin-bottom: 15px; -webkit-transition: all ease .35s; -moz-transition: all ease .35s; transition: all ease .35s; } .ministries-category-list a:hover { color: #fff; } .ministries-category-list a:before { background: #333; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; content: ""; height: 7px; left: 25px; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; } .ministries-category-list .active a { color: #fff; } .ministries-category-list .active a:before, .ministries-category-list a:hover:before { background: #fff; } /*Search Widget*/ .search-form-wrapper .form-control { background: transparent none repeat scroll 0 0; border: 1px solid #eaeaea; color: #7f7f7f; border-right: 0; height: 55px; line-height: 55px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 12px; } .search-form-wrapper .input-group .btn { padding: 0 19.5px; border-top-right-radius: 0.25rem; -moz-border-top-right-radius: 0.25rem; -webkit-border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; -moz-border-bottom-right-radius: 0.25rem; -webkit-border-bottom-right-radius: 0.25rem; height: 55px; line-height: 55px; box-shadow: unset; -moz-box-shadow: unset; -webkit-box-shadow: unset; } .search-form-wrapper .input-group .btn:hover { background: #000; } .search-widget .search-form-wrapper { display: block; } /*Social Icon Widget*/ .social-icons.small a > span { height: 30px; line-height: 30px; width: 30px; font-size: 14px; } .social-icons.small.icons-circle a > span { font-size: 16px; text-align: center; } .social-2 > p { font-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget.social-icons.social-2 * { float: left; } .social-icons.medium a > span { height: 40px; line-height: 40px; width: 40px; font-size: 18px; } .social-icons.large a > span { height: 60px; line-height: 60px; width: 60px; font-size: 18px; } .social-icons a:last-child > span { margin-right: 0; } .social-icons a { display: inline-block; height: 40px; line-height: 40px; margin-right: 5px; width: 40px; font-size: 13px; text-align: center; } .social-icons.icons-circle a > span { display: inline-block; margin-right: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 18px; -webkit-transition: all ease 0.35s; transition: all ease 0.35s; display: inline-block; } .social-icons.icons-circle a > span:hover { background: #111; } .social-icons.icons-circle a:last-child span { margin-right: 0; } .typo-dark .social-icons a span { color: #222; } .social-icons.icons-circle a > span { text-align: center; height: 40px; line-height: 40px; margin-right: 5px; width: 40px; border: solid 1px #fff; background: transparent; } .social-icons.icons-squared a > span { height: 30px; line-height: 30px; width: 30px; font-size: 13px; margin-right: 1px; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } /*Widget Comments*/ .sidebar .widget.recent-comments p { color: #666; padding: 15px 0px; margin: 0px; line-height: 26px; border-bottom: 1px dashed #CCCCCC; } .sidebar .widget.recent-comments li:first-child p { padding-top: 0; } .sidebar .widget.recent-comments li:last-child p { padding-bottom: 0; border: unset; } .widget.archives ul li { padding: 15px 0px; margin: 0px; border-bottom: 1px dashed #CCCCCC; } .sidebar .widget.archives li:first-child { padding-top: 0; } .sidebar .widget.archives li:last-child { padding-bottom: 0; border: unset; } .widget.archives ul li a { color: #666; line-height: 26px; } /*Widget Info*/ .contact-widget-info>p>span:first-child { line-height: 2; display: inline-block; margin-right: 15px; float: left; font-size: 17px; } /*Widget Newsletter*/ .widget .newsletter-form .form-control, .widget .newsletter-form .input-group-btn > .btn { line-height: 45px; height: 45px; } .widget .newsletter-form .form-control { border-bottom-left-radius: 30px; border-top-left-radius: 30px; padding: 0px 20px; } .footer-form.newsletter-form { margin-top: -8px; } .widget .newsletter-form .input-group-btn > .btn { background: #111; border-bottom-right-radius: 30px; border-top-right-radius: 30px; padding: 0 20px; } .bg-theme .newsletter-form .form-control { border-color: #ffffff; background: #ffffff; } ul.nav.footer-bottom-items.pull-center { opacity: 1; -webkit-opacity: 1; } .mailchimp-style-1 .subscribe-form input.form-control, .mailchimp-style-1 .subscribe-form .input-group-btn, .mailchimp-style-1 .subscribe-form .input-group-btn .btn { border-radius: 4px !important; } .subscribe-form input.form-control { height: 55px; color: #656363; padding-left: 15px; border: 1px solid #eee; border-right: 0; font-size: 13px; border-radius: 4px; } .subscribe-form input.form-control::placeholder, .subscribe-form input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400 !important; } .subscribe-form .input-group-btn { display: block; overflow: hidden; height: 55px; } .subscribe-form .input-group-btn button { padding: 11px 25px; font-size: 14px; height: 55px; border-radius: 4px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border: unset; text-transform: capitalize; color: #000; } .subscribe-form .input-group-btn button:hover { background: #000; color: #fff; } .subscribe-form .input-group-btn button i { font-size: 18px; vertical-align: middle; } /*------------------------------- 34. Animations ---------------------------------*/ .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .animated.visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .animated-duration-05 { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .animated-duration-06 { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } .animated-duration-07 { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; } .animated-duration-09 { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; } .animated-duration-1 { -webkit-animation-duration: 1s; animation-duration: 1s; } /*Animattion*/ .element-animate, .secondary-menu-area-inner ul.menu li { opacity: 0; visibility: hidden; } .element-animate.run-animate, .secondary-menu-area-inner ul.menu li { opacity: 1; visibility: visible; animation-duration: 0.7s; animation-name: rueiFadeInUp; } /* Element Animation */ @-webkit-keyframes rueiFadeInUp { 0% { opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0) } to { opacity:1; -webkit-transform:none; transform:none } } @keyframes rueiFadeInUp { 0%{ opacity:0; -webkit-transform:translate3d(0,50px,0); transform:translate3d(0,50px,0); } to { opacity:1; -webkit-transform:none; transform:none } } /* Client Animation */ @-webkit-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-ms-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @-o-keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes clientSlider { 49% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); } 50% { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } 51% { opacity: 1; } } /* Pulse */ @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0,96,214, 0.4); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0,96,214, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,96,214, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,96,214, 0.4); box-shadow: 0 0 0 0 rgba(0,96,214, 0.4); } 70% { -moz-box-shadow: 0 0 0 15px rgba(0,96,214, 0); box-shadow: 0 0 0 15px rgba(0,96,214, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,96,214, 0); box-shadow: 0 0 0 0 rgba(0,96,214, 0); } } /*------------------------------- 35. RTL ( Right to Left ) ---------------------------------*/ /*RTL Float*/ .rtl .pull-left, .rtl .page-title-inner .pull-left { float: right; } .rtl .pull-right { float: left; } .rtl .inobiz-single-post .post-comments .comment-text { margin-right: 15px; } .rtl .post-box-title { margin-bottom: 25px; } .rtl .search-toggle-wrap, .rtl .widget .side-item-text { padding-right: 15px; } .rtl .nav-item-inner .search-form { float: right; } .rtl .text-left { text-align: right !important; } /*RTL Btn*/ /*RTL Main Menu*/ .rtl .inobiz-main-menu li a.dropdown-toggle:after { margin-right: 8px; } .rtl span.menu-icon, .rtl .post-tags-before { padding-left: 10px; } .rtl .dropdown-menu { right: 0; } .rtl .dropdown-menu .dropdown-menu { left: auto; right: 100%; } .rtl .inobiz-main-menu .dropdown-menu .dropdown-menu { top: -3px; right: 100%; } .rtl ul.dropdown-menu > li, .rtl ul.mega-child-dropdown-menu > li { text-align: right; } .rtl .mega-dropdown-menu > li { float: right; } .rtl .inobiz-main-menu > li > .dropdown-menu li.dropdown > a:after { content: "\f105"; font-family: "FontAwesome"; left: 20px; right: auto; } .rtl .inobiz-main-menu > li > .dropdown-menu li.dropdown:hover > a:after { content: "\f104"; font-family: "FontAwesome"; left: 20px; right: auto; } .rtl ul > li > .dropdown-toggle::after { left: 25px; right: auto; content: "\f104"; } .rtl .right-overlay .navbar-nav .dropdown-menu { left: 100%; right: auto; } .rtl .right-overlay ul > li > .dropdown-toggle::after { content: "\f105"; right: 20px; left: auto; } .rtl .right-overlay ul > li > a { text-align: left; } .rtl .right-overlay .close { right: 13px; left: auto; } .rtl .header-contact { text-align: left; } .rtl .header-contact > a > i { padding-right: 0; padding-left: 10px; } .rtl span.menu-tag { display: inline-block; padding: 5px 8px; line-height: 1; margin: 0 0 0 7px; } .rtl ul.inobiz-mobile-menu li.menu-item { text-align: right; } .rtl .right-sticky .v-sticky-main-wrapper .navbar-nav .dropdown-menu { left: auto; right: -100%; } .rtl .right-sticky .v-sticky-main-wrapper ul > li > .dropdown-toggle::after { left: auto; right: 15px; content: "\f105"; } .rtl .right-sticky .v-sticky-main-wrapper ul > li > a { text-align: left; } /*Sticky Header*/ .rtl .zmm-dropdown-toggle { left: 0; right: auto; } .rtl .social-icons span { margin-right: 0; margin-left: 40px; } .rtl .widget .newsletter-form .input-group-btn > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 30px; border-top-left-radius: 30px; } .rtl .widget .newsletter-form .form-control { border-bottom-right-radius: 30px; border-top-right-radius: 30px; } .rtl .widget .f-list-2 .nav-list > li > a:before { content: unset; } .rtl .widget .f-list-2 .nav-list > li > a:after { content: "\f104"; font-family: "FontAwesome"; vertical-align: middle; padding-left: 10px; font-size: 12px; } /* General */ .rtl .news-meta-wrapper ul.nav > li { padding-left: 0; padding-right: 12px; } body.rtl.push-active .page-wrapper.left-push .sticky-nav-inner, body.rtl.overlay-active .page-wrapper.left-overlay .sticky-nav-inner, .rtl .page-wrapper.left-sticky .sticky-nav-inner, .rtl .page-wrapper.left-push .page-wrapper-inner { right: 0; left: auto; } .rtl .page-wrapper.left-push .sticky-nav-inner, .rtl .page-wrapper.left-overlay .sticky-nav-inner { right: -260px; left: auto; } body.rtl.push-active .page-wrapper.right-push .sticky-nav-inner, body.rtl.overlay-active .page-wrapper.right-overlay .sticky-nav-inner, .rtl .page-wrapper.right-sticky .sticky-nav-inner, .rtl .page-wrapper.right-push .page-wrapper-inner { left: 0; right: auto; } .rtl .page-wrapper.right-push .sticky-nav-inner, .rtl .page-wrapper.right-overlay .sticky-nav-inner { left: -260px; right: auto; } .rtl .v-sticky-main-wrapper .navbar-nav .dropdown-menu { left: -100%; right: auto; } .rtl .page-wrapper.left-sticky { padding-left: 0; padding-right: 260px; } .rtl .page-wrapper.right-sticky { padding-right: 0; padding-left: 260px; } .rtl .contact-widget-info>p>span:first-child { float: right; margin-right: 0; margin-left: 15px; } .rtl .social-icons.small.icons-circle a > span { float: right; margin-left: 0; } .rtl .header-4 .social-icons.small a > span, .rtl .header-5 .social-icons.small a > span { width: auto; padding: 0 13px; margin-right: 0; margin-left: 0; } .rtl .dropdown .dropdown-menu > li.dropdown > a:after { right: auto; left: 20px; content: "\f104"; } .rtl .dropdown .dropdown-menu > li.dropdown:hover > a:after { right: auto; left: 20px; content: "\f105"; } .rtl .header-4 .full-view-switch:before, .rtl .header-5 .full-view-switch:before { left: auto; right: -20px; } .rtl .ministries-box-style-2 .ministries-title a:after { left: auto; right: 0; } .rtl .owl-nav { left: 15px; right: auto; } .rtl .widget.social-icons.social-2 * { float: right; margin-left: 0; margin-right: 5px; } .rtl .nav.pull-center.show-opacity { float: right; } .rtl .footer-2 .input-group-btn > .btn, .rtl .search-form-wrapper .input-group .btn, .rtl .mailchimp-style-3 .subcribe-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .rtl .search-form-wrapper .form-control { border-right: 1px solid #eaeaea; } .rtl .category-list > li { padding-left: 0; padding-right: 20px; } .rtl .category-list > li > a:before { content: '\f104'; left: auto; right: 0; } .rtl ul.entry-meta { display: flex; } .rtl .social-icons.icons-squared a > span { margin-left: 0; } .rtl .ministries-category-list a { padding: 10px 50px 10px 13px; } .rtl .ministries-category-list a:before { left: auto; right: 25px; } .rtl blockquote.blockquote-2 { border-right: 5px solid #eee; border-left: none; } .rtl .portfolio-meta-title-wrap .portfolio-meta-icon { margin-right: 0; margin-left: 10px; } .rtl .post-meta li { margin-right: 0; margin-left: 30px; } .rtl .author-img img { margin-right: 0; margin-left: 5px; } .rtl .full-view-wrapper .close.full-view-close { right: auto; left: 60px; } .rtl .ministries-box-style-2 .ministries-title a, .rtl .category-list > li > a { padding-left: 0; padding-right: 20px; } .rtl .ministries-box-style-3 .invisible-number, .rtl .ministries-box-style-3 .ministries-title:before { left: auto; } .rtl .counter-style-2 span.counter-up { border-right: none; border-left: 1px solid #6a6b6c; padding-left: 20px; padding-right: 0; } .rtl .testimonials-style-2 .testimonials-title { padding-right: 40px; } .rtl .blog-list-details { padding: 0 20px 0 10px; } .rtl .topbar ul.nav.header-info.header-logins { padding-right: 0; padding-left: 30px; } .rtl .zig-zag-col.zig-zag-even-col { margin-left: 0; margin-right: 25%; } .rtl .team-style-2 .team-overlay-details.bottom-overlay { left: 0; right: 25px; } .rtl .footer .widget .title:before, .rtl .f-box-style-4 .feature-title:before, .rtl .sidebar .widget-title .title:before { left: auto; right: 0; } .rtl .card-header.card-inner { background: none; border: none; padding: 0; } /*------------------------------- 36. Responsive Styles ---------------------------------*/ @media only screen and (min-width: 1025px) { .dropdown-sub > a::after { content: "\e61a"; font-family: themify; font-size: 10px; font-weight: 600; margin: 0; border: 0; vertical-align: top; padding-left: 5px; float: right; } .broken-top-50 { margin-top: -50px; } .broken-top-90 { margin-top: -90px; } } @media only screen and (max-width: 1024px) and (min-width: 980px) { .header-inner .h-btn { display: none; } .contact-info { padding: 0; } } @media only screen and (max-width: 1024px) and (min-width: 992px) { .video-wrap.wrap-stretch .video-wrap-inner { margin-top: -102px; margin-bottom: -80px; } } @media only screen and (max-width: 1024px) { .broken-bottom-75 { margin-bottom: 0px !important; } .pad-bottom-lg-100 { padding-bottom: 100px !important; } .cta-1 h2 { font-size: 30px; } .hide-1024, .icon-hide-1024 ul .zmm-dropdown-toggle, .theme-mobile-menu .menu-img img { display: none; } .header-floating { left: 0; right: 0; } .theme-mobile-menu li a.full-view-switch { display: none; } .zmm-inner .search-form-wrapper .form-control { padding: 12px 15px; } li.mini-cart-dropdown, .shop table.shop_table thead, .shop-page table.shop_table thead, .shop table.shop_table td.product-thumbnail { display: none; } .shop table.shop_table td { display: block; text-align: left; } .shop table.cart a.remove { float: left; } .shop table.cart td.actions .coupon .input-text, button.button.pull-right, .accordion-style-2 .checkout-coupon .form-control { width: 100% !important; margin-bottom: 20px; } button.button.pull-right { float: left; } .shop table.shop_table.shop-checkout-review-order-table .checkout-item td { display: table-cell; } .widget .social-icons a { margin-bottom: 8px; } .blog-timeline-event-left:before { right: -42px !important; } .blog-timeline-event-right:before { left: -30px !important; } .lg-left { text-align: left !important; } .pull-lg-left { float: left !important; } .pad-top-lg-none { padding-top: 0px !important; } } @media only screen and (min-width: 992px) { .br-right { border-right: 1px solid #707070; } /* Timeline */ .blog-timeline-left { border-right: 5px solid #ddd; } .blog-timeline-event:after { border-style: solid; content: ""; height: 0; position: absolute; top: 9px; width: 0; } .blog-timeline-event-left:after { border-color: transparent transparent transparent #dddddd; border-width: 14px 0 14px 20px; right: 0px; } .blog-timeline-event-right:after { border-color: transparent #dddddd transparent transparent; border-width: 14px 20px 14px 0; left: 0px; } /*Footer Hidden*/ .footer-hidden { bottom: 0; left: 0; margin: 0 auto; max-width: 100%; position: fixed; right: 0; z-index: -1; } } @media only screen and (max-width: 992px) { .mega-dropdown-menu.mega-dropdown-medium { width: 80%; } .mega-dropdown-menu.mega-dropdown-small { width: 65%; } li.logo-center, li.mini-cart-dropdown { display: none; } .footer-bottom-items { text-align: center; } } @media only screen and (max-width: 991px) { .video-wrap.wrap-stretch .video-wrap-inner { margin-top: 0; margin-bottom: 55px; } .footer [class*="col-lg-"].widget:last-child { margin-bottom: 0; } .footer [class*="col-lg-"].widget { margin-bottom: 35px; } .menu-quick-links ul li { padding: 9px 0 0; } .recent-posts .footer-list-posts > li { margin-bottom: 0px; } .pad-tb-md-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .about-img .phone-image-left { margin-left: 10px; } .about-img .phone-image-right { margin: 0 auto; position: absolute; top: -30px; right: inherit; left: 100px; } .features-border { border-top: unset !important; margin-top: 0px !important; } .features-border .col-lg-3 { margin-top: 0px !important; } .features-border .col-lg-3::after { content: none !important; } .features-border:last-child .col-lg-3::before { content: none !important; } .timeline-title { margin: 7px auto 40px !important; } .timeline-title2 { margin: 40px auto 40px !important; } .blog-timeline .blog-inner { margin-top: 0 !important; } .blog-timeline-event-left, .blog-timeline-event-right { width: 100% !important; } .blog-timeline-event-right { margin-left: 0 !important; } .blog-timeline-event-left:before { content: none !important; } .blog-timeline-event-right:before { content: none !important; } .blog-timeline-right { padding-top: 0px !important; } .md-left { text-align: left !important; } } @media only screen and (max-width: 980px) { .theme-mobile-menu li a.full-view-switch { display: none; } .cta-btn-wrap { text-align: center; margin-top: 20px; } } @media only screen and (min-width: 768px) { .broken-top-175 { margin-top: -175px; } } @media only screen and (max-width: 768px) { .mailchimp-img1 { margin-top: 120px; } .ministries-section .title-wrap, .mailchimp-form.mailchimp-style-3 { margin-bottom: 50px; } .counter-wrap { margin-bottom: 30px; } .testimonials-style-4 { margin: 0 11px; } .section-description { margin-bottom: 50px; } section.margin-minus-85 { margin-top: -10px; } .mb-sm-40 { margin-bottom: 40px; } .mt-sm-40 { margin-top: 40px; } .pb-sm-40 { padding-bottom: 0px; } .px-sm-15 { padding: 0 15px !important; } header.header-absolute { position: relative; } .owl-carousel { padding: 0 15px; } .media.cta-1 { display: block; margin-left: 0 !important; text-align: center; } .media.cta-1 .media-body { margin-top: 20px; } .sidebar { padding-top: 60px; } .sidebar.right-sidebar { padding-top: 0px; padding-bottom: 60px; } .cta-1 .title-wrap { margin-bottom: 0; } .portfolio-filter > ul > li { margin-bottom: 10px; } .cta-1 h2 { font-size: 26px; } .cta-btn-wrap { text-align: center; margin-top: 20px; } .testimonials-style-1 .testimonials-desc p { margin: 0px 40px; } .zig-zag-col { max-width: 100%; } .zig-zag-col.zig-zag-even-col { margin-left: 0%; } .cta-2 .cta-btn-wrap { text-align: left; } .timeline > li > .timeline-panel { width: 100%; } .contact-img { margin-top: 50px; } .counter-wrapper.counter-style-2 { display: inline-block; } .hgt-text { margin: 0px 15px !important; } .blog-list .blog-thumb { max-width: 100%; } .zig-zag-row .blog-details { padding-bottom: 30px; text-align: left; } .mt-res-5 { margin-top: 50px; } .blog-inner .media { display: block; } .blog-list .blog-thumb img { margin-bottom: 25px; } .zig-zag-col .blog-thumb img, .blog-list .blog-thumb img { width: 100%; } .blog-list .media-body { padding-bottom: 25px; } .pricing-table-active.pricing-table-wrapper.pricing-style-1 { transform: translateY(0); } .pricing-table-wrapper { margin-bottom: 40px; } .contact-section .contact-widget-info { margin-bottom: 30px; } .owl-prev, .owl-next{ top: -45px; } .owl-prev span:after, .owl-next span:after{ width: 25px; height: 25px; } .owl-prev { margin-right: 35px; } .owl-next span:before, .owl-prev span:before { line-height: 44px; } } @media only screen and (max-width: 767px) { section.top-up { margin-top: 0px !important; } section, .pad-tb-md-100 { padding-top: 30px !important; padding-bottom: 70px !important; } .pad-bottom-lg-100 { padding-bottom: 70px !important; } .pad-top-md-none { padding-top: 0px !important; } .pad-top-md-30 { padding-top: 30px !important; } .pad-bottom-md-none { padding-bottom: 0px !important; } .pad-lr-md-15 { padding-left: 15px !important; padding-right: 15x !important; } .pad-tb-md-none { padding-top: 0px !important; padding-bottom: 0px !important; } .broken-top-75 { margin-top: 0px !important; } .margin-top-100 { margin-top: 70px !important; } .broken-top-200 { margin-top: 0px !important; } .broken-bottom-200 { margin-bottom: 0px !important; } .broken-bottom-105 { margin-bottom: 0px !important; } h2 { font-size: 32px; line-height: 42.2px; } .about-img.bf-pattern, .about-img.bf-pattern img { padding: 0 !important; } .about-img.bf-pattern::before { content: none !important; } .get-quote-section { margin-top: 0px !important; } .filter-style-2 .filter-wrap { background: unset; padding: 0px !important; } .testimonial-style-1 .testimonial-details .testimonial-description p { font-size: 20px; line-height: 32px; } .service-box-style-1.br-style { border: unset !important; } .widget { margin-bottom: 30px; } .widget:last-child { margin-bottom: 0px; } .ministries-section .title-wrap, .mailchimp-form.mailchimp-style-3 { margin-bottom: 10px; } .mailchimp-img { margin-top: 0; } .mailchimp-img > .pull-right { float: none; margin: auto !important; } .cta-1 .title-wrap { margin-bottom: 0; } .contact-img { margin-top: 40px; } .zig-zag-row .blog-thumb { margin-bottom: 30px; } .map { margin-top: 50px; } .list-item-wrapper { margin-bottom: 50px; } .product-thumb img, .product-single-thumb img { width: 100%; } ul.footer-bottom-items.pull-left, ul.footer-bottom-items.pull-right { float: none; } .subscribe-form input.form-control, .subscribe-form .input-group-btn, .subscribe-form .input-group-btn button { width: 100%; max-width: 100%; margin-bottom: 15px; left: 0; border-radius: 4px 4px 4px 4px !important; -webkit-border-radius: 4px 4px 4px 4px !important; -moz-border-radius: 4px 4px 4px 4px !important; -ms-border-radius: 4px 4px 4px 4px !important; -o-border-radius: 4px 4px 4px 4px !important; } .subscribe-form input.form-control { margin-bottom: 15px !important; } .video_bg { margin-bottom: 0px !important; } .pull-md-left { float: left !important; } .subscribe-form input.form-control { border-right: 1px solid #eee; } } @media only screen and (max-width: 640px) { .cobbles-wrapper.cobbles-modern > .cobbles-wrap { width: 100%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:first-child, .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(2), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(6) { width: 100%; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(7), .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-top: 0; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(8) { margin-left: 0; } .cobbles-wrapper.cobbles-modern > .cobbles-wrap:nth-child(5) { margin-top: 0; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap { width: 100%; } .cobbles-wrapper.cobbles-classis > .cobbles-wrap:first-child { width: 100%; } .blog-inner .media { display: block; } .blog-list .blog-thumb img { margin-bottom: 25px; } .blog-list .media-body { padding-bottom: 25px; } .footer-middle-wrap { padding-top: 50px; padding-bottom: 50px; } .video_bg { padding: 95px 0px 185px 0 !important; } } @media only screen and (max-width: 580px) { .testimonials-style-1 .testimonials-desc p { margin: 0px 10px; font-size: 16px; } .video_bg { padding: 116px 0px 128px 0 !important; } } @media only screen and (max-width: 480px) { .video-img img.play-btn { max-width: 70px; } .video-content h3 { font-size: 16px; margin-top: 0 !important; } .testimonials-style-2 .testimonials-desc { padding-right: 25px; } .testimonials-style-2 .testimonials-desc p { font-size: 16px; } .owl-carousel.testimonials-style-2 .owl-stage-outer .owl-item .testimonials-thumb > img { max-width: 70px; margin-right: 0; } .timeline-left .timeline > li > .timeline-panel { padding-left: 95px; } .timeline-left .timeline:before, .timeline-left .timeline > li > .timeline-badge { left: 130px; } .timeline-body p, .card.accordion-panel .title-text { font-size: 14px; } .serv-img { margin-bottom: 30px; } .blog-single .blog-info-wrap blockquote.blockquote-2 { margin: 30px 0; padding: 12px; } .blog-info-wrap { padding: 20px; } .about-img .phone-image-left { margin-left: 0px; } .about-img .phone-image-right { left: 60px; } .video_bg { padding: 74px 0px 114px 0 !important; } .sm-center { text-align: center; } .footer-button { display: inline-block !important; } .filter-button { font-size: 12px !important; padding: 8px 18px; margin-right: 8px !important; } } @media only screen and (max-width: 360px) { .video_bg { padding: 50px 0px 72px 0 !important; } .results.pull-right { float: left; } } @media only screen and (max-width: 320px) { .video_bg { padding: 40px 0px 60px 0 !important; } .about-img .phone-image-right { left: 25px; } .bottom-margin-md-15 { margin-bottom: 15px; } } /*------------------------------- 37. Spacings ---------------------------------*/ .pad-none{padding:0}.pad-tb-none{padding-top:0;padding-bottom:0}.pad-top-none{padding-top:0}.pad-bottom-none{padding-bottom:0}.pad-left-none{padding-left:0}.pad-right-none{padding-right:0}.pad-top-5{padding-top:5px}.pad-top-10{padding-top:10px}.pad-top-15{padding-top:15px}.pad-top-20{padding-top:20px}.pad-top-25{padding-top:25px}.pad-top-30{padding-top:30px}.pad-top-35{padding-top:35px}.pad-top-40{padding-top:40px}.pad-top-45{padding-top:45px}.pad-top-50{padding-top:50px}.pad-top-60{padding-top:60px}.pad-top-70{padding-top:70px}.pad-top-75{padding-top:75px}.pad-top-80{padding-top:80px}.pad-top-85{padding-top:85px}.pad-top-90{padding-top:90px}.pad-top-95{padding-top:95px}.pad-top-100{padding-top:100px}.pad-top-110{padding-top:110px}.pad-top-120{padding-top:120px}.pad-top-130{padding-top:130px}.pad-top-140{padding-top:140px}.pad-top-150{padding-top:150px}.pad-top-160{padding-top:160px}.pad-top-170{padding-top:170px}.pad-top-205{padding-top:205px}.pad-bottom-5{padding-bottom:5px}.pad-bottom-10{padding-bottom:10px}.pad-bottom-15{padding-bottom:15px}.pad-bottom-20{padding-bottom:20px}.pad-bottom-30{padding-bottom:30px}.pad-bottom-35{padding-bottom:35px}.pad-bottom-40{padding-bottom:40px}.pad-bottom-45{padding-bottom:45px}.pad-bottom-50{padding-bottom:50px}.pad-bottom-55{padding-bottom:55px}.pad-bottom-60{padding-bottom:60px}.pad-bottom-65{padding-bottom:65px}.pad-bottom-70{padding-bottom:70px}.pad-bottom-75{padding-bottom:75px}.pad-bottom-80{padding-bottom:80px}.pad-bottom-90{padding-bottom:90px}.pad-bottom-95{padding-bottom:95px}.pad-bottom-100{padding-bottom:100px}.pad-bottom-110{padding-bottom:110px}.pad-bottom-130{padding-bottom:130px}.pad-bottom-150{padding-bottom:150px}.pad-bottom-160{padding-bottom:160px}.pad-bottom-180{padding-bottom:180px}.pad-bottom-190{padding-bottom:190px}.pad-bottom-200{padding-bottom:200px}.pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}.pad-40{padding:40px}.pad-50{padding:50px}.pad-60{padding:60px}.pad-70{padding:70px}.pad-75{padding:75px}.pad-80{padding:80px}.pad-90{padding:90px}.pad-100{padding:100px}.pad-110{padding:110px}.pad-tb-0{padding-top:0px;padding-bottom:0px}.pad-tb-10{padding-top:10px;padding-bottom:10px}.pad-tb-0{padding-top:0px;padding-bottom:0px}.pad-tb-20{padding-top:20px;padding-bottom:20px}.pad-tb-30{padding-top:30px;padding-bottom:30px}.pad-tb-40{padding-top:40px;padding-bottom:40px}.pad-tb-50{padding-top:50px;padding-bottom:50px}.pad-tb-60{padding-top:60px;padding-bottom:60px}.pad-tb-70{padding-top:70px;padding-bottom:70px}.pad-top-180{padding-top:180px}.pad-tb-75{padding-top:75px;padding-bottom:75px}.pad-tb-80{padding-top:80px;padding-bottom:80px}.pad-tb-90{padding-top:90px;padding-bottom:90px}.pad-tb-100{padding-top:100px;padding-bottom:100px}.pad-tb-110{padding-top:110px;padding-bottom:110px}.pad-tb-150{padding-top:150px;padding-bottom:150px}.pad-lr-10{padding-left:10px;padding-right:10px}.pad-lr-15{padding-left:15px;padding-right:15px}.pad-lr-20{padding-left:20px;padding-right:20px}.pad-lr-30{padding-left:30px;padding-right:30px}.pad-lr-35{padding-left:35px;padding-right:35px}.pad-lr-40{padding-left:40px;padding-right:40px}.pad-lr-50{padding-left:50px;padding-right:50px}.pad-lr-60{padding-left:60px;padding-right:60px}.pad-lr-65{padding-left:65px;padding-right:65px}.pad-lr-70{padding-left:70px;padding-right:70px}.pad-lr-75{padding-left:75px;padding-right:75px}.pad-lr-80{padding-left:80px;padding-right:80px}.pad-lr-90{padding-left:90px;padding-right:90px}.pad-lr-100{padding-left:100px;padding-right:100px}.pad-lr-110{padding-left:110px;padding-right:110px}.margin-none{margin:0}.margin-top-none{margin-top:0}.margin-bottom-none{margin-bottom:0}.margin-left-none{margin-left:0}.margin-right-none{margin-right:0}.margin-top-1{margin-top:1px}.margin-top-2{margin-top:2px}.margin-top-3{margin-top:3px}.margin-top-4{margin-top:4px}.margin-top-5{margin-top:5px}.margin-top-6{margin-top:6px}.margin-top-7{margin-top:7px}.margin-top-8{margin-top:8px}.margin-top-9{margin-top:9px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-65{margin-top:65px}.margin-top-70{margin-top:70px}.margin-top-75{margin-top:75px}.margin-top-80{margin-top:80px}.margin-top-85{margin-top:85px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-top-110{margin-top:110px}.margin-top-125{margin-top:125px}.margin-top-130{margin-top:130px}.margin-top-150{margin-top:150px}.margin-bottom-0{margin-bottom:0px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-bottom-110{margin-bottom:110px}.margin-10{margin:10px}.margin-20{margin:20px}.margin-30{margin:30px}.margin-40{margin:40px}.margin-50{margin:50px}.margin-60{margin:60px}.margin-70{margin:70px}.margin-75{margin:75px}.margin-80{margin:80px}.margin-90{margin:90px}.margin-100{margin:100px}.margin-110{margin:110px}.margin-tb-10{margin-top:10px;margin-bottom:10px}.margin-tb-20{margin-top:20px;margin-bottom:20px}.margin-tb-30{margin-top:30px;margin-bottom:30px}.margin-tb-40{margin-top:40px;margin-bottom:40px}.margin-tb-50{margin-top:50px;margin-bottom:50px}.margin-tb-60{margin-top:60px;margin-bottom:60px}.margin-tb-70{margin-top:70px;margin-bottom:70px}.margin-tb-75{margin-top:75px;margin-bottom:75px}.margin-tb-80{margin-top:80px;margin-bottom:80px}.margin-tb-90{margin-top:90px;margin-bottom:90px}.margin-tb-100{margin-top:100px;margin-bottom:100px}.margin-tb-110{margin-top:110px;margin-bottom:110px}.margin-lr-10{margin-left:10px;margin-right:10px}.margin-lr-20{margin-left:20px;margin-right:20px}.margin-lr-30{margin-left:30px;margin-right:30px}.margin-lr-40{margin-left:40px;margin-right:40px}.margin-lr-50{margin-left:50px;margin-right:50px}.margin-lr-60{margin-left:60px;margin-right:60px}.margin-lr-70{margin-left:70px;margin-right:70px}.margin-lr-75{margin-left:75px;margin-right:75px}.margin-lr-80{margin-left:80px;margin-right:80px}.margin-lr-90{margin-left:90px;margin-right:90px}.margin-lr-100{margin-left:100px;margin-right:100px}.margin-lr-110{margin-left:110px;margin-right:110px}.margin-minus-85{margin-top:-85px;} .broken-row { margin-top: -310px; } .broken-top-40 { margin-top: -40px; } .broken-top-75 { margin-top: -75px; } .broken-top-115 { margin-top: -115px; } .broken-top-165 { margin-top: -165px; } .broken-top-200 { margin-top: -200px; } .broken-bottom-25 { margin-bottom: -25px; } .broken-bottom-35 { margin-bottom: -35px; } .broken-bottom-50 { margin-bottom: -50px; } .broken-bottom-75 { margin-bottom: -75px; } .broken-bottom-105 { margin-bottom: -105px; } .broken-bottom-125 { margin-bottom: -125px; } .broken-bottom-200 { margin-bottom: -200px; } section.top-up { margin-top: -70px; } .about-img.bf-pattern::before { content: ""; background-image: url('../images/about-us/about-1-bg.html'); background-repeat: no-repeat; background-size: auto; background-position: -88px -4px; position: absolute; width: 341px; height: 423px; z-index: 1; bottom: 0; } .about-img.bf-pattern { padding: 0px 63px 0px 0px; position: relative; } .about-img.bf-pattern img { position: relative; z-index: 1; padding: 0px 63px 83px 0px; } .dancing-text { color: #ffffff; font-family: "Dancing Script", Sans-serif; font-size: 25px; text-decoration: none; line-height: 34px; text-shadow: 0px 0px 0px rgb(12 12 12 / 30%); } .video-icon a.popup-youtube { width: 65px; height: 65px; font-size: 25px; border-radius: 100%; display: flex; justify-content: center; align-items: center; z-index: 10; opacity: 1; margin: 0 auto; color: #fff; position: relative; } .video-icon a.popup-youtube::before { content: ""; display: block; position: absolute; border-radius: 100%; z-index: -1; opacity: 0.6; width: 100px; height: 100px; top: 50%; left: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } .video-icon a.popup-youtube::after { content: ""; display: block; position: absolute; border-radius: 100%; z-index: -1; animation: video-toggle-animate 1.9s linear 0s infinite; left: 50%; margin: 0 auto; top: 50%; right: 0px; transform: translateX(-50%) translateY(-50%); } @keyframes video-toggle-animate { 0% { width: 70px; height: 70px; opacity: 0.8; } 100% { width: 150px; height: 150px; opacity: 0; } } .portfolio-thumb .video-style-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-icon.icon-style-2 a.popup-youtube { width: 80px; height: 80px; } .video-icon.icon-style-2 a.popup-youtube:hover { background: #070e20; transition: all .3s; } .video-icon.icon-style-2 a.popup-youtube i { font-size: 27px; } .video-icon.icon-style-2 a.popup-youtube::before, .video-icon.icon-style-2 a.popup-youtube::after { content: none; } .sermon-play-list li, .sermon-tool-list li { display: inline-block; } .sermon-play-list li a, .sermon-tool-list li a { width: 45px; height: 45px; text-align: center; font-size: 16px; line-height: 45px; border-radius: 6px; display: block; margin-bottom: 4px; color: #fff; margin-right: 4px; } .sermon-play-list li:last-child a { margin-right: 0; } .sermon-info a:hover { color: #252525; } .sermon-info li i { font-size: 12px; } .sermon-info li { font-size: 14px; display: inline-block; } .sermon-info ul li:first-child { display: block; } .sermon-inner .sermon-link > a { font-weight: 600; border-bottom: solid 2px; } .sermon-grid-1 .sermon-inner, .sermon-grid-2 .sermon-inner { -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; border: none; border-radius: 10px; padding: 35px 30px; position: relative; overflow: hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; background-color: #fff; } .sermon-grid-1 .sermon-inner .sermon-thumb:first-child, .sermon-grid-2 .sermon-inner .sermon-thumb:first-child { margin-top: -35px; } .sermon-grid-1 .sermon-inner .sermon-thumb, .sermon-grid-2 .sermon-inner .sermon-thumb { margin-left: -30px; margin-right: -30px; } .sermon-grid-2 .sermon-inner:last-child .sermon-thumb { margin-bottom: -35px; } .sermon-grid-2 .sermon-inner .sermon-details .sermon-play-list:first-child { margin-top: -25px; text-align: center; } .sermon-grid-2 .sermon-inner .sermon-info { font-style: italic; } .sermon-grid-2 .sermon-inner .sermon-info li { font-size: 13px; } .sermon-grid-2 .sermon-inner .sermon-link > a { color: #fff; font-size: 13px; line-height: 18px; padding: 6px 15px 8px; border-radius: 4px; border: none; display: inline-block; } .sermon-grid-2 .sermon-inner .sermon-link > a:hover { background: #111; } .sermon-grid-2 .sermon-inner .sermon-link > a.btn-link { background: unset; font-size: 15px; line-height: 20px; font-weight: 600; border-bottom: solid 2px; border-radius: 0; padding: 0; text-decoration: unset; } .sermon-grid-2 .sermon-inner .sermon-link > a.btn-link:hover { color: #000; } .sermon-list.sermon-grid-2 .sermon-inner { padding: 0 30px; } .sermon-list.sermon-grid-2 .media-body { padding-right: 20px; align-self: center; } .sermon-list.sermon-grid-2 .sermon-details .sermon-play-list { position: absolute; left: 0; bottom: 0; background: #fff; padding: 10px 10px 5px 10px; -webkit-box-shadow: rgb(2 2 2 / 6%) 0px 0px 50px; -moz-box-shadow: rgba(2, 2, 2, 0.06) 0px 0px 50px; box-shadow: rgb(2 2 2 / 18%) 0px 0px 50px; border-radius: 0px 10px 0 9px; } .sermon-list.sermon-grid-2 .sermon-inner .sermon-thumb:first-child { margin-top: 0; } .sermon-list.sermon-grid-2 .sermon-thumb { margin-right: 32px; max-width: 34%; } .sermon-list.sermon-grid-2 .sermon-inner .sermon-info li { font-size: 15px; display: inline-block; margin-right: 15px; } .sermon-list.sermon-grid-2 .sermon-inner .sermon-info li:last-child { margin-right: 0px; } .sermon-list.sermon-grid-2 .sermon-title a { font-size: 24px; line-height: 32px; } .single-sermon .sermon-info ul li { display: inline-block; font-size: 15px; margin-right: 20px; } .sermon-view-wrapper { padding: 30px; border-radius: 10px; position: relative; overflow: hidden; margin: 0 50px; margin-top: -70px; margin-bottom: 40px; } .sermon-view-wrapper:before { content: ""; width: 20px; height: 127%; background: #fff; position: absolute; margin: auto; left: -40px; right: 0; top: -19px; transform: rotate(27deg); } .single-sermon .sermon-play-list li a, .single-sermon .sermon-tool-list li a { width: 50px; height: 50px; line-height: 50px; margin-right: 10px; background: #fff; } .single-sermon .sermon-play-list li:last-child a, .single-sermon .sermon-tool-list li:last-child a { margin-right: 0; } .single-sermon .sermon-play-list li a i, .single-sermon .sermon-tool-list li a i { color: #252525; } .text-right { text-align: right; } .donation-fields, .regular-fields, .payment-fields { margin: 0 0 1em; padding: 1.6em 5px 1.9em; border: 1px solid #ebebeb; } .donate-form.type-2 .donation-fields { padding: 0; border: unset; } .donate-form .form-control { height: 40px; } .donate-form .donation-fields .form-control { height: 30px; } .form-title { font-size: 1.2em; font-weight: 700; font-family: 'Open Sans'; margin-bottom: 14px; } .donation-fields label input { display: none; } .donate-form .donation-fields .donation_amount { height: 45px; } .donation-fields label.amount { position: absolute; top: 8px; padding: 0 15px; } .donation-fields label { display: block; width: 100%; } .donation-fields label:active span, .donation-fields label:focus span, .donation-fields label:visited span { color: #fff; } .donation-fields .custom-donation-amount label:active, .donation-fields .custom-donation-amount label:focus, .donation-fields .custom-donation-amount label:visited { background: transparent; } .donation-fields .custom-donation-amount label:active span, .donation-fields .custom-donation-amount label:focus span, .donation-fields .custom-donation-amount label:visited span { color: #8D9297; } .donation-fields .custom-donation-amount label { border: unset; padding: 0; } .donation-fields .custom-donation-amount label input { display: block; } .donation-fields .custom-donation-amount label { padding: 5px 15px 15px 15px; border: 1px solid #eaeaea; } .donation-fields span.amount { font-weight: 700; color: #8D9297; } ul.radio-list li { display: inline-block; margin-right: 20px; } ul.radio-list li:last-child { margin-right: 0px; } .f-box.c-page { padding: 70px 30px 70px 30px; } .f-box.c-page .feature-icon i { font-size: 40px; } .custom-heading-title { font-size: 18px; font-weight: 600; z-index: 1; } .hgt-text { display: block; padding: 20px 30px 25px 30px; margin: -50px -30px 0px 30px; z-index: 2; position: relative; box-shadow: 11px 10px 22px -2px rgb(0 0 0 / 22%); font-size: 18px; line-height: 30px; } .hgt-text.bg-theme a:hover { color: #fff; } .quoted-text p { color: #00162F; font-family: "Barlow Condensed", Sans-serif; font-weight: 300; font-style: italic; font-size: 30px; line-height: 40px; } .quoted-text h6 { font-style: italic; } rs-slide input.wpcf7-form-control { height: 50px; padding: 0 15px !important; border-radius: 4px; border: unset; margin-bottom: 20px; display: block; overflow: hidden; width: 100%; } rs-slide textarea.wpcf7-form-control { padding: 12px 15px 0 !important; border-radius: 4px; border: unset !important; } rs-slide .wpcf7 input[type=submit] { width: auto; color: #fff; padding: 12px 32px 16px !important; } .overlap-icon .video-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .day-counter-1 .counter-elements, .day-counter-3 .counter-elements { border-radius: 50%!important; height: 140px; } .day-counter-1 .counter-elements .day-count-details span, .day-counter-3 .counter-elements .day-count-details span { color: #8d9297; } .day-counter-2 .counter-item { z-index: 2; margin-top: 2px; } .day-counter-2 .counter-elements { border: 1px solid #eaeaea; overflow: hidden; } .day-counter-2 .counter-elements::after, .day-counter-3 .counter-elements::after { content: ""; width: 150%; height: 100px; display: block; transform: rotate(-40deg); position: absolute; bottom: -10%; left: 14%; z-index: 0; } .day-counter-2 .day-count-details > span { font-size: 15px; } .day-counter-3 .counter-item { z-index: 2; } .quoted-text .custom-title { font-size: 38px; line-height: 53.2px; } .video-wrap.video-left { max-width: fit-content; } .icons-list li { font-weight: 600; color: #444; } .icons-list li:hover span { color: #444; } .offer-title-wrap .offer-title { font-family: "Great Vibes", Sans-serif; font-size: 90px; font-weight: 300; } .offer-title-wrap p, .code-text p, .wish-text p { color: #777777; font-family: "Poppins", Sans-serif; font-size: 18px; } .wish-text p { font-size: 20px; } .off-text > * { font-size: 80px; font-weight: 700; } .code-text .code { font-size: 35px; line-height: 50px; } .custom-br { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #EAEAEA; } /*right Overlay Menu*/ .v-sticky-main-wrapper ul.nav.navbar-nav > li, .v-sticky-main-wrapper ul.nav > li { padding: 0; } .v-sticky-main-wrapper ul.nav > li, .v-sticky-main-wrapper ul.nav > li > a { width: 100%; } .v-sticky-main-wrapper ul.nav.navbar-nav > li > a { padding: 10px 25px 10px 25px; border-bottom: 1px solid rgba(204,204,204,0.4); } .v-sticky-main-wrapper .right-overlay ul > li > a { text-align: right; padding-right: 20px; font-weight: 600; } .v-sticky-main-wrapper .right-overlay .navbar-nav .dropdown-menu { right: 100%; left: auto; } .right-sticky .v-sticky-main-wrapper .navbar-nav .dropdown-menu { left: -100%; right: auto; } .v-sticky-main-wrapper .navbar-nav .dropdown-menu { position: absolute; left: 100%; top: 0; right: 0; } .v-sticky-main-wrapper .right-overlay .navbar-nav .dropdown-menu { right: 100%; left: auto; } .v-sticky-main-wrapper .right-overlay ul > li > a { text-align: right; padding-right: 20px; } .right-overlay .-nav-inner { text-align: right; } .v-sticky-main-wrapper p { font-size: 15px; line-height: 28px; color: #8d9297; } .v-sticky-main-wrapper .right-overlay ul > li > .dropdown-toggle::after, .v-sticky-main-wrapper .right-overlay ul li ul > li > .dropdown-toggle::after { left: 20px; right: auto; content: "\f104"; font-family: 'FontAwesome'; position: absolute; font-size: 18px; border: unset; } .v-sticky-main-wrapper .social-icons a { border-radius: 5px; color: #fff; } .v-sticky-main-wrapper .social-icons .social-fb { background: #3b5999; } .v-sticky-main-wrapper .social-icons .social-twitter { background: #3b5999; } .v-sticky-main-wrapper .social-icons .social-instagram { background: #e4405f; } .v-sticky-main-wrapper .social-icons .social-linkedin { background: #0077B5; } .v-sticky-main-wrapper .social-icons a:hover { background: rgba(0, 0, 0, 0.5); } .right-overlay .close { left: 20px; background: #eaeaea; border-radius: 6px; } .basic-wrapper, .basic-wrapper-inner { position: relative; background: #fff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .push-overlay-menu-switch { line-height: 1; font-size: 22px; } .push-overlay-menu-switch:hover, .push-overlay-menu-switch:active { color: #000; } .push-overlay-menu-switch i { vertical-align: middle; } .left-overlay .sticky-nav-inner { left: -335px; } .right-overlay .sticky-nav-inner { right: -335px; } .overlay-active .left-overlay .sticky-nav-inner { left: 0; } .overlay-active .right-overlay .sticky-nav-inner { right: 0; } .ct-br-img { border-radius: 50% 0% 50% 50%; } .ct-br-img2 { border-radius: 50% 50% 50% 0%; } .about-img-overflow { position: absolute; bottom: 0; } .index-1 { z-index: 1; } .feature-box-wrap.f-box-style-2 .feature-icon span { font-size: 22px; width: 60px; height: 60px; line-height: 60px; background-color: #FFFFFF; display: inline-block; text-align: center; } .feature-box-wrap.f-box-style-2:hover .feature-icon span, .feature-box-wrap.f-box-style-2 .feature-btn a:hover { color: #fff; } .feature-box-wrap.f-box-style-2 .feature-btn a { font-weight: 600; text-decoration: none; } .five-column-style .col-lg-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .theme-mobile-menu .cus-img-menu .img-menu .img-block, .theme-mobile-menu .cus-img-menu ul li .zmm-dropdown-toggle.ti-plus { display: none; } .theme-mobile-menu .cus-img-menu .img-menu .title-wrap { margin-bottom: 0; } .theme-mobile-menu .cus-img-menu .img-menu .title-wrap p { margin-bottom: 0; } .theme-mobile-menu .cus-img-menu .img-menu .title-wrap p a { display: inline-block; } .phone-image-left, .phone-image-right { margin: 0 30px; } .phone-image-left { margin-top: 30px; } .phone-image-right { position: absolute; top: -30px; right: -10px; } .features-border { border-top: 1px solid; margin-top: 40px; } .features-border .col-lg-3 { margin-top: -40px; position: relative; } .features-border .col-lg-3::after { content: ""; position: absolute; top: 40px; left: 0; height: 40%; width: 1px; } .features-border:last-child .col-lg-3::before{ content: ""; position: absolute; top: 40px; right: 0; height: 40%; width: 1px; } .video_bg { background: url(../images/bg/video_bg.html) no-repeat center 100%; background-size: 100%; max-width: 700px; margin: 0px auto; position: relative; padding: 140px 0px 185px 0; margin-bottom: -30px; z-index: 1; } .video_bg iframe { width: 100%; max-width: 544px; min-height: 310px; } .blog-icon > i { font-size: 32px; display: block; color: #fff; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; text-align: center; box-shadow: 0 5px 25px 0 rgb(107 124 147 / 15%), 0 2px 15px 0 rgb(223 223 223 / 20%), inset 0 -2px 0 0 #ffffff; } .blog-icon .bg-ct-1 { background-image: linear-gradient(135deg, #8134F0 0%, #DD08D3 100%); } .blog-icon .bg-ct-2 { background: linear-gradient(44.44deg,#ed2775 7.79%,#ff7448 94.18%); } .blog-icon .bg-ct-3 { background-image: linear-gradient(90deg, #0040E5 0%, #04D7F1 100%); } .blog-icon .bg-ct-4 { background-image: linear-gradient(90deg, #4639F3 0%, #9C00ED 100%); } .blog-icon .bg-ct-5 { background-image: linear-gradient(90deg, #FF4E00 0%, #FE9500 100%); } .blog-icon .bg-ct-6 { background-image: linear-gradient(90deg, #F33946 0%, #9C00ED 100%); } .feature-list-icon .cl-3 { color: #FF7511; } .feature-list-icon .cl-2 { color: #1D79FB; } .feature-list-icon .cl-1 { color: #FF0101; } .feature-list-icon .cl-4 { color: #DC64FF; } .feature-list-icon .cl-5 { color: #56d6e5; } .feature-list-icon .cl-6 { color: #ff906a; } .glass-shadow { background: rgb(255 255 255 / 75%) !important; box-shadow: 0 8px 32px 0 rgb(31 38 135 / 15%) !important; backdrop-filter: blur( 6px ); -webkit-backdrop-filter: blur( 6px ); transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; } .banner-title { color: #fff; } .large_white_bold { font-size: 25px; font-weight: 500; } .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .slide-img img { width: auto !important; } .section-banner .owl-nav .owl-prev, .section-banner .owl-nav .owl-next { top: 50%; transform: translateY(-50%); } .section-banner .owl-nav .owl-prev { left: 0; } .section-banner .owl-nav .owl-prev span::before { content: ""; background-image: url('../images/slide/left-arrow.html'); background-repeat: no-repeat; background-size: auto; width: 52px; height: 52px; display: block; } .section-banner .owl-nav .owl-next span::before { content: ""; background-image: url('../images/slide/right-arrow.html'); background-repeat: no-repeat; background-size: auto; width: 52px; height: 52px; display: block; } .section-banner .owl-nav .owl-prev span::after, .section-banner .owl-nav .owl-next span::after { content: none; } /* Background Video Styles */ .background-video { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media only screen and (min-width: 768px) { .background-video { display: block; } } .slide-text.banner-titles li { font-size: 40px; line-height: 48px; } .ytp-hide-controls .ytp-chrome-top { display: none !important; } .sticky-head.hide-header { display: none; } .sticky-head.hide-header.header-sticky { display: block; } /* ------------- Background Slider ------------- */ .home-slider{ overflow-y:visible !important; } .home-slider .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } .home-slider .scrollable:after { content: ""; display: table; clear: both; } .slides-navigation { margin: 0 auto; position: absolute; z-index: 11; top: 46%; width: 100%; } .slides-navigation a { position: absolute; display: block; cursor: pointer; color: #FFFFFF; font-size: 36px; } .slides-navigation a.prev { left: 5px; } .slides-navigation a.next { right: 5px; } .social-followers li { box-shadow: 0px 0px 32px rgb(62 62 62 / 10%); } .social-followers li i { padding: 10px; font-size: 15px; width: 40px; text-align: center; line-height: 21px; vertical-align: middle; } .social-followers span.follow-text { color: #666666; vertical-align: middle; font-size: 15px; } .social-followers .more-link { float: right; } .social-followers li i.twitter { background-color: #54c8f9; } .social-followers li i.fb { background-color: #3f61a9; } .social-followers li i.linkedin { background-color: #2d95d2; } .social-followers li i.google { background-color: #ef6565; } .social-followers li i.pinterest { background-color: #d94134; } .sidebar-facebook p { color: #666; } .sidebar-facebook .facebook-inner li { display: inline-block; list-style-type: none; margin-bottom: -2px; } .sidebar-facebook .module-text i { font-size: 18px; padding: 3px 0px; background-color: #3f61a9; color: #FFFFFF; width: 20px; height: 25px; line-height: 20px; text-align: center; } .timeline-title { display: block; margin: 7px auto; text-align: center; } .timeline-title2 { display: block; margin: 40px auto 7px; text-align: center; } .blog-timeline .blog-inner { box-shadow: 0 0 0 3px #dddddd; margin: 30px 0px 45px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .blog-timeline .blog-style-1 .blog-inner:hover { transform: unset; box-shadow: 0 0 0 3px #dddddd; } .blog-outer .blog-inner { margin: 30px 0px 45px; border: 1px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; padding: 10px 0px; box-shadow: 0 0 0 4px #f0f0f0; -moz-box-shadow: 0 0 0 4px #f0f0f0; -webkit-box-shadow: 0 0 0 4px #f0f0f0; } .timeline-title span, .timeline-title2 span { border-radius: 3px; color: #fff; padding: 8px 15px; } .timeline-title span, .timeline-title2 span { background-color: #e74c3c; } .blog-timeline-event-left { position: relative; width: 97%; padding: 0 20px; } .blog-timeline-event-left:before { border: 4px solid #ddd; border-radius: 50px; content: ""; height: 20px; margin-left: -12px; position: absolute; right: -45px; top: 13px; width: 20px; z-index: 10; } .blog-timeline-event-left:before { background-color: #e74c3c; } .blog-timeline-right { padding-top: 100px; } .blog-timeline-event-right { margin-left: 3%; padding: 0px 20px; position: relative; width: 97%; } .blog-timeline-event-right:before { border: 4px solid #ddd; border-radius: 50px; content: ""; height: 20px; left: -34px; margin-left: -12px; position: absolute; top: 13px; width: 20px; z-index: 10; } .blog-timeline-event-right:before { background-color: #e74c3c; } /* ------------- FAQ ------------- */ .faq .panel-group { margin:10px 0px; } .faq .panel-group .panel { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; margin:3px 0px; } .faq .panel-heading { padding:15px; background:none; } .faq .panel-default { border-color:#CCCCCC; } .faq .panel-title a { text-transform:capitalize; line-height: 25px; } /* Faq Left Part */ .faq .left-part .panel-group .panel { border:0px; box-shadow:none; } .faq .left-part .faq-panel .accordion-toggle:before { padding:4px 6px; margin-left:-12px; content:"\f068"; color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; font-family:"fontawesome"; transition:all ease 0.6s; } .faq .left-part .faq-panel .accordion-toggle.collapsed:before { content:"\f067"; } .faq .left-part .panel-body { background:none; color:#1f1f1f; line-height:26px; padding:10px 25px 10px 35px; } .faq .left-part .panel-title h4 { margin-left:10px; } .faq .right-part .panel-body { padding:10px 25px 10px 15px; line-height:26px; } /* Accordion */ .accordion-item:not(:first-of-type) { border-top: 1px solid rgba(0,0,0,.125); } .accordion-item:not(:last-of-type) { margin-bottom: 10px; } .accordion-header .accordion-button { line-height: 24px; } .accordion-button:not(.collapsed)::after { /* color: red; */ filter: brightness(0) invert(0); } .accordion-button:not(.collapsed) { color: #000; } .accordion.model-1 .accordion-item { border: unset; } .accordion.model-1 .accordion-item .accordion-button:not(.collapsed) { background: transparent; color: #000; border: unset; box-shadow: unset; line-height: 24px; } .accordion.model-1 .accordion-item .accordion-button:not(.collapsed)::before { content: "\e648"; font-family: 'themify'; font-size: 12px; } .accordion.model-1 .accordion-item a.accordion-button.collapsed::before { content: "\e649"; font-family: 'themify'; font-size: 12px; } .accordion.model-1 .accordion-item .accordion-button { padding: 0; } .accordion.model-1 .accordion-item a.accordion-button::before { padding: 4px 6px; margin-right: 12px; color: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; transition: all ease 0.6s; height: 25px; line-height: 17px; } .accordion.model-1 .accordion-body { padding-top: 5px; padding-left: 0; } .accordion.model-1 .accordion-item .accordion-button::after { content: none; } marquee { font-size: 72px; font-weight: 700; color: #000; white-space: nowrap; letter-spacing: -.02em; line-height: 1.35; font-family: poppins,sans-serif; } marquee[direction="left"] { text-align: center; transform: translateX(-90%); overflow: visible; display: initial; } span.mq-item { border-top: 1px solid #e2dede; border-bottom: 1px solid #e2dede; margin: 0px 30px; } span.mq-item.stroke-txt { -webkit-text-stroke-color: #ccc; -webkit-text-stroke-width: 2px; color: transparent !important; } .service-box-style-1.br-style { border: 15px solid #fff; } .service-box-style-2 .service-box-inner { position: relative; overflow: hidden; } .service-box-style-2 .service-main-content { background-color: #fff; position: absolute; bottom: 0; right: 0; max-width: 280px; width: 100%; margin-left: 30px; padding-right: 70px; z-index: 1; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1); -moz-transition: all .25s cubic-bezier(.645,.045,.355,1); -ms-transition: all .25s cubic-bezier(.645,.045,.355,1); -o-transition: all .25s cubic-bezier(.645,.045,.355,1); transition: all .25s cubic-bezier(.645,.045,.355,1); } .service-box-style-2 .service-box-inner:hover .service-main-content { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .service-box-style-2 .service-main-content > .service-title { font-size: 17px; padding: 0 0 0 24px; white-space: nowrap; line-height: 51px; overflow: hidden; text-overflow: ellipsis; } .service-box-style-2 .service-main-content > .service-link, .service-box-style-2 .service-overlay-content .service-link { position: absolute; top: 0; right: 0; } .service-box-style-2 .service-main-content > .service-link a, .service-box-style-2 .service-overlay-content .service-link a { width: 58px; height: 51px; line-height: 51px; font-size: 17px; display: inline-flex; justify-content: center; align-items: center; } .service-box-style-2 .service-main-content > .service-link a:hover i, .service-box-style-2 .service-overlay-content .service-link a:hover i { color: #fff; } .service-box-style-2 .service-overlay-content .service-link a:hover { background: #000; } .service-box-style-2 .service-overlay-content { position: absolute; background-color: #fff; bottom: 0; right: 0; max-width: 330px; z-index: 2; padding: 30px 20px 28px 35px; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1); -moz-transition: all .25s cubic-bezier(.645,.045,.355,1); -ms-transition: all .25s cubic-bezier(.645,.045,.355,1); -o-transition: all .25s cubic-bezier(.645,.045,.355,1); transition: all .25s cubic-bezier(.645,.045,.355,1); opacity: 0; transform: scale3d(0,0,0); transform-origin: right bottom; } .service-box-style-2 .service-box-inner:hover .service-overlay-content { opacity: 1; transform: scale3d(1,1,1); } .service-box-style-2 .service-overlay-content .service-meta .service-title { margin-bottom: 19px; font-size: 20px; padding-right: 50px; } .testimonial-style-1 .client-details > * { display: inline-block; } .testimonial-style-1 .client-details > .client-info > * { display: block; } .testimonial-style-1 .client-details > .client-info > h4 { font-size: 25px; } .testimonial-style-1 .client-details > .client-info > .client-designation { font-size: 15px; } .testimonial-style-1 .client-details img { border-radius: 50%; } .testimonial-style-2 { padding: 35px 30px 30px 40px; background-color: #fff; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: 1px solid #EEEEEE; } .testimonial-style-2 .testimonial-details img { border: 6px solid #fff; border-radius: 70px; -webkit-box-shadow: 0 0px 32px rgb(0 51 120 / 10%); -khtml-box-shadow: 0 0px 32px rgb(0 51 120 / 10%); -moz-box-shadow: 0 0px 32px rgb(0 51 120 / 10%); -ms-box-shadow: 0 0px 32px rgb(0 51 120 / 10%); -o-box-shadow: 0 0px 32px rgb(0 51 120 / 10%); box-shadow: 0 0px 32px rgb(0 51 120 / 10%); } footer .contact-info li { display: inline-flex; align-items: baseline; margin-bottom: 10px; width: 100%; } footer .contact-info li > i { margin-right: 12px; } footer .contact-info li > span { line-height: 28px; } .client img { filter: grayscale(1); transform: scale(0.95); transition: all 0.5s ease; } .client img:hover { filter: grayscale(0); transform: scale(1); transition: all 0.5s ease; } :root { --color-semi-dark: #28292d; --color-full-dark: #1a1a1d; --typo-white: #fff; --typo-dark: #000; --typo-default: #666666; --bg-custom: #F2F7F7; } .dark-type .semi-dark, .dark-type .team-style-3 .team-inner .team-details, .dark-type .bg-white.semi-dark, .dark-type .blog-style-2 .blog-details { background: var(--color-semi-dark) !important; } .dark-type .full-dark, .dark-type .sticky-outer .header-sticky, .dark-type .sticky-outer .sticky-scroll.show-menu, .dark-type .sticky-outer.full-dark .dropdown-menu, .bg-dark .dropdown-menu { background: var(--color-full-dark); } body.dark-type, .dark-type .semi-dark h1, .dark-type .full-dark h1, .dark-type section.semi-dark h2, .dark-type section.full-dark h2, .dark-type section.semi-dark h3, .dark-type section.full-dark h3, .dark-type .semi-dark h4, .dark-type .full-dark h4, .dark-type .semi-dark h5, .dark-type .full-dark h5, .dark-type .semi-dark h6, .dark-type .full-dark h6, .dark-type a:not(.btn-default), .dark-type .header-info .media-body h6 > a, .dark-type .typo-dark .social-icons a span, .dark-type ul.nav.navbar-main > li > a, .dark-type ul.navbar-items li a i, .dark-type span.mq-item, .dark-type .counter-style-2 .counter-title > p, .dark-type .sticky-outer.full-dark .mega-dropdown-menu li, .bg-dark .mega-dropdown-menu li, .dark-type a.btn-fbox-more:hover, .dark-type section.semi-dark .portfolio-classic .filter-button, .dark-type section.full-dark .portfolio-classic .filter-button, .dark-type .get-quote-section h2.title.typo-white { color: var(--typo-white); } .dark-type .service-box-style-2 .service-desc p, .dark-type .service-box-style-2 .service-title a, .dark-type .accordion-body, .dark-type .testimonial-style-2 p, .dark-type .f-box-style-2 p { color: var(--typo-default); } .dark-type .portfolio-details-overlay a, .dark-type .portfolio-icons a, .dark-type .feature-box-wrap.f-box-style-4 p, .dark-type a.btn-fbox-more, .dark-type .feature-box-wrap.f-box-style-3 h4, .dark-type .feature-box-wrap.f-box-style-3 p, .dark-type .accordion-button:not(.collapsed), .dark-type a.accordion-button, .dark-type .testimonial-style-2 .client-info h4, .dark-type .f-box-style-2 h5, .dark-type section.semi-dark .portfolio-classic .filter-button.active, .dark-type section.full-dark .portfolio-classic .filter-button.active, .dark-type section.semi-dark .portfolio-classic .filter-button:hover, .dark-type section.full-dark .portfolio-classic .filter-button:hover, .dark-type .get-quote-section h2.title, .dark-type .get-quote-section .contact-info h3, .dark-type .get-quote-section .contact-info a, .dark-type .special-feature .mask-bottom h4, .dark-type .get-quote-section .get-quote, .dark-type .get-quote-section .get-quote a, .dark-type .get-quote-section .move-top i { color: var(--typo-dark); } .dark-type .box-shadow { -moz-box-shadow: 1px 2px 20px 0px rgb(30 30 30); -webkit-box-shadow: 1px 2px 20px 0px rgb(30 30 30); box-shadow: 1px 2px 20px 0px rgb(30 30 30); } .dark-type .sticky-outer.full-dark .dropdown-menu > li > a, .dark-type .header-1 .topbar, .dark-type .sticky-outer.full-dark .mega-dropdown-menu li ul li a, .bg-dark .dropdown-menu > li > a, .bg-dark .mega-dropdown-menu li ul li a { border-bottom-color: var(--color-semi-dark) !important; } .bg-custom { background: var(--bg-custom); } .get-quote-2 .quote-icon i { color: #000; padding: 20px; font-size: 25px; display: inline-block; border-radius: 50%; } /* Gallery */ .filter-style-1 { margin-bottom: 20px; } .filter-button { font-size: 14px; margin-bottom: 15px; background: transparent; border: 1px solid #CACFEB !important; margin-right: 15px; line-height: 18px; } .filter-button:last-child { margin-right: 0px; } .filter-button.active, .filter-button.btn-default:hover, .filter-button.btn-default:focus { color: #000; } .filter-button::before { position: absolute; content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 9; bottom: -8px; left: 50%; transform: translateX(-50%); opacity: 0; } .filter-button.active::before { opacity: 1; } .filter-style-2 { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } .filter-style-2 .filter-wrap { border-radius: 8px; padding: 8px; margin: 0; list-style: none; } .filter-style-2 .filter-wrap .filter-button { border: unset !important; margin-bottom: 0; margin-right: 2px; } .filter-style-2 .filter-wrap .filter-button::before { content: none; } .filter-style-3 .filter-wrap { margin-bottom: 25px; position: relative; display: flex; } .filter-style-3 .filter-wrap::before { content: ""; height: 3px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .filter-style-3 .filter-button { background: #fff !important; border: unset !important; padding: 0 16px 0px 30px; margin: 0 !important; } .filter-style-3 .filter-button::before { content: ""; width: 12px; height: 12px; bottom: inherit; left: 0; top: 50%; transform: translateY(-50%); border: unset; border-radius: 0px; opacity: 1; z-index: 1; } .filter-style-3 .filter-button.btn-default:hover, .filter-style-3 .filter-button.btn-default:focus { background: #fff !important; } .port-image { width: 100%; } .portfolio-item:not(:last-of-type) { margin-bottom: 30px; } .navbar-inner ul.navbar-items:last-of-type > li.list-item { padding-left: 25px; } .navbar-inner ul.navbar-items:last-of-type > li:first-child { padding-left: 0px; } .shop select { width: auto; border: unset; padding: 0; height: auto; } .product-item .product-img { background: #fff; -moz-box-shadow: 1px 2px 30px 0px rgb(165 165 165 / 16%); -webkit-box-shadow: 1px 2px 30px 0px rgb(165 165 165 / 16%); box-shadow: 1px 2px 30px 0px rgb(165 165 165 / 16%); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .product-single-thumb { border: 1px solid #eee; } .product-related-slider .product-thumb { border: 1px solid #eee; } .service-sidebar-wrap .sidebar-title::before { content: ""; width: 20px; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .service-sidebar-wrap .sidebar-title { padding-left: 35px; position: relative; } .service-sidebar-wrap .sidebar-menu-wrap ul li a { padding: 10px 30px; border: 1px solid rgba(0,0,0,.05); border-bottom: unset; width: 100%; display: block; } .service-sidebar-wrap .sidebar-menu-wrap ul li:last-child a { border-bottom: 1px solid rgba(0,0,0,.05); } .sidebar-menu-wrap ul li a { font-size: 15px; font-weight: 500; color: #000; } .sidebar-menu-wrap ul li a.active, .sidebar-menu-wrap ul li a:hover, .sidebar-menu-wrap ul li a:focus { color: #000; } .brochure ul li a.pdf { padding-left: 15px; position: relative; } .brochure ul li a.pdf::before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; line-height: 16px; top: 50%; transform: translateY(-50%); } .brochure ul li a.red i { color: red; } .special-feature .s-feature-box { overflow: hidden; position: relative; min-height: 187px; border: 0px solid; margin-bottom: 0px; cursor: pointer; } .special-feature .mask-top { width: 100%; background-color: rgba(0,0,0,.6); padding: 25px 0; position: absolute; top: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .s-feature-box:hover .mask-top { top: -200px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .mask-top i { color: #ffffff; } .special-feature i { font-size: 65px; line-height: 75px; } .special-feature .mask-top h4 { color: #ffffff; } .special-feature h4 { font-size: 20px; margin-top: 25px; position: relative; } .special-feature .mask-top h4:before { top: -12px; content: ""; display: block; height: 2px; left: 0; right: 0; margin: -2px auto; position: absolute; width: 40px; } .special-feature .mask-bottom { color: #333333; padding: 20px 15px 20px 15px; width: 100%; position: absolute; bottom: -300px; height: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .s-feature-box:hover .mask-bottom { bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .special-feature .mask-bottom i { font-size: 38px; line-height: 50px; } .special-feature .mask-bottom h4 { margin: 5px 0px 5px; } .special-feature .mask-bottom p { padding: 0px 5px; line-height: 24px; } .slider-block1 .special-feature .s-feature-box .mask-top { color: #f2f2f2; height: 100%; position: inherit; padding: 25px 15px; } .slider-block1 .special-feature .s-feature-box:hover .mask-top { top: 0px; } .slider-block1 .special-feature .s-feature-box .mask-top p { padding: 10px 0px; } .slider-block1 .special-feature .mask-top:after { bottom: -9px; content: "\f0d8"; font-family: fontawesome; font-size: 28px; left: 48%; position: absolute; right: 50%; } .get-quote-section .contact-info a:hover { color: #686868; } .rev-btn:hover { background: #000 !important; color: #fff !important; } .brochure-link a { font-size: 20px; font-weight: 600; } .brochure-link i.red { color: red; }