Sid Gifari File Manager
🏠 Root
/
home
/
ailwtbdh
/
lynchestinegroup.com
/
wp-content
/
themes
/
koncrete
/
assets
/
css
/
Editing: style.css
/*--------------------------------------------- =================== CSS INDEX =================== ## Common Style ## Preloader Style ## ScrollUp Style ## Media Box Custom Style ## Gutters Style ## Text Row Style ## Title Style ## Title Bar Style ## Owl Nav Control Style ## Header Top Bar Style ## Header Area Style ## Banner Area Style ## Breadcrumbs Area Style ## Widget Sidebar Area Style ## Pagination Area Style ## Footer Area Style ## Error Page Style ## Contact Page Style ↓↓-------post types---------↓↓ ## Project Area Style ## Team Area Style ## Testmonial Area Style ## Blog Area Style ## Service Area Style ## Widget style ## Comment style ## Single Blog post =============elementor addon css================ ## Title Content Button ## Progress ## Call to Action ## Project Gallery; ## Widget Title ## Section Title ## Accordion ## Team Gallery ## Testimonial ## Clients Brand ## Post Gallery ## Service Gallery ## Address ## Title Subtitle Button ## Video With Title ## Service Info Box ## Service Widget Image; ## Video Icon ## Google Map ## About History ## Elementor Product Slider ## Elementor Default overwrite ## Wp Frontend Gutenberg block ## Woocommerce */ /*======================================================================= ## Common Style =========================================================================*/ body { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; height: 100%; line-height: 26px; color: #444444; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin: 0 0 20px 0; } h1, h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'Rubik', sans-serif; margin: 0 0 20px 0; color: #111; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 28px; line-height: 36px; } h3 { font-size: 22px; line-height: 30px; margin: 0 0 15px 0; } h4 { font-size: 20px; line-height: 28px; } h5 { line-height: 26; font-size: 18px; } h6 { font-size: 16px; line-height: 22px; } a { text-decoration: none; } a:active, a:hover, a:focus { text-decoration: none; } a:active, a:hover, a:focus { outline: 0 none; } img { max-width: 100%; height: auto; } @media only screen and (max-width: 991px) { .hide-on-mobile-menu { display: none; } } @media only screen and (min-width: 992px) { .hide-on-desktop-menu { display: none; } } @media only screen and (max-width: 991px) { .sidebar-break-md { margin-top: 5rem; } } .sidebar-widget-area .widget { margin-bottom: 40px; } .sidebar-widget-area .widget:last-child { margin-bottom: 0 !important; } .possition-static { position: static !important; } .position-relative { position: relative; } .position-absolute { position: absolute; } .bg-common { background-position: center; background-size: cover; background-repeat: no-repeat; } .ms-left { background: #ffc92b; } img, figure { max-width: 100%; } .wrapper { overflow: hidden !important; } h1, h2, h3, h4, h5, h6, a, p { word-break: break-word; } .select-wrapper { position: relative; } .select-wrapper:after { position: absolute; right: 5px; z-index: 2; content: "\F107"; font-family: "FontAwesome"; top: 6px; } select { color: #444; line-height: 1.3; padding: 0.6em 1.4em 0.5em 0.8em; width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; border: solid 1px #e8e8e8; border-radius: 5px; -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0 0; background-size: 0.65em auto, 100%; } select::-ms-expand { display: none; } select:hover { border-color: #888; } select:focus { border-color: #aaa; color: #222; outline: none; } select option { font-weight: normal; } @media screen and (min-width: 1140px) { .lg-to-top { position: absolute; bottom: 20px; } } @media only screen and (min-width: 1400px) { .container { max-width: 1320px; } } .koncrete-button { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media screen and (max-width: 768px) { .koncrete-button { line-height: 1.2; } } .koncrete-button i { margin-left: 10px; font-size: 16px; } .koncrete-button:hover { background-color: #ffb400; color: #ffffff; } /*======================================================================= ## Preloader Style =========================================================================*/ #preloader { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } /*======================================================================= ## ScrollUp Style =========================================================================*/ #scrollUp { background-color: transparent; bottom: 100px; color: #ffc92b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; height: 40px; width: 40px; border: 1px solid #ffc92b; border-style: double; border-radius: 50%; position: fixed; right: 20px; text-align: center; text-decoration: none !important; -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; z-index: 99999; -webkit-animation: blink 5s linear infinite; animation: blink 5s linear infinite; } @keyframes blink { 20% { color: #cccccc; border-color: #cccccc; } 50% { color: #cccccc; border-color: #cccccc; } 70% { color: #ffc92b; border-color: #ffc92b; } 100% { color: #ffc92b; border-color: #ffc92b; } } @-webkit-keyframes blink { 20% { color: #cccccc; border-color: #cccccc; } 50% { color: #cccccc; border-color: #cccccc; } 70% { color: #ffc92b; border-color: #ffc92b; } 100% { color: #ffc92b; border-color: #ffc92b; } } #scrollUp i { margin-top: -2px; } #scrollUp:hover, #scrollUp:focus { background-color: #ffc92b; } #scrollUp:hover i, #scrollUp:focus i { color: #ffffff; } .strong { font-weight: 500; } .stronger { font-weight: 700; } .strongest { font-weight: 900; } /*======================================================================= ## Media Box Custom Style =========================================================================*/ .media-body { margin-left: 30px; } .media-body.space-xl { margin-left: 50px; } .media-body.space-lg { margin-left: 40px; } .media-body.space-md { margin-left: 20px; } .media-body.space-sm { margin-left: 15px; } .media-body.space-xs { margin-left: 10px; } .media-body.space-none { margin-left: 0; } .media-body.media-body-box { padding: 20px 20px 20px 3rem; margin-left: 0; } .media-body.media-body-box p { margin-bottom: 0; } @media only screen and (max-width: 1199px) { .media-none--lg { display: block; } .media-none--lg > div { width: 100%; } .media-none--lg img { width: 100%; } .media-none--lg img.media-img-auto { width: auto; } .media-none--lg .media-body, .media-none--lg .media-body.space-xl, .media-none--lg .media-body.space-lg, .media-none--lg .media-body.space-md, .media-none--lg .media-body.space-sm, .media-none--lg .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none--lg .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media only screen and (max-width: 991px) { .media-none--md { display: block; } .media-none--md > div { width: 100%; } .media-none--md img { width: 100%; } .media-none--md img.media-img-auto { width: auto; } .media-none--md .media-body, .media-none--md .media-body.space-xl, .media-none--md .media-body.space-lg, .media-none--md .media-body.space-md, .media-none--md .media-body.space-sm, .media-none--md .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none--md .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media only screen and (max-width: 767px) { .media-none--sm { display: block; } .media-none--sm > div { width: 100%; } .media-none--sm img { width: 100%; } .media-none--sm img.media-img-auto { width: auto; } .media-none--sm .media-body, .media-none--sm .media-body.space-xl, .media-none--sm .media-body.space-lg, .media-none--sm .media-body.space-md, .media-none--sm .media-body.space-sm, .media-none--sm .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none--sm .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media only screen and (max-width: 575px) { .media-none--xs { display: block; } .media-none--xs > div { width: 100%; } .media-none--xs img { width: 100%; } .media-none--xs img.media-img-auto { width: auto; } .media-none--xs .media-body, .media-none--xs .media-body.space-xl, .media-none--xs .media-body.space-lg, .media-none--xs .media-body.space-md, .media-none--xs .media-body.space-sm, .media-none--xs .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none--xs .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media only screen and (max-width: 479px) { .media-none-mb { display: block; } .media-none-mb > div { width: 100%; } .media-none-mb img { width: 100%; } .media-none-mb img.media-img-auto { width: auto; } .media-none-mb .media-body, .media-none-mb .media-body.space-xl, .media-none-mb .media-body.space-lg, .media-none-mb .media-body.space-md, .media-none-mb .media-body.space-sm, .media-none-mb .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none-mb .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media (min-width: 992px) and (max-width: 1199px) { .media-none-lg { display: block; } .media-none-lg > div { width: 100%; } .media-none-lg img { width: 100%; } .media-none-lg img.media-img-auto { width: auto; } .media-none-lg .media-body, .media-none-lg .media-body.space-xl, .media-none-lg .media-body.space-lg, .media-none-lg .media-body.space-md, .media-none-lg .media-body.space-sm, .media-none-lg .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none-lg .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media (min-width: 768px) and (max-width: 991px) { .media-none-md { display: block; } .media-none-md > div { width: 100%; } .media-none-md img { width: 100%; } .media-none-md img.media-img-auto { width: auto; } .media-none-md .media-body, .media-none-md .media-body.space-xl, .media-none-md .media-body.space-lg, .media-none-md .media-body.space-md, .media-none-md .media-body.space-sm, .media-none-md .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none-md .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media (min-width: 576px) and (max-width: 767px) { .media-none-sm { display: block; } .media-none-sm > div { width: 100%; } .media-none-sm img { width: 100%; } .media-none-sm img.media-img-auto { width: auto; } .media-none-sm .media-body, .media-none-sm .media-body.space-xl, .media-none-sm .media-body.space-lg, .media-none-sm .media-body.space-md, .media-none-sm .media-body.space-sm, .media-none-sm .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none-sm .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } @media (min-width: 480px) and (max-width: 575px) { .media-none-xs { display: block; } .media-none-xs > div { width: 100%; } .media-none-xs img { width: 100%; } .media-none-xs img.media-img-auto { width: auto; } .media-none-xs .media-body, .media-none-xs .media-body.space-xl, .media-none-xs .media-body.space-lg, .media-none-xs .media-body.space-md, .media-none-xs .media-body.space-sm, .media-none-xs .media-body.space-xs { margin-top: 20px; margin-left: 0; } .media-none-xs .media-body.media-body-box { margin-top: 0; margin-left: 0; padding: 3rem; } } /*======================================================================= ## Gutters Style =========================================================================*/ .full-width-container .container-fluid { padding-right: 0; padding-left: 0; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .container-fluid.full-width .row.gutters-1 { margin-right: -15.25px; margin-left: -15.25px; padding-left: 0; padding-right: 0; } .row.gutters-1 { padding-left: 14.5px; padding-right: 14.5px; } .row.gutters-1 > [class^="col-"] { padding-left: 0.5px; padding-right: 0.5px; } .row.gutters-2 { padding-left: 14px; padding-right: 14px; } .row.gutters-2 > [class^="col-"] { padding-left: 1px; padding-right: 1px; } .row.gutters-3 { padding-left: 13.5px; padding-right: 13.5px; } .row.gutters-3 > [class^="col-"] { padding-left: 1.5px; padding-right: 1.5px; } .row.gutters-4 { padding-left: 13px; padding-right: 13px; } .row.gutters-4 > [class^="col-"] { padding-left: 2px; padding-right: 2px; } .row.gutters-5 { padding-left: 12.5px; padding-right: 12.5px; } .row.gutters-5 > [class^="col-"] { padding-left: 2.5px; padding-right: 2.5px; } .row.gutters-6 { padding-left: 12px; padding-right: 12px; } .row.gutters-6 > [class^="col-"] { padding-left: 3px; padding-right: 3px; } .row.gutters-7 { padding-left: 11.5px; padding-right: 11.5px; } .row.gutters-7 > [class^="col-"] { padding-left: 3.5px; padding-right: 3.5px; } .row.gutters-8 { padding-left: 11px; padding-right: 11px; } .row.gutters-8 > [class^="col-"] { padding-left: 4px; padding-right: 4px; } .row.gutters-9 { padding-left: 10.5px; padding-right: 10.5px; } .row.gutters-9 > [class^="col-"] { padding-left: 4.5px; padding-right: 4.5px; } .row.gutters-10 { padding-left: 10px; padding-right: 10px; } .row.gutters-10 > [class^="col-"] { padding-left: 5px; padding-right: 5px; } .row.gutters-11 { padding-left: 9.5px; padding-right: 9.5px; } .row.gutters-11 > [class^="col-"] { padding-left: 5.5px; padding-right: 5.5px; } .row.gutters-12 { padding-left: 9px; padding-right: 9px; } .row.gutters-12 > [class^="col-"] { padding-left: 6px; padding-right: 6px; } .row.gutters-13 { padding-left: 8.5px; padding-right: 8.5px; } .row.gutters-13 > [class^="col-"] { padding-left: 6.5px; padding-right: 6.5px; } .row.gutters-14 { padding-left: 8px; padding-right: 8px; } .row.gutters-14 > [class^="col-"] { padding-left: 7px; padding-right: 7px; } .row.gutters-15 { padding-left: 7.5px; padding-right: 7.5px; } .row.gutters-15 > [class^="col-"] { padding-left: 7.5px; padding-right: 7.5px; } .row.gutters-20 { padding-left: 5px; padding-right: 5px; } .row.gutters-20 > [class^="col-"] { padding-left: 10px; padding-right: 10px; } /*======================================================================= ## Text Row Style =========================================================================*/ .text-row-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .text-row-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media (min-width: 992px) and (max-width: 1199px) { .text-row-4-md { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } @media (min-width: 992px) and (max-width: 1199px) { .text-row-3-md { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } /*======================================================================= ## Title Style =========================================================================*/ .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4 { margin-bottom: 0; } .section-heading p { width: 80%; } @media only screen and (max-width: 991px) { .section-heading p { width: 100%; } } .section-heading.text-center h1, .section-heading.text-center h2, .section-heading.text-center h3, .section-heading.text-center h4, .section-heading.text-center a, .section-heading.text-center p { float: none; margin-left: auto; margin-right: auto; } .section-heading.text-left p, .section-heading.text-right p { margin-left: 0; margin-right: 0; width: 100%; } .section-heading.heading-dark h1, .section-heading.heading-dark h2, .section-heading.heading-dark h3, .section-heading.heading-dark h4 { color: #111111; } .section-heading.heading-dark p { color: #444444; } .section-heading.heading-light h1, .section-heading.heading-light h2, .section-heading.heading-light h3, .section-heading.heading-light h4 { color: #ffffff; } .section-heading.heading-light p { color: #cccccc; } .heading-layout1 { margin-bottom: 75px; text-align: center; position: relative; } .heading-layout1:after { position: absolute; content: ""; height: 4px; width: 45px; background-color: #ffc92b; left: 0; bottom: -25px; right: 0; margin: 0 auto; } .heading-layout1 h2, .heading-layout1 h3 { font-weight: 600; text-transform: capitalize; margin-bottom: 15px; } .heading-light.heading-layout1:after { background-color: #ffffff; } .heading-layout2 { margin-bottom: 32px; position: relative; z-index: 10; } .heading-layout2 h2 { font-weight: 500; margin-bottom: 10px; } @media only screen and (max-width: 991px) { .heading-layout2 h2 { font-size: 30px; } } .heading-layout2 p { width: 60%; } @media only screen and (max-width: 767px) { .heading-layout2 p { width: 100%; } } .heading-layout3 { margin-bottom: 20px; } .heading-layout3 h2 { font-weight: 500; margin-bottom: 22px; } .heading-layout4 { margin-bottom: 25px; } .heading-layout4 h2 { font-weight: 500; margin-bottom: 10px; } .heading-layout4 p { width: 60%; } @media only screen and (max-width: 767px) { .heading-layout4 p { width: 100%; } } .heading-layout5 { margin-bottom: 50px; } .heading-layout5 h2 { font-weight: 500; margin-bottom: 15px; } .heading-layout5 p { width: 100%; } @media only screen and (max-width: 767px) { .heading-layout5 p { width: 100%; } } .heading-layout6 { margin-bottom: 32px; } .heading-layout6 h2 { font-weight: 500; margin-bottom: 10px; } .heading-layout6 p { width: 80%; } @media only screen and (max-width: 767px) { .heading-layout6 p { width: 100%; } } .heading-layout7 { margin-bottom: 40px; } .heading-layout7 h2 { width: 50%; font-weight: 500; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .heading-layout7 h2 { width: 70%; } } @media only screen and (max-width: 767px) { .heading-layout7 h2 { width: 100%; font-size: 30px; } } .heading-layout7 p { width: 60%; } @media only screen and (max-width: 767px) { .heading-layout7 p { width: 100%; } } /*======================================================================= ## Title Bar Style =========================================================================*/ .title-bar-xs { margin-bottom: 45px; position: relative; } .title-bar-xs:before { content: ""; height: 1px; width: 35px; position: absolute; left: 0; bottom: -15px; z-index: 1; } .title-bar-sm { margin-bottom: 45px; position: relative; } .title-bar-sm:before { content: ""; height: 2px; width: 40px; position: absolute; left: 0; bottom: -15px; z-index: 1; } .title-bar-md { margin-bottom: 45px; position: relative; } .title-bar-md:before { content: ""; height: 2px; width: 45px; position: absolute; left: 0; bottom: -15px; z-index: 1; } .title-bar-lg { margin-bottom: 18px; padding-bottom: 16px; position: relative; } .title-bar-lg:before { content: ""; height: 3px; width: 50px; background-color: #ffc92b; position: absolute; left: 0; bottom: 0; z-index: 1; } .title-bar-lg1 { margin-bottom: 20px; padding-bottom: 22px; position: relative; } .title-bar-lg1:before { content: ""; height: 3px; width: 50px; background-color: #ffc92b; position: absolute; left: 0; bottom: 0; z-index: 1; } .title-bar-xl { margin-bottom: 12px; padding-bottom: 15px; position: relative; } .title-bar-xl:before { content: ""; height: 4px; width: 50px; background-color: #ffc92b; position: absolute; left: 0; bottom: 0; z-index: 1; } .title-bar-xl1 { margin-bottom: 25px; padding-bottom: 20px; position: relative; } .title-bar-xl1:before { content: ""; height: 4px; width: 50px; background-color: #ffc92b; position: absolute; left: 0; bottom: 0; z-index: 1; } .title-bar-primary:before { background: #ffc92b; } .title-bar-light:before { background: #ffffff; } .title-bar-dark:before { background: #000000; } .title-bar-center:before { right: 0; left: 0; margin: 0 auto; } /*======================================================================= ## Owl Nav Control Style =========================================================================*/ .owl-theme .owl-nav { margin-top: 0; } .nav-control-layout1 .owl-controls .owl-nav { margin-top: 0; } .nav-control-layout1 .owl-controls .owl-nav > div { color: #000000; background-color: #ffffff; font-size: 18px; height: 46px; width: 46px; text-align: center; border-radius: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 4px 8px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 4px 8px 0px rgba(216, 216, 216, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .nav-control-layout1 .owl-controls .owl-nav > div { height: 44px; width: 44px; font-size: 17px; } } @media only screen and (max-width: 991px) { .nav-control-layout1 .owl-controls .owl-nav > div { height: 40px; width: 40px; font-size: 16px; } } @media only screen and (max-width: 767px) { .nav-control-layout1 .owl-controls .owl-nav > div { height: 36px; width: 36px; font-size: 15px; } } @media only screen and (max-width: 575px) { .nav-control-layout1 .owl-controls .owl-nav > div { height: 30px; width: 30px; font-size: 14px; } } .nav-control-layout1 .owl-controls .owl-prev { left: -75px; } @media only screen and (max-width: 1199px) { .nav-control-layout1 .owl-controls .owl-prev { left: -22px; } } @media only screen and (max-width: 991px) { .nav-control-layout1 .owl-controls .owl-prev { left: -20px; } } @media only screen and (max-width: 767px) { .nav-control-layout1 .owl-controls .owl-prev { left: -18px; } } @media only screen and (max-width: 575px) { .nav-control-layout1 .owl-controls .owl-prev { left: -15px; } } .nav-control-layout1 .owl-controls .owl-prev:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout1 .owl-controls .owl-next { right: -75px; } @media only screen and (max-width: 1199px) { .nav-control-layout1 .owl-controls .owl-next { right: -22px; } } @media only screen and (max-width: 991px) { .nav-control-layout1 .owl-controls .owl-next { right: -20px; } } @media only screen and (max-width: 767px) { .nav-control-layout1 .owl-controls .owl-next { right: -18px; } } @media only screen and (max-width: 575px) { .nav-control-layout1 .owl-controls .owl-next { right: -15px; } } .nav-control-layout1 .owl-controls .owl-next:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout3 .owl-controls .owl-nav { margin-top: 0; } .nav-control-layout3 .owl-controls .owl-nav > div { color: #000000; background: #ffffff; font-size: 18px; height: 55px; width: 55px; text-align: center; border-radius: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .nav-control-layout3 .owl-controls .owl-nav > div { height: 44px; width: 44px; font-size: 17px; } } @media only screen and (max-width: 991px) { .nav-control-layout3 .owl-controls .owl-nav > div { height: 40px; width: 40px; font-size: 16px; } } @media only screen and (max-width: 767px) { .nav-control-layout3 .owl-controls .owl-nav > div { height: 36px; width: 36px; font-size: 15px; } } @media only screen and (max-width: 575px) { .nav-control-layout3 .owl-controls .owl-nav > div { height: 30px; width: 30px; font-size: 14px; } } .nav-control-layout3 .owl-controls .owl-prev { left: 50px; } .nav-control-layout3 .owl-controls .owl-prev:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout3 .owl-controls .owl-next { right: 50px; } .nav-control-layout3 .owl-controls .owl-next:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout4 .owl-controls .owl-nav { margin-top: 0; } .nav-control-layout4 .owl-controls .owl-nav > div { color: #000000; background: #ffffff; opacity: 0; visibility: hidden; font-size: 18px; height: 46px; width: 46px; text-align: center; border-radius: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px rgba(207, 207, 207, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .nav-control-layout4 .owl-controls .owl-nav > div { height: 44px; width: 44px; font-size: 17px; } } @media only screen and (max-width: 991px) { .nav-control-layout4 .owl-controls .owl-nav > div { height: 40px; width: 40px; font-size: 16px; } } @media only screen and (max-width: 767px) { .nav-control-layout4 .owl-controls .owl-nav > div { height: 36px; width: 36px; font-size: 15px; } } @media only screen and (max-width: 575px) { .nav-control-layout4 .owl-controls .owl-nav > div { height: 30px; width: 30px; font-size: 14px; } } .nav-control-layout4 .owl-controls .owl-prev { left: -30px; } @media only screen and (max-width: 575px) { .nav-control-layout4 .owl-controls .owl-prev { left: -10px; } } .nav-control-layout4 .owl-controls .owl-prev:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout4 .owl-controls .owl-next { right: -30px; } @media only screen and (max-width: 575px) { .nav-control-layout4 .owl-controls .owl-next { right: -10px; } } .nav-control-layout4 .owl-controls .owl-next:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout4:hover .owl-controls .owl-prev { opacity: 1; visibility: visible; } .nav-control-layout4:hover .owl-controls .owl-next { opacity: 1; visibility: visible; } .nav-control-layout5 .owl-controls .owl-nav { margin-top: 0; } .nav-control-layout5 .owl-controls .owl-nav > div { font-size: 20px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 45px; width: 50px; background: #ffb400; border-radius: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: -22px; margin: 0; padding: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .nav-control-layout5 .owl-controls .owl-prev { right: 51px; } .nav-control-layout5 .owl-controls .owl-prev:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout5 .owl-controls .owl-prev:hover i { color: #ffffff; } .nav-control-layout5 .owl-controls .owl-next { right: 0px; } .nav-control-layout5 .owl-controls .owl-next:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nav-control-layout5 .owl-controls .owl-next:hover i { color: #ffffff; } .smart-nav-layout1 { position: relative; margin-bottom: 3rem; } .smart-nav-layout1 div, .smart-nav-layout1 span { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px; width: 55px; background-color: #ffffff; border-radius: 50%; border: 1px solid; border-color: #ffc92b; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .smart-nav-layout1 div:last-child, .smart-nav-layout1 span:last-child { margin-right: 0; } .smart-nav-layout1 div i:before, .smart-nav-layout1 span i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .smart-nav-layout1 div:hover, .smart-nav-layout1 span:hover { background-color: #ffc92b; color: #000000; border-color: #ffc92b; } .smart-nav-layout2 { position: relative; margin-bottom: 3rem; margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .smart-nav-layout2 div, .smart-nav-layout2 span { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; background-color: #ffffff; border-radius: 50%; border: 1px solid #ffc92b; color: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .smart-nav-layout2 div:last-child, .smart-nav-layout2 span:last-child { margin-right: 0; } .smart-nav-layout2 div i:before, .smart-nav-layout2 span i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .smart-nav-layout2 div:hover, .smart-nav-layout2 span:hover { background-color: #ffc92b; color: #ffffff; border-color: #ffc92b; } .smart-nav-layout3 { position: relative; margin-bottom: 3rem; margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .smart-nav-layout3 span, .smart-nav-layout3 div { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; background-color: #ffffff; border-radius: 50%; border: 1px solid #ffc92b; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .smart-nav-layout3 span:last-child, .smart-nav-layout3 div:last-child { margin-right: 0; } .smart-nav-layout3 span i:before, .smart-nav-layout3 div i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .smart-nav-layout3 span:hover, .smart-nav-layout3 div:hover { background-color: #ffc92b; color: #ffffff; border-color: #ffc92b; } .dot-control-layout1 .owl-controls { margin-top: 30px; } .dot-control-layout1 .owl-controls .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dot-control-layout1 .owl-controls .owl-dots .owl-dot span { height: 15px; width: 15px; display: block; border-radius: 50%; background: #d8d8d8; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin: 2px; } .dot-control-layout1 .owl-controls .owl-dots .active span { background: #444444; } .dot-control-layout1 .owl-nav { margin-top: 0; } .dot-control-layout2 .owl-controls { margin-top: 32px; } .dot-control-layout2 .owl-controls .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dot-control-layout2 .owl-controls .owl-dots .owl-dot { margin: 0px; } .dot-control-layout2 .owl-controls .owl-dots .owl-dot span { margin: 3px; height: 20px; width: 20px; display: block; border-radius: 50%; background: transparent; border: 1px solid #c2c2c2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control-layout2 .owl-controls .owl-dots .active span { border: 1px solid #ffc92b; background: #ffc92b; } .dot-control-layout2 .owl-nav { margin-top: 0; } .dot-control-layout4 { position: relative; } .dot-control-layout4 .owl-controls { margin-top: 32px; position: absolute; bottom: 55px; left: 0; right: 0; } .dot-control-layout4 .owl-controls .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dot-control-layout4 .owl-controls .owl-dots .owl-dot { margin: 0px; } .dot-control-layout4 .owl-controls .owl-dots .owl-dot span { margin: 3px; height: 18px; width: 18px; display: block; border-radius: 50%; background: transparent; border: 1px solid #c2c2c2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control-layout4 .owl-controls .owl-dots .active span { border: 1px solid #ffc92b; background: #ffc92b; -webkit-box-shadow: 0px 6px 8px 0px rgba(141, 141, 141, 0.75); box-shadow: 0px 6px 8px 0px rgba(141, 141, 141, 0.75); } .dot-control-layout4 .owl-nav { margin-top: 0; } .dot-control-layout3 .owl-controls { margin-top: 25px; } .dot-control-layout3 .owl-controls .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dot-control-layout3 .owl-controls .owl-dots .owl-dot { margin: 0; } .dot-control-layout3 .owl-controls .owl-dots .owl-dot span { margin: 0 3px; height: 15px; width: 15px; display: block; border-radius: 50%; background: #cdcdcd; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dot-control-layout3 .owl-controls .owl-dots .active span { background: #ffc92b; } .dot-control-layout3 .owl-nav { margin-top: 0; } .dot-control-left .owl-dots { text-align: left; } .dot-control-right .owl-dots { text-align: right; } /*======================================================================= ## Header Top Bar Style =========================================================================*/ header.main-header { z-index: 100001; } .admin-bar .header-top-bar { margin-top: 32px; } .admin-bar.header-style-3 .header-top-bar { margin-top: 0; } @media only screen and (max-width: 767px) { .header-top-bar { display: none; } } .header-top-search-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1199px) { .header-top-search-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .top-bar-layout1 { background-color: #111111; min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-bar-layout2 { top: 0; left: 0; right: 0; z-index: 100; background-color: #ffffff; border-top: 1px solid #cccccc; } .top-bar-layout3 { background-color: transparent; position: absolute; top: 0; left: 0; right: 0; z-index: 100; } .top-bar-layout3 .container { border-bottom: 1px solid #cccccc; } .top-bar-top { background-color: #111111; } .header-top-bar-title { min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-top-bar-title .title { font-size: 18px; color: #cccccc; margin-bottom: 0; } .header-fetures { min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1199px) { .header-fetures { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-fetures .media { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-fetures .media i { color: #ffc92b; } .header-fetures .media i:before { margin-left: 0; font-size: 32px; } .header-fetures .media .media-body .title { font-size: 17px; font-weight: 500; color: #111111; margin-bottom: 0; line-height: 1.3; } .header-fetures .media .media-body .subtitle { color: #111111; } .header-fetures .media .media-body .subtitle a { color: #111; } .header-fetures .media .media-body .subtitle a:hover { color: #ffc92b; } .header-contact-layout1 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-contact-layout1 ul li { font-family: 'Rubik', sans-serif; font-size: 15px; display: inline-block; margin-right: 20px; color: #c6c6c6; padding-left: 30px; position: relative; } .header-contact-layout1 ul li i:before { margin-right: 15px; color: #ffc92b; font-size: 20px; font-weight: 500; margin-left: 0px; position: absolute; top: 0px; left: 0px; } .header-contact-layout1 ul li a { color: #c6c6c6; } .header-contact-layout1 ul li a:hover { color: #ffc92b; } .header-contact-layout1 ul li:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .header-contact-layout1 ul li { display: block; } } .header-contact-layout1 ul li .fa-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .header-contact-layout2 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199px) { .header-contact-layout2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-contact-layout2 ul li { font-family: 'Rubik', sans-serif; font-size: 15px; display: inline-block; margin-right: 20px; color: #ffffff; padding-left: 38px; position: relative; } .header-contact-layout2 ul li i:before { margin-right: 15px; color: #ffc92b; font-size: 25px; line-height: 50px; font-weight: 500; margin-left: 0px; position: absolute; top: -13px; left: 0; } .header-contact-layout2 ul li:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .header-contact-layout2 ul li { display: block; } } .header-contact-layout2 ul li .fa-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .header-contact-layout3 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199px) { .header-contact-layout3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-contact-layout3 ul li { font-family: 'Rubik', sans-serif; font-size: 16px; display: inline-block; margin-right: 20px; padding-left: 38px; position: relative; color: #cccccc; } .header-contact-layout3 ul li i:before { margin-right: 15px; color: #ffc92b; font-size: 25px; line-height: 50px; font-weight: 500; margin-left: 0px; position: absolute; top: -13px; left: 0; } .header-contact-layout3 ul li:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .header-contact-layout3 ul li { display: block; } } .header-contact-layout3 ul li .fa-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .header-contact-layout4 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-contact-layout4 ul li { font-family: 'Rubik', sans-serif; font-size: 15px; display: inline-block; margin-right: 20px; color: #ffffff; padding-left: 38px; position: relative; } .header-contact-layout4 ul li i:before { margin-right: 15px; color: #ffc92b; font-size: 25px; line-height: 50px; font-weight: 500; margin-left: 0px; position: absolute; top: -13px; left: 0; } .header-contact-layout4 ul li:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .header-contact-layout4 ul li { display: block; } } .header-contact-layout4 ul li .fa-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .header-social-layout1 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-social-layout1 ul li { display: inline-block; margin-right: 5px; } .header-social-layout1 ul li:last-child { margin-right: 0; } .header-social-layout1 ul li a { color: #ffffff; text-align: center; height: 30px; width: 30px; font-size: 14px; line-height: 30px; border-radius: 50%; display: block; background-color: transparent; border: 1px solid #404040; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 1199px) { .header-social-layout1 ul li a { height: 30px; width: 30px; line-height: 30px; font-size: 14px; } } .header-social-layout1 ul li a:hover { color: #ffffff; background-color: #ffb400; border: 1px solid #ffb400; } .header-social-layout2 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-social-layout2 ul li { display: inline-block; margin-right: 16px; } .header-social-layout2 ul li:last-child { margin-right: 0; } .header-social-layout2 ul li a { color: #cccccc; font-size: 16px; display: block; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-social-layout2 ul li a:hover { color: #ffc92b; } .header-social-layout3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-social-layout3.light-bg ul li a { color: #444; font-size: 20px; } @media only screen and (max-width: 1199px) { .header-social-layout3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-social-layout3 ul li { display: inline-block; margin-right: 16px; } .header-social-layout3 ul li:last-child { margin-right: 0; } .header-social-layout3 ul li a { color: #ffffff; font-size: 16px; display: block; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-social-layout3 ul li a:hover { color: #ffc92b; } .header-social-layout4 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1199px) { .header-social-layout4 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header-social-layout4 ul { height: 100%; } .header-social-layout4 ul li { display: inline-block; height: 100%; float: left; } .header-social-layout4 ul li:last-child { border-right: 1px solid #959595; } .header-social-layout4 ul li a { height: 100%; width: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #cccccc; font-size: 16px; padding: 0 15px; border: 1px solid #959595; border-top: none; border-bottom: none; border-right: none; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-social-layout4 ul li a:hover { color: #ffc92b; } .header-social-layout5 { min-height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-social-layout5 ul li { display: inline-block; margin-right: 5px; } .header-social-layout5 ul li:last-child { margin-right: 0; } .header-social-layout5 ul li a { color: #ffffff; text-align: center; height: 30px; width: 30px; font-size: 14px; line-height: 30px; border-radius: 50%; display: block; background-color: transparent; border: 1px solid #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 1199px) { .header-social-layout5 ul li a { height: 30px; width: 30px; line-height: 30px; font-size: 14px; } } .header-social-layout5 ul li a:hover { color: #ffffff; background-color: #ffb400; border: 1px solid #ffb400; } nav#dropdown .sub-menu { border-top: 1px solid #ffc92b; background-color: #ffffff; width: 250px; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*======================================================================= ## Header Area Style =========================================================================*/ .header-menu-area { font-family: 'Rubik', sans-serif; } .header-menu-area:after { clear: both; content: ""; display: block; } .header-menu-layout1 { z-index: 100; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-menu-layout1.dark-layout { background-color: #111; } .header-menu-layout2 { z-index: 100; background-color: #ffffff; border-top: 1px solid #cccccc; } .header-menu-layout2 .template-main-menu nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-menu-layout2 .template-main-menu nav > ul > li > a { padding: 30px 15px 29px; color: #111111; } .header-menu-layout2 .template-main-menu nav > ul > li > a:hover { color: #ffc92b; } .header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky { margin-right: 30px; display: none; } .header-menu-layout2 .template-main-menu nav > ul .logo-on-sticky a { padding: 0; } .header-action-items-layout1 > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-action-items-layout1 > ul > li { display: inline-block; margin-right: 15px; padding-right: 15px; position: relative; } .header-action-items-layout1 > ul > li:first-child:after { height: 25px; width: 1px; background-color: #b2b2b2; position: absolute; right: 0; top: -11px; z-index: 5; } .header-action-items-layout1 > ul > li:first-child.has-right-border:after { content: ''; } .header-action-items-layout1 > ul > li:last-child { margin-right: 0; padding-right: 0; } .header-action-items-layout1 > ul > li:last-child:after { height: 0; width: 0; } .header-action-items-layout1 .cart-items { top: 71px; } .header-search-dark { position: relative; line-height: 0; } .header-search-dark button, .header-search-dark a { border: 0; padding: 0; cursor: pointer; background-color: transparent; color: #444444; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-search-dark button i:before, .header-search-dark a i:before { font-size: 20px; margin-left: 0; padding: 5px; font-weight: 600; } .header-search-dark button:focus, .header-search-dark a:focus { outline: none; } .header-search-dark .search-input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; z-index: 10; height: 60px; width: 800px; border-radius: 3px; border: none; padding: 5px 30px 8px; display: none; background-color: #ffc92b; color: #111111; } @media only screen and (max-width: 1199px) { .header-search-dark .search-input { right: 25px; width: 740px; } } @media only screen and (max-width: 991px) { .header-search-dark .search-input { right: 25px; width: 560px; } } @media only screen and (max-width: 767px) { .header-search-dark .search-input { right: 25px; width: 230px; } } .header-search-dark .search-close { position: absolute; right: 50px; font-size: 20px; color: white; height: 60px; width: 20px; z-index: 11; display: none; -webkit-transition: all 1s; transition: all 1s; } .header-search-dark .search-close.active { display: block; -webkit-transition: all 1s; transition: all 1s; } .header-search-dark input.search-input:focus { outline-width: 0; outline: none; } .header-search-dark input::-webkit-input-placeholder { color: #ffffff; } .header-search-dark input::-moz-placeholder { color: #ffffff; } .header-search-dark input:-moz-placeholder { color: #ffffff; } .header-search-dark input:-ms-input-placeholder { color: #ffffff; } .header-search-custom { position: relative; line-height: 0; } .header-search-custom button { border: 0; padding: 0; cursor: pointer; background-color: transparent; color: #949494; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-search-custom button i:before { font-size: 20px; margin-left: 0; padding: 5px; font-weight: 600; } .header-search-custom button:focus { outline: none; } .header-search-custom .search-input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; z-index: 10; height: 60px; width: 800px; border-radius: 3px; border: none; padding: 5px 30px 8px; display: none; background-color: #ffc92b; color: #111111; } @media only screen and (max-width: 1199px) { .header-search-custom .search-input { right: 25px; width: 740px; } } @media only screen and (max-width: 991px) { .header-search-custom .search-input { right: 25px; width: 560px; } } @media only screen and (max-width: 767px) { .header-search-custom .search-input { right: 25px; width: 230px; } } .header-search-custom input.search-input:focus { outline-width: 0; outline: none; } .header-search-custom input::-webkit-input-placeholder { color: #ffffff; } .header-search-custom input::-moz-placeholder { color: #ffffff; } .header-search-custom input:-moz-placeholder { color: #ffffff; } .header-search-custom input:-ms-input-placeholder { color: #ffffff; } .header-search-light { position: relative; line-height: 0; } .header-search-light button { border: 0; padding: 0; cursor: pointer; background-color: transparent; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-search-light button i:before { font-size: 24px; margin-left: 0; padding: 5px; font-weight: 600; } .header-search-light button:focus { outline: none; } .header-search-light .search-input { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; z-index: 10; height: 60px; width: 800px; border-radius: 3px; border: none; padding: 5px 30px 8px; display: none; background-color: rgba(255, 255, 255, 0.99); color: #000000; } @media only screen and (max-width: 1199px) { .header-search-light .search-input { right: 25px; width: 740px; } } @media only screen and (max-width: 991px) { .header-search-light .search-input { right: 25px; width: 560px; } } @media only screen and (max-width: 767px) { .header-search-light .search-input { right: 25px; width: 230px; } } .header-search-light input.search-input:focus { outline-width: 0; outline: none; } .header-search-light input::-webkit-input-placeholder { color: #b0b0b0; font-weight: 300; } .header-search-light input::-moz-placeholder { color: #b0b0b0; font-weight: 300; } .header-search-light input:-moz-placeholder { color: #b0b0b0; font-weight: 300; } .header-search-light input:-ms-input-placeholder { color: #b0b0b0; font-weight: 300; } .logo-area-layout2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mean-container .mean-bar { background: transparent !important; float: none; padding: 0 !important; position: fixed !important; top: 0; } .mean-container .mean-bar:after { content: ""; clear: both; display: block; } @media only screen and (max-width: 767px) { .mean-container .mean-bar a { padding: 6px 0; display: inline-block; } } @media only screen and (max-width: 767px) { .mean-container .mean-bar .meanmenu-reveal { margin-top: 5px; margin-right: 15px; } } .mean-container .mean-bar a.logo-mobile-menu { width: 100%; background-color: rgba(222, 222, 222, 0.95); -webkit-box-sizing: border-box; box-sizing: border-box; } .mean-container .mean-bar .mobile-menu-nav-back { padding-left: 15px; border-bottom: 1px solid #b2b2b2; position: relative; text-align: center; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mean-container .mean-bar .mobile-menu-nav-back:before { position: absolute; content: ""; height: 100%; width: 100%; background-color: #ffffff; z-index: -1; top: 0; left: 0; right: 0; } .mean-container .mean-nav { float: none !important; background: transparent !important; } .mean-container .mean-nav > ul { overflow-y: scroll; } .mean-container .mean-nav > ul:after { content: ''; display: block; clear: both; } .mean-container .mean-nav > ul li { background-color: #f7f7f7; } .mean-container .mean-nav > ul li a { font-size: 14px; color: #111111; font-weight: 700; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mean-container .mean-nav > ul li a:hover { color: #ee2743; } .mean-container .mean-nav > ul li:hover > a { color: #ee2743; } .mean-container .mean-nav > ul li li a { color: #111111; opacity: 1; font-weight: 400; padding: 0.5em 10%; } .mean-container .mean-nav > ul li li a:hover { background-color: #ffffff; } .mean-container a.meanmenu-reveal { float: none !important; position: absolute; top: 12px; -webkit-transition: unset; transition: unset; } .mean-bar + div #wrapper { padding-top: 52px; } .mean-nav > ul { height: calc(100vh - 70px); overflow: scroll; } .admin-bar .header-menu-layout1 { top: 32px; } .admin-bar .menu-sticky .header-menu-layout1, .admin-bar .menu-sticky .header-menu-layout2, .admin-bar .menu-sticky .header-menu-layout3, .admin-bar .menu-sticky .header-menu-layout4, .admin-bar .menu-sticky .header-menu-layout5 { top: 32px; } .is-menu-stuck { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5px 0px; } .logo-area img { max-height: 40px; } .logo-mobile img { max-height: 32px; } .header-action-items-layout1 .cart-icon-area { position: relative; } .header-action-items-layout1 .cart-icon-area:after { height: 96px; width: 30px; background-color: transparent; z-index: 99; content: ""; position: absolute; top: -23px; left: -15px; } .header-action-items-layout1 .cart-icon-area a { color: inherit; } .header-action-items-layout1 .cart-icon-area a i:before { margin-left: 0; line-height: 1; } .header-action-items-layout1 .cart-icon-area a:hover i { color: #ffc92b; } .header-action-items-layout1 .cart-icon-area a span.cart-icon-num { position: absolute; top: -20px; right: -20px; border-radius: 50%; background-color: #ffc211; color: #ffffff; height: 25px; width: 25px; line-height: 25px; font-size: 14px; text-align: center; -webkit-box-shadow: 0 5px 5px rgba(168, 168, 168, 0.75); box-shadow: 0 5px 5px rgba(168, 168, 168, 0.75); } .header-action-items-layout1 .cart-icon-area .cart-icon-products { position: absolute; top: 58px; right: -10px; z-index: 999; min-width: 385px; background: white; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: perspective(400) rotate3d(1, 0, 0, -15deg); transform: perspective(400) rotate3d(1, 0, 0, -15deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .header-action-items-layout1 .cart-icon-area .cart-icon-products .widget_shopping_cart { border-top: 3px solid #ffc92b; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 10px; } .header-action-items-layout1 .cart-icon-area:hover .cart-icon-products { display: block; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: none; transform: none; } .main-header-block .item-menu-button { text-align: center; background-color: #ffb400; color: #ffffff; font-size: 15px; font-weight: 500; padding: 12px 30px; border-radius: 4px; display: block; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-header-block .item-menu-button:hover { color: #111; } /* Transparent Header & topbar */ .main-navigation { position: relative; } .main-navigation ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .header-style-1 .main-navigation { text-align: right; } .header-style-3 .main-navigation { text-align: center; } .header-style-3 .logo-area-layout2 { min-height: 75px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .header-style-2 .main-header .main-navigation-area .main-navigation, .header-style-3 .main-header .main-navigation-area .main-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .transparent-header .header-action-items-layout1 .cart-icon-area a { color: #ffffff; } body.transparent-header .main-header { position: relative; } body.transparent-header .main-header-block { position: absolute; top: 0; right: 0; left: 0; z-index: 35; } body.transparent-header.header-style-1 .inner-page-banner { padding-top: 190px; } body.transparent-header.header-style-2 .inner-page-banner { padding-top: 290px; } body.transparent-header.header-style-3 .inner-page-banner { padding-top: 290px; } body.transparent-header .header-contact-layout1 ul li { color: #fff; } body.transparent-header .header-contact-layout1 ul li a { color: #fff; } body.transparent-header .header-contact-layout1 ul li a:hover { color: #ffc92b; } body.transparent-header.topbar-style-1 .top-bar-layout1, body.transparent-header.topbar-style-3 .top-bar-layout1 { background: transparent; } body.transparent-header.topbar-style-1 .header-top-bar .container, body.transparent-header.topbar-style-3 .header-top-bar .container { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } body.transparent-header.topbar-style-1 .header-social-layout1 ul li a { border: 1px solid #fff; } body.transparent-header .top-bar-layout2 { background: transparent; border: none; } body.transparent-header .top-bar-layout2 .container { border-bottom: 1px solid #fff; } body.transparent-header .top-bar-layout2 .header-fetures .media .media-body .title { color: white; } body.transparent-header .top-bar-layout2 .header-fetures .media .media-body .subtitle { color: white; } body.transparent-header .top-bar-layout2 .header-fetures .media .media-body .subtitle a { color: white; } body.transparent-header .header-menu-layout1 { background: transparent; } body.transparent-header .header-menu-layout2 { background: transparent; border: none; } body.transparent-header .header-search-dark button, body.transparent-header .header-search-dark a { color: white; } body.transparent-header .cart-area-dark .cart-trigger-icon i:before { color: white; } body.transparent-header .is-menu-stuck.header-menu-layout1 { background: rgba(0, 0, 0, 0.9); } body.transparent-header .is-menu-stuck.header-menu-layout2 { background: rgba(0, 0, 0, 0.9); border: none; } body.transparent-header .header-social-layout3.light-bg ul li a { color: #fff; } /* Main Navigation */ .header-style-2 .main-header .main-navigation-area .main-navigation ul li:first-child a { padding-left: 0; } .main-header { background-color: #fff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-header ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .main-header .main-navigation-area { min-height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 767.98px) { .main-header .main-navigation-area { display: block !important; text-align: center; } } .main-header .main-navigation-area .main-navigation { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .main-header .main-navigation-area .main-navigation ul { -webkit-transition: all 0.3 ease-out 0s; transition: all 0.3 ease-out 0s; } @media all and (max-width: 767.98px) { .main-header .main-navigation-area .main-navigation ul { text-align: center; } } .main-header .main-navigation-area .main-navigation ul li { display: inline-block; position: relative; } .main-header .main-navigation-area .main-navigation ul li a { display: block; position: relative; text-decoration: none; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #111111; padding: 32px 15px; } .main-header .main-navigation-area .main-navigation ul li a:hover { color: #ffc92b; } @media all and (max-width: 1199.98px) { .main-header .main-navigation-area .main-navigation ul li a { padding-left: 12px; padding-right: 12px; } } .main-header .main-navigation-area .main-navigation ul li:last-child a { padding-right: 0; } .main-header .main-navigation-area .main-navigation ul.menu > li > a:after { opacity: 0; visibility: hidden; position: absolute; content: ""; height: 2px; width: calc(100% - 40px); width: 50%; left: 25%; bottom: 0; background-color: #ffc92b; z-index: 10; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-header .main-navigation-area .main-navigation ul.menu > li:hover > a:after { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* Submenu */ .main-header .main-navigation-area .main-navigation ul > li > ul { border-top: 1px solid #ffc92b; } .main-header .main-navigation-area .main-navigation ul > li > ul ul { border: none; } .main-header .main-navigation-area .main-navigation ul li ul { left: 0; opacity: 0; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); position: absolute; top: 100%; background-color: #fff; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 99 !important; width: 210px; text-align: left; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); } .main-header .main-navigation-area .main-navigation ul li ul.sub-menu li.menu-item-has-children:after { color: #111; content: "\F105"; font-family: "FontAwesome"; font-weight: 900; font-size: 16px; position: absolute; right: 25px; top: 9px; } .main-header .main-navigation-area .main-navigation ul li ul li { display: block; } .main-header .main-navigation-area .main-navigation ul li ul li:hover > a { background-color: #ffc92b; color: #fff; } .main-header .main-navigation-area .main-navigation ul li ul li:last-child { border-bottom: none; } .main-header .main-navigation-area .main-navigation ul li ul li a { display: block; color: #111; padding: 10px 15px !important; } .main-header .main-navigation-area .main-navigation ul > li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } /* 3rd Level Menu */ .main-header .main-navigation-area .main-navigation ul li ul li ul { left: 211px; top: 0; padding-top: 0; width: 210px; } .main-header .main-navigation-area .main-navigation ul > li > ul > li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .header-style-2 .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu { -webkit-transform: translateX(-40px); transform: translateX(-40px); } /* Multi Column Menu */ .main-header .main-navigation-area .main-navigation ul li.mega-menu:hover ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu { background-color: #fff; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; left: 50%; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li { display: block; float: left; margin-right: 10px; width: 210px; border: none; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li:last-child { margin: 0; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li > a { background-color: #222; margin-bottom: 5px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul { position: relative; width: 100%; left: inherit; -webkit-box-shadow: none; box-shadow: none; background: inherit; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li { padding: 0; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li:hover a { background: inherit; color: inherit; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li { display: block; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li:hover > a { background-color: #ffc92b; color: #fff; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li:last-child { border-bottom: none; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li a { display: block; color: #111; padding: 10px 15px !important; } .main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu li:after { content: ''; } .main-header .main-navigation-area .main-navigation ul li.mega-menu.hide-header > ul.sub-menu > li > a { display: none; } /* Mobile Multi Column Menu */ .mean-container .mega-menu.hide-header > ul > li { border-top: none; } .mean-container .mega-menu.hide-header > ul > li > a { display: none; } .mean-container .mega-menu.hide-header > ul > li > ul { display: block !important; } /*======================================================================= ## Banner Area Style =========================================================================*/ .site-banner-wrap-layout1 { padding: 19rem 0 20rem; } .site-banner-wrap-layout2 { padding: 15rem 0; } .site-banner-box-layout2 .item-title { color: #ffffff; font-weight: 700; font-size: 40px; } @media only screen and (max-width: 991px) { .site-banner-box-layout2 .item-title { font-size: 34px; } } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .item-title { font-size: 26px; } } .site-banner-box-layout2 .subtitle { font-size: 36px; font-weight: 300; color: #ffffff; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .subtitle { font-size: 26px; } } .site-banner-box-layout2 p { color: #ffffff; width: 80%; margin: 0 auto; } .site-banner-box-layout2 .item-btn { margin-top: 3rem; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 500; color: #000000; background-color: #ffc92b; padding: 15px 25px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .site-banner-box-layout2 .item-btn i { margin-left: 8px; } .site-banner-box-layout2 .item-btn:hover { color: #ffffff; } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .item-btn { font-size: 14px; } } .site-banner-box-layout2 .play-btn { margin-bottom: 3rem; display: inline-block; } .site-banner-box-layout2 .play-btn img { -webkit-animation: blink 1s linear infinite; animation: blink 1s linear infinite; } @keyframes blink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .site-banner-wrap-layout1 { padding: 19rem 0 20rem; } .site-banner-wrap-layout2 { padding: 15rem 0; } .site-banner-box-layout2 .item-title { color: #ffffff; font-weight: 700; font-size: 40px; } @media only screen and (max-width: 991px) { .site-banner-box-layout2 .item-title { font-size: 34px; } } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .item-title { font-size: 26px; } } .site-banner-box-layout2 .subtitle { font-size: 36px; font-weight: 300; color: #ffffff; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .subtitle { font-size: 26px; } } .site-banner-box-layout2 p { color: #ffffff; width: 80%; margin: 0 auto; } .site-banner-box-layout2 .item-btn { margin-top: 3rem; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 500; color: #000000; background-color: #ffc92b; padding: 15px 25px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .site-banner-box-layout2 .item-btn i { margin-left: 8px; } .site-banner-box-layout2 .item-btn:hover { color: #ffffff; } @media only screen and (max-width: 767px) { .site-banner-box-layout2 .item-btn { font-size: 14px; } } .site-banner-box-layout2 .play-btn { margin-bottom: 3rem; display: inline-block; } .site-banner-box-layout2 .play-btn img { -webkit-animation: blink 1s linear infinite; animation: blink 1s linear infinite; } @keyframes blink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .inner-page-banner.has-before { position: relative; } .inner-page-banner.has-before:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); } /*======================================================================= ## Breadcrumbs Area Style =========================================================================*/ .inner-page-banner { display: block; padding: 100px 0; } .inner-page-banner .breadcrumbs-area { position: relative; z-index: 1; } .inner-page-banner .breadcrumbs-area h1 { font-size: 40px; font-weight: 500; text-transform: capitalize; color: #ffffff; margin-bottom: 20px; line-height: 45px; } @media only screen and (max-width: 767px) { .inner-page-banner .breadcrumbs-area h1 { margin-bottom: 0; } } .inner-page-banner .breadcrumbs-area ul li { display: inline-block; color: #ffc92b; font-size: 18px; position: relative; margin-right: 5px; padding-right: 20px; } .inner-page-banner .breadcrumbs-area ul li:before { content: ">"; position: absolute; font-size: 21px; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; color: #9b9a9a; } .inner-page-banner .breadcrumbs-area ul li a { color: #9b9a9a; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .inner-page-banner .breadcrumbs-area ul li a:hover { color: #ffc92b; } .inner-page-banner .breadcrumbs-area ul li:last-child { margin-right: 0; padding-right: 0; } .inner-page-banner .breadcrumbs-area ul li:last-child:before { display: none; } .inner-page-banner .breadcrumbs-area.bcn_display { color: #9b9a9a; } .inner-page-banner .breadcrumbs-area.bcn_display span { color: #ffc92b; } .inner-page-banner .breadcrumbs-area.bcn_display a span { color: #9b9a9a; } .inner-page-banner .breadcrumbs-area.bcn_display a span:hover { color: #ffc92b; } .inner-page-banner .breadcrumbs-area.area-right { margin-top: 20px; text-align: right; } /*================== Breadcrumb NavXT ===================*/ /*======================================================================= ## Widget Sidebar Area Style =========================================================================*/ .widget-project-info, .widget_koncrete_single_project_info, .widget_koncrete_contact_info { background-color: #f8f8f8; border-radius: 4px; padding: 30px 10px 30px 35px; } .widget-project-info .title, .widget_koncrete_single_project_info .title, .widget_koncrete_contact_info .title { font-weight: 500; color: #111111; } .widget-project-info .item-details li, .widget_koncrete_single_project_info .item-details li, .widget_koncrete_contact_info .item-details li { font-weight: 500; color: #111111; margin-bottom: 10px; } .widget-project-info .item-details li:last-child, .widget_koncrete_single_project_info .item-details li:last-child, .widget_koncrete_contact_info .item-details li:last-child { margin-bottom: 0; } .widget-project-info .item-details li span, .widget_koncrete_single_project_info .item-details li span, .widget_koncrete_contact_info .item-details li span { font-weight: 400; color: #444444; } .widget-project-info1 { padding-left: 20px; } .widget-project-info1 .title { font-weight: 500; color: #111111; } .widget-project-info1 .item-details > li { display: block; font-weight: 500; color: #111111; margin-bottom: 10px; } .widget-project-info1 .item-details > li:last-child { margin-bottom: 0; } .widget-project-info1 .item-details > li span { font-weight: 400; color: #444444; margin-left: 3px; } .widget-project-info1 .item-details .item-social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .widget-project-info1 .item-details .item-social li a { font-size: 18px; color: #444444; padding: 5px 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-project-info1 .item-details .item-social li a:hover { color: #ffc92b; } .widget_koncrete_contact_info { background-color: #f2f2f2; border-radius: 4px; padding: 30px 35px 25px; } .widget_koncrete_contact_info .title { color: #111111; font-weight: 500; font-size: 24px; } .widget_koncrete_contact_info p { margin-bottom: 10px; font-size: 18px; } .widget_koncrete_contact_info .contact-item li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget_koncrete_contact_info .contact-item li i { display: inline-block; margin-right: 20px; } .widget_koncrete_contact_info .contact-item li i:before { margin-left: 0; font-size: 25px; color: #ffc92b; font-weight: 900; } .widget-department { background-color: #f2f2f2; border-radius: 4px; padding: 12px 25px; } .widget-department ul li { position: relative; border-bottom: solid #e1e1e1 1px; } .widget-department ul li:last-child { border-bottom: none; } .widget-department ul li:last-child:after { display: none; } .widget-department ul li a { padding: 15px 0 13px 29px; display: block; font-size: 17px; color: #444444; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; } .widget-department ul li a:before { content: "\F138"; font-family: "FontAwesome"; font-size: 16px; color: #ffc92b; position: absolute; top: 15px; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget-department ul li:after { content: ""; background-color: #ffc92b; height: 1px; width: 0%; bottom: -1px; left: 0; position: absolute; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-department ul li:hover:after { width: 100%; } .widget-department ul li:hover a { color: #ffc92b; } .widget-department ul li:hover a i { color: #ffc92b; } .widget_koncrete_service_titles .widget-department, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar { background-color: #f2f2f2; border-radius: 4px; padding: 12px 25px; } .widget_koncrete_service_titles .widget-department ul li, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li { position: relative; border-bottom: solid #e1e1e1 1px; } .widget_koncrete_service_titles .widget-department ul li:last-child, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:last-child { border-bottom: none; } .widget_koncrete_service_titles .widget-department ul li:last-child:after, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:last-child:after { display: none; } .widget_koncrete_service_titles .widget-department ul li a, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li a { padding: 15px 0 13px 29px; display: block; font-size: 17px; color: #444444; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; } .widget_koncrete_service_titles .widget-department ul li a:before, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li a:before { content: "\F138"; font-family: "FontAwesome"; font-size: 16px; color: #ffc92b; position: absolute; top: 15px; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget_koncrete_service_titles .widget-department ul li:after, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:after { content: ""; background-color: #ffc92b; height: 1px; width: 0%; bottom: -1px; left: 0; position: absolute; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget_koncrete_service_titles .widget-department ul li:hover:after, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:hover:after { width: 100%; } .widget_koncrete_service_titles .widget-department ul li:hover a, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:hover a { color: #ffc92b; } .widget_koncrete_service_titles .widget-department ul li:hover a i, .sidebar-widget-area .widget_koncrete_service_navigation_sidebar ul li:hover a i { color: #ffc92b; } .widget-testimonial { background-color: #f2f2f2; border-radius: 4px; padding: 30px 35px 35px; position: relative; } .widget-testimonial .title { font-weight: 500; color: #111111; } .widget-testimonial .widget-testimonial-box { margin-top: 30px; } .widget-testimonial .widget-testimonial-box p { font-style: italic; } .widget-testimonial .widget-testimonial-box .item-title { font-weight: 700; color: #111111; margin-bottom: 0; } .widget-testimonial .widget-testimonial-box .subtitle { color: #646464; } .widget-testimonial .widget-testimonial-box:after { content: url('../img/testimonial/quote3.png'); top: -2px; left: 0; position: absolute; } .widget-call-to-action { position: relative; } .widget-call-to-action .item-img { position: relative; } .widget-call-to-action .item-img:after { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); border-radius: 4px; height: 90%; width: 100%; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1; } .widget-call-to-action .item-img img { border-radius: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; } .widget-call-to-action .item-content { position: absolute; top: 60%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; text-align: center; } .widget-call-to-action .item-content .title { font-size: 30px; color: #ffffff; font-weight: 500; } .widget-call-to-action .item-content .item-btn { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #ffffff; background-color: #ffc92b; border: 1px solid #ffc92b; padding: 13px 50px 13px 30px; border-radius: 4px; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: inline-block; } .widget-call-to-action .item-content .item-btn i { position: absolute; top: 11px; right: 30px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-call-to-action .item-content .item-btn i:before { margin-left: 0; font-weight: 600; font-size: 12px; } .widget-call-to-action .item-content .item-btn:hover { background-color: transparent; border: 1px solid #ffc92b; } .widget-call-to-action .item-content .item-btn:hover i { right: 20px; } .widget-search .stylish-input-group { border: 1px solid #dadada; height: 52px; border-radius: 4px; } .widget-search .stylish-input-group .form-control { padding: 25px 15px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: transparent; text-transform: lowercase; color: #000000; font-size: 16px; } .widget-search .stylish-input-group .input-group-addon { padding: 0; border: none; border-radius: 0; background: transparent !important; } .widget-search .stylish-input-group .input-group-addon button { padding: 9px; cursor: pointer; background: transparent; border: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-search .stylish-input-group .input-group-addon button span:before { color: #6e6e6e; font-size: 24px; margin-left: 0; } .widget-search .stylish-input-group .input-group-addon button:hover span { color: #ffc92b; } .widget-search .stylish-input-group .input-group-addon button:focus { outline: none; } .widget-search .stylish-input-group input { font-size: 16px; color: #000000; } .widget-search .stylish-input-group input.form-control::-webkit-input-placeholder, .widget-search .stylish-input-group textarea.form-control::-webkit-input-placeholder { color: #444444; font-size: 16px; } .widget-search .stylish-input-group input.form-control::-moz-placeholder, .widget-search .stylish-input-group textarea.form-control::-moz-placeholder { color: #444444; font-size: 16px; } .widget-search .stylish-input-group input.form-control:-moz-placeholder, .widget-search .stylish-input-group textarea.form-control:-moz-placeholder { color: #444444; font-size: 16px; } .widget-search .stylish-input-group input.form-control:-ms-input-placeholder, .widget-search .stylish-input-group textarea.form-control:-ms-input-placeholder { color: #444444; font-size: 16px; } .widget-category .title { font-size: 24px; font-weight: 500; color: #111111; } .widget-category ul li { position: relative; } .widget-category ul li:last-child:after { display: none; } .widget-category ul li a { position: relative; padding: 8px 0 8px 18px; display: block; color: #646464; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget-category ul li a i { font-size: 16px; color: #444444; position: absolute; top: 12px; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget-category ul li a span { position: absolute; top: 9px; right: 0; } .widget-category ul li:after { content: ""; background-color: #ffc92b; height: 1px; width: 0%; bottom: -1px; left: 0; position: absolute; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-category ul li:hover:after { width: 100%; } .widget-category ul li:hover a { color: #ffc92b; } .widget-category ul li:hover a i { color: #ffc92b; } .widget-recent-blog .title { font-size: 24px; font-weight: 500; color: #111111; } .widget-recent-blog .media-wrap { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dadada; } .widget-recent-blog .media-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget-recent-blog .media-wrap .media a { border-radius: 4px; } .widget-recent-blog .media-wrap .media a img { border-radius: 4px; } .widget-recent-blog .media-wrap .media .media-body .post-title { font-size: 16px; margin-bottom: 7px; } .widget-recent-blog .media-wrap .media .media-body .post-title a { color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget-recent-blog .media-wrap .media .media-body .post-title a:hover { color: #ffc92b; } .widget-recent-blog .media-wrap .media .media-body .post-date { font-size: 15px; color: #646464; } .widget-tag .title { font-size: 24px; font-weight: 500; color: #111111; } .widget-tag ul li { display: inline-block; margin-top: 5px; border: 1px solid #a1a1a1; background: transparent; font-size: 15px; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-tag ul li a { color: #646464; display: block; padding: 6px 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-tag ul li:hover { background: #ffc92b; border: 1px solid #ffc92b; } .widget-tag ul li:hover a { color: #ffffff; } .widget-form-box .contact-form-box .form-group { margin-bottom: 8px; } .widget-form-box .contact-form-box .form-group:last-child { margin-bottom: 0; } .widget-form-box .contact-form-box .form-group .nice-select { width: 100%; font-size: 16px; border: 1px solid #cccccc; } .widget-form-box .contact-form-box .form-group .nice-select.open .list { width: 100%; } .widget-form-box .contact-form-box .form-group input.form-control::-webkit-input-placeholder, .widget-form-box .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder { color: #646464; } .widget-form-box .contact-form-box .form-group .form-control { height: auto; font-size: 16px; padding: 15px 20px; border: 1px solid #cccccc; color: #444444; border-radius: 4px; } .widget-form-box .contact-form-box .form-group .item-btn { display: block; width: 100%; border: 1px solid #444444; background-color: #444444; color: #ffffff; font-weight: 500; font-size: 18px; text-transform: uppercase; border-radius: 4px; padding: 15px 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-form-box .contact-form-box .form-group .item-btn:hover { background-color: #ffc92b; border: 1px solid #ffc92b; } .widget-form-box .contact-form-box .form-group .item-btn1 { display: block; width: 100%; border: 1px solid #ffc92b; background-color: #ffc92b; color: #ffffff; font-weight: 500; font-size: 18px; text-transform: uppercase; border-radius: 4px; padding: 15px 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .widget-form-box .contact-form-box .form-group .item-btn1:hover { border: 1px solid #444444; background-color: #444444; } /*======================================================================= ## Pagination Area Style =========================================================================*/ .pagination-layout1 { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination-layout1 ul li { margin: 0 15px 10px 0; display: inline-block; } .pagination-layout1 ul li:last-child { margin-right: 0; } .pagination-layout1 ul li a:hover { color: white; } .pagination-layout1 ul li a, .pagination-layout1 ul li span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; width: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; border-radius: 4px; color: #111; } .pagination-layout1 ul li.pagi-previous, .pagination-layout1 ul li.pagi-next { height: 39px; width: 120px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-layout1 ul li.pagi-previous span, .pagination-layout1 ul li.pagi-next span, .pagination-layout1 ul li.pagi-previous a, .pagination-layout1 ul li.pagi-next a { padding: 0; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pagination-layout1 ul li.pagi-previous span i:before, .pagination-layout1 ul li.pagi-next span i:before, .pagination-layout1 ul li.pagi-previous a i:before, .pagination-layout1 ul li.pagi-next a i:before { font-size: 14px; margin: 0; } @media screen and (max-width: 768px) { .pagination-layout1 ul li.pagi-previous, .pagination-layout1 ul li.pagi-next { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pagination-layout1 ul li.pagi-previous span i:before, .pagination-layout1 ul li.pagi-previous a i:before { margin-right: 8px; } .pagination-layout1 ul li.pagi-next span i:before, .pagination-layout1 ul li.pagi-next a i:before { margin-left: 8px; } .pagination-layout1 ul li.active span { background-color: #ffc92b; color: #ffffff; } @media screen and (max-width: 768px) { .pagination-layout1 ul li { margin: 8px; } } .pagination-layout1 .pagi-previous.disabled span, .pagination-layout1 .pagi-next.disabled span { color: #999; } @media screen and (max-width: 768px) { .pagination-layout1 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 50px; } } .pagination-layout3 { padding: 40px 0 0; margin-top: 20px; border-top: 1px solid #d7d7d7; } .pagination-layout3 .previous-btn a { font-size: 20px; color: #646464; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-layout3 .previous-btn a i { font-size: 18px; color: #444444; margin-right: 20px; font-weight: 600; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 767px) { .pagination-layout3 .previous-btn a i { font-size: 15px; } } .pagination-layout3 .previous-btn a:hover { color: #ffc92b; } .pagination-layout3 .previous-btn a:hover i { color: #ffc92b; } @media only screen and (max-width: 767px) { .pagination-layout3 .previous-btn a { font-size: 15px; } } @media only screen and (max-width: 575px) { .pagination-layout3 .previous-btn { text-align: center; } } .pagination-layout3 .home-btn { text-align: center; } .pagination-layout3 .home-btn a i { font-size: 30px; color: #646464; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-layout3 .home-btn a i:hover { color: #ffc92b; -webkit-transform: scale(1.1); transform: scale(1.1); } @media only screen and (max-width: 575px) { .pagination-layout3 .home-btn { margin: 15px 0; } } .pagination-layout3 .next-btn { text-align: right; } .pagination-layout3 .next-btn a { font-size: 20px; color: #646464; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pagination-layout3 .next-btn a i { font-size: 18px; color: #444444; margin-left: 10px; font-weight: 600; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 767px) { .pagination-layout3 .next-btn a i { font-size: 15px; } } .pagination-layout3 .next-btn a:hover { color: #ffc92b; } .pagination-layout3 .next-btn a:hover i { color: #ffc92b; } @media only screen and (max-width: 767px) { .pagination-layout3 .next-btn a { font-size: 15px; } } @media only screen and (max-width: 575px) { .pagination-layout3 .next-btn { text-align: center; } } .pagi-previous.disabled span, .pagi-next.disabled span { color: lightgrey; } /*======================================================================= ## Footer Area Style =========================================================================*/ .footer-wrap { font-size: 15px; } .footer-top-bar-wrap { padding: 4rem 0 1rem; background-color: #f2f2f2; } .main-footer-wrap { background-color: #121212; padding: 75px 0 45px; } .footer-bottom-wrap { padding: 30px 0px; border-top: 1px solid #272727; background-color: #121212; } .footer-top-bar-box { margin-bottom: 3rem; } .footer-top-bar-box .item-title { font-size: 18px; color: #111111; font-weight: 500; } .footer-top-bar-box ul li { line-height: 25px; } .main-footer-box { margin-bottom: 3rem; } .main-footer-box .footer-logo { margin: 8px 0 32px; } .main-footer-box .title { font-size: 24px; color: #ffffff; font-weight: 500; } .main-footer-box .about-company .footer-social li { display: inline-block; margin-right: 3px; } .main-footer-box .about-company .footer-social li:last-child { margin-right: 0px; } .main-footer-box .about-company .footer-social li a { color: #ffffff; font-size: 14px; height: 35px; width: 35px; line-height: 35px; background-color: #313131; border-radius: 50px; display: block; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-footer-box .about-company .footer-social li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #ffc92b; color: #000000; } .main-footer-box .industries-category ul li { margin-bottom: 7px; } .main-footer-box .industries-category ul li:last-child { margin-bottom: 0px; } .main-footer-box .industries-category ul li a { font-size: 17px; color: #cccccc; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-footer-box .industries-category ul li a:hover { color: #ffc92b; } .main-footer-box .recent-post ul li { border-bottom: 1px solid #2c2c2c; margin-bottom: 15px; } .main-footer-box .recent-post ul li:last-child { border-bottom: none; margin-bottom: 0px; } .main-footer-box .recent-post ul li a { font-size: 17px; color: #cccccc; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-footer-box .recent-post ul li a:hover { color: #ffc92b; } .main-footer-box .recent-post ul li span { display: block; font-size: 15px; color: #969696; margin-bottom: 10px; } .main-footer-box .newsletter-signup p { color: #cccccc; font-size: 17px; line-height: 25px; } .main-footer-box .newsletter-signup .stylish-input-group { background: #1f1f1f; border: 0; height: 50px; border-radius: 4px; } .main-footer-box .newsletter-signup .stylish-input-group .form-control { padding: 0.75rem 1.5rem; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; background: transparent; font-size: 16px; text-transform: lowercase; color: #ffffff; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon { padding: 0; border: none; border-radius: 0; background: transparent !important; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon:focus { outline: none; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon button { padding: 1.5rem; cursor: pointer; background: transparent; border: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon button span { color: #ffc92b; font-size: 18px; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon button:hover span { color: #ffb400; } .main-footer-box .newsletter-signup .stylish-input-group .input-group-addon button:focus { outline: none; } .main-footer-box .newsletter-signup .stylish-input-group input.form-control::-webkit-input-placeholder, .main-footer-box .newsletter-signup .stylish-input-group textarea.form-control::-webkit-input-placeholder { color: #6e6e6e; font-size: 16px; } .main-footer-box .newsletter-signup .stylish-input-group input.form-control::-moz-placeholder, .main-footer-box .newsletter-signup .stylish-input-group textarea.form-control::-moz-placeholder { color: #6e6e6e; font-size: 16px; } .main-footer-box .newsletter-signup .stylish-input-group input.form-control:-moz-placeholder, .main-footer-box .newsletter-signup .stylish-input-group textarea.form-control:-moz-placeholder { color: #6e6e6e; font-size: 16px; } .main-footer-box .newsletter-signup .stylish-input-group input.form-control:-ms-input-placeholder, .main-footer-box .newsletter-signup .stylish-input-group textarea.form-control:-ms-input-placeholder { color: #6e6e6e; font-size: 16px; } .copyright { text-align: center; color: #969696; font-size: 16px; padding: 0 15px; } /*======================================================================= ## Error Page Style =========================================================================*/ .error-page-wrap { padding: 16rem 0 20rem; } .error-overlay { position: relative; } .error-overlay:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 190, 0, 0.9); top: 0; left: 0; right: 0; position: absolute; z-index: 1; } .error-page-box { z-index: 2; position: relative; text-align: center; } .error-page-box h2 { color: #ffffff; margin-top: 3rem; } .error-page-box .item-btn { display: inline-block; margin-top: 4rem; font-size: 16px; text-transform: uppercase; font-weight: 500; color: #ffffff; border: 2px solid #111111; background-color: #111111; border-radius: 4px; padding: 20px 40px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .error-page-box .item-btn:hover { background-color: transparent; border: 2px solid #ffffff; } /*======================================================================= ## Contact Page Style =========================================================================*/ .contact-form-box .form-group { margin-bottom: 10px; } .contact-form-box .form-group input.form-control::-webkit-input-placeholder, .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder { color: #666; } .contact-form-box .form-group .form-control { font-size: 16px; padding: 15px 20px; border: 1px solid #cccccc; color: #444444; border-radius: 4px; } .contact-form-box .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .contact-form-box .form-group .item-btn { display: inline-block; border: 1px solid #ffc92b; background-color: #ffc92b; color: #ffffff; font-weight: 500; font-size: 18px; text-transform: uppercase; border-radius: 4px; padding: 15px 20px; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .contact-form-box .form-group .item-btn:hover { background-color: #ffb400; } .contact-form-box .alert.alert-danger, .contact-form-box .alert.alert-info, .contact-form-box .alert.alert-success { margin-top: 10px; margin-bottom: 0; } .contact-form-box .alert.alert-danger p, .contact-form-box .alert.alert-info p, .contact-form-box .alert.alert-success p { margin-bottom: 0; } .contact-item-btn { display: inline-block; font-size: 16px; font-weight: 500; color: #111111; background-color: #ffc92b !important; border: 1px solid #ffc92b !important; border-radius: 4px; padding: 15px 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .contact-item-btn i { margin-left: 10px; font-size: 16px; } .contact-item-btn:hover { background-color: #ffb400; color: #ffffff; } .skewbg { background: rgba(0, 0, 0, 0.3); height: 450px; border-radius: 5px; } @media only screen and (max-width: 1640px) { .skewbg { width: 650px; } } @media only screen and (max-width: 1440px) { .skewbg { width: 650px; } } @media only screen and (max-width: 1199px) { .skewbg { width: 745px; height: 493px; } } @media only screen and (max-width: 991px) { .skewbg { width: 745px; height: 493px; } } @media only screen and (max-width: 800px) { .skewbg { width: 584px; height: 380px; } } @media only screen and (max-width: 575px) { .skewbg { width: 441px; height: 290px; } } @media only screen and (max-width: 479px) { .skewbg { width: 330px; height: 189px; } } .wrapper .ls-v6 .ls-nav-prev, .wrapper .ls-v6 .ls-nav-next { z-index: 99; } .wrapper .ls-v6 .ls-nav-prev::after, .wrapper .ls-v6 .ls-nav-next::after { width: 15px !important; height: 15px !important; color: #fff !important; top: 31px !important; } .wrapper .ls-v6 .ls-nav-prev, .wrapper .ls-v6 .ls-nav-next { width: 46px; height: 46px; border: 2px solid #fff !important; border-radius: 50% !important; background-color: #fff !important; } .wrapper .ls-v6 .ls-nav-prev:hover, .wrapper .ls-v6 .ls-nav-next:hover { border: 2px solid #ffc92b; background-color: #ffc92b; } .wrapper .ls-v6 .ls-nav-prev:hover, .wrapper .ls-v6 .ls-nav-next:hover { -webkit-transform: inherit !important; transform: inherit !important; } .wrapper .ls-v6 .ls-nav-next::after { right: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 3px solid #111 !important; } .wrapper .ls-v6 .ls-nav-prev::after, .wrapper .ls-v6 .ls-nav-next::after { border: 3px solid transparent; border-top: 3px solid #111 !important; } .wrapper .ls-v6 .ls-nav-prev::after { left: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 3px solid #111 !important; } /*======================================================================= ## Project Area Style =========================================================================*/ .project-wrap-layout2 { padding: 9.5rem 0 7rem; } .project-wrap-layout3 { padding: 9.5rem 0 7rem; position: relative; } .project-wrap-layout3:after { content: ""; height: 100%; width: 100%; background-color: rgba(37, 37, 37, 0.9); top: 0; left: 0; right: 0; position: absolute; } .project-wrap-layout7 { padding: 9.5rem 0 10rem; background-color: #f2f2f2; background-image: url('./img/service/banner.png'); background-repeat: no-repeat; background-position-y: bottom; } .project-wrap-layout8 { padding: 9.5rem 0 0; background-color: #f9f9f9; } .single-project-box-layout1 .single-project-carousel .single-item { margin-bottom: 25px; } .single-project-box-layout1 .single-project-carousel .single-item img { border-radius: 4px; } .single-project-box-layout1 .item-details-content .title { font-weight: 500; color: #111111; } .single-project-box-layout1 .item-details-content .subtitle { font-size: 20px; } .single-project-box-layout1 .item-why-choose-box .item-title { margin-bottom: 24px; } .single-project-box-layout1 .item-why-choose-box .item-title .title { font-size: 28px; color: #111111; font-weight: 500; } .single-project-box-layout1 .item-why-choose-box .item-content { margin-bottom: 10px; } @media only screen and (max-width: 575px) { .single-project-box-layout1 .item-why-choose-box .item-content { text-align: center; } } .single-project-box-layout1 .item-why-choose-box .item-content .item-icon { margin: 5px auto 0; background-color: #f2f2f2; border-radius: 50%; height: 85px; width: 85px; text-align: center; color: #181818; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-project-box-layout1 .item-why-choose-box .item-content .item-icon i { display: block; } .single-project-box-layout1 .item-why-choose-box .item-content .item-icon i:before { margin-left: 0; font-size: 50px; } .single-project-box-layout1 .item-why-choose-box .item-content .media-body .title { font-size: 20px; color: #111111; font-weight: 500; } .single-project-box-layout1 .item-why-choose-box .item-content:hover .item-icon { background-color: #ffc92b; color: #ffffff; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .single-project-box-layout2 .single-project-banner { margin-bottom: 40px; } .single-project-box-layout2 .single-project-banner .single-item img { border-radius: 4px; } .single-project-box-layout2 .project-details-content .title { font-weight: 500; color: #111111; } .single-project-box-layout2 .project-details-content .subtitle { font-size: 20px; } .project-box-layout1 { margin-bottom: 30px; } .project-box-layout1 .item-img { overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .project-box-layout1 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; position: absolute; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout1 .item-img img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout1 .item-content { background-color: #f8f8f8; border-radius: 0 0 4px 4px; padding: 20px 0px 25px 30px; } .project-box-layout1 .item-content .title { margin-bottom: 0px; } .project-box-layout1 .item-content .title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout1 .item-content .title a:hover { color: #ffc92b; } .project-box-layout1:hover .item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .project-box-layout1:hover .item-img:after { visibility: visible; opacity: 1; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); } .project-box-layout2 { margin-bottom: 2rem; } .project-box-layout2 .item-img { position: relative; overflow: hidden; margin-bottom: 15px; height: 225px; } .project-box-layout2 .item-img:after { visibility: hidden; opacity: 0; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout2 .item-img img { width: 100%; height: calc(100% + 40px); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .project-box-layout2 .item-img .item-btn-wrap { visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout2 .item-img .item-btn-wrap .item-btn { position: absolute; bottom: 5px; right: 5px; z-index: 2; width: 0; height: 0; border-bottom: 0px solid #ffc92b; border-left: 70px solid transparent; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout2 .item-img .item-btn-wrap .item-btn i { position: absolute; bottom: -66px; right: 10px; } .project-box-layout2 .item-img .item-btn-wrap .item-btn i:before { font-size: 15px; font-weight: 500; color: #ffffff; } .project-box-layout2 .item-img .item-btn-wrap1 { position: absolute; top: 0%; left: 0; right: 0; margin: 0 auto; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout2 .item-img .item-btn-wrap1 .item-btn { background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 50%; height: 50px; width: 50px; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout2 .item-img .item-btn-wrap1 .item-btn i:before { margin-left: 0; font-size: 20px; font-weight: 500; line-height: 50px; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout2 .item-img .item-btn-wrap1 .item-btn:hover { background-color: transparent; } .project-box-layout2 .item-img .item-btn-wrap1 .item-btn:hover i:before { color: #ffffff; } .project-box-layout2 .item-content .title { margin-bottom: 5px; } .project-box-layout2 .item-content .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout2 .item-content .title a:hover { color: #ffc92b; } .project-box-layout2 .item-content .subtitle { font-size: 18px; color: #666; } .project-box-layout2:hover .item-img img { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .project-box-layout2:hover .item-img:after { opacity: 1; visibility: visible; } .project-box-layout2:hover .item-img .item-btn-wrap { visibility: visible; opacity: 1; } .project-box-layout2:hover .item-img .item-btn-wrap .item-btn { border-bottom: 75px solid #ffc92b; } .project-box-layout2:hover .item-img .item-btn-wrap1 { visibility: visible; opacity: 1; top: 50%; } .project-box-layout3 { z-index: 10; position: relative; margin-bottom: 3rem; } .project-box-layout3 .item-img { position: relative; text-align: center; overflow: hidden; } .project-box-layout3 .item-img img { border-radius: 4px; } .project-box-layout3 .item-img .item-btn-wrap { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 100%; right: 0; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout3 .item-img .item-btn-wrap .item-btn { font-size: 18px; font-weight: 500; color: #111111; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 4px; padding: 10px 35px; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout3 .item-img .item-btn-wrap .item-btn:hover { background-color: transparent; border: 1px solid #444444; color: #ffffff; } .project-box-layout3 .item-img:after { content: ""; height: 97%; width: 95%; background-color: rgba(255, 194, 17, 0.6); border-radius: 4px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; position: absolute; visibility: hidden; opacity: 0; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout3 .item-img:hover:after { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .project-box-layout3 .item-img:hover .item-btn-wrap { visibility: visible; opacity: 1; left: 0; } .project-box-layout3 .item-content { margin-top: 25px; } .project-box-layout3 .item-content .item-title { font-weight: 500; color: #ffffff; margin-bottom: 0; } .project-box-layout3 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout3 .item-content .item-title a.theme-dark { color: #fff; } .project-box-layout3 .item-content .item-title a.theme-light { color: #111; } .project-box-layout3 .item-content .item-title a:hover { color: #ffc92b; } .project-box-layout3 .item-content .item-subtitle { color: #ffc92b; font-size: 14px; } .project-box-layout4 { margin-bottom: 3rem; } .project-box-layout4 .item-img { position: relative; overflow: hidden; } .project-box-layout4 .item-img img { position: relative; left: 0; width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout4 .item-img .item-content { display: inline-block; position: absolute; bottom: 12px; left: 0; right: 0; margin: 0 auto; width: 95%; background-color: rgba(255, 255, 255, 0.9); } .project-box-layout4 .item-img .item-content .item-content-inner { position: relative; padding: 20px 30px; } .project-box-layout4 .item-img .item-content .item-content-inner .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout4 .item-img .item-content .item-content-inner .title a:hover { color: #ffc92b; } @media only screen and (max-width: 479px) { .project-box-layout4 .item-img .item-content .item-content-inner .title a { font-size: 16px; } } .project-box-layout4 .item-img .item-content .item-content-inner .subtitle-block { color: #333; } .project-box-layout4 .item-img .item-content .item-content-inner a.item-icon { display: inline-block; background-color: #ffc92b; padding: 12px 22px; border-radius: 4px; border: 2px solid #ffc92b; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout4 .item-img .item-content .item-content-inner a.item-icon i:before { margin-left: 0; color: #ffffff; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout4 .item-img .item-content .item-content-inner a.item-icon:hover { background-color: transparent; } .project-box-layout4 .item-img .item-content .item-content-inner a.item-icon:hover i:before { color: #111111; } @media only screen and (max-width: 479px) { .project-box-layout4 .item-img .item-content .item-content-inner a.item-icon { display: none; } } .project-box-layout4:hover .item-img img { left: 30px; } .project-box-layout4:hover .item-img .item-content .item-content-inner a.item-icon { visibility: visible; opacity: 1; } .project-box-layout5 { margin-bottom: 4px; } .project-box-layout5 .item-img { position: relative; overflow: hidden; -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .project-box-layout5 .item-img:after { visibility: hidden; opacity: 0; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout5 .item-img .item-content { overflow: hidden; display: inline-block; position: absolute; bottom: -120px; left: 0; right: 0; margin: 0 auto; background-color: rgba(255, 194, 17, 0.9); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; z-index: 10; } .project-box-layout5 .item-img .item-content .item-content-inner { position: relative; padding: 20px 80px 20px 20px; } .project-box-layout5 .item-img .item-content .item-content-inner .title { margin-bottom: 0; } .project-box-layout5 .item-img .item-content .item-content-inner .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout5 .item-img .item-content .item-content-inner .title a:hover { color: #ffffff; } .project-box-layout5 .item-img .item-content .item-content-inner .item-date { color: #111111; } .project-box-layout5 .item-img .item-content .item-content-inner a.item-icon { display: inline-block; height: 55px; width: 55px; line-height: 50px; text-align: center; border: 2px solid #ffffff; border-radius: 50%; position: absolute; top: 100%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout5 .item-img .item-content .item-content-inner a.item-icon i:before { margin-left: 0; color: #ffffff; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout5:hover .item-img:after { visibility: visible; opacity: 1; } .project-box-layout5:hover .item-img .item-content { visibility: visible; opacity: 1; bottom: 0; } .project-box-layout5:hover .item-img .item-content .item-content-inner a.item-icon { visibility: visible; opacity: 1; top: 50%; } .project-box-layout5:hover .item-img .item-content .item-content-inner a.item-icon:hover { background-color: #ffffff; } .project-box-layout5:hover .item-img .item-content .item-content-inner a.item-icon:hover i:before { color: #111111; } .project-box-layout6 { border-radius: 4px; overflow: hidden; position: relative; -webkit-box-shadow: 0px 1px 0px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 1px 0px 0px rgba(216, 216, 216, 0.75); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout6 img { border-radius: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout6:before { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); opacity: 0.8; height: 60%; width: 100%; bottom: 0; left: 0; right: 0; border-radius: 4px; position: absolute; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout6 .item-content { position: absolute; top: 77%; left: 45px; -webkit-transform: translateY(0); transform: translateY(0); z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout6 .item-content .item-title { font-size: 20px; font-weight: 500; position: relative; } @media only screen and (max-width: 1199px) { .project-box-layout6 .item-content .item-title { font-size: 18px; } } .project-box-layout6 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .project-box-layout6 .item-content .item-title a:hover { color: #ffc92b; } .project-box-layout6 .item-content .item-title:before { content: ""; height: 45px; width: 3px; background-color: #ffc92b; top: 5px; left: -18px; z-index: 2; position: absolute; } .project-box-layout6 .item-content p { color: #dedede; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .project-box-layout6:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } .project-box-layout6:hover:before { height: 100%; opacity: 1; } .project-box-layout6:hover .item-content { top: 75%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .project-box-layout6:hover .item-content p { visibility: visible; opacity: 1; } .isotop-btn { margin-bottom: 35px; } .isotop-btn a { display: inline-block; font-size: 16px; color: #111111; padding: 8px 20px; margin-bottom: 10px; background-color: #f8f8f8; border-radius: 4px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .isotop-btn a:hover { background-color: #ffc92b; } .isotop-btn .current { background-color: #ffc92b; } .isotop-btn1 { margin-bottom: 52px; position: relative; display: inline-block; } @media only screen and (max-width: 575px) { .isotop-btn1:after { display: none; } } .isotop-btn1 a.nav-item { color: inherit; font-weight: 500; font-family: 'Rubik', sans-serif; margin-right: 40px; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .isotop-btn1 a.nav-item:last-child { margin-right: 0px; } .isotop-btn1 a.nav-item:after { content: ""; height: 3px; width: 0%; background-color: #ffc92b; bottom: -15px; left: 0; right: 0; z-index: 2; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .isotop-btn1 a.nav-item:hover { color: #ffc92b; } .isotop-btn1 a.nav-item:hover:after { width: 100%; } @media only screen and (max-width: 768px) { .isotop-btn1 a.nav-item { display: block; margin: 0 0 25px; } } .isotop-btn1 a.current { color: #ffc92b; } .isotop-btn1 a.current:after { width: 100%; } .isotop-btn1:after { content: ""; height: 3px; width: 100%; background-color: #e2e2e2; bottom: -15px; left: 0; right: 0; z-index: 1; position: absolute; } @media screen and (max-width: 768px) { .isotop-btn1:after { background-color: transparent; } } .single-project-item-details { list-style-type: none; background: #f8f8f8; padding: 30px 20px; margin: 40px 0; } .single-project-item-details li { font-weight: 500; color: #111111; margin-bottom: 10px; } .single-project-item-details li:last-child { margin-bottom: 0; } .single-project-item-details li span { font-weight: 400; color: #444444; } .single-project-box-layout2 .single-project-item-details { margin-top: 0; } /*======================================================================= ## Team Area Style =========================================================================*/ .team-box-layout1 { margin-bottom: 15px; overflow: hidden; position: relative; text-align: center; background-color: #f2f2f2; padding: 25px 15px 0; border-radius: 4px; } .team-box-layout1 .item-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-box-layout1 .item-img .front-inner-content { padding: 20px 0; width: 88%; background-color: #ffffff; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; z-index: 2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-box-layout1 .item-img .front-inner-content .item-title { margin-bottom: 2px; } .team-box-layout1 .item-img .front-inner-content .item-title a { font-weight: 700; color: #111111; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-box-layout1 .item-img .front-inner-content .item-title a:hover { color: #ffc92b; } .team-box-layout1 .item-img .front-inner-content .item-subtitle { color: #ffc92b; } .team-box-layout1 .item-img .back-inner-content { padding: 20px 15px 30px; background-color: #ffc92b; width: 88%; position: absolute; bottom: -150px; left: 0; right: 0; margin: 0 auto; visibility: hidden; opacity: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 2; } .team-box-layout1 .item-img .back-inner-content p { color: white; } .team-box-layout1 .item-img .back-inner-content .item-title { margin-bottom: 2px; } .team-box-layout1 .item-img .back-inner-content .item-title a { font-weight: 700; color: #ffffff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-box-layout1 .item-img .back-inner-content .item-title a:hover { color: #111111; } .team-box-layout1 .item-img .back-inner-content .item-subtitle { margin-bottom: 10px; color: #ffffff; } .team-box-layout1 .item-img .back-inner-content .item-social li { display: inline-block; margin-right: 15px; } .team-box-layout1 .item-img .back-inner-content .item-social li:last-child { margin-right: 0; } .team-box-layout1 .item-img .back-inner-content .item-social li a { font-size: 25px; color: #ffffff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-box-layout1 .item-img .back-inner-content .item-social li a:hover { color: #111111; } .team-box-layout1:hover .item-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .team-box-layout1:hover .item-img .front-inner-content { visibility: hidden; opacity: 0; } .team-box-layout1:hover .item-img .back-inner-content { visibility: visible; opacity: 1; bottom: 15px; } .team-box-layout2 { padding: 30px 30px 25px; background-color: #ffffff; border-radius: 4px; text-align: center; margin-bottom: 10px; background-color: #f8f8f8; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout2 .item-img { position: relative; display: inline-block; } .team-box-layout2 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 194, 17, 0.85); border-radius: 50%; bottom: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; position: absolute; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout2 .item-img img { border-radius: 50%; background-color: #f2f2f2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout2 .item-content-team { margin: 0 0 23px; text-align: center; } .team-box-layout2 .item-content-team h3 { margin-bottom: 0px; } .team-box-layout2 .item-content-team h3 a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout2 .item-content-team h3 a:hover { color: #ffc92b; } .team-box-layout2 .item-content-team .subtitle { font-size: 17px; color: #ffc92b; margin-bottom: 8px; } .team-box-layout2 .item-content-team p { font-size: 16px; line-height: 24px; } .team-box-layout2 .item-content-team .item-social li { display: inline-block; margin-bottom: 5px; margin-right: 3px; } .team-box-layout2 .item-content-team .item-social li:last-child { margin-right: 0px; } .team-box-layout2 .item-content-team .item-social li a { border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; height: 35px; width: 35px; line-height: 35px; color: #444444; display: block; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout2 .item-content-team .item-social li a:hover { background-color: #ffc92b; border: 1px solid #ffc92b; -webkit-transform: scale3d(1.1); transform: scale3d(1.1); } .team-box-layout2:hover .item-img:after { visibility: visible; opacity: 1; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .team-box-layout3 { margin-bottom: 30px; } .team-box-layout3 .item-img { margin-bottom: 15px; padding: 25px 30px 0; text-align: center; border-radius: 4px; background-color: #f8f8f8; } .team-box-layout3 .item-content-team .title { margin-bottom: 0; } .team-box-layout3 .item-content-team .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout3 .item-content-team .title a:hover { color: #ffc92b; } .team-box-layout3 .item-content-team .subtitle { font-size: 16px; } .team-box-layout3 .item-content-team p { font-size: 17px; line-height: 24px; } .team-box-layout3 .item-content-team .item-social li { display: inline-block; margin-bottom: 5px; margin-right: 8px; } .team-box-layout3 .item-content-team .item-social li:last-child { margin-right: 0; } .team-box-layout3 .item-content-team .item-social li a { text-align: center; display: block; font-size: 16px; color: #444444; border: 1px solid #d2d2d2; border-radius: 4px; height: 45px; width: 45px; line-height: 45px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout3 .item-content-team .item-social li a:hover { border: 1px solid #ffc92b; background-color: #ffc92b; -webkit-box-shadow: 0px 5px 5px 0px rgba(203, 199, 189, 0.75); box-shadow: 0px 5px 5px 0px rgba(203, 199, 189, 0.75); } .team-box-layout4 { border-radius: 0 0 4px 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-bottom: 15px; } .team-box-layout4 .item-img { overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .team-box-layout4 .item-img img { border-radius: 4px 4px 0 0; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout4 .item-img:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout4 .item-content-team { text-align: center; background-color: #f2f2f2; padding: 30px 25px 25px; border-radius: 0 0 4px 4px; } .team-box-layout4 .item-content-team .item-title { margin-bottom: 0px; } .team-box-layout4 .item-content-team .item-title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout4 .item-content-team .item-title a:hover { color: #ffc92b; } .team-box-layout4 .item-content-team .item-subtitle { font-size: 16px; color: #646464; text-align: center; margin-bottom: 10px; } .team-box-layout4 .item-content-team .item-social { margin-bottom: 15px; } .team-box-layout4 .item-content-team .item-social li { display: inline-block; } .team-box-layout4 .item-content-team .item-social li a { padding: 5px 12px; font-size: 18px; color: #7e7a7a; display: inline-block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout4 .item-content-team .item-social li a:hover { color: #111111; -webkit-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 992px) and (max-width: 1199px) { .team-box-layout4 .item-content-team .item-social li a { font-size: 16px; } } .team-box-layout4 .item-content-team .item-btn { background-color: #ffffff; display: block; color: #646464; font-size: 16px; padding: 15px 5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75); box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout4 .item-content-team .item-btn i { color: #ffc92b; margin-right: 12px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout4 .item-content-team .item-btn:hover { background-color: #ffc92b; color: #ffffff; } .team-box-layout4 .item-content-team .item-btn:hover i { color: #ffffff; } .team-box-layout4:hover .item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .team-box-layout4:hover .item-img:before { visibility: visible; opacity: 1; } .team-box-layout4:hover .item-img:after { height: 80%; width: 80%; } .team-box-layout5 { padding: 30px 30px 10px; background-color: #f2f2f2; border-radius: 4px; margin-bottom: 10px; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout5 .item-img { position: relative; display: inline-block; } .team-box-layout5 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 194, 17, 0.85); border-radius: 50%; bottom: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; position: absolute; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout5 .item-img img { background-color: #ffffff; border-radius: 50%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout5 .item-content-team { margin: 20px 0 23px; text-align: center; } .team-box-layout5 .item-content-team h3 { margin-bottom: 0px; } .team-box-layout5 .item-content-team h3 a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout5 .item-content-team h3 a:hover { color: #ffc92b; } .team-box-layout5 .item-content-team .subtitle { font-size: 17px; color: #ffc92b; margin-bottom: 8px; } .team-box-layout5 .item-content-team p { font-size: 16px; line-height: 24px; } .team-box-layout5 .item-content-team .item-social li { display: inline-block; margin-right: 3px; } .team-box-layout5 .item-content-team .item-social li:last-child { margin-right: 0px; } .team-box-layout5 .item-content-team .item-social li a { border: 1px solid #ffc92b; border-radius: 50px; font-size: 16px; height: 35px; width: 35px; line-height: 35px; color: #444444; display: block; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout5 .item-content-team .item-social li a:hover { background-color: #ffc92b; border: 1px solid #ffc92b; -webkit-transform: scale3d(1.1); transform: scale3d(1.1); } .team-box-layout5:hover .item-img:after { visibility: visible; opacity: 1; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .team-box-layout6 { text-align: center; padding: 2rem; background-color: #ffffff; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 767px) { .team-box-layout6 { text-align: center; } } .team-box-layout6 .item-img { position: relative; display: block; margin-bottom: 25px; border: 14px solid #ffc92b; border-radius: 50%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout6 .item-img img { border-radius: 50%; background-color: #f2f2f2; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-box-layout6 .item-content-team .item-title { margin-bottom: 0px; } .team-box-layout6 .item-content-team .item-title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout6 .item-content-team .item-title a:hover { color: #ffc92b; } .team-box-layout6 .item-content-team .item-subtitle { color: #8c8c8c; margin-bottom: 8px; } .team-box-layout6 .item-content-team p { font-size: 16px; line-height: 24px; } .team-box-layout6 .item-content-team .item-social li { display: inline-block; margin-right: 3px; } .team-box-layout6 .item-content-team .item-social li:last-child { margin-right: 0px; } .team-box-layout6 .item-content-team .item-social li a { border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; height: 45px; width: 45px; line-height: 45px; color: #444444; display: block; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 768px) and (max-width: 991px) { .team-box-layout6 .item-content-team .item-social li a { height: 40px; width: 40px; line-height: 40px; } } .team-box-layout6 .item-content-team .item-social li a:hover { background-color: #ffc92b; border: 1px solid #ffc92b; -webkit-transform: scale3d(1.1); transform: scale3d(1.1); } .team-box-layout6:hover .item-img img { -webkit-transform: scale(1); transform: scale(1); } .single-team-box1 { position: relative; text-align: center; margin-bottom: 30px; } .single-team-box2 .item-title { color: #111111; font-weight: 500; margin-bottom: 0px; } .single-team-box2 .item-subtitle { color: #646464; } .single-team-box2 .item-social { margin-top: 24px; } .single-team-box2 .item-social li { display: inline-block; margin-right: 2px; } .single-team-box2 .item-social li:last-child { margin-right: 0; } .single-team-box2 .item-social li a { text-align: center; font-size: 16px; color: #444444; background-color: #ffffff; border-radius: 50%; height: 45px; width: 45px; line-height: 45px; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-team-box2 .item-social li a:hover { background-color: #ffc92b; color: #ffffff; } @media only screen and (max-width: 991px) { .single-team-box2 { margin-bottom: 30px; } } .bg-f2 { background-color: #f2f2f2; } .related-team { padding: 100px 0; } .related-team .related-team-heading { text-align: center; margin-bottom: 30px; } .related-team .related-team-heading h2 { color: #111; font-weight: 500; margin-bottom: 10px; } .related-team .related-team-heading p { color: #444444; } .bg-f8 { background-color: #f8f8f8; } .team-box-layout-h1 { position: relative; overflow: hidden; border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); } .team-box-layout-h1 .item-img { text-align: center; } .team-box-layout-h1 .item-img img { border-radius: 4px; width: 100%; } .team-box-layout-h1 .item-content { position: absolute; bottom: -85px; left: 0; right: 0; background-color: rgba(34, 34, 34, 0.9); border-radius: 0 0 4px 4px; padding: 20px 25px 25px 25px; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout-h1 .item-content .item-title { font-weight: 500; margin-bottom: 10px; } .team-box-layout-h1 .item-content .item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout-h1 .item-content .item-title a:hover { color: #111; } .team-box-layout-h1 .item-content .item-subtitle { color: #ffffff; margin-bottom: 10px; } .team-box-layout-h1 .item-content .item-social li { display: inline-block; } .team-box-layout-h1 .item-content .item-social li a { color: #ffffff; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout-h1 .item-content .item-social li a:hover { color: #111111; } .team-box-layout-h1:hover .item-content { bottom: 0; background-color: rgba(255, 180, 0, 0.9); } .team-box-layout-h2 { margin-bottom: 30px; } .team-box-layout-h2 .item-img { text-align: center; } .team-box-layout-h2 .item-content { margin: 0 12px; background-color: #ffffff; padding: 35px 20px; text-align: center; -webkit-transform: translateY(-50px); transform: translateY(-50px); margin-bottom: -50px; } .team-box-layout-h2 .item-content .item-heading { position: relative; padding-bottom: 12px; margin-bottom: 15px; } .team-box-layout-h2 .item-content .item-heading .item-title { font-weight: 500; margin-bottom: 5px; } .team-box-layout-h2 .item-content .item-heading .item-title a { color: #000000; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout-h2 .item-content .item-heading .item-title a:hover { color: #444444; } .team-box-layout-h2 .item-content .item-heading:after { content: ""; height: 4px; width: 43px; background-color: #ffc92b; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } .team-box-layout-h2 .item-content .item-social li { display: inline-block; } .team-box-layout-h2 .item-content .item-social li a { color: #a5a5a5; font-size: 18px; padding: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-box-layout-h2 .item-content .item-social li a:hover { color: #111111; } /*======================================================================= ## Testmonial Area Style =========================================================================*/ .all-testimonial-box .section-header .title { font-weight: 500; color: #111111; } .all-testimonial-box .all-testimonial-box-list { border-bottom: 1px solid #dddddd; margin-top: 30px; padding-bottom: 20px; } .all-testimonial-box .all-testimonial-box-list .media .item-img { text-align: center; } .all-testimonial-box .all-testimonial-box-list .media .item-img img { border-radius: 50%; max-width: 125px; } .all-testimonial-box .all-testimonial-box-list .media .item-img .title { font-size: 18px; font-weight: 500; color: #111111; margin-bottom: 0; margin-top: 15px; } .all-testimonial-box .all-testimonial-box-list .media .item-img .subtitle { font-size: 18px; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content { padding: 15px 0 0 30px; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content p { position: relative; font-style: italic; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content p:before { font-family: "FontAwesome"; content: "\F10D"; font-weight: 600; font-size: 14px; color: #999; top: -5px; left: -25px; position: absolute; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content p span { position: relative; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content p span:after { font-family: "FontAwesome"; content: "\F10E"; font-weight: 600; font-size: 14px; color: #999; bottom: -10px; right: -25px; position: absolute; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content ul { margin-bottom: 15px; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content ul li { display: inline-block; font-size: 14px; } .all-testimonial-box .all-testimonial-box-list .media .media-body .item-content ul li.has-rating { color: #ffc92b; } .all-testimonial-box .all-testimonial-box-list:last-child { border-bottom: none; padding-bottom: 0; } @media only screen and (max-width: 479px) { .all-testimonial-box .all-testimonial-box-list { text-align: center; } } /*======================================================================= ## Blog Area Style =========================================================================*/ .blog-wrap-layout1 { padding: 95px 0 70px; } .blog-wrap-layout2 { padding: 100px 0 85px; background-color: #f2f2f2; } .blog-wrap-layout3 { padding: 95px 0 80px; } .blog-wrap-layout4 { background-color: #f2f2f2; padding: 95px 0 70px; } .blog-wrap-layout5 { padding: 100px 0 85px; } .blog-wrap-layout6 { padding: 10rem 0 8.5rem; } .blog-box-layout2 { border-radius: 4px; margin-bottom: 30px; -webkit-box-shadow: 0px 2px 5px 1px rgba(207, 207, 207, 0.75); box-shadow: 0px 2px 5px 1px rgba(207, 207, 207, 0.75); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-img { border-radius: 4px 4px 0 0; overflow: hidden; } .blog-box-layout2 .item-img img { border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content { border-radius: 0 0 4px 4px; padding: 3.5rem; background-color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content h2 { margin-bottom: 5px; font-size: 24px; } .blog-box-layout2 .item-content h2 a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content h2 a:hover { color: #ffc92b; } .blog-box-layout2 .item-content .post-date { background-color: #ffc92b; border-radius: 4px; padding: 4px 12px; color: #ffffff; font-size: 14px; top: -20px; left: 35px; position: absolute; } .blog-box-layout2 .item-content .entry-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .blog-box-layout2 .item-content .entry-meta i { color: #ffc92b; } .blog-box-layout2 .item-content .entry-meta li { font-size: 15px; position: relative; display: inline-block; color: #969696; margin-right: 15px; } .blog-box-layout2 .item-content .entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content .entry-meta li a:hover { color: #ffc92b; } .blog-box-layout2 .item-content .entry-meta li a:hover span { color: #ffc92b; } .blog-box-layout2 .item-content .entry-meta li:last-child { margin-right: 0; } .blog-box-layout2 .item-content .entry-meta li span { margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content .entry-meta li span a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content .entry-meta li span a:hover { color: #ffc92b; } .blog-box-layout2 .item-content .item-btn { font-size: 16px; font-weight: 500; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content .item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout2 .item-content .item-btn:hover { color: #ffc92b; } .blog-box-layout2 .item-content .item-btn:hover i { margin-left: 10px; } .blog-box-layout2:hover { -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); } .blog-box-layout2:hover .item-img img { -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } .blog-box-layout2:hover .item-content { background-color: #ffffff; } .blog-details .row .col-12:last-child .blog-box-layout3 { padding-bottom: 0; } .blog-box-layout3 { padding-bottom: 50px; } .blog-box-layout3 .item-img { border-radius: 4px; overflow: hidden; } .blog-box-layout3 .item-img img { border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content { padding-top: 43px; background-color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content.no-image { padding-top: 20px; } .blog-box-layout3 .item-content h3 a, .blog-box-layout3 .item-content h2 a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content h3 a:hover, .blog-box-layout3 .item-content h2 a:hover { color: #ffc92b; } .blog-box-layout3 .item-content .post-date { background-color: #ffc92b; border-radius: 4px; padding: 4px 12px; color: #ffffff; font-size: 14px; top: -20px; left: 0; position: absolute; } .blog-box-layout3 .item-content .post-date.post-date-relative { display: inline-block; top: 0px; margin-bottom: 10px; position: relative; } .blog-box-layout3 .item-content .entry-meta { margin-bottom: 20px; } .blog-box-layout3 .item-content .entry-meta i { color: #ffc92b; } .blog-box-layout3 .item-content .entry-meta li { display: inline-block; font-size: 15px; position: relative; color: #969696; margin-right: 20px; } .blog-box-layout3 .item-content .entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content .entry-meta li a:hover { color: #ffc92b; } .blog-box-layout3 .item-content .entry-meta li a:hover span { color: #ffc92b; } .blog-box-layout3 .item-content .entry-meta li:last-child { margin-right: 0; } .blog-box-layout3 .item-content .entry-meta li span { margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content .entry-meta li span a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content .entry-meta li span a:hover { color: #ffc92b; } .blog-box-layout3 .item-content .item-btn { padding: 12px 22px; font-size: 16px; font-weight: 500; color: #ffc92b; border: 1px solid #cccccc; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content .item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-box-layout3 .item-content .item-btn:hover { color: #ffc92b; } .blog-box-layout3 .item-content .item-btn:hover i { margin-left: 10px; } .blog-box-layout3:hover .item-img img { -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } .single-blog-box .blog-details { margin-bottom: 2rem; } .single-blog-box .blog-details .item-img { border-radius: 4px; } .single-blog-box .blog-details .item-img img { border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-blog-box .blog-details .item-content { padding: 43px 0 8px; background-color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-blog-box .blog-details .item-content h3 { color: #111111; font-weight: 500; } .single-blog-box .blog-details .item-content .post-date { background-color: #ffc92b; border-radius: 4px; padding: 8px 15px; color: #ffffff; font-size: 15px; top: -20px; left: 0; position: absolute; } .single-blog-box .blog-details .item-content .entry-meta { margin-bottom: 20px; } .single-blog-box .blog-details .item-content .entry-meta i { color: #ffc92b; } .single-blog-box .blog-details .item-content .entry-meta li { position: relative; font-size: 15px; display: inline-block; color: #969696; margin-right: 20px; } .single-blog-box .blog-details .item-content .entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-blog-box .blog-details .item-content .entry-meta li a:hover { color: #ffc92b; } .single-blog-box .blog-details .item-content .entry-meta li a:hover span { color: #ffc92b; } .single-blog-box .blog-details .item-content .entry-meta li:last-child { margin-right: 0; } .single-blog-box .blog-details .item-content .entry-meta li span { margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-blog-box .blog-details .item-content .entry-meta li span a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-blog-box .blog-details .item-content .entry-meta li span a:hover { color: #ffc92b; } .single-blog-box .blog-tag ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .single-blog-box .blog-tag ul li { display: inline-block; border: 1px solid #a1a1a1; background: transparent; font-size: 15px; margin-right: 10px; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-box .blog-tag ul li:last-child { margin-right: 0; } .single-blog-box .blog-tag ul li a { color: #646464; display: block; padding: 6px 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-box .blog-tag ul li:hover { background: #ffc92b; border: 1px solid #ffc92b; } .single-blog-box .blog-tag ul li:hover a { color: #ffffff; } @media only screen and (max-width: 767px) { .single-blog-box .blog-tag { text-align: center; margin-bottom: 20px; } } .single-blog-box .blog-social ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .single-blog-box .blog-social ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .single-blog-box .blog-social ul li { margin-right: 5px; } .single-blog-box .blog-social ul li:last-child { margin-right: 0; } .single-blog-box .blog-social ul li a { display: block; text-align: center; font-size: 16px; color: #ffffff; height: 40px; width: 40px; line-height: 40px; border-radius: 50%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-blog-box .blog-social ul li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .single-blog-box .blog-social ul .blog-facebook a { background: #405d9b; } .single-blog-box .blog-social ul .blog-twitter a { background: #00b0ff; } .single-blog-box .blog-social ul .blog-gplus a { background: #ff3d00; } .single-blog-box .blog-social ul .blog-linkedin a { background: #066ed5; } .single-blog-box .blog-social ul .blog-pinterest a { background: #d50000; } .single-blog-box .blog-social ul .blog-tumblr a { background: #34465d; } .single-blog-box .blog-social ul .blog-reddit a { background: #ff5700; } .single-blog-box .blog-social ul .blog-vk a { background: #4c75a3; } .single-blog-box .blog-author { margin: 45px 0; } .single-blog-box .blog-author .title { color: #111111; font-weight: 500; } .single-blog-box .blog-author .media { background-color: #f2f2f2; border-radius: 4px; padding: 30px 30px 25px; } @media only screen and (max-width: 575px) { .single-blog-box .blog-author .media { text-align: center; } } .single-blog-box .blog-author .media img { border-radius: 50%; } .single-blog-box .blog-author .media .media-body .title { margin-bottom: 8px; font-size: 20px; } .single-blog-box .blog-comments .title { font-weight: 500; color: #111111; } .single-blog-box .blog-comments .media { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 30px; } @media only screen and (max-width: 575px) { .single-blog-box .blog-comments .media { text-align: center; } } .single-blog-box .blog-comments .media img { border-radius: 50%; } .single-blog-box .blog-comments .media .media-body { position: relative; } .single-blog-box .blog-comments .media .media-body .title { font-size: 20px; margin-bottom: 0; } .single-blog-box .blog-comments .media .media-body .comment-date { color: #646464; font-size: 14px; margin-bottom: 12px; } .single-blog-box .blog-comments .media .media-body .item-btn { display: inline-block; font-size: 15px; color: #444444; font-weight: 500; background-color: #f2f2f2; border-radius: 4px; padding: 5px 20px; position: absolute; top: 8px; right: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-box .blog-comments .media .media-body .item-btn:hover { background-color: #ffc92b; color: #ffffff; } @media only screen and (max-width: 575px) { .single-blog-box .blog-comments .media .media-body .item-btn { position: relative; top: 0; } } .single-blog-box .blog-form { margin-bottom: 3rem; } .single-blog-box .blog-form .title { font-weight: 500; color: #111111; } .single-blog-box .blog-form .blog-form-box .form-group { margin-bottom: 15px; } .single-blog-box .blog-form .blog-form-box .form-group:last-child { margin-bottom: 0; } .single-blog-box .blog-form .blog-form-box .form-group .form-control { font-size: 16px; padding: 15px 20px; border: 1px solid #cccccc; color: #444444; border-radius: 4px; } .single-blog-box .blog-form .blog-form-box .form-group .item-btn { display: block; border: 1px solid #ffc92b; background-color: #ffc92b; color: #ffffff; font-weight: 500; font-size: 18px; text-transform: uppercase; border-radius: 4px; padding: 15px 25px; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-blog-box .blog-form .blog-form-box .form-group .item-btn:hover { color: #000000; } ul.blog-social, ul.item-social, ul.entry-meta { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } nav ul, header ul, .sidebar-widget-area ul, .pagination-layout1 ul, .blog-social ul, .elementor-element .elementor-widget-container ul, footer ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .blog-masonary .rtin-radius-post-layout-1 { margin-bottom: 30px; border-radius: 4px; background-color: #f8f8f8; height: 95%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-img { border-radius: 4px 4px 0 0; overflow: hidden; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-img img { border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content { border-radius: 0 0 4px 4px; padding: 40px 30px 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content h3 a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content h3 a:hover { color: #ffc92b; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content .post-date { background-color: #ffc92b; border-radius: 4px; padding: 8px 15px; color: #ffffff; font-size: 15px; top: -20px; left: 35px; position: absolute; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content .item-btn { font-size: 16px; font-weight: 500; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content .item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content .item-btn:hover { color: #ffc92b; } .blog-masonary .rtin-radius-post-layout-1 .rtin-item-content .item-btn:hover i { margin-left: 10px; } .blog-masonary .rtin-radius-post-layout-1:hover { background: #fff; -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); } .blog-masonary .rtin-radius-post-layout-1:hover .rtin-item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } .mt20p { margin-top: 20px; } .post-password-form input[type="password"] { padding: 7px 15px !important; color: #000000; font-size: 16px; display: inline-block; font-size: 1rem; color: #495057; border: 1px solid #ced4da; border-radius: 0.25rem; } .post-password-form input[type="password"]:focus { outline: none; } .post-password-form input[type="submit"] { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 7px 15px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media screen and (max-width: 768px) { .post-password-form input[type="submit"] { line-height: 1.2; } } .post-password-form input[type="submit"] i { margin-left: 10px; font-size: 16px; } .post-password-form input[type="submit"]:hover { background-color: #ffb400; color: #ffffff; } /*======================================================================= ## Service Area Style =========================================================================*/ .service-wrap-layout2 { background-color: #f8f8f8; background-image: url('./img/service/banner.png'); background-repeat: no-repeat; background-position-y: bottom; } .service-wrap-layout3 { background-image: url('./img/service/banner1.png'); background-repeat: no-repeat; background-position-y: bottom; } .service-wrap-layout4 { position: relative; } .service-wrap-layout4 .container { position: absolute; top: -146px; right: 0; left: 0; z-index: 10; } @media only screen and (max-width: 1199px) { .service-wrap-layout4 .container { position: relative; top: 20px; } } .service-wrap-layout5 { padding: 10rem 0; background-color: #f8f8f8; } .service-wrap-layout9 { padding: 5rem 0; background-color: #ffc92b; position: relative; } .service-wrap-layout9:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 194, 17, 0.9); position: absolute; top: 0; left: 0; right: 0; } .service-wrap-layout10 { padding: 9.5rem 0 8rem; } .service-wrap-layout11 { padding: 10rem 0; background-image: url('./img/service/bg-image.jpg'); background-repeat: no-repeat; background-position-y: bottom; } .service-box-wrap { -webkit-box-shadow: 0px 20px 46px 0px rgba(224, 224, 224, 0.75); box-shadow: 0px 20px 46px 0px rgba(224, 224, 224, 0.75); } .service-box-layout3 { background-color: #ffffff; padding: 35px 40px 50px; margin-bottom: 2px; } .service-box-layout3 .item-img { margin-bottom: 6px; overflow: hidden; } .service-box-layout3 .item-img i { display: inline-block; } .service-box-layout3 .item-img i:before { font-size: 60px; margin-left: 0; color: #ffc92b; } .service-box-layout3 .item-content .item-title { font-size: 24px; font-weight: 500; color: #111111; } .service-box-layout3 .item-content .item-title span { display: block; font-weight: 300; } .service-box-layout3 .item-content .item-btn { text-align: center; position: relative; margin-top: 28px; display: block; font-size: 14px; font-weight: 500; border: 1px solid #ffc92b; border-radius: 4px; color: #444444; padding: 14px 25px; -webkit-box-shadow: 0px 6px 16px 0px rgba(240, 240, 240, 0.75); box-shadow: 0px 6px 16px 0px rgba(240, 240, 240, 0.75); z-index: 5; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout3 .item-content .item-btn:hover { color: #ffffff; border: 1px solid #ffc92b; background-color: #ffc92b; } .service-box-layout3:hover .item-img i { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .service-box-layout4 { padding: 40px 0 35px; background-color: #363636; margin-bottom: 5px; text-align: center; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout4 .item-content .item-img { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-box-layout4 .item-content .item-img img { width: 80px; height: 80px; } .service-box-layout4 .item-content .item-icon { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-box-layout4 .item-content .item-icon i:before { margin-left: 0; font-size: 70px; color: #ffc92b; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout4 .item-content h4 { min-height: 58px; font-size: 18px; margin: 0; padding: 0; padding: 0 10px; font-weight: 500; } .service-box-layout4 .item-content h4 a { color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout4 .item-content h4 a:hover { color: #000000; } .service-box-layout4:hover { background-color: #ffc92b; } .service-box-layout4:hover .item-content .item-icon i:before { color: #ffffff; } .service-box-layout5 { background-color: rgba(0, 0, 0, 0.7); padding: 30px 25px; position: relative; overflow: hidden; height: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 991px) { .service-box-layout5 { height: auto; margin-bottom: 2rem; } } .service-box-layout5 .media { position: relative; z-index: 2; } .service-box-layout5 .media .item-img i:before { margin-left: 0px; font-size: 55px; line-height: 73px; color: #ffc92b; } .service-box-layout5 .media .media-body .title { margin-bottom: 8px; font-weight: 500; color: #ffffff; } .service-box-layout5 .media .media-body p { color: #adadad; line-height: 24px; margin-bottom: 0px; } .service-box-layout5:hover { background-color: rgba(255, 194, 17, 0.9); } .service-box-layout5:hover .media .item-img i:before { color: #ffffff; } .service-box-layout5:hover .media .media-body p { color: #ffffff; } .service-box-layout6 { -webkit-box-shadow: 0px 0px 6px 0px rgba(197, 197, 197, 0.3); box-shadow: 0px 0px 6px 0px rgba(197, 197, 197, 0.3); border: 1px solid rgba(197, 197, 197, 0.3); background-color: #ffffff; border-radius: 4px; margin-bottom: 30PX; padding: 21px 50px 45px; text-align: center; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout6 .item-img { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-box-layout6 .item-img img { width: 80px; height: 80px; } .service-box-layout6 .item-icon { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .service-box-layout6 .item-icon i:before { margin-left: 0; font-size: 70px; color: #ffc92b; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout6 .item-content { position: relative; z-index: 2; } .service-box-layout6 .item-content h3 a { font-weight: 500; color: #111111; } .service-box-layout6 .item-content .item-btn { display: inline-block; padding: 10px 30px; font-size: 16px; font-weight: 500; color: #444444; border: #ffc92b solid 1px; border-radius: 4px; margin-top: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout6:hover { -webkit-box-shadow: 0px 1px 10px 0px rgba(88, 88, 88, 0.5); box-shadow: 0px 1px 10px 0px rgba(88, 88, 88, 0.5); background-color: #ffc92b; } .service-box-layout6:hover .item-icon i:before { color: #ffffff; } .service-box-layout6:hover .item-content h3 a { color: #ffffff; } .service-box-layout6:hover .item-content h3 a:hover { color: #000000; } .service-box-layout6:hover .item-content p { color: #ffffff; } .service-box-layout6:hover .item-content .item-btn { background-color: #ffc92b; color: #ffffff; border: 1px solid #ffffff; } .service-box-layout6:hover .item-content .item-btn:hover { background-color: #ffffff; color: #000000; } .service-box-layout7 { position: relative; top: -62px; left: 0; right: 0; z-index: 5; -webkit-box-shadow: 0px 10px 50px 0px rgba(202, 202, 202, 0.75); box-shadow: 0px 10px 50px 0px rgba(202, 202, 202, 0.75); border-radius: 4px; border: 8px solid #ffffff; margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .service-box-layout7 { top: 30px; } } .service-box-layout7 .item-img { position: relative; } .service-box-layout7 .item-img .item-content { background-color: rgba(17, 17, 17, 0.8); position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout7 .item-img .item-content .item-title { font-size: 20px; font-weight: 500; margin-bottom: 0; position: relative; } .service-box-layout7 .item-img .item-content .item-title a { padding: 15px 25px; display: block; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout7 .item-img .item-content .item-title a:hover { color: #ffffff; } .service-box-layout7 .item-img .item-content .item-title a i { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout7 .item-img .item-content .item-title a i:before { color: #ffc92b; margin-left: 0; font-weight: 600; } @media (min-width: 768px) and (max-width: 991px) { .service-box-layout7 .item-img .item-content .item-title a i:before { font-size: 13px; } } .service-box-layout7 .item-img .item-content:hover { background-color: rgba(255, 194, 17, 0.9); } .service-box-layout7 .item-img .item-content:hover .item-title a i:before { color: #ffffff; } .service-box-layout8 { position: relative; z-index: 10; } .service-box-layout8 .media { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout8 .media .item-icon { overflow: hidden; } .service-box-layout8 .media .item-icon i { display: inline-block; } .service-box-layout8 .media .item-icon i:before { font-size: 70px; margin-left: 0; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (max-width: 991px) and (min-width: 768px) { .service-box-layout8 .media .media-body { margin-top: 0; } } .service-box-layout8 .media .media-body .item-title { font-weight: 500; color: #000000; margin-bottom: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout8 .media .media-body .item-subtitle { color: #000000; font-weight: 500; font-size: 18px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout8:hover .media .item-icon i { -webkit-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(-20%); transform: translateY(-20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .service-box-layout8:hover .media .media-body .item-title { color: #ffffff; } .service-box-layout8:hover .media .media-body .item-subtitle { color: #ffffff; } .service-box-layout9 { padding: 2.5rem 5rem 5rem; border: 1px solid #e1e1e1; border-radius: 4px; margin-bottom: 20px; text-align: center; } .service-box-layout9 .item-img { margin-bottom: 6px; overflow: hidden; } .service-box-layout9 .item-img i { display: inline-block; } .service-box-layout9 .item-img i:before { font-size: 9rem; margin-left: 0; color: #ffc92b; } .service-box-layout9 .item-content .item-title { font-weight: 500; color: #111111; } .service-box-layout9 .item-content .item-title span { display: block; font-weight: 400; } .service-box-layout9 .item-content .item-btn { text-align: center; position: relative; margin-top: 15px; display: inline-block; font-size: 16px; font-weight: 500; border: 1px solid #ffc92b; color: #444444; padding: 12px 25px; border-radius: 4px; -webkit-box-shadow: 0px 4px 9px 0px rgba(226, 226, 226, 0.75); box-shadow: 0px 4px 9px 0px rgba(226, 226, 226, 0.75); z-index: 5; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .service-box-layout9 .item-content .item-btn:hover { color: #ffffff; border: 1px solid #ffc92b; background-color: #ffc92b; } .service-box-layout9:hover .item-img i { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .service-box-layout10 ul { width: 100%; margin-left: -2px; margin-right: -2px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .service-box-layout10 ul li { width: 50%; padding-left: 2px; padding-right: 2px; margin-bottom: 4px; } @media only screen and (max-width: 479px) { .service-box-layout10 ul li { width: 100%; text-align: center; } } .service-box-layout10 ul li .service-box-item { position: relative; background-color: #ffffff; border-radius: 4px; padding: 25px 35px 15px; -webkit-box-shadow: 0px 1px 29px 0px rgba(230, 230, 230, 0.75); box-shadow: 0px 1px 29px 0px rgba(230, 230, 230, 0.75); height: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout10 ul li .service-box-item .item-sl { font-size: 18px; color: #cccccc; position: absolute; right: 15px; top: 15px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout10 ul li .service-box-item .item-icon { margin-bottom: 10px; } .service-box-layout10 ul li .service-box-item .item-icon i:before { margin-left: 0; font-size: 60px; color: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout10 ul li .service-box-item .item-content h4 { font-weight: 500; } .service-box-layout10 ul li .service-box-item .item-content h4 a { color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout10 ul li .service-box-item:hover { background-color: #ffc92b; } .service-box-layout10 ul li .service-box-item:hover .item-sl { color: #ffffff; } .service-box-layout10 ul li .service-box-item:hover .item-icon i:before { color: #ffffff; } .service-box-layout10 ul li .service-box-item:hover .item-content h4 a { color: #ffffff; } .service-box-layout10 ul li .service-box-item:hover .item-content h4 a:hover { color: #111111; } .service-box-layout11 { padding: 4rem 0 0 4rem; } @media only screen and (max-width: 991px) { .service-box-layout11 { padding: 0 0 2rem; } } .service-box-layout11 .item-title { color: #111111; font-weight: 500; } .service-box-layout11 .item-subtitle { margin-bottom: 20px; margin-top: 25px; font-size: 20px; color: #111111; } .service-box-layout12 { overflow: hidden; border-radius: 4px; position: relative; margin-bottom: 30px; } .service-box-layout12 img { border-radius: 4px; } .service-box-layout12:before { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); height: 60%; width: 100%; bottom: 0; left: 0; border-radius: 4px; position: absolute; z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout12 .item-content { position: absolute; top: 95%; left: 45px; right: 10px; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout12 .item-content h3 { position: relative; } .service-box-layout12 .item-content h3 a { font-weight: 500; color: #fefefe; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-box-layout12 .item-content h3 a:hover { color: #ffc92b; } .service-box-layout12 .item-content h3:before { content: ""; height: 19px; width: 3px; background-color: #ffc92b; top: 5px; left: -15px; z-index: 2; position: absolute; } .service-box-layout12 .item-content p { line-height: 25px; margin-bottom: 0px; color: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-box-layout12:hover:before { height: calc(100% + 50px); } .service-box-layout12:hover .item-content { top: 70%; } .service-box-layout12:hover .item-content p { visibility: visible; opacity: 1; } .single-service-wrap { padding: 10rem 0 7rem; } .single-service-box p:last-child { margin-bottom: 0; } .single-service-box .single-service-banner .item-img { position: relative; margin-bottom: 30px; width: 100%; height: 450px; } .single-service-box .single-service-banner .item-img img { border-radius: 4px; } .single-service-box .single-service-banner .item-img .title { position: relative; font-size: 30px; font-weight: 500; color: #ffffff; position: absolute; bottom: 20px; left: 50px; z-index: 2; } .single-service-box .single-service-banner .item-img .title:after { content: ""; height: 26px; width: 3px; background-color: #ffc92b; top: 2px; left: -14px; position: absolute; z-index: 2; } .single-service-box .single-service-banner .item-img:after { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); height: 50%; width: 100%; opacity: 0.7; bottom: 0; left: 0; border-radius: 4px; position: absolute; z-index: 1; } .single-service-box .single-service-banner .item-content .title { font-weight: 500; color: #111111; } @media only screen and (max-width: 575px) { .single-service-box .item-why-choose-box { text-align: center; } } .single-service-box .item-why-choose-box .item-title { margin-bottom: 24px; } .single-service-box .item-why-choose-box .item-title .title { font-size: 28px; color: #111111; font-weight: 500; } .single-service-box .item-why-choose-box .item-content { margin-bottom: 10px; } .single-service-box .item-why-choose-box .item-content .item-icon { margin-top: 5px; background-color: #f2f2f2; border-radius: 50%; height: 85px; width: 85px; text-align: center; color: #181818; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 575px) { .single-service-box .item-why-choose-box .item-content .item-icon { margin: 5px auto 0; } } .single-service-box .item-why-choose-box .item-content .item-icon i { display: block; } .single-service-box .item-why-choose-box .item-content .item-icon i:before { margin-left: 0; font-size: 50px; } .single-service-box .item-why-choose-box .item-content .media-body .title { font-size: 20px; color: #111111; font-weight: 500; } .single-service-box .item-why-choose-box .item-content:hover .item-icon { background-color: #ffc92b; color: #ffffff; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .single-service-box .single-service-accordion { margin-top: 15px; } .single-service-box .single-service-accordion .title { font-size: 28px; font-weight: 500; color: #111111; } .single-service-box .single-service-accordion .accordion-box .panel-default { margin-top: 0 !important; border-radius: 4px; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 6px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default:last-child { border-bottom: 0; margin-bottom: 0; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading { border-radius: 4px; background-color: #ffffff; padding: 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(192, 192, 192, 0.75); box-shadow: 0px 0px 6px 0px rgba(192, 192, 192, 0.75); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .panel-title { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .panel-title a { color: #111111; font-size: 18px; font-weight: 500; padding: 15px 50px; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 575px) { .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .panel-title a { font-size: 16px; } } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .accordion-toggle { position: relative; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .accordion-toggle:after { font-family: "FontAwesome"; content: "\F056"; font-weight: 600; right: 20px; position: absolute; top: 1px; color: #ffffff; font-size: 35px; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .accordion-toggle.collapsed:after { content: "\F055"; color: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-collapse { background: transparent; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-body { background-color: #ffffff; -webkit-box-shadow: 0px 4px 6px 0px rgba(192, 192, 192, 0.75); box-shadow: 0px 4px 6px 0px rgba(192, 192, 192, 0.75); padding: 7px 30px 6px; border-radius: 0 0 4px 4px; max-height: 130px; overflow-y: auto; } .single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading.active { border-radius: 4px 4px 0 0; } .single-service-box .single-service-accordion .accordion-box .panel-default .active:after { background-color: #ffc92b; } .single-service-box .single-service-accordion .accordion-box .panel-default .active .panel-title a { color: #111111; } .single-service-box .single-service-accordion .accordion-box .panel-default .active .accordion-toggle:after { color: #ffc92b !important; } .single-service-box .single-service-gallery { margin-top: 15px; } .single-service-box .single-service-gallery .title { font-size: 28px; font-weight: 500; color: #111111; } .single-service-box .single-service-gallery .gallery-img { margin-bottom: 12px; text-align: center; position: relative; overflow: hidden; border-radius: 4px; } .single-service-box .single-service-gallery .gallery-img img { border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-gallery .gallery-img a { font-size: 30px; color: #ffc92b; position: absolute; top: 50%; left: 0; right: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-gallery .gallery-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; top: 0; left: 0; right: 0; position: absolute; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-box .single-service-gallery .gallery-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .single-service-box .single-service-gallery .gallery-img:hover a { visibility: visible; opacity: 1; } .single-service-box .single-service-gallery .gallery-img:hover a:hover { color: #ffffff; } .single-service-box .single-service-gallery .gallery-img:hover:after { visibility: visible; opacity: 1; } .loadmore-btn { margin-top: 25px; font-size: 16px; font-weight: 500; color: #ffffff; background-color: #ffc92b; border-radius: 4px; padding: 17px 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .loadmore-btn i { margin-top: 6px; font-size: 16px; visibility: hidden; opacity: 0; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .loadmore-btn:hover { background-color: #ffb400; color: #000000; } .loadmore-btn:hover i { color: #000000; visibility: visible; opacity: 1; margin-left: 10px; } .service-icon-image { display: inline-block; position: relative; } .service-icon-image img:last-child { position: absolute; top: 0; left: 0; display: none; } /*======================================================================= ## Widget Style =========================================================================*/ .widget_koncrete_about_company .footer-social li a { color: white; } .widget_koncrete_about_company .footer-social li a:hover { color: black; } .widget.main-footer-box li { margin-bottom: 7px; } .widget.main-footer-box li:last-child { margin-bottom: 0px; } .widget.main-footer-box li a { font-size: 15px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; } .widget.main-footer-box li a:hover { outline: none; } .widget.main-footer-box li a:active { outline: none; } .widget.main-footer-box li a:focus { outline: none; } .widget.main-footer-box.widget_recent_entries li { border-bottom: 1px solid #2c2c2c; margin-bottom: 15px; } .widget.main-footer-box.widget_recent_entries li:last-child { border-bottom: none; margin-bottom: 0px; } .widget.main-footer-box.widget_recent_entries li a { font-size: 15px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .widget.main-footer-box.widget_recent_entries .post-date { display: block; font-size: 15px; color: #969696; margin-bottom: 10px; } .widget.main-footer-box .footer-social a:hover { color: #000; -webkit-transform: scale(1); transform: scale(1); } .widget_nav_menu.main-footer-box li a { padding-left: 15px; display: inline-block; } .widget_nav_menu.main-footer-box li a:before { content: ''; position: absolute; top: 0; left: 0; color: #ffc92b; content: "\F105"; font-family: "FontAwesome"; font-size: 15px; } .sidebar-widget ul.children, .sidebar-widget ul.sub-menu { margin-left: 0; } .sidebar-widget.widget_categories ul li, .sidebar-widget.widget_archive ul li, .sidebar-widget.widget_pages ul li, .sidebar-widget.widget_nav_menu ul li { position: relative; padding: 7px 0 7px 18px; } .sidebar-widget.widget_categories ul li:before, .sidebar-widget.widget_archive ul li:before, .sidebar-widget.widget_pages ul li:before, .sidebar-widget.widget_nav_menu ul li:before { content: "\F0DA"; font-family: "FontAwesome"; font-weight: 900; position: absolute; left: 0; top: 7px; } .sidebar-widget.widget_categories ul li.menu-item-has-children, .sidebar-widget.widget_archive ul li.menu-item-has-children, .sidebar-widget.widget_pages ul li.menu-item-has-children, .sidebar-widget.widget_nav_menu ul li.menu-item-has-children { padding-bottom: 0; } .sidebar-widget.widget_categories ul li ul.children, .sidebar-widget.widget_archive ul li ul.children, .sidebar-widget.widget_pages ul li ul.children, .sidebar-widget.widget_nav_menu ul li ul.children { padding-top: 7px; } .sidebar-widget.widget_categories ul li ul.children li:last-child, .sidebar-widget.widget_archive ul li ul.children li:last-child, .sidebar-widget.widget_pages ul li ul.children li:last-child, .sidebar-widget.widget_nav_menu ul li ul.children li:last-child { padding-bottom: 0; } .sidebar-widget.widget_categories ul.sub-menu, .sidebar-widget.widget_archive ul.sub-menu, .sidebar-widget.widget_pages ul.sub-menu, .sidebar-widget.widget_nav_menu ul.sub-menu { padding-top: 7px; } .sidebar-widget.widget_categories .nice-select li:before, .sidebar-widget.widget_archive .nice-select li:before, .sidebar-widget.widget_pages .nice-select li:before, .sidebar-widget.widget_nav_menu .nice-select li:before { content: ''; } .sidebar-widget.widget_calendar caption { caption-side: initial; } .sidebar-widget.sidebar-widget .nice-select { float: none; } .sidebar-widget ul li a { display: inline-block; padding: 0; color: #646464; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar-widget ul li a:hover { color: #ffc92b; } .sidebar-widget.widget_calendar a { display: inline-block; padding: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar-widget.widget_calendar a:hover { color: #ffc92b; } .sidebar-widget.widget_rss li, .sidebar-widget.widget_recent_comments li, .sidebar-widget.widget_recent_entries li, .sidebar-widget.widget_meta li { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid rgba(10, 10, 10, 0.1); } .sidebar-widget.widget_rss li:last-child, .sidebar-widget.widget_recent_comments li:last-child, .sidebar-widget.widget_recent_entries li:last-child, .sidebar-widget.widget_meta li:last-child { border: none; } .sidebar-widget.widget_rss li:first-child, .sidebar-widget.widget_recent_comments li:first-child, .sidebar-widget.widget_recent_entries li:first-child, .sidebar-widget.widget_meta li:first-child { padding-top: 0; } .sidebar-widget.widget_tag_cloud .tagcloud a { margin-bottom: 10px; display: inline-block; border: 1px solid #a1a1a1; background: transparent; font-size: 15px !important; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color: #646464; padding: 6px 10px; } .sidebar-widget.widget_tag_cloud .tagcloud a:hover { background: #ffc92b; border: 1px solid #ffc92b; color: #ffffff; } .sidebar-widget .nice-select span.current { max-width: 100%; overflow: hidden; } .sidebar-widget select { max-width: 100%; } .footer-social li { display: inline-block; margin-right: 3px; } .footer-social li a { color: #ffffff; font-size: 14px; height: 35px; width: 35px; line-height: 35px; background-color: #313131; border-radius: 50px; display: block; text-align: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-social li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #ffc92b; color: #000000; } /** * Koncrete custom widget: testimonials; */ .widget_koncrete_testimonial_widgets { background-color: #f2f2f2; border-radius: 4px; padding: 30px 35px 35px 25px; position: relative; } .widget_koncrete_testimonial_widgets .testimonial-author { font-weight: bold; color: #000; margin: 5px 0; } .widget_koncrete_testimonial_widgets .widget-testimonial-box { margin-top: 30px; } .widget_koncrete_testimonial_widgets .widget-testimonial-box:after { content: url('../img/testimonial/quote3.png'); top: -2px; left: 0; position: absolute; } /** * Service contact widget */ .service-contact-widget .item-img { z-index: 1; position: relative; height: 350px; width: 100%; } .service-contact-widget .item-img:after { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.4)), to(transparent)); background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), transparent); border-radius: 4px; height: 95%; width: 100%; bottom: 0; left: 0; right: 0; position: absolute; z-index: 1; } .service-contact-widget .item-content { background: transparent; position: absolute; top: 60%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; text-align: center; } .service-contact-widget .item-content .title { font-size: 30px; color: #ffffff; font-weight: 500; } .service-contact-widget .item-content .item-btn { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #ffffff; background-color: #ffc92b; border: 1px solid #ffc92b; padding: 13px 50px 13px 30px; border-radius: 4px; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: inline-block; } .service-contact-widget .item-content .item-btn i { position: absolute; top: 11px; right: 30px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-contact-widget .item-content .item-btn i:before { margin-left: 0; font-weight: 600; font-size: 12px; } .service-contact-widget .item-content .item-btn:hover { background-color: transparent; border: 1px solid #ffc92b; } .service-contact-widget .item-content .item-btn:hover i { right: 20px; } .sidebar-widget-area h3 { font-size: 20px; } /*------------------------------------- ## Comment style ---------------------------------------*/ .single-blog-box ul.comment-list { list-style-type: none; } .comments-area { margin-top: 25px; } .comments-area ul.comment-list, .comments-area ul.children { list-style: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .comments-area ul.comment-list > li.comment { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 30px; } .comments-area ul.comment-list .each-comment img.avatar { border-radius: 50%; } .comments-area ul.children { margin-left: 50px; } @media all and (max-width: 991px) { .comments-area ul.children { margin-left: 20px; } } @media all and (max-width: 480px) { .comments-area ul.children { margin-left: 10px; } } .comments-area .comment-author { margin-bottom: 4px; font-weight: 500; color: #111111; font-size: 20px; } .comments-area .comment-time { color: #646464; font-size: 14px; margin-bottom: 12px; } .comments-area .avatar-disabled .main-comments ul.children { margin-left: 30px; } @media all and (max-width: 991px) { .comments-area .avatar-disabled .main-comments ul.children { margin-left: 20px; } } @media all and (max-width: 480px) { .comments-area .avatar-disabled .main-comments ul.children { margin-left: 10px; } } .comments-area h3.comment-title { color: #111; font-size: 24px; line-height: 1.3; position: relative; padding-bottom: 20px; } .comments-area h3.comment-title:after { background-color: #ffc92b; border-radius: 6px; content: ""; display: block; height: 3px; width: 50px; position: absolute; left: 0; bottom: 0; } .comments-area .main-comments { padding-top: 12px; } .comments-area .main-comments:first-child { padding-top: 0px; } .comments-area .main-comments .children li { padding-top: 12px; } .comments-area .main-comments .each-comment { padding: 15px 0; } @media all and (max-width: 480px) { .comments-area .main-comments .each-comment { padding: 5px 0; } } @media all and (max-width: 991px) { .comments-area .main-comments .imgholder { max-width: 90px; } } @media all and (max-width: 480px) { .comments-area .main-comments .imgholder { max-width: 50px; } } .comments-area .main-comments .imgholder img { margin-right: 20px; margin-bottom: 10px; } @media screen and (max-width: 480px) { .comments-area .main-comments .imgholder img { margin-right: 10px; } } .comments-area .main-comments .comment-meta { color: #111; font-size: 16px; line-height: 1.3; font-weight: 400; margin-bottom: 5px; } @media all and (max-width: 480px) { .comments-area .main-comments .comment-meta { font-size: 14px; } } .comments-area .main-comments .comment-meta .comment-meta-left { float: left; } @media all and (max-width: 991px) { .comments-area .main-comments .comment-meta .comment-meta-left { float: none; } } .comments-area .main-comments .comment-meta .comment-meta-left a { color: #111; } .comments-area .main-comments .comment-meta .comment-meta-left a:hover { text-decoration: underline; } .comments-area .main-comments .comment-meta .reply-area { float: right; } @media all and (max-width: 991px) { .comments-area .main-comments .comment-meta .reply-area { float: none; } } .comments-area .main-comments .comment-meta .reply-area a { display: inline-block; font-size: 15px; color: #444444; font-weight: 500; background-color: #f2f2f2; border-radius: 4px; padding: 5px 20px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .comments-area .main-comments .comment-meta .reply-area a:hover { background-color: #ffc92b; color: #ffffff; } @media only screen and (max-width: 575px) { .comments-area .main-comments .comment-meta .reply-area a { position: relative; top: 0; } } .comments-area .main-comments .comment-meta .reply-area .a { color: #fff; border-radius: 30px; padding: 10px 20px; display: block; background-color: #707070; font-size: 12px; line-height: 1.2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .comments-area .main-comments .comment-meta .reply-area .a:hover { background-color: #ffc92b; } @media all and (max-width: 991px) { .comments-area .main-comments .comment-meta .reply-area .a { display: inline-block; padding: 5px 15px; border-radius: 10px; } } .comments-area .main-comments .comments-body { margin-left: 0; } .comments-area .main-comments .comments-body .comment-text { font-size: 14px; line-height: 1.75; } .comments-area .main-comments .comments-body .comment-text p { margin-bottom: 10px; } .comments-area .main-comments .comments-body .comment-text .comment-awaiting-moderation { font-size: 16px; font-style: italic; font-weight: 700; line-height: 1.3; color: #111; } .comments-area .main-comments #respond { padding-top: 20px; } .comments-area .comments-closed { font-size: 16px; font-style: italic; font-weight: 700; padding-top: 20px; line-height: 1.3; color: #111; } .comments-area .comment-pagination { margin-top: 30px; } .comments-area .comment-pagination ul li { margin-right: 5px; margin-top: 0; } .comments-area .comment-pagination ul li a { font-size: 12px; padding: 10px; } #respond { margin-top: 25px; padding-top: 50px; } #respond .comment-reply-title-backup { font-size: 24px; line-height: 1.3; margin-bottom: 20px; color: #111; position: relative; padding-bottom: 18px; display: block; } #respond .comment-reply-title-backup:after { position: absolute; background-color: #ffc92b; border-radius: 6px; content: ""; display: block; height: 3px; left: 0; bottom: 0; width: 50px; } #respond .comment-notes, #respond .logged-in-as, #respond .form-group { margin-bottom: 20px; } #respond .logged-in-as a { color: #444; } #respond form input, #respond form textarea { border: none; background-color: #f9f9f9; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #111; font-weight: 500; } #respond form input:focus, #respond form textarea:focus { -webkit-box-shadow: none; box-shadow: none; } #respond form input::-webkit-input-placeholder, #respond form textarea::-webkit-input-placeholder { color: #868e96; } #respond form input::-moz-placeholder, #respond form textarea::-moz-placeholder { color: #868e96; } #respond form input::-ms-input-placeholder, #respond form textarea::-ms-input-placeholder { color: #868e96; } #respond form input::placeholder, #respond form textarea::placeholder { color: #868e96; } #respond form input { height: 45px; } #respond form input[type='checkbox'] { height: auto; margin-right: 10px; display: inline-block; } #respond form .btn-send { height: inherit; background-color: #ffc92b; border: none; color: #ffffff; font-size: 14px; font-weight: 700; padding: 15px 30px; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; line-height: 1.5; } #respond form .btn-send:hover { background-color: #ffb400; } #respond #cancel-comment-reply-link { font-size: 12px; } /*======================================================================= ## Single Blog post =========================================================================*/ .single-blog-box .item-content ul { list-style-type: disc; list-style-position: inside; } .sticky .item-content { background-color: #f8f8f8; position: relative; padding: 20px 20px 20px !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .sticky .item-content:after { content: "\F08D"; font-family: "FontAwesome"; font-weight: 600; font-size: 25px; color: #ffc92b; top: 0; right: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } .sticky .rtin-item-content { background-color: #f2f2f2; position: relative; } .sticky .rtin-item-content:after { content: "\F08D"; font-family: "FontAwesome"; font-weight: 600; font-size: 25px; color: #ffc92b; top: 0; right: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } .comments-wrapper form .form-group { margin-bottom: 15px; } .comments-wrapper form .form-group.form-submit { margin-top: 15px; } .comments-wrapper form .form-group .form-control { font-size: 16px; padding: 15px 20px; border: 1px solid #cccccc; color: #444444; border-radius: 4px; } .comments-wrapper form .form-group .btn-send { display: block; border: 1px solid #ffc92b; background-color: #ffc92b; color: #ffffff; font-weight: 500; font-size: 18px; text-transform: uppercase; border-radius: 4px; padding: 15px 25px; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .comments-wrapper form .form-group .btn-send:hover { color: #000000; } .comments-wrapper h3.title { font-weight: 500; color: #111111; } .blog-tag ul li { display: inline-block; border: 1px solid #a1a1a1; margin-bottom: 5px; background: transparent; font-size: 15px; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-tag ul li a { color: #646464; display: block; padding: 6px 10px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .blog-tag ul li:hover { background: #ffc92b; border: 1px solid #ffc92b; } .blog-tag ul li:hover a { color: #ffffff; } @media only screen and (max-width: 767px) { .blog-tag { text-align: center; margin-bottom: 20px; } } .post-pagination { text-align: left; margin: 1em 0; } .post-pagination .post-page-numbers:first-child { margin-left: 8px; } .post-pagination span { display: inline-block; border: 1px solid #dddddd; padding: 4px 15px; border-radius: 4px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 20px; background-color: #ffc92b; color: #ffffff; } .post-pagination span.post-page-numbers { padding: 0; } .post-pagination span.post-page-numbers.current { padding: 0; border: none; } .post-pagination a span { background-color: #ffffff; color: #111111; } .post-password-form input[type='password'] { padding: 5px 20px; } /*======================================================================= ## Title Content Button =========================================================================*/ .rtel-title-content-button .rtin-content { padding-right: 20px; } .rtel-title-content-button .rtin-content .rtin-title { color: #111111; line-height: 1.3; font-size: 32px; } @media screen and (max-width: 991px) { .rtel-title-content-button .rtin-content .rtin-title { font-size: 24px; } } .rtel-title-content-button .rtin-content .rtin-subtitle { font-weight: 500; color: #000000; line-height: 28px; margin-bottom: 14px; } .rtel-title-content-button .rtin-content .rtin-text { margin-bottom: 30px; } .rtel-title-content-button .rtin-content p { font-size: 18px; } .rtel-title-content-button .rtin-content .item-btn { display: inline-block; font-size: 16px; font-weight: 500; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-title-content-button .rtin-content .item-btn i { margin-left: 10px; font-size: 16px; } .rtel-title-content-button .rtin-content .item-btn:hover { background-color: #ffb400; color: #ffffff; } .rtel-title-content-button.view-1 .rtin-content .rtin-title { font-size: 38px; } @media screen and (max-width: 991px) { .rtel-title-content-button.view-1 .rtin-content .rtin-title { font-size: 30px; } } .rtel-title-content-button.view-3 .rtin-content .rtin-title { font-size: 28px; } .rtel-title-content-button.view-3 .rtin-content p { font-size: 16px; } .rtel-title-content-button2 { padding-right: 20px; } .rtel-title-content-button2 .title { font-weight: 500; color: #111111; } .rtel-title-content-button2 .subtitle { font-size: 20px; font-weight: 500; color: #111111; margin-bottom: 20px; } .rtel-title-content-button2 p { color: #111111; } .rtel-title-content-button2 .item-btn { display: inline-block; font-size: 16px; font-weight: 500; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-title-content-button2 .item-btn i { margin-left: 10px; font-size: 16px; } .rtel-title-content-button2 .item-btn:hover { background-color: #ffb400; color: #ffffff; } /*======================================================================= ## Progress =========================================================================*/ .rtel-progress-1 .rtin-content { position: relative; margin-right: 10px; } .rtel-progress-1 .rtin-content.has-right-border:after { content: ""; height: 80px; width: 1px; background-color: rgba(221, 221, 221, 0.5); top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } @media only screen and (max-width: 991px) { .rtel-progress-1 .rtin-content.has-right-border:after { display: none; } } .rtel-progress-1 .rtin-content .rtin-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-progress-1 .rtin-content .rtin-media i { margin-top: 30px; } .rtel-progress-1 .rtin-content .rtin-media i:before { font-size: 100px; color: #ffc92b; margin-left: 0px; } .rtel-progress-1 .rtin-content .rtin-media .rtin-media-body { margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 11px 0; } .rtel-progress-1 .rtin-content .rtin-media .rtin-media-body .rtin-title { font-size: 48px; color: #111111; font-weight: 500; } .rtel-progress-1 .rtin-content .rtin-media .rtin-media-body .rtin-subtitle { font-size: 20px; font-weight: 500; } .rtel-progress-1.dark-theme .rtin-content .rtin-media-body .rtin-title { color: white; } .rtel-progress-1.dark-theme .rtin-content .rtin-media-body .rtin-subtitle { color: white; } .rtel-progress-2 .progress { height: auto; position: relative; border-radius: 30px; margin-bottom: 25px; -webkit-box-shadow: inset 0px 2px 1px rgba(206, 206, 206, 0.75); box-shadow: inset 0px 2px 1px rgba(206, 206, 206, 0.75); } .rtel-progress-2 .progress:last-child { margin-bottom: 0; } .rtel-progress-2 .progress .lead { color: #ffffff; font-size: 18px; font-weight: 500; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 18px; z-index: 10; } .rtel-progress-2 .progress .progress-bar { background-color: #ffc92b; padding: 18px 0; border-radius: 30px; position: relative; } .rtel-progress-2 .progress .progress-bar span { font-size: 18px; font-weight: 500; display: block; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*======================================================================= ## Call to Action =========================================================================*/ .rtel-call-to-action { background-color: #ffc92b; padding: 60px 0; background-image: url('../img/essential/scale.png'); background-repeat: repeat-x; } .rtel-call-to-action.no-stripe { background-image: none; } .rtel-call-to-action .rtin-content-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .rtel-call-to-action .rtin-content-left h2 { color: #ffffff; margin-bottom: 0px; font-size: 34px; line-height: 1.3; } @media only screen and (max-width: 991px) { .rtel-call-to-action .rtin-content-left { text-align: center; margin-bottom: 30px; } .rtel-call-to-action .rtin-content-left h2 { font-size: 24px; } } .rtel-call-to-action .rtin-content-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .rtel-call-to-action .rtin-content-right .item-btn { position: relative; overflow: hidden; border-radius: 4px; font-size: 18px; font-weight: 500; color: #000000; background-color: #ffffff; padding: 15px 30px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-call-to-action .rtin-content-right .item-btn:before { content: ""; width: 0; height: 2px; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: #fff; right: 0; top: 0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .rtel-call-to-action .rtin-content-right .item-btn:after { content: ""; width: 0; height: 2px; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: #fff; left: 0; bottom: 0; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .rtel-call-to-action .rtin-content-right .item-btn span:before { content: ""; width: 2px; height: 0; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: #fff; -webkit-transition-delay: 0s; transition-delay: 0s; left: 0; top: 0; } .rtel-call-to-action .rtin-content-right .item-btn span:after { content: ""; width: 2px; height: 0; position: absolute; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; background: #fff; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; right: 0; bottom: 0; } .rtel-call-to-action .rtin-content-right .item-btn i { margin-left: 10px; font-size: 18px; } .rtel-call-to-action .rtin-content-right .item-btn:hover { background-color: transparent; color: #ffffff; } .rtel-call-to-action .rtin-content-right .item-btn:hover:after { width: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; } .rtel-call-to-action .rtin-content-right .item-btn:hover:before { width: 100%; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .rtel-call-to-action .rtin-content-right .item-btn:hover span:before { height: 100%; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .rtel-call-to-action .rtin-content-right .item-btn:hover span:after { height: 100%; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } @media only screen and (max-width: 991px) { .rtel-call-to-action .rtin-content-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-call-to-action .rtin-content-right .item-btn { font-size: 16px; } .rtel-call-to-action .rtin-content-right .item-btn i { font-size: 16px; } } /*======================================================================= ## Project Gallery; =========================================================================*/ .rtel-project-gallery .isotop-btn { margin-bottom: 35px; } .rtel-project-gallery .isotop-btn a { display: inline-block; font-size: 16px; color: #111111; padding: 8px 20px; margin-bottom: 10px; background-color: #f8f8f8; border-radius: 4px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .isotop-btn a:hover { background-color: #ffc92b; } .rtel-project-gallery .isotop-btn .current { background-color: #ffc92b; } .rtel-project-gallery .isotop-btn1 { margin-bottom: 52px; position: relative; display: inline-block; } @media only screen and (max-width: 575px) { .rtel-project-gallery .isotop-btn1:after { display: none; } } .rtel-project-gallery .isotop-btn1 a.nav-item { color: inherit; font-weight: 500; font-family: 'Rubik', sans-serif; margin-right: 40px; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .isotop-btn1 a.nav-item:last-child { margin-right: 0px; } .rtel-project-gallery .isotop-btn1 a.nav-item:after { content: ""; height: 3px; width: 0%; background-color: #ffc92b; bottom: -15px; left: 0; right: 0; z-index: 2; position: absolute; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .isotop-btn1 a.nav-item:hover { color: #ffc92b; } .rtel-project-gallery .isotop-btn1 a.nav-item:hover:after { width: 100%; } @media only screen and (max-width: 575px) { .rtel-project-gallery .isotop-btn1 a.nav-item { display: block; margin: 0 0 25px; } } .rtel-project-gallery .isotop-btn1 a.current { color: #ffc92b; } .rtel-project-gallery .isotop-btn1 a.current:after { width: 100%; } .rtel-project-gallery .isotop-btn1:after { content: ""; height: 3px; width: 100%; background-color: #e2e2e2; bottom: -15px; left: 0; right: 0; z-index: 1; position: absolute; } .rtel-project-gallery .rtin-project-layout2 { margin-bottom: 20px; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img { position: relative; overflow: hidden; height: 225px; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img:after { visibility: hidden; opacity: 0; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img img { width: 100%; height: calc(100% + 40px); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap { visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap .item-btn { position: absolute; bottom: 5px; right: 5px; z-index: 2; width: 0; height: 0; border-bottom: 0px solid #ffc92b; border-left: 70px solid transparent; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap .item-btn i { position: absolute; bottom: -66px; right: 10px; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap .item-btn i:before { font-size: 15px; font-weight: 500; color: #ffffff; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 { position: absolute; top: 0%; left: 0; right: 0; margin: 0 auto; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn { background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 50%; height: 50px; width: 50px; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn i:before { margin-left: 0; font-size: 20px; font-weight: 500; line-height: 50px; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn:hover { background-color: transparent; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn:hover i:before { color: #ffffff; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-content { padding: 25px 0; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title { margin-bottom: 10px; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title a:hover { color: #ffc92b; } .rtel-project-gallery .rtin-project-layout2 .rtin-item-content .sub-title { color: #666; } .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img img { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img:after { opacity: 1; visibility: visible; } .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img .item-btn-wrap { visibility: visible; opacity: 1; } .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img .item-btn-wrap .item-btn { border-bottom: 75px solid #ffc92b; } .rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img .item-btn-wrap1 { visibility: visible; opacity: 1; top: 50%; } /* # project-gallery/view-1; */ .rtel-project-gallery1 .rtin-project-layout1 { margin-bottom: 30px; } @media screen and (max-width: 767px) { .rtel-project-gallery1 .rtin-project-layout1 { padding: 15px; } } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-img { overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.5); border-radius: 4px 4px 0 0; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; position: absolute; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-img img { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content { background-color: #f8f8f8; border-radius: 0 0 4px 4px; padding: 25px 0px 25px 30px; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title { margin-bottom: 10px; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title a:hover { color: #ffc92b; } .rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-sub-title { font-weight: 500; color: #666; } .rtel-project-gallery1 .rtin-project-layout1:hover .rtin-item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .rtel-project-gallery1 .rtin-project-layout1:hover .rtin-item-img:after { visibility: visible; opacity: 1; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0); } /* # project-gallery/view-4; */ .rtel-project-gallery4 .rtin-project-layout4 { z-index: 10; position: relative; margin-bottom: 30px; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img { position: relative; text-align: center; overflow: hidden; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img img { border-radius: 4px; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img .item-btn-wrap { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 100%; right: 0; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img .item-btn-wrap .item-btn { font-size: 18px; font-weight: 500; color: #111111; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 4px; padding: 10px 35px; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img .item-btn-wrap .item-btn:hover { background-color: transparent; border: 1px solid #fff; color: #ffffff; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img:after { content: ""; height: 97%; width: 95%; background-color: rgba(255, 194, 17, 0.8); border-radius: 4px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1; position: absolute; visibility: hidden; opacity: 0; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img:hover:after { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img:hover .item-btn-wrap { visibility: visible; opacity: 1; left: 0; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content { margin-top: 25px; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title { font-weight: 500; color: #ffffff; margin-bottom: 10px; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a { color: #ffffff; font-size: 24px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a.theme-dark { color: #fff; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a.theme-light { color: #111; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a:hover { color: #ffc92b; } .rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-subtitle { color: #ffc92b; } /* # project-gallery/view-5; */ .rtel-project-gallery5 .rtin-project-layout5 { margin-bottom: 4px; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img { position: relative; overflow: hidden; -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img:after { visibility: hidden; opacity: 0; content: ""; height: 100%; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content { overflow: hidden; display: inline-block; position: absolute; bottom: -120px; left: 0; right: 0; margin: 0 auto; background-color: rgba(255, 194, 17, 0.9); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; z-index: 10; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner { position: relative; padding: 20px 80px 20px 20px; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title { margin-bottom: 0; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .title a:hover { color: #ffffff; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner .item-date { color: #111111; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner a.item-icon { display: inline-block; height: 48px; width: 48px; line-height: 45px; text-align: center; border: 2px solid #ffffff; border-radius: 50%; position: absolute; top: 100%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content .item-content-inner a.item-icon i:before { margin-left: 0; color: #ffffff; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery5 .rtin-project-layout5:hover .rtin-item-img:after { visibility: visible; opacity: 1; } .rtel-project-gallery5 .rtin-project-layout5:hover .rtin-item-img .rtin-item-content { visibility: visible; opacity: 1; bottom: 0; } .rtel-project-gallery5 .rtin-project-layout5:hover .rtin-item-img .rtin-item-content .item-content-inner a.item-icon { visibility: visible; opacity: 1; top: 50%; } .rtel-project-gallery5 .rtin-project-layout5:hover .rtin-item-img .rtin-item-content .item-content-inner a.item-icon:hover { background-color: #ffffff; } .rtel-project-gallery5 .rtin-project-layout5:hover .rtin-item-img .rtin-item-content .item-content-inner a.item-icon:hover i:before { color: #111111; } /* # project-gallery/view-6; */ @media only screen and (max-width: 768px) { .rtel-project-gallery6 { margin-top: 40px; } } .rtel-project-gallery6 .rtin-project-layout6 { border-radius: 4px; overflow: hidden; position: relative; -webkit-box-shadow: 0px 1px 0px 0px rgba(216, 216, 216, 0.75); box-shadow: 0px 1px 0px 0px rgba(216, 216, 216, 0.75); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery6 .rtin-project-layout6 img { border-radius: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery6 .rtin-project-layout6:before { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); opacity: 0.8; height: 60%; width: 100%; bottom: 0; left: 0; right: 0; border-radius: 4px; position: absolute; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content { position: absolute; top: 77%; left: 45px; -webkit-transform: translateY(0); transform: translateY(0); z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title { font-size: 20px; font-weight: 500; position: relative; line-height: 1.2em; } @media only screen and (max-width: 1199px) { .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title { font-size: 18px; } } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title a { color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title a:hover { color: #ffc92b; } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title:before { content: ""; height: 100%; width: 3px; background-color: #ffc92b; left: -18px; z-index: 2; position: absolute; } .rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content p { padding-right: 10px; color: #dedede; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-project-gallery6 .rtin-project-layout6:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } .rtel-project-gallery6 .rtin-project-layout6:hover:before { height: 100%; opacity: 1; } .rtel-project-gallery6 .rtin-project-layout6:hover .rtin-item-content { top: 75%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rtel-project-gallery6 .rtin-project-layout6:hover .rtin-item-content p { visibility: visible; opacity: 1; } .rtel-project-gallery6 .smart-nav-layout3 { position: absolute; top: -115px; right: 0; } @media screen and (max-width: 768px) { .rtel-project-gallery6 .smart-nav-layout3 { top: -40px; left: 0; right: auto; } } .rtel-project-gallery6 .smart-nav-layout3 div { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; background-color: #ffffff; border-radius: 50%; border: none; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .rtel-project-gallery6 .smart-nav-layout3 div:last-child { margin-right: 0; } .rtel-project-gallery6 .smart-nav-layout3 div i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .rtel-project-gallery6 .smart-nav-layout3 div:hover { background-color: #ffc92b; color: #ffffff; border-color: #ffc92b; } .rtel-project-gallery7 .rtin-project-box-layout4 { margin-bottom: 3rem; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img { position: relative; overflow: hidden; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img img { position: relative; left: 0; width: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content { display: inline-block; position: absolute; bottom: 12px; left: 0; right: 0; margin: 0 auto; width: 95%; background-color: rgba(255, 255, 255, 0.9); } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner { position: relative; padding: 20px 30px; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a { font-weight: 500; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a:hover { color: #ffc92b; } @media only screen and (max-width: 479px) { .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a { font-size: 16px; } } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .subtitle-block { color: #333; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon { display: inline-block; background-color: #ffc92b; padding: 12px 22px; border-radius: 4px; border: 2px solid #ffc92b; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon i:before { margin-left: 0; color: #ffffff; font-size: 14px; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon:hover { background-color: transparent; } .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon:hover i:before { color: #111111; } @media only screen and (max-width: 479px) { .rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon { display: none; } } .rtel-project-gallery7 .rtin-project-box-layout4:hover .item-img img { left: 30px; } .rtel-project-gallery7 .rtin-project-box-layout4:hover .item-img .item-content .item-content-inner a.item-icon { visibility: visible; opacity: 1; } /*======================================================================= ## Widget Title =========================================================================*/ .rtel-widget-title .rtin-title { font-size: 30px; font-weight: 500; line-height: 1.5; margin-bottom: 12px; padding-bottom: 15px; position: relative; font-family: 'Rubik', sans-serif; display: inline-block; } .rtel-widget-title .rtin-title:before { content: ""; height: 4px; width: 50px; background-color: #ffc92b; position: absolute; left: 0; bottom: 0; z-index: 1; } .rtel-widget-title .rtin-title.before-border-center:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .rtel-widget-title .rtin-title.before-border-right:before { left: auto; right: 0; } /*======================================================================= ## Section Title =========================================================================*/ .rtel-section-title h2.rtin-title { color: #000; font-family: "Rubik", Sans-serif; font-size: 34px; font-weight: 500; line-height: 1.3; margin: 0; padding-bottom: 12px; } @media screen and (max-width: 991px) { .rtel-section-title h2.rtin-title { font-size: 30px; } } .rtel-section-title p.rtin-subtitle { color: #444; font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 400; margin: 0; } /*======================================================================= ## Accordion =========================================================================*/ .rtel-koncrete-accordion .rtin-content .panel-default { margin-top: 0 !important; border-radius: 4px; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default:last-child { border-bottom: 0; margin-bottom: 0; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading { border-bottom: 1px solid #d7d7d7; padding: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .panel-title { border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .panel-title a { border-radius: 4px; color: #111111; font-size: 20px; font-weight: 500; padding: 15px 30px 15px 0; display: block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .panel-title a { font-size: 18px; } } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .accordion-toggle { position: relative; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .accordion-toggle:after { font-family: "FontAwesome"; content: "\F078"; font-weight: 600; right: 8px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffc92b; font-size: 14px; z-index: 1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .accordion-toggle.collapsed:after { content: "\F054"; color: #cccccc; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active { border: none; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active:after { background-color: #ffc92b; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active .panel-title a { color: #ffc92b; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active .accordion-toggle:after { color: #ffc92b; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-collapse { background: transparent; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-koncrete-accordion .rtin-content .panel-default .panel-body { padding-right: 40px; border-radius: 0 0 4px 4px; max-height: 180px; overflow-y: auto; } /*======================================================================= ## Team Gallery =========================================================================*/ .rtel-team-gallery ul, .rtel-team-gallery ul.item-social { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav { margin-top: 0; } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav > div { color: #000000; background: #ffffff; opacity: 0; visibility: hidden; font-size: 18px; height: 46px; width: 46px; text-align: center; border-radius: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px rgba(207, 207, 207, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav > div { height: 44px; width: 44px; font-size: 17px; } } @media only screen and (max-width: 991px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav > div { height: 40px; width: 40px; font-size: 16px; } } @media only screen and (max-width: 767px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav > div { height: 36px; width: 36px; font-size: 15px; } } @media only screen and (max-width: 575px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-nav > div { height: 30px; width: 30px; font-size: 14px; } } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-prev { left: -30px; } @media only screen and (max-width: 575px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-prev { left: -10px; } } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-prev:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-next { right: -30px; } @media only screen and (max-width: 575px) { .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-next { right: -10px; } } .rtel-team-gallery .nav-control-layout4 .owl-controls .owl-next:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery .nav-control-layout4:hover .owl-controls .owl-prev { opacity: 1; visibility: visible; } .rtel-team-gallery .nav-control-layout4:hover .owl-controls .owl-next { opacity: 1; visibility: visible; } /* # team-gallery/view-1; */ .rtel-team-gallery1 .rtin-team-layout1 { margin-bottom: 15px; overflow: hidden; position: relative; text-align: center; background-color: #f2f2f2; padding: 25px 15px 0; border-radius: 4px; } .rtel-team-gallery1 .rtin-team-layout1 .item-img img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content { padding: 20px 0; width: 88%; background-color: #ffffff; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; z-index: 2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-title { margin-bottom: 4px; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-title a { font-weight: 500; color: #111111; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-title a:hover { color: #ffc92b; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-subtitle { color: #ffc92b; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content { padding: 20px 15px 30px; background-color: #ffc92b; width: 88%; position: absolute; bottom: -150px; left: 0; right: 0; margin: 0 auto; visibility: hidden; opacity: 0; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; z-index: 2; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-title { margin-bottom: 4px; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-title a { font-weight: 500; color: #ffffff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-title a:hover { color: #111111; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-subtitle { margin-bottom: 10px; color: #ffffff; font-weight: 500; font-size: 18px; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-social li { display: inline-block; margin-right: 15px; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-social li:last-child { margin-right: 0; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-social li a { font-size: 25px; color: #ffffff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content .item-social li a:hover { color: #111111; } .rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content p { color: white; } .rtel-team-gallery1 .rtin-team-layout1:hover .item-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .rtel-team-gallery1 .rtin-team-layout1:hover .item-img .front-inner-content { visibility: hidden; opacity: 0; } .rtel-team-gallery1 .rtin-team-layout1:hover .item-img .back-inner-content { visibility: visible; opacity: 1; bottom: 15px; } /* # team-gallery/view-2; */ .rtel-team-gallery2 .rtin-team-layout2 { border-radius: 0 0 4px 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-bottom: 15px; } .rtel-team-gallery2 .rtin-team-layout2 .item-img { overflow: hidden; position: relative; border-radius: 4px 4px 0 0; } .rtel-team-gallery2 .rtin-team-layout2 .item-img img { border-radius: 4px 4px 0 0; width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery2 .rtin-team-layout2 .item-img:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; z-index: 2; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team { text-align: center; background-color: #f2f2f2; padding: 30px 25px 25px; border-radius: 0 0 4px 4px; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-title { margin-bottom: 4px; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 24px; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-title a:hover { color: #ffc92b; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-subtitle { font-size: 16px; color: #646464; text-align: center; margin-bottom: 10px; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-social { margin-bottom: 15px; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-social li { display: inline-block; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-social li a { padding: 5px 12px; font-size: 18px; color: #7e7a7a; display: inline-block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-social li a:hover { color: #111111; -webkit-transform: scale(1.2); transform: scale(1.2); } @media (min-width: 992px) and (max-width: 1199px) { .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-social li a { font-size: 16px; } } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn { background-color: #ffffff; display: block; color: #646464; font-size: 16px; padding: 15px 5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75); box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn i { color: #ffc92b; margin-right: 12px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn:hover { background-color: #ffc92b; color: #ffffff; } .rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn:hover i { color: #ffffff; } .rtel-team-gallery2 .rtin-team-layout2:hover .item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .rtel-team-gallery2 .rtin-team-layout2:hover .item-img:before { visibility: visible; opacity: 1; } .rtel-team-gallery2 .rtin-team-layout2:hover .item-img:after { height: 80%; width: 80%; } /* # team-gallery/view-3; */ .rtel-team-gallery3 .rtin-team-layout3 { text-align: center; padding: 20px; background-color: #ffffff; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 767px) { .rtel-team-gallery3 .rtin-team-layout3 { text-align: center; } } .rtel-team-gallery3 .rtin-team-layout3 .item-img { position: relative; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery3 .rtin-team-layout3 .item-img img { border-radius: 50%; width: 100%; background-color: #f2f2f2; -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery3 .rtin-team-layout3 .item-img:before { position: absolute; content: ""; height: 100%; width: 100%; background: transparent; border-radius: 50%; background: #ffb400; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-title { margin-bottom: 4px; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-title a { color: #111111; font-weight: 500; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-title a:hover { color: #ffc92b; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-subtitle { color: #8c8c8c; margin-bottom: 8px; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team p { font-size: 16px; line-height: 24px; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li { display: inline-block; margin-right: 3px; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li:last-child { margin-right: 0px; } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li a { border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; height: 45px; width: 45px; line-height: 45px; color: #444444; display: block; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (min-width: 768px) and (max-width: 991px) { .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li a { height: 40px; width: 40px; line-height: 40px; } } .rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li a:hover { background-color: #ffc92b; border: 1px solid #ffc92b; -webkit-transform: scale3d(1.1); transform: scale3d(1.1); } .rtel-team-gallery3 .rtin-team-layout3:hover .item-img img { -webkit-transform: scale(0.92); transform: scale(0.92); } /* # team-gallery/view-4; */ .rtel-team-gallery4 .rtin-team-layout4 { -webkit-box-shadow: 0px 1px 1px 0px rgba(197, 197, 197, 0.5); box-shadow: 0px 1px 1px 0px rgba(197, 197, 197, 0.5); border: 1px solid rgba(197, 197, 197, 0.3); margin: 0 1px; padding: 30px; background-color: #ffffff; border-radius: 4px; margin-bottom: 10px; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery4 .rtin-team-layout4 .item-img { position: relative; display: inline-block; } .rtel-team-gallery4 .rtin-team-layout4 .item-img:after { content: ""; height: 100%; width: 100%; background-color: rgba(255, 194, 17, 0.85); border-radius: 50%; bottom: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; position: absolute; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery4 .rtin-team-layout4 .item-img img { border-radius: 50%; background-color: #f2f2f2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team { margin: 20px 0 23px; text-align: center; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team h3 { margin-bottom: 4px; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team h3 a { color: #111111; font-weight: 500; font-size: 24px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team h3 a:hover { color: #ffc92b; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team .subtitle { font-size: 17px; color: #ffc92b; margin-bottom: 15px; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team p { font-size: 16px; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team .item-social li { display: inline-block; margin-right: 3px; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team .item-social li:last-child { margin-right: 0px; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team .item-social li a { border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; height: 40px; width: 40px; line-height: 40px; color: #444444; display: block; text-align: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-team-gallery4 .rtin-team-layout4 .item-content-team .item-social li a:hover { background-color: #ffc92b; border: 1px solid #ffc92b; -webkit-transform: scale3d(1.1); transform: scale3d(1.1); } .rtel-team-gallery4 .rtin-team-layout4:hover { -webkit-box-shadow: 0px 1px 5px 0px rgba(197, 197, 197, 0.75); box-shadow: 0px 1px 5px 0px rgba(197, 197, 197, 0.75); } .rtel-team-gallery4 .rtin-team-layout4:hover .item-img:after { visibility: visible; opacity: 1; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); box-shadow: 0 0 0 25px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } .rtel-team-gallery6 { background: #f8f8f8; } /*======================================================================= ## Testimonial =========================================================================*/ .rtel-testimonial ul, .rtel-testimonial ul.item-social { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-nav { margin-top: 0; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-nav .fa { font-weight: 900; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-nav > div { font-size: 20px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 45px; width: 50px; background: #ffb400; border-radius: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: -22px; margin: 0; padding: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-prev { right: 51px; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-prev:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-prev:hover i { color: #ffffff; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-next { right: 0px; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-next:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-testimonial .nav-control-layout5 .owl-controls .owl-next:hover i { color: #ffffff; } .rtel-testimonial .rtin-smart-nav-layout1 { position: relative; margin-bottom: 30px; } .rtel-testimonial .rtin-smart-nav-layout1 div, .rtel-testimonial .rtin-smart-nav-layout1 span { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px; width: 55px; background-color: #ffffff; border-radius: 50%; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .rtel-testimonial .rtin-smart-nav-layout1 div:last-child, .rtel-testimonial .rtin-smart-nav-layout1 span:last-child { margin-right: 0; } .rtel-testimonial .rtin-smart-nav-layout1 div i:before, .rtel-testimonial .rtin-smart-nav-layout1 span i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .rtel-testimonial .rtin-smart-nav-layout1 div:hover, .rtel-testimonial .rtin-smart-nav-layout1 span:hover { background-color: #ffc92b; color: #000000; border-color: #ffc92b; } /* # Testimonial/view-1 */ .rtel-testimonial1 .media-body { margin-left: 30px; } .rtel-testimonial1 .owl-stage-outer { background: white; } .rtel-testimonial1 .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rtel-testimonial1 .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto !important; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content { background-color: #ffffff; padding: 30px 30px 28px; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content img { width: 70px; height: 70px; border-radius: 50%; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body .title { font-size: 22px; font-weight: 500; color: #111111; margin-bottom: 0px; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body .subtitle { font-size: 16px; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body ul li { display: inline-block; font-size: 14px; margin-bottom: 8px; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body ul li.has-rating { color: #ffc92b; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body p { font-style: italic; position: relative; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body p:after { font-family: "FontAwesome"; font-size: 30px; content: "\F10D"; font-weight: 900; left: -85px; position: absolute; top: 5px; color: #ffc92b; } .rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content.has-image-border { border: 1px solid #d7d7d7; } /* # Testimonial/view-2 */ .rtel-testimonial2 .rtin-testimonial-layout2 .left-text { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content { -webkit-box-shadow: 0px 1px 1px 0px rgba(197, 197, 197, 0.5); box-shadow: 0px 1px 1px 0px rgba(197, 197, 197, 0.5); border: 1px solid rgba(197, 197, 197, 0.3); margin: 0 1px; padding: 60px 50px 35px; background-color: #ffffff; border-radius: 4px; text-align: center; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-img { margin-bottom: 20px; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-img img { width: auto; border-radius: 50%; margin: 0 auto; width: 110px; height: 110px; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-title { font-weight: 500; margin-bottom: 0; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-subtitle { font-size: 16px; font-weight: 300; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-rating { margin-top: 5px; margin-bottom: 20px; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-rating li { font-size: 14px; display: inline-block; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-rating li.has-rating { color: #ffc92b; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-nav { margin-top: 0; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-nav > div { font-size: 20px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 45px; width: 50px; background: #ffb400; border-radius: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: -22px; margin: 0; padding: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-prev { right: 51px; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-prev:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-prev:hover i { color: #ffffff; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-next { right: 0px; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-next:hover { background: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-next:hover i { color: #ffffff; } /* # Testimonial/view-3 */ .rtel-testimonial3 .dark .rtin-testimonial-layout3-content { background: transparent; } .rtel-testimonial3 .dark .rtin-testimonial-layout3-content .rtin-item-content .title { color: #fff; } .rtel-testimonial3 .dark .rtin-testimonial-layout3-content .rtin-item-content .subtitle, .rtel-testimonial3 .dark .rtin-testimonial-layout3-content .rtin-item-content p { color: #e8e8e8; } .rtel-testimonial3 .dark .dot-control-layout4 .owl-controls .owl-dots .owl-dot.active span { -webkit-box-shadow: none; box-shadow: none; } .rtel-testimonial3 .rtin-testimonial-layout3-content { background-color: #ffffff; border-radius: 4px; text-align: center; width: 80%; margin: 63px auto 0; padding: 63px 0 90px; position: relative; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-img { height: 90px; width: 90px; margin: 0 auto; position: absolute; top: -46px; left: 0; right: 0; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-img img { border-radius: 50%; max-width: 100%; height: auto; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content .title { font-weight: 500; color: #111111; margin-bottom: 0px; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content .subtitle { color: #7c7c7c; font-size: 16px; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content ul { margin-bottom: 15px; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content ul li { display: inline-block; font-size: 14px; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content ul li.has-rating { color: #ffc92b; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content p { width: 70%; font-size: 20px; line-height: 30px; font-style: italic; margin: 0 auto 10px; position: relative; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content p:after { font-family: "FontAwesome"; content: "\F10E"; font-weight: 600; bottom: -8px; right: -30px; position: absolute; color: #ffc92b; } .rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content p:before { font-family: "FontAwesome"; content: "\F10D"; font-weight: 600; top: -5px; left: -25px; position: absolute; color: #ffc92b; } .rtel-testimonial3 .dot-control-layout4 { position: relative; } .rtel-testimonial3 .dot-control-layout4 .owl-controls { margin-top: 32px; position: absolute; bottom: 55px; left: 0; right: 0; } .rtel-testimonial3 .dot-control-layout4 .owl-controls .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-testimonial3 .dot-control-layout4 .owl-controls .owl-dots .owl-dot { margin: 0px; } .rtel-testimonial3 .dot-control-layout4 .owl-controls .owl-dots .owl-dot span { margin: 3px; height: 18px; width: 18px; display: block; border-radius: 50%; background: transparent; border: 1px solid #c2c2c2; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-testimonial3 .dot-control-layout4 .owl-controls .owl-dots .active span { border: 1px solid #ffc92b; background: #ffc92b; -webkit-box-shadow: 0px 6px 8px 0px rgba(141, 141, 141, 0.75); box-shadow: 0px 6px 8px 0px rgba(141, 141, 141, 0.75); } .rtel-testimonial3 .dot-control-layout4 .owl-nav { margin-top: 0; } /*======================================================================= ## Clients Brand =========================================================================*/ /* # clients-brand/view-1 */ .rtel-clients-brand-1 { margin-bottom: 30px; } .rtel-clients-brand-1 .brand-img { background-color: #ffffff; text-align: center; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 103px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-clients-brand-1 .brand-img img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rtel-clients-brand-1 .brand-img:hover { background-color: #ffc92b; } .rtel-clients-brand-1 .brand-img:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .rtel-clients-brand-1 .brand-img.has-image-border { border: 1px solid #d7d7d7; } /* # clients-brand/view-2; */ .rtel-clients-brand-2 .rtin-clients-brand-2-inner img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-clients-brand-2 .rtin-clients-brand-2-inner:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav { margin-top: 0; } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav > div { color: #000000; background: #ffffff; opacity: 0; visibility: hidden; font-size: 18px; height: 46px; width: 46px; text-align: center; border-radius: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px rgba(207, 207, 207, 0.75); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav > div { height: 44px; width: 44px; font-size: 17px; } } @media only screen and (max-width: 991px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav > div { height: 40px; width: 40px; font-size: 16px; } } @media only screen and (max-width: 767px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav > div { height: 36px; width: 36px; font-size: 15px; } } @media only screen and (max-width: 575px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-nav > div { height: 30px; width: 30px; font-size: 14px; } } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-prev { left: -30px; } @media only screen and (max-width: 575px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-prev { left: -10px; } } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-prev:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-next { right: -30px; } @media only screen and (max-width: 575px) { .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-next { right: -10px; } } .rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-next:hover { background: #ffc92b; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-clients-brand-2 .nav-control-layout4:hover .owl-controls .owl-prev { opacity: 1; visibility: visible; } .rtel-clients-brand-2 .nav-control-layout4:hover .owl-controls .owl-next { opacity: 1; visibility: visible; } /*======================================================================= ## Post Gallery =========================================================================*/ .rtel-radius-post .rtin-entry-meta { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .rtel-radius-post .rtin-entry-meta i { color: #ffc92b; margin-right: 5px; } .rtel-radius-post .rtin-entry-meta .rtin-author a { color: #444; } .rtel-radius-post .rtin-entry-meta .rtin-author a:hover { color: #ffc92b; } .rtel-radius-post .rtin-entry-meta .rtin-comments span { color: #444; } /* # post-gallery/view-1; */ .rtel-radius-post-1 .rtin-radius-post-layout-1 { margin-bottom: 30px; border-radius: 4px; background-color: #f8f8f8; height: 95%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-img { border-radius: 4px 4px 0 0; overflow: hidden; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-img img { border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content { border-radius: 0 0 4px 4px; padding: 40px 30px 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content h3 a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content h3 a:hover { color: #ffc92b; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .post-date { background-color: #ffc92b; border-radius: 4px; padding: 8px 15px; color: #ffffff; font-size: 15px; top: -20px; left: 35px; position: absolute; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn { font-size: 16px; font-weight: 500; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn:hover { color: #ffc92b; } .rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn:hover i { margin-left: 10px; } .rtel-radius-post-1 .rtin-radius-post-layout-1:hover { background: #fff; -webkit-box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 50px 0px rgba(207, 207, 207, 0.75); } .rtel-radius-post-1 .rtin-radius-post-layout-1:hover .rtin-item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } /* # post-gallery/view-2; */ .rtel-radius-post-2 .rtin-radius-post-layout-2 { height: 95%; background: #fff; margin-bottom: 30px; border-radius: 4px; -webkit-box-shadow: 0px 5px 16px 0px rgba(211, 211, 211, 0.75); box-shadow: 0px 5px 16px 0px rgba(211, 211, 211, 0.75); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-img { border-radius: 4px 4px 0 0; overflow: hidden; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-img img { border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content { border-radius: 0 0 4px 4px; padding: 35px; background-color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .item-title { margin-bottom: 5px; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .item-title a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .item-title a:hover { color: #ffc92b; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-post-date { color: #ffc92b; font-weight: 500; display: block; margin-bottom: 10px; font-size: 15px; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta { margin-top: 20px; font-size: 15px; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li { display: inline-block; font-size: 17px; color: #969696; margin-right: 30px; margin-bottom: 10px; position: relative; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li a:hover { color: #ffc92b; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li a:hover span { color: #ffc92b; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li:last-child { margin-right: 0; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li:last-child:after { display: none; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li span { color: #111111; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li span a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li span a:hover { color: #ffc92b; } .rtel-radius-post-2 .rtin-radius-post-layout-2:hover .rtin-item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } /* # post-gallery/view-3; */ .rtel-radius-post-3 { position: relative; } @media screen and (max-width: 768px) { .rtel-radius-post-3 { margin-top: 90px; } } .rtel-radius-post-3 .rtin-smart-nav-layout { position: absolute; top: -96px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 768px) { .rtel-radius-post-3 .rtin-smart-nav-layout { right: initial; left: 0; top: -80px; } } .rtel-radius-post-3 .rtin-smart-nav-layout div, .rtel-radius-post-3 .rtin-smart-nav-layout span { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; width: 50px; background-color: #ffffff; border-radius: 50%; border: 1px solid #ffc92b; color: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .rtel-radius-post-3 .rtin-smart-nav-layout div:last-child, .rtel-radius-post-3 .rtin-smart-nav-layout span:last-child { margin-right: 0; } .rtel-radius-post-3 .rtin-smart-nav-layout div i:before, .rtel-radius-post-3 .rtin-smart-nav-layout span i:before { margin-left: 0; font-weight: 900; font-size: 16px; } .rtel-radius-post-3 .rtin-smart-nav-layout div:hover, .rtel-radius-post-3 .rtin-smart-nav-layout span:hover { background-color: #ffc92b; color: #ffffff; border-color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 { border-radius: 4px; border: 1px solid rgba(232, 232, 232, 0.6); overflow: hidden; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-img { border-radius: 4px 4px 0 0; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-img img { border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content { border-radius: 0 0 4px 4px; border-top: none; padding: 35px; background-color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content h3 { margin-bottom: 10px; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content h3 a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content h3 a:hover { color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-post-date { background-color: #ffc92b; border-radius: 4px; padding: 8px 15px; color: #ffffff; font-size: 15px; top: -20px; position: relative; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-post-date.has-image-date { position: absolute; left: 35px; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta { font-size: 15px; margin-bottom: 10px; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li { display: block; font-size: 17px; color: #969696; margin-right: 30px; position: relative; margin-bottom: 5px; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li a:hover { color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li a:hover span { color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li:last-child { margin-right: 0; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li:last-child:after { display: none; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li span { color: #111111; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li span a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li span a:hover { color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn { font-size: 16px; font-weight: 500; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn:hover { color: #ffc92b; } .rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn:hover i { margin-left: 10px; } .rtel-radius-post-3 .rtin-radius-post-layout-3:hover { -webkit-box-shadow: 0px 5px 10px 0px rgba(207, 207, 207, 0.75); box-shadow: 0px 5px 10px 0px rgba(207, 207, 207, 0.75); } .rtel-radius-post-3 .rtin-radius-post-layout-3:hover .rtin-item-img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } .rtel-radius-post-3 .rtin-radius-post-layout-3:hover .rtin-item-content { background-color: #ffffff; } /* # post-gallery/view-4; */ @media screen and (max-width: 991px) { .rtel-radius-post-4 .col-lg-6:first-child { margin-bottom: 30px; } } .rtel-radius-post-4 .rtin-radius-post-layout-4 { margin-bottom: 30px; border-radius: 4px; border: 1px solid #cccccc; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4:last-child { margin-bottom: 0; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-img img { border-radius: 4px 4px 0 0; width: 100%; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content { padding: 30px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 1199px) { .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content { padding: 34px 35px 10px; } } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content h3 { margin-bottom: 10px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content h3.first-post { font-size: 24px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content h3 a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content h3 a:hover { color: #ffc92b; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-post-date { background-color: #ffc92b; border-radius: 4px; padding: 5px 10px; color: #ffffff; font-size: 15px; font-weight: 500; display: inline-block; margin-bottom: 20px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta { font-size: 15px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li { display: inline-block; font-size: 17px; color: #969696; margin-right: 30px; margin-bottom: 10px; position: relative; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li:after { content: ""; height: 14px; width: 2px; background-color: #111111; top: 7px; right: -20px; position: absolute; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li a { color: #969696; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li a:hover { color: #ffc92b; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li a:hover span { color: #ffc92b; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li:last-child { margin-right: 0; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li:last-child:after { display: none; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li span { color: #111111; margin-left: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li span a { color: #111111; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li span a:hover { color: #ffc92b; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta.rtin-entry-meta-compact { font-size: 15px; margin-bottom: 10px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta.rtin-entry-meta-compact li { margin-bottom: 5px; display: block; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta.rtin-entry-meta-compact li:after { width: 0; height: 0; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn { font-size: 16px; font-weight: 500; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-bottom: 20px; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn i { color: #ffc92b; margin-left: 5px; margin-top: 6px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn:hover { color: #ffc92b; } .rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn:hover i { margin-left: 10px; } /*======================================================================= ## Service Gallery =========================================================================*/ /* # service-gallery/view-1 */ .rtel-service-gallery1 { background-color: #f8f8f8; } .rtel-service-gallery1 .item-img { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-service-gallery1 .item-img img { width: 60px; height: 60px; } .rtel-service-gallery1 .rtin-service-wrap { -webkit-box-shadow: 0px 20px 46px 0 rgba(224, 224, 224, 0.75); box-shadow: 0px 20px 46px 0 rgba(224, 224, 224, 0.75); } .rtel-service-gallery1 .rtin-service-box { -webkit-box-shadow: 0px -1px 0px 0px rgba(224, 224, 224, 0.3); box-shadow: 0px -1px 0px 0px rgba(224, 224, 224, 0.3); background-color: #ffffff; padding: 30px; height: 100%; } .rtel-service-gallery1 .rtin-service-box .item-icon { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-service-gallery1 .rtin-service-box .item-icon i { display: block; font-size: 60px; } .rtel-service-gallery1 .rtin-service-box .item-icon i:before { font-size: 60px; margin-left: 0; color: #ffc92b; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title { font-size: 22px; font-weight: 500; display: block; color: #111111; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title a { color: #111111; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title a:hover { color: #ffc92b; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-title span { display: block; font-weight: 400; font-size: 18px; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-btn { text-align: center; position: relative; margin-top: 28px; display: block; font-size: 14px; font-weight: 500; border: 1px solid #ffc92b; border-radius: 4px; color: #444444; padding: 14px 25px; -webkit-box-shadow: 0px 6px 16px 0px rgba(240, 240, 240, 0.75); box-shadow: 0px 6px 16px 0px rgba(240, 240, 240, 0.75); z-index: 5; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery1 .rtin-service-box .service-item-content .item-btn:hover { color: #ffffff; border: 1px solid #ffc92b; background-color: #ffc92b; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .rtel-service-gallery1 .rtin-service-box:hover .item-icon i { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } .rtel-service-gallery1 .rtin-service-box:hover .item-img img { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } /* # service-gallery/view-2 */ .rtel-service-gallery2 .rtin-service-box { padding: 40px 0 35px; background-color: #363636; margin-bottom: 5px; text-align: center; border-radius: 4px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery2 .rtin-service-box .item-content-service .item-img { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-service-gallery2 .rtin-service-box .item-content-service .item-img:after { content: none; } .rtel-service-gallery2 .rtin-service-box .item-content-service .item-img img { width: 80px; height: 80px; } .rtel-service-gallery2 .rtin-service-box .item-content-service .item-icon { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-service-gallery2 .rtin-service-box .item-content-service .item-icon i:before { margin-left: 0; font-size: 70px; color: #ffc92b; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery2 .rtin-service-box .item-content-service h3 { min-height: 58px; font-size: 18px; margin: 0; padding: 0; padding: 0 10px; font-weight: 500; } .rtel-service-gallery2 .rtin-service-box .item-content-service h3 a { color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery2 .rtin-service-box .item-content-service h3 a:hover { color: #000000; } .rtel-service-gallery2 .rtin-service-box:hover { background-color: #ffc92b; } .rtel-service-gallery2 .rtin-service-box:hover .item-content-service .item-icon i:before { color: #ffffff; } /* # service-gallery/view-3 */ .rtel-service-gallery3 .rtin-service-box { position: relative; z-index: 5; -webkit-box-shadow: 0px 10px 50px 0px rgba(202, 202, 202, 0.75); box-shadow: 0px 10px 50px 0px rgba(202, 202, 202, 0.75); border-radius: 4px; border: 8px solid #ffffff; margin-bottom: 15px; } @media only screen and (max-width: 1199px) { .rtel-service-gallery3 .rtin-service-box { top: 30px; } } .rtel-service-gallery3 .rtin-service-box .item-img { position: relative; } .rtel-service-gallery3 .rtin-service-box .item-img img { width: 100%; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service { background-color: rgba(17, 17, 17, 0.8); position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title { font-size: 20px; font-weight: 500; margin-bottom: 0; position: relative; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a { padding: 15px 25px; display: block; color: #ffffff; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a:hover { color: #ffffff; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i:before { color: #ffc92b; margin-left: 0; font-weight: 600; } @media (min-width: 768px) and (max-width: 991px) { .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i:before { font-size: 13px; } } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service:hover { background-color: rgba(255, 194, 17, 0.9); } .rtel-service-gallery3 .rtin-service-box .item-img .item-content-service:hover .item-title a i:before { color: #ffffff; } /* # service-gallery/view-4 */ .rtel-service-gallery4 .rtin-service-box { padding: 25px 50px 50px; border: 1px solid #e1e1e1; border-radius: 4px; margin-bottom: 20px; text-align: center; height: 100%; } .rtel-service-gallery4 .rtin-service-box .item-img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 160px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-service-gallery4 .rtin-service-box .item-img img { width: 90px; height: 90px; } .rtel-service-gallery4 .rtin-service-box .item-icon { display: -webkit-box; display: -ms-flexbox; display: flex; height: 160px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-service-gallery4 .rtin-service-box .item-icon i { display: inline-block; font-size: 90px; } .rtel-service-gallery4 .rtin-service-box .item-icon i:before { font-size: 90px; margin-left: 0; color: #ffc92b; } .rtel-service-gallery4 .rtin-service-box .item-content-service .item-title { font-weight: 500; color: #111111; } .rtel-service-gallery4 .rtin-service-box .item-content-service .item-title span { display: block; font-weight: 400; } .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn { text-align: center; position: relative; margin-top: 15px; display: inline-block; font-size: 16px; font-weight: 500; border: 1px solid #ffc92b; color: #444444; padding: 12px 25px; border-radius: 4px; -webkit-box-shadow: 0px 4px 9px 0px rgba(226, 226, 226, 0.75); box-shadow: 0px 4px 9px 0px rgba(226, 226, 226, 0.75); z-index: 5; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn:hover { color: #ffffff; border: 1px solid #ffc92b; background-color: #ffc92b; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .rtel-service-gallery4 .rtin-service-box:hover .item-icon i { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } .rtel-service-gallery4 .rtin-service-box:hover .item-img img { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } /* # service-gallery/view-5 */ .rtel-service-gallery5 [class^="flaticon-service-"] { position: relative; } .rtel-service-gallery5 .rtin-service-box { position: relative; margin-bottom: 4px; background-color: #ffffff; border-radius: 4px; padding: 25px 35px 15px; -webkit-box-shadow: 0px 1px 29px 0px rgba(230, 230, 230, 0.75); box-shadow: 0px 1px 29px 0px rgba(230, 230, 230, 0.75); height: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery5 .rtin-service-box .item-sl { font-size: 18px; color: #cccccc; position: absolute; right: 15px; top: 15px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery5 .rtin-service-box .item-img { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; } .rtel-service-gallery5 .rtin-service-box .item-img img { height: 60px; } .rtel-service-gallery5 .rtin-service-box .item-icon { height: 80px; margin-bottom: 15px; } .rtel-service-gallery5 .rtin-service-box .item-icon i { font-size: 60px; line-height: 60px; } .rtel-service-gallery5 .rtin-service-box .item-icon i:before { margin-left: 0; font-size: inherit; color: #ffc92b; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery5 .rtin-service-box .item-content-service h3 { font-weight: 500; font-size: 20px; } .rtel-service-gallery5 .rtin-service-box .item-content-service h3 a { color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery5 .rtin-service-box:hover { background-color: #ffc92b; } .rtel-service-gallery5 .rtin-service-box:hover .item-sl { color: #ffffff; } .rtel-service-gallery5 .rtin-service-box:hover .item-icon i:before { color: #ffffff; } .rtel-service-gallery5 .rtin-service-box:hover .item-content-service h3 a { color: #ffffff; } .rtel-service-gallery5 .rtin-service-box:hover .item-content-service h3 a:hover { color: #111111; } .rtel-service-gallery6 .rtin-service-box { overflow: hidden; border-radius: 4px; position: relative; margin-bottom: 30px; } .rtel-service-gallery6 .rtin-service-box img { border-radius: 4px; } .rtel-service-gallery6 .rtin-service-box:before { content: ""; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(to top, #000000, transparent); height: 60%; width: 100%; bottom: 0; left: 0; border-radius: 4px; position: absolute; z-index: 1; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery6 .rtin-service-box .item-content { position: absolute; top: 95%; left: 45px; right: 10px; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery6 .rtin-service-box .item-content h3 { position: relative; } .rtel-service-gallery6 .rtin-service-box .item-content h3 a { font-weight: 500; color: #fefefe; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery6 .rtin-service-box .item-content h3 a:hover { color: #ffc92b; } .rtel-service-gallery6 .rtin-service-box .item-content h3:before { content: ""; height: 19px; width: 3px; background-color: #ffc92b; top: 5px; left: -15px; z-index: 2; position: absolute; } .rtel-service-gallery6 .rtin-service-box .item-content p { line-height: 25px; margin-bottom: 0px; color: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery6 .rtin-service-box:hover:before { height: calc(100% + 50px); } .rtel-service-gallery6 .rtin-service-box:hover .item-content { top: 70%; } .rtel-service-gallery6 .rtin-service-box:hover .item-content p { visibility: visible; opacity: 1; } .rtel-service-gallery7 .rtin-service-box { -webkit-box-shadow: 0px 0px 6px 0px rgba(197, 197, 197, 0.3); box-shadow: 0px 0px 6px 0px rgba(197, 197, 197, 0.3); border: 1px solid rgba(197, 197, 197, 0.3); background-color: #ffffff; border-radius: 4px; margin-bottom: 30PX; padding: 21px 50px 45px; text-align: center; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery7 .rtin-service-box .item-img { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-service-gallery7 .rtin-service-box .item-img img { width: 80px; height: 80px; } .rtel-service-gallery7 .rtin-service-box .item-icon { height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rtel-service-gallery7 .rtin-service-box .item-icon i:before { margin-left: 0; font-size: 70px; color: #ffc92b; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-gallery7 .rtin-service-box .item-content { position: relative; z-index: 2; } .rtel-service-gallery7 .rtin-service-box .item-content h3 a { font-weight: 500; color: #111111; } .rtel-service-gallery7 .rtin-service-box .item-content .item-btn { display: inline-block; padding: 10px 30px; font-size: 16px; font-weight: 500; color: #444444; border: #ffc92b solid 1px; border-radius: 4px; margin-top: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-gallery7 .rtin-service-box:hover { -webkit-box-shadow: 0px 1px 10px 0px rgba(88, 88, 88, 0.5); box-shadow: 0px 1px 10px 0px rgba(88, 88, 88, 0.5); background-color: #ffc92b; } .rtel-service-gallery7 .rtin-service-box:hover .item-icon i:before { color: #ffffff; } .rtel-service-gallery7 .rtin-service-box:hover .item-content h3 a { color: #ffffff; } .rtel-service-gallery7 .rtin-service-box:hover .item-content h3 a:hover { color: #000000; } .rtel-service-gallery7 .rtin-service-box:hover .item-content p { color: #ffffff; } .rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn { background-color: #ffc92b; color: #ffffff; border: 1px solid #ffffff; } .rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn:hover { background-color: #ffffff; color: #000000; } /*======================================================================= ## Address =========================================================================*/ .rtel-address .item-title { font-size: 20px; color: #111111; font-weight: 500; } .rtel-address ul li { line-height: 25px; } /*======================================================================= ## Title Subtitle Button =========================================================================*/ .rtel-title-subtitle-button .rtin-title { font-weight: 500; font-size: 48px; line-height: 1.2; margin-bottom: 10px; } @media only screen and (max-width: 991px) { .rtel-title-subtitle-button .rtin-title { font-size: 34px; } } @media only screen and (max-width: 767px) { .rtel-title-subtitle-button .rtin-title { font-size: 26px; } } .rtel-title-subtitle-button .rtin-subtitle { font-size: 36px; line-height: 1.2; font-weight: 300; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .rtel-title-subtitle-button .rtin-subtitle { font-size: 26px; } } .rtel-title-subtitle-button p { color: #ffffff; width: 80%; margin: 0 auto; } .rtel-title-subtitle-button .item-btn { margin-top: 20px; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 500; color: #000000; background-color: #ffc92b; padding: 15px 25px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-title-subtitle-button .item-btn i { margin-left: 8px; } .rtel-title-subtitle-button .item-btn:hover { color: #ffffff; } @media only screen and (max-width: 767px) { .rtel-title-subtitle-button .item-btn { font-size: 14px; } } .rtel-title-subtitle-button .play-btn { display: inline-block; font-size: 120px; } /*======================================================================= ## Video With Title =========================================================================*/ .rtel-video-with-title .rtin-box .rtin-title { color: #ffffff; font-weight: 500; font-size: 40px; line-height: 1.2; font-family: "Rubik", Sans-serif; } @media only screen and (max-width: 991px) { .rtel-video-with-title .rtin-box .rtin-title { font-size: 34px; } } @media only screen and (max-width: 767px) { .rtel-video-with-title .rtin-box .rtin-title { font-size: 26px; } } .rtel-video-with-title .rtin-box .rtin-title.view-3 { font-size: 48px; } @media screen and (max-width: 1024px) { .rtel-video-with-title .rtin-box .rtin-title.view-3 { font-size: 30px; } } .rtel-video-with-title .rtin-box .rtin-title.view-4 { font-weight: 500; font-size: 48px; } .rtel-video-with-title .rtin-box .rtin-subtitle { font-size: 36px; line-height: 1.2; font-weight: 300; color: #ffffff; margin-bottom: 10px; } .rtel-video-with-title .rtin-box .rtin-subtitle.view-3 { font-size: 18px; width: 80%; margin: 0 auto; } @media screen and (max-width: 480px) { .rtel-video-with-title .rtin-box .rtin-subtitle.view-3 { width: 90%; } } .rtel-video-with-title .rtin-box .rtin-subtitle.view-4 { font-size: 16px; width: 80%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .rtel-video-with-title .rtin-box .rtin-subtitle { font-weight: 400; } } .rtel-video-with-title .rtin-box p { color: #ffffff; width: 80%; margin: 0 auto; } .rtel-video-with-title .rtin-box .item-btn { margin-top: 30px; display: inline-block; border-radius: 4px; font-size: 16px; font-weight: 500; color: #000000; background-color: #ffc92b; padding: 15px 25px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-video-with-title .rtin-box .item-btn i { margin-left: 8px; } .rtel-video-with-title .rtin-box .item-btn:hover { color: #ffffff; } @media only screen and (max-width: 767px) { .rtel-video-with-title .rtin-box .item-btn { font-size: 14px; } } @keyframes blink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .rtel-video-with-title .video-icon .popup-youtube { width: 80px; height: 80px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; font-size: 30px; background: #ffc92b; -webkit-animation: blink 1s linear infinite; animation: blink 1s linear infinite; } .rtel-video-with-title .video-icon .popup-youtube.view-3, .rtel-video-with-title .video-icon .popup-youtube.view-4 { width: 60px; height: 60px; font-size: 16px; margin-top: 30px; margin-bottom: 0; } .rtel-video-with-title .video-icon .popup-youtube i { color: #fff; position: relative; left: 3px; } /*======================================================================= ## Service Info Box =========================================================================*/ /* # Service Info Box / view 1 */ .rtel-service-info-box-1 { background-color: rgba(0, 0, 0, 0.7); padding: 30px 25px; position: relative; overflow: hidden; height: 100%; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media only screen and (max-width: 991px) { .rtel-service-info-box-1 { height: auto; } } .rtel-service-info-box-1 .media { position: relative; z-index: 2; } .rtel-service-info-box-1 .media .item-img i:before { margin-left: 0px; font-size: 55px; line-height: 73px; color: #ffc92b; } .rtel-service-info-box-1 .media .media-body .rtin-title { margin-bottom: 8px; font-weight: 500; color: #ffffff; font-size: 22px; } .rtel-service-info-box-1 .media .media-body .rtin-title a { color: inherit; } .rtel-service-info-box-1 .media .media-body .rtin-subtitle { color: #adadad; line-height: 24px; margin-bottom: 0px; } .rtel-service-info-box-1:hover { background-color: rgba(255, 194, 17, 0.9); } .rtel-service-info-box-1:hover .media .item-img i:before { color: #ffffff; } .rtel-service-info-box-1:hover .media .media-body .rtin-subtitle { color: #ffffff; } /* # service-info-box / view 2 */ .rtel-service-info-box-2 { margin-bottom: 10px; } @media only screen and (max-width: 575px) { .rtel-service-info-box-2 { text-align: center; } } .rtel-service-info-box-2 .item-icon { margin: 0; background-color: #f2f2f2; border-radius: 50%; height: 85px; width: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffb400; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-info-box-2 .item-icon i { display: inline-block; position: relative; } .rtel-service-info-box-2 .item-icon i:before { margin-left: 0; font-size: 50px; line-height: 50px; } .rtel-service-info-box-2 .media-body .title { font-size: 20px; color: #111111; font-weight: 500; } .rtel-service-info-box-2 .media-body .title a { color: inherit; } .rtel-service-info-box-2:hover .item-icon { background-color: #ffc92b; color: #ffffff; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #ffc211; box-shadow: 0 0 0 0 #ffc211; } 40% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); box-shadow: 0 0 0 15px rgba(255, 194, 17, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); box-shadow: 0 0 0 0 rgba(255, 194, 17, 0); } } /* # Service Info Box / view 3 */ .rtel-service-info-box-3 { position: relative; z-index: 10; } .rtel-service-info-box-3 .media { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-info-box-3 .media .item-icon { overflow: hidden; } .rtel-service-info-box-3 .media .item-icon i { display: inline-block; } .rtel-service-info-box-3 .media .item-icon i:before { font-size: 70px; line-height: 1.4; margin-left: 0; color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (max-width: 991px) and (min-width: 768px) { .rtel-service-info-box-3 .media .media-body { margin-top: 0; } } .rtel-service-info-box-3 .media .media-body .item-title { font-weight: 500; color: #000000; margin-bottom: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-info-box-3 .media .media-body .item-title a { color: inherit; } .rtel-service-info-box-3 .media .media-body .item-subtitle { color: #000000; font-weight: 500; font-size: 18px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-info-box-3:hover .media .item-icon i { -webkit-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(-20%); transform: translateY(-20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } .rtel-service-info-box-3:hover .media .media-body .item-title { color: #ffffff; } .rtel-service-info-box-3:hover .media .media-body .item-subtitle { color: #ffffff; } /* # Service Info Box / view 3 */ .rtel-service-info-box-4 .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-service-info-box-4 .media .item-icon { overflow: hidden; } .rtel-service-info-box-4 .media .item-icon i { display: inline-block; color: #ffc92b; } .rtel-service-info-box-4 .media .item-icon i:before { margin-left: 0; font-size: 52px; line-height: 1.4; } .rtel-service-info-box-4 .media .media-body .item-title { font-size: 22px; font-weight: 500; color: #111111; margin-bottom: 5px; } .rtel-service-info-box-4 .media .media-body .item-title a { color: inherit; } .rtel-service-info-box-4 .media .media-body .item-subtitle { font-weight: 500; } .rtel-service-info-box-4 .media:hover .item-icon i { -webkit-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(20%); transform: translateY(20%); } 50% { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); } 51% { opacity: 1; } } /*======================================================================= ## Service Widget Image; =========================================================================*/ .rtel-service-widget-image .rtin-content { margin-bottom: 15px; position: relative; text-align: center; border-radius: 4px; overflow: hidden; } .rtel-service-widget-image .rtin-content h3 { position: absolute; left: 0; right: 0; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-widget-image .rtin-content h3 a { color: #ffffff; font-size: 24px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-widget-image .rtin-content h3 a:hover { color: #ffb400; } .rtel-service-widget-image .rtin-content .btn-wrap { position: absolute; left: 0; right: 0; top: 80%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .rtel-service-widget-image .rtin-content .btn-wrap .item-btn { margin-top: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 5px 10px; font-weight: 400; border: 1px solid #ffc92b; border-radius: 4px; background-color: transparent; font-size: 16px; color: #ffc92b; } .rtel-service-widget-image .rtin-content .btn-wrap .item-btn i { color: #ffc92b; margin-top: 5px; margin-left: 5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rtel-service-widget-image .rtin-content .btn-wrap .item-btn:hover { background-color: #ffc92b; color: #ffffff; } .rtel-service-widget-image .rtin-content .btn-wrap .item-btn:hover i { margin-left: 15px; color: #ffffff; } .rtel-service-widget-image .rtin-content:hover h3 { top: 40%; } .rtel-service-widget-image .rtin-content:hover .btn-wrap { top: 60%; visibility: visible; opacity: 1; } .rtel-service-widget-image .rtin-content:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); } /*======================================================================= ## Video Icon =========================================================================*/ @keyframes blink { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .rtel-video-popup-icon .video-icon .popup-youtube { width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; font-size: 30px; background: #ffc92b; -webkit-animation: blink 2s linear infinite; animation: blink 2s linear infinite; } .rtel-video-popup-icon .video-icon .popup-youtube i { color: #fff; position: relative; left: 3px; } .rtel-video-popup-icon2 .video-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rtel-video-popup-icon2 .popup-youtube { position: relative; } .rtel-video-popup-icon2 .popup-youtube i { margin-left: 0; } .rtel-video-popup-icon2 .popup-youtube i:before { font-size: 70px; line-height: 1; color: #ffc92b; } .rtel-video-popup-icon2:hover.dark .popup-youtube i:before { color: #fff; } /*======================================================================= ## Google Map =========================================================================*/ .rt-el-google-map-2 { position: relative; } .rt-el-google-map-2 .contact-info { width: 350px; position: absolute; top: 50%; right: 20%; right: calc((100% - 1320px) / 2); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #161616; border-radius: 4px; padding: 40px; } @media only screen and (max-width: 1199px) { .rt-el-google-map-2 .contact-info { right: calc((100% - 930px) / 2); } } @media only screen and (max-width: 991px) { .rt-el-google-map-2 .contact-info { right: calc((100% - 690px) / 2); } } @media only screen and (max-width: 767px) { .rt-el-google-map-2 .contact-info { position: static; width: 100%; top: 0; -webkit-transform: translateY(0); transform: translateY(0); } } .rt-el-google-map-2 .contact-info .item-title { font-weight: 500; color: #ffffff; } .rt-el-google-map-2 .contact-info p { color: #cccccc; } .rt-el-google-map-2 .contact-info .contact-method li { position: relative; font-size: 18px; color: #cccccc; margin-bottom: 20px; padding-left: 45px; } .rt-el-google-map-2 .contact-info .contact-method li:last-child { margin-bottom: 0; } .rt-el-google-map-2 .contact-info .contact-method li i { font-size: 25px; color: #ffc92b; position: absolute; top: 3px; left: 0; } /*======================================================================= ## About History =========================================================================*/ .rtel-about-history .rtin-subtitle { font-size: 20px; color: #ffc211; margin-bottom: 20px; font-weight: 400; } .rtel-about-history .rtin-title { color: #111111; font-weight: 500; font-size: 34px; line-height: 1.1; } @media screen and (max-width: 991px) { .rtel-about-history .rtin-title { font-size: 30px; } } .rtel-about-history .rtin-top-text { font-size: 18px; font-weight: 500; margin-bottom: 25px; line-height: 1.6; } /*--------------------------------------- ## Elementor Product Slider ---------------------------------------*/ .rt-el-product-slider-1 .rtin-smart-nav-layout-product { position: absolute; top: -115px; right: 0; } @media screen and (max-width: 768px) { .rt-el-product-slider-1 .rtin-smart-nav-layout-product { position: relative; top: 0; right: auto; text-align: center; margin-bottom: 25px; margin-top: -25px; } } .rt-el-product-slider-1 .rtin-smart-nav-layout-product div { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; width: 40px; background-color: #ffffff; border: 1px solid #ffc92b; color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-right: 10px; } .rt-el-product-slider-1 .rtin-smart-nav-layout-product div:last-child { margin-right: 0; } .rt-el-product-slider-1 .rtin-smart-nav-layout-product div i:before { margin-left: 0; font-weight: 900; font-size: 16px; line-height: 1; } .rt-el-product-slider-1 .rtin-smart-nav-layout-product div:hover { background-color: #ffc92b; color: #ffffff; border-color: #ffc92b; } .rt-product-block-1 { position: relative; } .rt-product-block-1 span.onsale { position: absolute; top: 3px; right: 3px; display: inline-block; height: 44px; width: 44px; line-height: 44px; text-align: center; border-radius: 100%; background-color: #ffc92b; z-index: 9; font-size: 14px; font-weight: 500; color: white; margin: 0; } .rt-product-block-1 .rtin-title { text-align: center; font-size: 22px; margin-top: 20px; } .rt-product-block-1 .rtin-title a { color: #111; display: inline-block; } .rt-product-block-1 .rtin-title a:hover { color: #ffc92b; } .rt-product-block-1 .rtin-price { text-align: center; color: #444; font-size: inherit; margin-bottom: 0; font-size: 20px; } .rt-product-block-1 .rtin-thumb-wrapper { margin-bottom: 0; position: relative; text-align: center; } .rt-product-block-1 .rtin-thumb-wrapper:after { position: absolute; content: ""; background-color: rgba(255, 180, 0, 0.5); height: 100%; width: 100%; top: 0; left: 0; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; z-index: 6; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li { opacity: 0; visibility: hidden; margin-right: 10px; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 1.5s cubic-bezier(0, 0, 0.15, 1.88); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a { margin-top: 0; padding: 8px 0px; font-size: 28px; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a:before { margin-left: 0; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.add_to_cart_button.ajax_add_to_cart { position: relative; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.add_to_cart_button.ajax_add_to_cart:before { font-size: 24px; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.add_to_cart_button.ajax_add_to_cart.added:before { display: none; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.add_to_cart_button.ajax_add_to_cart.added:after { position: absolute; left: 0; top: 4px; font-family: WooCommerce; content: "\E017"; margin-left: 0.53em; vertical-align: bottom; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.add_to_cart_button.ajax_add_to_cart.loading:after { font-family: WooCommerce; content: '\E01C'; vertical-align: top; font-weight: 400; position: absolute; top: 11px; right: 5px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li.rt-cart-icon a.added_to_cart.wc-forward { font-size: 12px; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li a { display: block; height: 45px; width: 45px; background-color: #ffffff; color: #444444; text-align: center; border: 2px solid #ffffff; border-radius: 4px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li a i:before { line-height: 44px; margin-left: 0; font-size: 17px; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li a:hover { background-color: transparent; color: #ffffff; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li a .fa.fa-heart { color: #ffc92b; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:first-child a i:before { font-size: 28px; } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:nth-child(1n) { -webkit-transform: translateX(100px); transform: translateX(100px); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:nth-child(2n) { -webkit-transform: translateY(-100px); transform: translateY(-100px); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:nth-child(3n) { -webkit-transform: translateY(100px); transform: translateY(100px); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:nth-child(4n) { -webkit-transform: translateX(100px); transform: translateX(100px); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:nth-child(5n) { -webkit-transform: translateX(-100px); transform: translateX(-100px); } .rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li:last-child { margin-right: 0; } .rt-product-block-1 .rtin-thumb-wrapper img { width: 100%; } .rt-product-block-1 .rtin-thumb-wrapper .yith-wcwl-add-to-wishlist { position: relative; margin-top: 0; } .rt-product-block-1 .rtin-thumb-wrapper .yith-wcwl-add-to-wishlist a.wishlist-icon { border-radius: 4px; } .rt-product-block-1 .rtin-thumb-wrapper .yith-wcwl-add-to-wishlist a.wishlist-icon i { margin: 0; } .rt-product-block-1 .rtin-thumb-wrapper .yith-wcwl-add-to-wishlist img { background-color: #fff; left: 11px; margin: 0; position: absolute; top: 11px; } .rt-product-block-1:hover .rtin-thumb-wrapper:after { opacity: 1; visibility: visible; } .rt-product-block-1:hover .rtin-thumb-wrapper .shop-action-items li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } /*======================================================================= ## Elementor Default overwrite =========================================================================*/ #elementor { z-index: 99999; } @media only screen and (min-width: 576px) { .elementor-section.elementor-section-boxed > .elementor-container { max-width: 540px !important; } } @media only screen and (min-width: 768px) { .elementor-section.elementor-section-boxed > .elementor-container { max-width: 720px !important; } } @media only screen and (min-width: 992px) { .elementor-section.elementor-section-boxed > .elementor-container { max-width: 960px !important; } } @media only screen and (min-width: 1200px) { .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px !important; } } @media only screen and (min-width: 1400px) { .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1320px !important; } } .elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active { color: #ffc92b; } .elementor-widget-accordion .elementor-accordion .elementor-tab-title { color: #444; } .elementor-accordion { margin-right: 5px; } .elementor-accordion .elementor-accordion-item { border: none; margin-top: 20px; } .elementor-accordion .elementor-accordion-item:first-child { margin-top: 0; } .elementor-accordion .elementor-accordion-item .elementor-tab-title { padding: 6px 0; border-radius: 4px; border: 1px solid #ffc92b; min-height: 56px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon { background-color: #ffc92b; color: white; border-radius: 50%; min-height: 36px; min-width: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; margin-left: 10px; } .elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon .elementor-accordion-icon-closed { color: white; font-weight: 900; } .elementor-accordion .elementor-accordion-item .elementor-tab-title a { color: #111; font-size: 20px; font-weight: 500; line-height: 1.2; } .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { background-color: #ffc92b; } .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon { background-color: #fff; color: #ffc92b; } .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon .elementor-accordion-icon-open { color: #ffc92b; font-weight: 900; } .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active a { color: #fff; } .elementor-accordion .elementor-accordion-item .elementor-tab-content { border: none; margin: 20px 0 20px 5px; padding: 5px 20px; border-left: 1px solid #ffc92b; } .elementor-accordion .elementor-accordion-item .elementor-tab-content p:last-child { padding-bottom: 0; margin-bottom: 0; } .elementor-widget-icon-list .elementor-icon-list-icon { margin-right: 15px; } .elementor-widget-icon-list .elementor-icon-list-icon i { color: #ffc92b; } /* Elementor helper class */ @media screen and (min-width: 992px) and (max-width: 1099px) { .elementor-stretch-container-left { margin-left: 65px; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { .elementor-stretch-container-left { margin-left: 95px; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { .elementor-stretch-container-left { margin-left: 68px; } } @media screen and (min-width: 1300px) and (max-width: 1399px) { .elementor-stretch-container-left { margin-left: 120px; } } @media screen and (min-width: 1400px) and (max-width: 1499px) { .elementor-stretch-container-left { margin-left: 9.5%; } } @media screen and (min-width: 1500px) and (max-width: 1599px) { .elementor-stretch-container-left { margin-left: 16%; } } @media screen and (min-width: 1600px) and (max-width: 1699px) { .elementor-stretch-container-left { margin-left: 21%; } } @media screen and (min-width: 1700px) and (max-width: 1799px) { .elementor-stretch-container-left { margin-left: 27%; } } @media screen and (min-width: 1800px) and (max-width: 1899px) { .elementor-stretch-container-left { margin-left: 30%; } } @media screen and (min-width: 1800px) and (max-width: 1899px) { .elementor-stretch-container-left { margin-left: 30%; } } @media screen and (min-width: 1900px) and (max-width: 1999px) { .elementor-stretch-container-left { margin-left: 33%; } } @media screen and (min-width: 2000px) { .elementor-stretch-container-left { margin-left: 38%; } } .elementor-stretch-container-left > div.elementor-container { padding-right: 60px; } @media screen and (min-width: 992px) and (max-width: 1099px) { .elementor-stretch-container-right { margin-right: 65px; } } @media screen and (min-width: 1100px) and (max-width: 1199px) { .elementor-stretch-container-right { margin-right: 95px; } } @media screen and (min-width: 1200px) and (max-width: 1299px) { .elementor-stretch-container-right { margin-right: 68px; } } @media screen and (min-width: 1300px) and (max-width: 1399px) { .elementor-stretch-container-right { margin-right: 120px; } } @media screen and (min-width: 1400px) and (max-width: 1499px) { .elementor-stretch-container-right { margin-right: 9.5%; } } @media screen and (min-width: 1500px) and (max-width: 1599px) { .elementor-stretch-container-right { margin-right: 16%; } } @media screen and (min-width: 1600px) and (max-width: 1699px) { .elementor-stretch-container-right { margin-right: 21%; } } @media screen and (min-width: 1700px) and (max-width: 1799px) { .elementor-stretch-container-right { margin-right: 27%; } } @media screen and (min-width: 1800px) and (max-width: 1899px) { .elementor-stretch-container-right { margin-right: 30%; } } @media screen and (min-width: 1800px) and (max-width: 1899px) { .elementor-stretch-container-right { margin-right: 30%; } } @media screen and (min-width: 1900px) and (max-width: 1999px) { .elementor-stretch-container-right { margin-right: 33%; } } @media screen and (min-width: 2000px) { .elementor-stretch-container-right { margin-right: 38%; } } .elementor-stretch-container-right > div.elementor-container { padding-left: 60px; } .elementor-pr60 { padding-right: 60px !important; } .elementor-pl60 { padding-left: 60px !important; } .elementor-pr50 { padding-right: 50px !important; } .elementor-pl50 { padding-left: 50px !important; } .elementor-pr30 { padding-right: 30px !important; } .elementor-pl30 { padding-left: 30px !important; } .elementor-pr20 { padding-right: 20px !important; } .elementor-pl20 { padding-left: 20px !important; } .elementor-pr15 { padding-right: 15px !important; } .elementor-pl15 { padding-left: 15px !important; } .elementor-pr10 { padding-right: 10px !important; } .elementor-pl10 { padding-left: 10px !important; } /*======================================================================= ## Wp Frontend Gutenberg block =========================================================================*/ /*Button*/ .wp-block-button__link { border-color: #ffc92b; border-radius: 4px; color: #ffc92b !important; padding: 12px 20px; background: transparent; font-size: 16px; font-weight: 600; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; line-height: 1.4; border: 1px solid ; } .wp-block-button__link:hover { color: #ffffff !important; background: #ffc92b; border: 1px solid #ffc92b; cursor: pointer; } .wp-block-button__link i:before { font-size: 14px; margin-left: 10px; } .wp-block-quote { border-left: 4px solid #222; background: #f7f7f7; font-size: 16px; font-weight: 400; font-style: italic; padding: 30px 63px; margin: 45px 0px 45px; position: relative; display: block; } .wp-block-quote p { font-family: 'Roboto', sans-serif !important; color: #646464; } .wp-block-quote cite { color: #6c7781; font-size: 13px; margin-top: 1em; position: relative; font-style: normal; } .wp-block-quote:before { content: "\F10D"; font-family: FontAwesome; font-size: 20px; position: absolute; bottom: 18px; right: 30px; z-index: 1; color: #ffc92b; opacity: 0.5; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding: 30px 63px; margin: 45px 0px 45px; border: none; } blockquote { border-left: 4px solid #222; background: #f7f7f7; font-size: 16px; font-weight: 400; font-style: italic; padding: 30px 63px; margin: 45px 0px 45px; position: relative; display: block; } blockquote p { font-family: 'Roboto', sans-serif !important; color: #646464; } blockquote cite { color: #6c7781; font-size: 13px; margin-top: 1em; position: relative; font-style: normal; } blockquote:before { content: "\F10D"; font-family: FontAwesome; font-size: 20px; position: absolute; bottom: 18px; right: 30px; z-index: 1; color: #ffc92b; opacity: 0.5; } blockquote.is-large, blockquote.is-style-large { padding: 30px 63px; margin: 45px 0px 45px; border: none; } .wp-block-separator { clear: both; } /** only frontend **/ .wp-block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 0; } .wp-block-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 20px; } @media (max-width: 764px) { .wp-block-columns.has-3-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .has-3-columns .wp-block-column:first-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 478px) { .wp-block-columns.has-3-columns { display: block; } .wp-block-column { margin: 20px 0; } } ul.wp-block-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; padding-left: 0; } .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 16px 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .blocks-gallery-image figure, .blocks-gallery-item figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .blocks-gallery-image figure, .blocks-gallery-item figure { margin: 0; height: 100%; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -o-object-fit: cover; object-fit: cover; } .wp-block-cover-image .block-editor-block-list__block p, .wp-block-cover .block-editor-block-list__block p { color: #ffffff; } .wp-block-cover, .wp-block-image { margin-bottom: 30px; } figcaption { color: #555d66; font-size: 13px; text-align: center; } table.wp-block-table td { border: 1px solid #ddd; } .no-sidebar .alignfull { text-align: center; margin: 32px calc(50% - 50vw); max-width: 100vw; width: 100vw; } /*======================================================================= ## Woo-commerce =========================================================================*/ /*------------------------------------- Woocommerce: Widgets ---------------------------------------*/ .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce .widget_shopping_cart .cart_list li a.remove { top: 14px; } .woocommerce .widget_shopping_cart li.mini_cart_item, .woocommerce .widget_shopping_cart li.mini_cart_item { padding-bottom: 12px; padding-top: 12px; } .woocommerce.widget_product_search .search-field { background-color: #f5f5f5; border: medium none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 40px; padding: 6px 12px; width: 65%; } .woocommerce.widget_product_search input[type="submit"] { display: block; line-height: 1; margin-top: 11px; padding: 10px 25px; } .woocommerce.widget_product_search button, .woocommerce.widget_product_search input[type="button"], .woocommerce.widget_product_search input[type="reset"], .woocommerce.widget_product_search input[type="submit"] { padding: 8px 18px; } .woocommerce .widget_price_filter .price_slider_wrapper, .woocommerce .widget_price_filter .price_slider_amount { margin-top: 10px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #ffc92b; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #eaeaea; } .woocommerce ul.product_list_widget li { padding: 10px 0; } .woocommerce ul.product_list_widget li img { width: 60px; } .woocommerce .widget_shopping_cart_content .buttons a { text-align: center; max-width: 170px; } .woocommerce .widget_shopping_cart_content .buttons a.checkout { margin-right: 0; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_layered_nav ul li span { padding: 10px 0; } /*------------------------------------- Woocommerce: Owl Nav ---------------------------------------*/ .rt-woo-nav.no-nav .owl-custom-nav { display: none; } .rt-woo-nav .section-title { margin-bottom: 40px; } @media all and (max-width: 480px) { .rt-woo-nav .section-title { margin-bottom: 25px; } } .rt-woo-nav .owl-custom-nav-title { color: #222222; float: left; font-size: 30px; line-height: 1.4; margin-bottom: 0; } .rt-woo-nav .owl-custom-nav { float: right; margin-top: 10px; padding-left: 30px; } @media all and (max-width: 480px) { .rt-woo-nav .owl-custom-nav { float: left; padding-left: 0; } } .rt-woo-nav .owl-custom-nav .owl-prev, .rt-woo-nav .owl-custom-nav .owl-next { background-color: #eeeeee; border-radius: 3px; color: #222222; cursor: pointer; display: inline-block; font-size: 14px; height: 30px; line-height: 32px; opacity: 1; text-align: center; width: 30px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .rt-woo-nav .owl-custom-nav .owl-next { margin-left: 8px; } .rt-woo-nav .owl-custom-nav .owl-prev:hover, .rt-woo-nav .owl-custom-nav .owl-next:hover { background-color: #ffc92b; color: #ffffff; } .rt-woo-nav .owl-custom-nav i { font-size: 20px; font-weight: 400; line-height: 28px; } .rt-woo-nav .owl-custom-nav-bar { border-color: #e8e8e8; border-style: solid; border-width: 1px 0; float: right; margin-top: 16px; } /*------------------------------------- Woocommerce: Top Bar ---------------------------------------*/ .woo-shop-top, .woocommerce .woo-shop-top { border: 1px solid #e7e7e7; overflow: hidden; padding: 20px; margin-bottom: 30px; } @media all and (max-width: 991px) { .woo-shop-top, .woocommerce .woo-shop-top { padding: 10px; } } .woo-shop-top .view-mode, .woocommerce .woo-shop-top .view-mode { margin-right: 5px; padding: 5px 0; } .woo-shop-top .view-mode ul li, .woocommerce .woo-shop-top .view-mode ul li { display: inline-block; margin-right: 5px; } .woo-shop-top .view-mode ul li a, .woocommerce .woo-shop-top .view-mode ul li a { color: #444; } .woo-shop-top ul, .woocommerce .woo-shop-top ul { margin: 0; padding: 0; } .woo-shop-top .limit-show, .woocommerce .woo-shop-top .limit-show { text-align: right; } .woo-shop-top .limit-show > div, .woocommerce .woo-shop-top .limit-show > div { font-weight: 400; display: inline-block; } .woo-shop-top .sort-list, .woocommerce .woo-shop-top .sort-list { text-align: right; } .woo-shop-top .sort-list select, .woocommerce .woo-shop-top .sort-list select { background: #f5f5f5; border: 1px solid #e7e7e7; padding: 6px 18px; } @media all and (max-width: 991px) { .woo-shop-top .sort-list select, .woocommerce .woo-shop-top .sort-list select { margin-top: 5px; width: 100%; } } .woo-shop-top .woocommerce-ordering, .woocommerce .woo-shop-top .woocommerce-ordering, .woo-shop-top .woocommerce-result-count, .woocommerce .woo-shop-top .woocommerce-result-count { margin-bottom: 0; } .woo-shop-top .woocommerce-ordering, .woocommerce .woo-shop-top .woocommerce-ordering { float: none; } .woo-shop-top .woocommerce-result-count, .woocommerce .woo-shop-top .woocommerce-result-count { line-height: 28px; } @media all and (max-width: 991px) { .woo-shop-top .woocommerce-result-count, .woocommerce .woo-shop-top .woocommerce-result-count { line-height: 1.1; padding-top: 7px; } } .product-grid-view .view-mode ul li.grid-view-nav a, .product-list-view .view-mode ul li.list-view-nav a { color: #ffc92b; } /*------------------------------------- Woocommerce: Shop ---------------------------------------*/ .product-info-area { text-align: center; } .woocommerce ul.products li.product { margin: 0 1% 40px 0; overflow: hidden; } .woocommerce ul.products li.product h3 { margin: 20px 0 5px; padding: 0; } @media all and (max-width: 767px) { .woocommerce ul.products li.product h3 { margin: 15px 0 9px; } } .woocommerce ul.products li.product h3 a { font-size: 22px; color: #000000; } .woocommerce ul.products li.product h3 a:hover { color: #ffc92b; } .woocommerce ul.products li.product .star-rating { margin-left: auto; margin-right: auto; font-size: 13px; margin-top: 12px; } @media all and (max-width: 480px) { .woocommerce ul.products li.product .star-rating { display: inline-block; } } .woocommerce ul.products li.product .price { color: #ffb400; font-size: inherit; margin-bottom: 0; font-size: 20px; line-height: 1.5; } .woocommerce ul.products li.product .price del { display: inline; } .woocommerce ul.products li.product .button { margin-top: 0; padding: 8px 0px; font-size: 28px; } .woocommerce ul.products li.product .button:before { font-size: 28px; margin-left: 0; } .woocommerce ul.products li.product .button.added:before { display: none; } .woocommerce ul.products li.product .onsale { margin: 0; top: 3px; right: 3px; } .woocommerce.has-sidebar ul.products li.product { width: 32%; } .woocommerce.no-sidebar ul.products li.product { width: 24%; } .woocommerce.no-sidebar ul.products li.product .product-thumb-area img { width: 100%; } @media all and (max-width: 767px) { .woocommerce.product-grid-view ul.products { margin-left: auto; margin-right: auto; max-width: 565px; } } @media all and (max-width: 991px) { .woocommerce.product-grid-view ul.products li.product.first { clear: none; } } @media all and (max-width: 991px) { .woocommerce.has-sidebar.product-grid-view ul.products li.product { width: 49%; } } @media all and (max-width: 480px) { .woocommerce.has-sidebar.product-grid-view ul.products li.product { float: none !important; margin: 0 auto 40px; max-width: 280px; width: 100%; } } @media all and (max-width: 991px) { .woocommerce.has-sidebar.product-grid-view ul.products li.product:nth-child(2n+1) { clear: both; } } @media all and (max-width: 991px) { .woocommerce.no-sidebar.product-grid-view ul.products li.product { width: 32.3%; } } @media all and (max-width: 767px) { .woocommerce.no-sidebar.product-grid-view ul.products li.product { width: 49%; } } @media all and (max-width: 480px) { .woocommerce.no-sidebar.product-grid-view ul.products li.product { float: none; margin: 0 auto 40px; max-width: 280px; width: 100%; } } @media all and (max-width: 991px) { .woocommerce.no-sidebar.product-grid-view ul.products li.product:nth-child(3n+1) { clear: both; } } @media all and (max-width: 480px) { .woocommerce.has-sidebar ul.products li.product, .woocommerce.no-sidebar ul.products li.product, .woocommerce ul.products li.product { width: 100%; text-align: center; } } .woocommerce .star-rating { color: #f7c51d; } .woocommerce .products .star-rating { margin: 0 0 8px; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background-color: #ffc92b; padding: 0; } .woocommerce a.added_to_cart { background-color: #ffc92b; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; padding: 4px 12px; margin-top: 5px; } .woocommerce a.added_to_cart:hover { background-color: #000000; } .tagcloud a { display: inline-block; margin-top: 5px; border: 1px solid #ffc92b; background: transparent; font-size: 16px; border-radius: 4px; color: #ffc92b; padding: 7px 15px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .tagcloud a:hover { background: #ffc92b; color: #ffffff; } .shop-box-layout1 .item-img { margin-bottom: 0; position: relative; text-align: center; } .shop-box-layout1 .item-img:after { position: absolute; content: ""; background-color: rgba(255, 180, 0, 0.5); height: 100%; width: 100%; top: 0; left: 0; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .shop-box-layout1 .item-img .shop-action-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; right: 0; z-index: 6; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-box-layout1 .item-img .shop-action-items li { opacity: 0; visibility: hidden; margin-right: 10px; -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 1.5s cubic-bezier(0, 0, 0.15, 1.88); } .shop-box-layout1 .item-img .shop-action-items li a { display: block; height: 45px; width: 45px; background-color: #ffffff; color: #444444; text-align: center; border: 2px solid #ffffff; border-radius: 4px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .shop-box-layout1 .item-img .shop-action-items li a i:before { line-height: 44px; margin-left: 0; font-size: 17px; } .shop-box-layout1 .item-img .shop-action-items li a:hover { background-color: transparent; color: #ffffff; } .shop-box-layout1 .item-img .shop-action-items li a .fa.fa-heart { color: #ffc92b; } .shop-box-layout1 .item-img .shop-action-items li:first-child a i:before { font-size: 28px; } .shop-box-layout1 .item-img .shop-action-items li:nth-child(1n) { -webkit-transform: translateX(100px); transform: translateX(100px); } .shop-box-layout1 .item-img .shop-action-items li:nth-child(2n) { -webkit-transform: translateY(-100px); transform: translateY(-100px); } .shop-box-layout1 .item-img .shop-action-items li:nth-child(3n) { -webkit-transform: translateY(100px); transform: translateY(100px); } .shop-box-layout1 .item-img .shop-action-items li:nth-child(4n) { -webkit-transform: translateX(100px); transform: translateX(100px); } .shop-box-layout1 .item-img .shop-action-items li:nth-child(5n) { -webkit-transform: translateX(-100px); transform: translateX(-100px); } .shop-box-layout1 .item-img .shop-action-items li:last-child { margin-right: 0; } .shop-box-layout1 .item-img img { width: 100%; } .shop-box-layout1 .item-title { text-transform: capitalize; font-weight: 500; margin-bottom: 10px; } .shop-box-layout1 .item-title a { color: #111111; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .shop-box-layout1 .item-title a:hover { color: #ffc92b; } .shop-box-layout1 .rate-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } .shop-box-layout1 .rate-items .rate-item { margin-right: 10px; color: #fdc800; font-size: 15px; } .shop-box-layout1 .rate-items .rate-item:last-child { margin-right: 0; color: #d6d6d6; } .shop-box-layout1 .item-price { font-size: 22px; font-weight: 500; color: #ffc92b; line-height: 22px; } .shop-box-layout1:hover .item-img:after { opacity: 1; visibility: visible; } .shop-box-layout1:hover .item-img .shop-action-items li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88); } .woocommerce .product-thumb-area .yith-wcwl-add-to-wishlist { position: relative; margin-top: 0; } .woocommerce .product-thumb-area .yith-wcwl-add-to-wishlist a.wishlist-icon { border-radius: 4px; } .woocommerce .product-thumb-area .yith-wcwl-add-to-wishlist a.wishlist-icon i { margin: 0; } .woocommerce .product-thumb-area .yith-wcwl-add-to-wishlist img { background-color: #fff; left: 11px; margin: 0; position: absolute; top: 11px; } .woocommerce #yith-wcwl-popup-message { background-color: #000; border: none; border-radius: 0; color: #fff; line-height: 1.2; padding: 10px; } /*------------------------------------- Woocommerce: Shop List View ---------------------------------------*/ .woocommerce ul.products .grid-hide { display: none; } @media all and (max-width: 480px) { .woocommerce.product-list-view ul.products { max-width: 280px; margin-left: auto; margin-right: auto; } } .woocommerce.product-list-view ul.products .grid-hide { display: block; } .woocommerce.product-list-view ul.products li.product h3 { margin: 0 0 12px; } @media all and (max-width: 480px) { .woocommerce.product-list-view ul.products li.product h3 { margin: 15px 0 9px; } } .woocommerce.product-list-view ul.products li.product .button { margin-top: 0; } .woocommerce.product-list-view .product-thumb-area { float: left; margin-right: 20px; border: 1px solid #e7e7e7; } @media all and (max-width: 767px) { .woocommerce.product-list-view .product-thumb-area { max-width: 200px; } } @media all and (max-width: 480px) { .woocommerce.product-list-view .product-thumb-area { float: none; margin-right: 0; max-width: inherit; } } .woocommerce.product-list-view .product-info-area { overflow: hidden; text-align: left; } .woocommerce.product-list-view .product-info-area .shop-excerpt { margin-top: 10px; } .woocommerce.product-list-view.woocommerce ul.products li.product .star-rating { margin-left: inherit; } .woocommerce.product-list-view ul.products li.product, .woocommerce-page.product-list-view ul.products li.product { width: 100%; } @media all and (max-width: 991px) { .woocommerce.has-sidebar.product-list-view .product-thumb-area { max-width: 200px; } } @media all and (max-width: 480px) { .woocommerce.has-sidebar.product-list-view .product-thumb-area { max-width: inherit; } } /*------------------------------------- Woocommerce: Single Product ---------------------------------------*/ .woocommerce div.product div.summary { margin-bottom: 40px; } @media all and (max-width: 767px) { .woocommerce div.product div.summary { margin-bottom: 40px; } } @media all and (max-width: 767px) { .woocommerce div.product div.images { margin-bottom: 40px; } } @media all and (max-width: 767px) { .woocommerce div.product div.images img { width: inherit; } } .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child { margin-bottom: 15px; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { margin-right: 7px; width: 31%; width: calc((100% - 14px) / 3); max-width: 195px; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(3n+1) { margin-right: 0; } .woocommerce div.product .product_title { color: #222222; font-size: 24px; line-height: 1.1; margin-bottom: 10px; } .woocommerce div.product .product-meta span, .woocommerce div.product .product_meta span { color: #222222; } .woocommerce div.product .product-meta a, .woocommerce div.product .product_meta a { color: #666666; } .woocommerce div.product .product-meta a:hover, .woocommerce div.product .product_meta a:hover { color: #ffc92b; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 12px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #ffc92b; font-size: 24px; margin-bottom: 20px; display: inline-block; } .woocommerce div.product .product_meta { color: #222222; margin-bottom: 15px; } .woocommerce div.product .short-description { border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; margin-bottom: 20px; padding: 15px 0; } .woocommerce div.product form.cart .variations { margin-top: 0; margin-bottom: 10px; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { display: table-cell; padding-bottom: 10px; padding-top: 0; text-align: left; vertical-align: middle; } .woocommerce div.product form.cart .variations label { color: #222; font-size: 16px; margin-bottom: 0; } .woocommerce div.product form.cart .variations select { padding: 8px 10px; } .woocommerce div.product form.cart div.quantity { margin-right: 8px; } .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 17px; } .woocommerce div.product form.cart .button { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 10px 30px; font-weight: 500; } @media screen and (max-width: 768px) { .woocommerce div.product form.cart .button { line-height: 1.2; } } .woocommerce div.product form.cart .button i { margin-left: 10px; font-size: 16px; } .woocommerce div.product form.cart .button:hover { background-color: #ffb400; color: #ffffff; } .woocommerce div.product .woocommerce-tabs { border: 1px solid #e7e7e7; margin-bottom: 70px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 0; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: #f5f5f5; border-color: #e7e7e7; border-radius: 0; border-width: 0 1px 1px; margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.description_tab { border-left-width: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #ffc92b; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; content: none; height: inherit; left: inherit; position: inherit; width: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #222222; padding: 12px 30px; text-transform: uppercase; } @media all and (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 20px; } } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #222222; } .woocommerce div.product .woocommerce-tabs .panel { border: medium none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 30px 30px 20px; } .woocommerce div.product .woocommerce-tabs h2 { color: #000000; font-size: 24px; } .woocommerce div.product .up-sells { margin-bottom: 50px; } .woocommerce a.woocommerce-review-link { color: #666666; } .woocommerce a.woocommerce-review-link:hover { color: #ffc92b; } .woocommerce .quantity .qty { border: 1px solid #e7e7e7; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 46px; text-align: center; padding: 1px; background-color: #fff; } .woocommerce .quantity .input-group-btn-vertical { float: left; position: relative; vertical-align: middle; white-space: nowrap; } .woocommerce .quantity .input-group-btn-vertical > .btn { border-radius: 0; display: block; float: none; height: 23px; line-height: 14px; margin-left: -1px; max-width: 100%; outline: medium none; padding: 0 7px; position: relative; width: 100%; } .woocommerce .quantity .input-group-btn-vertical > .btn:hover, .woocommerce .quantity .input-group-btn-vertical > .btn:active, .woocommerce .quantity .input-group-btn-vertical > .btn:focus { background-color: #fff; border-color: #ccc; color: #333; } .woocommerce table.shop_attributes td { padding: 0 8px; } .woocommerce #reviews #comments { margin-bottom: 20px; } .woocommerce #reviews #comments h2 { margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist { padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 1px solid #e7e7e7; border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { padding: 0; } #review_form_wrapper { padding-top: 20px; } .woocommerce #reviews h3 { font-size: 24px; margin-bottom: 10px; color: #000000; } .woocommerce p.stars a { color: #f7c51d; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 8px 25px; font-weight: 500; } @media screen and (max-width: 768px) { .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { line-height: 1.2; } } .woocommerce #respond input#submit i, .woocommerce a.button i, .woocommerce button.button i, .woocommerce input.button i { margin-left: 10px; font-size: 16px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #ffb400; color: #ffffff; } #review_form .form-group { margin-bottom: 10px; } .woocommerce #review_form #respond .comment-notes, .woocommerce #review_form #respond .comment-form-rating { margin-bottom: 20px; } .woocommerce #review_form #respond .comment-form-rating { margin-top: 20px; } .woocommerce #review_form #respond .comment-form-rating label { color: #000000; } .woocommerce #review_form #respond .form-submit { margin: 5px 0 10px; } .woocommerce .related.products ul.products li.product { margin: 0; padding: 0; width: inherit !important; } .woocommerce .related.products ul.products li.product .onsale { margin: 0; } .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { border: 1px solid #e7e7e7; margin-right: 1.8%; width: 32%; } @media all and (max-width: 767px) { .woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a { width: inherit; max-width: 32%; } } /*------------------------------------- Woocommerce: Cart ---------------------------------------*/ p.demo_store { background-color: #ffc92b; } .woocommerce-message::before, .woocommerce-info::before { color: #ffc92b; } .woocommerce-message, .woocommerce-info { border-color: #ffc92b; } .woocommerce table.shop_table { border-radius: 0; } .woocommerce-cart .woocommerce table.shop_table.cart { margin: 0 0 100px; } .woocommerce-cart .woocommerce table.shop_table th, .woocommerce-cart .woocommerce table.shop_table td { padding: 12px 12px; color: #000000; text-align: center; } .woocommerce-cart .woocommerce table.shop_table th.product-name, .woocommerce-cart .woocommerce table.shop_table td.product-name { text-align: left; } .woocommerce-cart .woocommerce table.shop_table td.product-quantity .spinner.quantity, .woocommerce-cart .woocommerce table.shop_table td.product-remove > a { margin: 0 auto; } .woocommerce-cart .woocommerce table.shop_table td.product-name > a { color: #000000; font-weight: 500; } .woocommerce-cart .woocommerce table.shop_table td.product-quantity .spinner.quantity input { color: #000000; } @media all and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive.cart { margin-bottom: 50px; border: 1px solid #ccc; padding: 10px 20px 20px; } } @media all and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tr { border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 10px; } } @media all and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive a.remove { display: inline-block; } } .woocommerce-cart .woocommerce .quantity .qty { height: 30px; } .woocommerce-cart .woocommerce .actions { padding: 10px 12px; } .woocommerce-cart .woocommerce .actions input.button { padding: 10px 15px; } .woocommerce-cart .woocommerce .actions #coupon_code { border-color: #ddd; margin-right: 10px; padding: 9px; width: 110px !important; } @media all and (max-width: 480px) { .woocommerce-cart .woocommerce .actions #coupon_code { margin-right: 0; } } .woocommerce-cart table.cart img { width: 50px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: 15px; } @media all and (max-width: 767px) { #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { padding: 10px; } } @media all and (max-width: 767px) { .woocommerce .cart-collaterals .cross-sells ul.products li { margin-bottom: 0; } } .woocommerce .cart-collaterals .cross-sells ul.products li .product-thumb-area li { width: inherit; } .woocommerce .cart-collaterals .cross-sells h2:after { content: none; } .woocommerce .cart-collaterals .cross-sells h2 { margin-bottom: 10px; padding-bottom: 0; } .woocommerce .cart-collaterals .cross-sells h2, .woocommerce .cart-collaterals .cart_totals h2 { color: #000000; font-size: 24px; margin-bottom: 35px; } @media all and (max-width: 767px) { .woocommerce .cart-collaterals .cart_totals { margin-bottom: 30px; } } @media all and (max-width: 767px) { .woocommerce .cart-collaterals .cart_totals h2 { margin-bottom: 20px; } } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled { color: #fff; padding: 8px 25px; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit[disabled]:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button[disabled]:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button[disabled]:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button[disabled]:disabled:hover { background-color: #ffc92b; color: #fff; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight: 500; } @media screen and (max-width: 768px) { .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { line-height: 1.2; } } .woocommerce #respond input#submit.alt i, .woocommerce a.button.alt i, .woocommerce button.button.alt i, .woocommerce input.button.alt i { margin-left: 10px; font-size: 16px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #ffb400; color: #ffffff; } .woocommerce-cart .woocommerce .cart_totals table.shop_table { border-width: 1px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 1em; font-size: 1.25em; } /*------------------------------------- Woocommerce: Checkout ---------------------------------------*/ .woocommerce-checkout .woocommerce h3 { color: #000000; font-size: 20px; margin-bottom: 25px; } .woocommerce-checkout .woocommerce label { color: #000000; } .woocommerce-checkout .woocommerce-NoticeGroup { margin-bottom: 30px; } .woocommerce-checkout .woocommerce-NoticeGroup ul { padding: 25px; } .woocommerce form.woocommerce-checkout .form-row { margin-bottom: 20px; } .woocommerce form.woocommerce-checkout .form-row .select2-choice { padding: 4px 8px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.2; padding: 10px; } .woocommerce form .form-row .input-checkbox { margin: 0; position: relative; } @media all and (max-width: 991px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } } .woocommerce-checkout .select2-container .select2-choice { border-radius: 0; } .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table { margin-bottom: 40px; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #ccc; background-color: #f5f5f5; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table { border-color: 1px solid #ccc; border-width: 0 0 1px 1px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table th { border-width: 1px 1px 0 0; color: #000000; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #ededed; border-radius: 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 30px; } @media all and (max-width: 480px) { #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 20px; } } #add_payment_method #payment ul.payment_methods .payment_method_paypal img, .woocommerce-cart #payment ul.payment_methods .payment_method_paypal img, .woocommerce-checkout #payment ul.payment_methods .payment_method_paypal img { padding-right: 20px; } /*------------------------------------- Woocommerce: Order received ---------------------------------------*/ .woocommerce-order-received .woocommerce { color: #000000; } .woocommerce-order-received .woocommerce h2 { font-size: 20px; } .woocommerce-order-received .woocommerce .order_details li { font-size: 1em; } .woocommerce-order-received .woocommerce .shop_table { margin-bottom: 40px; border-color: #ccc; border-width: 1px 1px 0 0; } .woocommerce-order-received .woocommerce .shop_table th, .woocommerce-order-received .woocommerce .shop_table td { border-color: #ccc; border-width: 0 0 1px 1px; } .woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received { font-size: 20px; margin-bottom: 40px; } .woocommerce-order-received .woocommerce .title h3 { margin-bottom: 10px; } .woocommerce .woocommerce-customer-details address { border-radius: 0; padding: 20px; border-color: #ccc; } .woocommerce .woocommerce-customer-details address br { margin-bottom: 10px; } .woocommerce .woocommerce-customer-details address p { margin-top: 10px; } /*------------------------------------- Woocommerce: My Account ---------------------------------------*/ .woocommerce-account .woocommerce { color: #000000; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce .woocommerce-MyAccount-content { float: none; width: inherit; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { margin-bottom: 50px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { color: #fff; display: inline-block; margin-bottom: 5px; margin-right: 5px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { display: inline-block; font-size: 16px; color: #111111; background-color: #ffc92b; border: 1px solid #ffc92b; border-radius: 4px; padding: 15px 30px; line-height: 26px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-weight: 500; } @media screen and (max-width: 768px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { line-height: 1.2; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a i { margin-left: 10px; font-size: 16px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background-color: #ffb400; color: #ffffff; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover, .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover { background-color: #ffb400; color: white; } .woocommerce-account .woocommerce .shop_table { margin-bottom: 0; border-color: #ccc; border-width: 1px 1px 0 0; font-size: 1em; } .woocommerce-account .woocommerce .shop_table th, .woocommerce-account .woocommerce .shop_table td { border-color: #ccc; border-width: 0 0 1px 1px; } @media all and (max-width: 767px) { .woocommerce-account .woocommerce .woocommerce .shop_table_responsive { border: 1px solid #ccc; padding: 10px 20px 20px; } } @media all and (max-width: 767px) { .woocommerce-account .woocommerce .woocommerce .shop_table_responsive tr { border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: 10px; } } @media all and (max-width: 767px) { .woocommerce-account .woocommerce .woocommerce .shop_table_responsive tr td.order-actions { text-align: right !important; } } .woocommerce-account .woocommerce table .button { padding: 8px 14px; } .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders .order-actions, .woocommerce table.woocommerce-MyAccount-downloads th, .woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads .order-actions { text-align: center; } .woocommerce-edit-address .woocommerce-MyAccount-content > p, .woocommerce-edit-account .woocommerce-MyAccount-content .form-row { margin-bottom: 30px; } .woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-Button { margin-top: 30px; } /*------------------------------------- Woocommerce: Login/Register ---------------------------------------*/ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; } .woocommerce-account .woocommerce form.login .form-row, .woocommerce-account .woocommerce form.register .form-row { margin-bottom: 20px; } /*------------------------------------- Woocommerce: Yith Wishlist ---------------------------------------*/ .woocommerce .wishlist-title h2 { color: #000000; margin-bottom: 25px; padding: 0; } .woocommerce .shop_table.wishlist_table { border-color: #ccc; border-width: 1px 1px 0 0; color: #000000; font-size: 14px; margin-bottom: 40px; } .woocommerce .shop_table.wishlist_table th, .woocommerce .shop_table.wishlist_table td { border-color: #ccc; border-width: 0 0 1px 1px; text-align: center; } .woocommerce .shop_table.wishlist_table tfoot td { text-align: left; } /*------------------------------------- Woocommerce: Yith QuickView ---------------------------------------*/ .woocommerce div.product .product_meta span.posted_in, .woocommerce div.product .product_meta span.tagged_as { display: block; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 48%; } .woocommerce-input-wrapper { width: 100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: left; width: 48%; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 48%; } .col-sm-12.p0 { padding: 0; } .woocommerce .site-wrp a.remove { color: #ffb400 !important; } .woocommerce .site-wrp a.remove:hover { color: #fff !important; background: #ffb400; } .cart-collaterals .rt-woo-nav .section-title { margin-bottom: 0; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 500; } .product_list_widget .woocommerce .star-rating { margin: 6px 0; } .yith-wcwl-wishlistexistsbrowse.show .feedback { display: none; } .shop-action-items .added_to_cart.wc-forward { width: 89px !important; position: absolute; line-height: 1; padding: 7px !important; height: 32px !important; top: 57px; font-size: 12px; } .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after { position: absolute; left: 0; top: 5px; } /*------------------------------------- Woocommerce: Custom ---------------------------------------*/ .product-meta { margin-top: 15px; } #yith-quick-view-modal #yith-quick-view-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } .woocommerce table.wishlist_table tr td.product-remove { padding: 16px; } /*------------------------------------- Woocommerce: Pagination ---------------------------------------*/ .pagination-layout-shop { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination-layout-shop ul li { margin: 0 15px 10px 0; display: inline-block; } .pagination-layout-shop ul li:last-child { margin-right: 0; } .pagination-layout-shop ul li a:hover { color: white; background: #ffc92b; } .pagination-layout-shop ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; width: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; border-radius: 4px; color: #111; } .pagination-layout-shop ul li .current.page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; width: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; border-radius: 4px; background: #ffc92b; color: #fff; } .pagination-layout-shop ul li .prev.page-numbers, .pagination-layout-shop ul li .next.page-numbers { height: 39px; width: 110px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .pagination-layout-shop ul li .prev.page-numbers, .pagination-layout-shop ul li .next.page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pagination-layout-shop ul li .prev.page-numbers i:before, .pagination-layout-shop ul li .next.page-numbers i:before { margin-left: 0; font-size: 16px; } .pagination-layout-shop ul li .prev.page-numbers i:before { margin-right: 8px; } .pagination-layout-shop ul li .next.page-numbers i:before { margin-left: 8px; } @media screen and (max-width: 768px) { .pagination-layout-shop ul li { margin: 8px; } } .pagination-layout-shop .pagi-previous.disabled span, .pagination-layout-shop .pagi-next.disabled span { color: #999; } @media screen and (max-width: 768px) { .pagination-layout-shop { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 50px; } } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: block; width: 100%; } .yith-wcwl-add-to-wishlist span.feedback { display: none; } .widget.widget_shopping_cart { margin: 0; } p.woocommerce-mini-cart__buttons { margin: 0; } .woocommerce.product-list-view ul.products li.product .product-thumb-area img { margin-bottom: 0; }
Save
Cancel