.topbar01 { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; padding: 11px 0 12px } .topbar01 p { display: inline-block; font-size: 15px; line-height: 35px; color: #fff; font-weight: 500; margin: 0 21px 0 0 } .topbar01 p i { color: var(--theme-color); font-size: 13px; line-height: 33px; width: 33px; height: 33px; border-radius: 50%; background: #fff; text-align: center; display: inline-block; margin-right: 6px } .topbar01 p i.twi-phone-volume { transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .topbar01 p a { color: inherit } .topbar01 p a:hover { color: var(--theme-color) } .topsocial { position: relative; padding: 0; text-align: right } .topsocial a { display: inline-block; font-size: 15px; line-height: 33px; width: 33px; height: 33px; border-radius: 50%; color: #191919; background: #fff; text-align: center; margin-left: 2px } .topsocial a:hover { background: var(--theme-color); color: #fff } .header01 { position: absolute; top: 58px; left: 0; z-index: 9; width: 100% } .navbar01 { justify-content: space-between; display: flex; background: #fff; border-radius: 3px; padding: 0 40px } .logo { line-height: 66px; margin: 0; padding: 16px 0; position: relative } .logo img { height: 66px; width: auto; max-width: 100% } .mainMenu { position: relative; padding: 0 0 0 32px } .mainMenu ul { position: relative; margin: 0; padding: 0 } .mainMenu ul li { position: relative; list-style: none; display: inline-block; margin: 0 0 0 19px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .mainMenu ul li:first-child { margin-left: 0 } .mainMenu ul li>a { display: block; font-size: 17px; line-height: 26px; color: #2a2828; font-family: fira sans, sans-serif; text-transform: capitalize; font-weight: 500; padding: 41px 15px 38px; position: relative } .mainMenu ul li.menu-item-has-children>a::before { content: "\f543"; font-family: themewar !important; position: absolute; left: auto; right: 2px; top: calc(50% + 2px); text-align: center; z-index: 9999; display: block; cursor: pointer; transform: translateY(-50%) } .mainMenu ul .sub-menu li.menu-item-has-children>a::before { right: 19px; content: '..'; font-family: Poppins, sans-serif !important; font-size: 25px; letter-spacing: 3px; top: calc(50% - 5px) } .mainMenu ul li:hover>a { color: var(--theme-color) } .mainMenu ul li .sub-menu { position: absolute; left: -10px; pointer-events: none; top: calc(100% - 4px); width: 260px; border-radius: 3px; z-index: 100; text-align: left; margin: 0; padding: 18px 0 16px; opacity: 0; visibility: hidden; background: #fff; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05); box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border-top: 3px solid var(--theme-color); color: inherit; font-size: inherit } .mainMenu ul li .sub-menu li { display: block; padding: 0; margin: 0; border-bottom: 1px solid #f5f5f5 } .mainMenu ul li .sub-menu li:last-child { border-bottom: none } .mainMenu ul li .sub-menu li a { padding: 13px 30px; margin: 0; color: #6f6f6f; line-height: 24px; text-transform: capitalize; font-weight: 400; font-size: 16px; width: 100%; display: block; position: relative } .mainMenu ul li .sub-menu li.current-menu-item>a, .mainMenu ul li .sub-menu li:hover>a { color: #fff; background: var(--theme-color) } .mainMenu ul li:hover .sub-menu { visibility: visible; opacity: 1; pointer-events: inherit; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .mainMenu ul li .sub-menu li .sub-menu { position: absolute; left: 110%; right: auto; top: 0; visibility: hidden; opacity: 0; pointer-events: none } .mainMenu ul li .sub-menu li:hover .sub-menu { visibility: visible; opacity: 1; left: calc(100% + 2px); pointer-events: inherit } .mainMenu ul li .sub-menu.mega_menu { min-width: 950px; padding: 22px 15px 5px; left: -40px } .showcase { margin: 0 0 20px; -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1); -moz-transition: .3s cubic-bezier(.24, .74, .58, 1); -ms-transition: .3s cubic-bezier(.24, .74, .58, 1); -o-transition: .3s cubic-bezier(.24, .74, .58, 1); transition: .3s cubic-bezier(.24, .74, .58, 1) } .showcase .showcaseThumb { -webkit-box-shadow: 0 20px 32px rgba(185, 181, 181, .5); -moz-box-shadow: 0 20px 32px rgba(185, 181, 181, .5); -ms-box-shadow: 0 20px 32px rgba(185, 181, 181, .5); -o-box-shadow: 0 20px 32px rgba(185, 181, 181, .5); box-shadow: 0 20px 32px rgba(185, 181, 181, .5); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transition: .3s cubic-bezier(.24, .74, .58, 1); transition: .3s cubic-bezier(.24, .74, .58, 1); position: relative; overflow: hidden } .showcase:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) } .showcase h5 { display: block; text-align: center; font-size: 16px; color: #2a2828; margin: 18px 0 0 } .showcase h5 span { color: var(--theme-color) } .showcase .showcaseThumb img { max-width: 100%; height: auto; width: 100% } .menu_btn { display: none } .accessNav { display: flex; justify-content: flex-end; align-items: center } .accessNav a { display: inline-block } .accessNav .search_btn { position: relative; margin: 0; width: 52px; height: 52px; font-size:24px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 53px } .accessNav .search_btn1 { position: relative; margin: 0; width: 52px; height: 52px; font-size:24px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 53px } .accessNav .search_btn2 { position: relative; margin: 0; width: 52px; height: 52px; font-size:30px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 53px } .accessNav .search_btn:hover { color: #fff; background: var(--theme-color) } .shoping_cart { position: relative; margin-left: 0 } .shoping_cart a.cartBtn { position: relative; margin: 0 0 0 8px; width: 52px; height: 52px; font-size: 16px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 53px } .shoping_cart a.cartBtn span { position: absolute; right: -7px; top: -6px; background: #191919; color: #fcfcfc; width: 25px; height: 25px; border-radius: 50%; font-size: 10.43px; line-height: 26px; font-weight: 700; text-align: center; display: inline-block; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; -ms-transition: all ease 300ms } .shoping_cart:hover a.cartBtn { background: var(--theme-color); color: #fff } .accessNav .berpo_btn { margin-left: 30px; height: 54px; line-height: 55px; font-size: 14px; padding: 0 34.5px } .popup_search_sec { position: absolute; left: 0; top: 0; right: 0 } .popup_search_overlay { position: fixed; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(30, 30, 30, .6); z-index: 99; opacity: 0; visibility: hidden; cursor: url(../images/close.png), auto; -webkit-transition: all .4s ease-in .8s; -o-transition: all .4s ease-in .8s; transition: all .4s ease-in .8s } .popup_search_sec.active .popup_search_overlay { visibility: visible; -webkit-transition: all .8s ease-out 0s; -o-transition: all .8s ease-out 0s; transition: all .8s ease-out 0s; top: 0; opacity: 1 } .pop_search_background { background: #030303; width: 100%; height: 400px; top: -100%; z-index: 99; position: fixed; left: 0; opacity: 0; visibility: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s; -o-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s; transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s } .popup_search_sec.active .pop_search_background { opacity: 1; visibility: visible; top: 0; -webkit-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s; -o-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s; transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s } .middle_search { position: relative; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; z-index: 2 } .popup_search_form { position: relative } .popup_search_form:after { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; position: absolute; content: ''; height: 1px; background: rgba(255, 255, 255, .15); width: 0; visibility: hidden; opacity: 0; position: absolute; left: 0; bottom: 0 } .popup_search_sec.active .popup_search_form:after { -webkit-animation-name: fadeInGo; animation-name: fadeInGo; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; opacity: 1; width: 100% } .popup_search_form:before { content: ''; position: absolute; left: auto; right: 0; bottom: 0; height: 1px; width: 0; transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; -moz-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s; background: var(--theme-color) } .popup_search_form.focused:before { width: 100%; left: 0; right: auto } .popup_search_form input[type=search] { width: 100%; height: 64px; border: none; background: 0 0; outline: none; font-size: 18px; line-height: 64px; color: #fff; font-weight: 400 } .popup_search_form input[type=search]::-moz-placeholder { color: #fff; opacity: 1 } .popup_search_form input[type=search]::-ms-input-placeholder { color: #fff; opacity: 1 } .popup_search_form input[type=search]::-webkit-input-placeholder { color: #fff; opacity: 1 } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes fadeInGo { 0% { opacity: .1; width: 0 } 100% { opacity: 1; width: 100% } } @keyframes fadeInGo { 0% { opacity: .1; width: 0 } 100% { opacity: 1; width: 100% } } @-webkit-keyframes fadeOutGo { 0% { opacity: 1; width: 100% } 100% { opacity: 0; width: 0 } } @keyframes fadeOutGo { 0% { opacity: 1; width: 100% } 100% { opacity: 0; width: 0 } } @-webkit-keyframes fadeOutGo2 { 0% { opacity: .8; width: 100% } 100% { opacity: .14; width: 0 } } @keyframes fadeOutGo2 { 0% { opacity: .8; width: 100% } 100% { opacity: .14; width: 0 } } .popup_search_form button[type=submit] { position: absolute; right: 0; bottom: 14px; border: none; outline: none; z-index: 2; font-size: 18px; line-height: 32px; margin: 0; padding: 0; background: 0 0; color: #fff; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms } .popup_search_form button[type=submit]:hover { color: var(--theme-color) } .slider_01 { position: relative; height: 100vh; margin: 0; overflow: hidden } .ws_nowrap { white-space: normal !important } .tparrows.custom { width: 70px; height: 70px; background: #99989a; color: #000; line-height: 70px; border-radius: 5px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; -ms-transition: all ease 300ms } .tparrows.custom:before { color: inherit; content: "\ef2e"; line-height: 70px; font-size: 24px; font-family: themewar !important } .tp-rightarrow.tparrows.custom:before { content: "\ef2f" } .tparrows.custom:hover { background: #fff } .tp-bannertimer { display: none !important } .ws_nowrap { white-space: normal !important } .tp-caption .berpo_btn { height: 54px; font-weight: 600; font-size: 15px !important; line-height: 54px !important; transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_01 span.bg { width: 345px; height: 31px; text-align: center; line-height: 31px; display: inline-block; background: url(../images/slider/title-bg.png) no-repeat center center/cover } .slider_01 .popup_video { height: 62px !important; width: 62px !important; line-height: 60px !important; background: 0 0; border: 2px solid var(--theme-color) } .prcolor { color: var(--theme-color) } .slider_02 { position: relative; margin: 0; overflow: hidden } .slider_02:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 120px; background: url(../images/bg/header.jpg) no-repeat top center/cover } .slider_03 { position: relative; margin: 0; overflow: hidden } .slider_03 .tp-caption .berpo_btn { height: 60px; font-weight: 700; line-height: 60px !important } .slider_03 .tp-caption .berpo_btn i { margin: auto !important } .slider_03 .twi-star-of-life { display: inline-block; font-size: 12px } .slider_03 .prcolor3 { display: inline-block; font-size: 35px; margin: 0 5px; color: var(--theme-color-three) } .slider_04 { position: relative } .slider_04 .graian { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2) } .support { position: relative; padding-left: 83px } .support img { width: 69px; height: 69px; border-radius: 50%; position: absolute; top: -1px; left: 0 } .support span { font-size: 22px; color: #fff; font-weight: 700; margin: 0; display: block } .support p { font-size: 17px; font-weight: 400; line-height: 30px; margin: 0 0 16px; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .slider_04 .tparrows.custom { background: url(../images/slider/nav.png) no-repeat center center/cover; width: 108px; height: 108px; border-radius: 3px; transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_04 .tparrows.custom:before { content: "\ef54"; color: #fff; font-size: 16px; line-height: 108px; z-index: 3; transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_04 .tp-rightarrow.custom:before { content: "\ef55" } .slider_04 .tparrows.custom:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border-radius: 3px; visibility: visible; opacity: 1; z-index: -1; background: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_04 .tparrows.custom:hover:after { visibility: hidden; opacity: 0 } .slider_04 .tparrows.custom:hover:before { color: #101a25 } .slider_05 { position: relative; z-index: 3; background: #f7f7f7; margin-bottom: -92px; border-radius: 3px 0 0 0 } .slider_05 .tp-caption .berpo_btn { height: 57px; font-weight: 800; font-size: 14px !important; line-height: 57px !important; transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_05 .headFont span { color: #f9bf26 } .slider_05 .headFont.mdHeading span { display: inline-block; color: inherit; margin: 0 19px } .borderb { position: relative; display: inline-block } .borderb:after { position: absolute; width: 100%; height: 7px; content: ''; z-index: -1; background: #cee002; opacity: .11; left: 0; bottom: 4px } .slider_05 .tparrows.custom { width: 70px; height: 57px; background: 0 0 } .slider_05 .tparrows.custom:before { font-size: 36px; line-height: 58px; content: "\e942"; font-family: bepro !important } .slider_05 .tp-rightarrow.tparrows.custom:before { content: "\e941" } .slider_05 .tparrows.custom:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; z-index: -1; border-radius: 3px; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .slider_05 .tparrows.custom:hover:after, .slider_05 .tp-rightarrow.tparrows.custom:after { width: 100% } .slider_06 { position: relative; height: 100vh; margin: 0; overflow: hidden } .slider_06 .tp-caption .berpo_btn { border-radius:100px; } .slider_07 { position: relative; overflow: hidden; margin-top: 95px } .slider_07 .tp-caption .berpo_btn { height: 63px; font-weight: 700; padding: 0 32.5px; background: var(--theme-color); font-size: 15px !important; line-height: 64px !important; transition: all ease 400ms !important; -moz-transition: all ease 400ms !important; -webkit-transition: all ease 400ms !important } .slider_07 .tp-caption .berpo_btn i { background: #980000 } .slider_07 .tp-caption .berpo_btn:hover i { background: var(--theme-color) } .slider_07 .tp-bullet { background: 0 0; position: relative; z-index: 66 } .slider_07 .tp-bullet:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: '1'; color: #1c1c1c; font-family: Poppins, sans-serif; font-size: 18.4px; font-weight: 700; letter-spacing: -.36px; transition: all ease 400ms; -moz-transition: all ease 400ms; -webkit-transition: all ease 400ms } .slider_07 .tp-bullet:nth-child(2):after { content: '2' } .slider_07 .tp-bullet:nth-child(3):after { content: '3' } .slider_07 .tp-bullet:nth-child(4):after { content: '4' } .slider_07 .tp-bullet:nth-child(5):after { content: '5' } .slider_07 .tp-bullet:hover:after, .slider_07 .tp-bullet.selected:after { color: var(--theme-color) } .slider_07 .tp-bullet:before { position: absolute; left: -4px; right: 0; top: 0; bottom: -90px; height: 38px; width: 1px; background: #494948; margin: auto; content: ''; transition: all ease 400ms; -moz-transition: all ease 400ms; -webkit-transition: all ease 400ms } .slider_07 .tp-bullet:last-child:before { display: none } .service_item_01 { position: relative; background: #fff; margin: 0 0 30px; border-radius: 8px 7px 5px 5px; transition: all ease 400ms; -moz-transition: all ease 400ms; -webkit-transition: all ease 400ms; -webkit-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02); -moz-box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02); box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .02) } .service_item_01:hover { -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07); box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .07) } .siThumb { position: relative; margin: 0 } .service_item_01 .siThumb img { width: 100%; height: auto; border-radius: 5px 5px 0 0 } .sitem_con { position: relative; padding: 22px 30px 23px 105px } .ibMeta { font-size: 50px; line-height: 50px; color: var(--theme-color); position: relative; z-index: 2; text-align: center; display: inline-block; transition: all ease 400ms; -moz-transition: all ease 400ms; -webkit-transition: all ease 400ms } .sitem_con .ibMeta { position: absolute; left: 36px; top: 20px } .service_item_01 h3 { font-size: 22px; line-height: 30px; color: #333; margin: 0 } .service_item_01 h3 a { color: inherit } .service_item_01 h3 a:hover { color: var(--theme-color) } .service_item_01 p { color: #666; font-size: 15px; line-height: 23px; margin: 0 } .abThumb { position: relative } .abThumb img { max-width: 100%; height: auto } .skrItem { position: relative; background: #fff; text-align: center; display: inline-block; -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08); -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08); box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .08); padding: 35px 38px 27px; margin: 0 0 30px } .circle-skill { position: relative; margin: 0 0 8px } .circle-skill strong { position: absolute; left: 0; top: 47%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; margin: auto; text-align: center; font-size: 40px; letter-spacing: -.6px; font-family: Poppins, sans-serif; font-weight: 700; line-height: .8; color: #29333d; display: block } .circle-skill strong span { font-size: 20px } .circle-skill i { width: 49px; height: 49px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; color: #fff; font-size: 22px; line-height: 49px; position: absolute; left: 0; top: 0 } .circle-skill i:before { z-index: 2; position: relative } .circle-skill i:after { position: absolute; left: 4px; top: 4px; width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 50%; content: ''; background: var(--theme-color) } .skrItem h5 { color: #29333d; font-size: 18px; font-weight: 600; margin: 0 } .happyClinets { position: relative; display: flex; justify-content: space-between; background: #fff; -webkit-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09); -moz-box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09); box-shadow: 0 10px 81px 0 rgba(0, 0, 0, .09); padding: 23px 32px 13px; border-radius: 100px; max-width: 508px; margin-bottom: -42px } .happyClinets>i { width: 61px; height: 61px; border-radius: 50%; font-size: 25px; color: #fff; line-height: 61px; text-align: center; background: var(--theme-color); display: inline-block } .cThumb { position: relative } .cThumb img { width: 61px; height: 62px; border-radius: 50% } .cThumb img:nth-child(2) { width: 66px; height: 66px; border-radius: 50%; position: absolute; left: 28px; top: -2px } .cThumb img:nth-child(3) { width: 65px; height: 66px; border-radius: 50%; position: absolute; left: 65px; top: -2px } .hcCon { padding-left: 40px; position: relative } .hcCon h5 { font-size: 18px; border-bottom: 1px solid #ededed; margin: 1px 0 5px; padding: 0 0 7px } .hcCon p { font-size: 15px; color: #101a25; font-weight: 700; font-family: Poppins, sans-serif; margin: 0 } .hcCon p i { display: inline-block; font-size: 12px; color: #fdc703; margin-right: 10px } .input-field { position: relative } .input-field i { color: var(--theme-color); font-size: 14px; line-height: 67px; position: absolute; left: 25px; top: 0 } input[type=email], input[type=text], input[type=number], input[type=url], input[type=tel], input[type=password], textarea, select, .nice-select { display: block; width: 100%; height:55px; background: #f8f8f8; padding: 0 15px 0 30px; border: none; border-radius: 3px; font-size: 15px; line-height: 67px; margin: 0 0 7px; color: #898989 } textarea { height: 150px; padding-top: 12px; padding-left: 55px; line-height: 34px; border-radius: 30px; resize: none; margin-bottom: 30px } input[type=email]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #898989; opacity: 1 } input[type=email]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #898989; opacity: 1 } input[type=email]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder { color: #898989; opacity: 1 } .service_item_02 { min-height: 315px; position: relative; background: #fff; border-radius: 5px; padding: 27px 43px 39px; margin: 0 0 30px; -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07) } .stpmeta { position: relative; display: flex } .stpmeta .ibMeta { color: #000; position: relative; text-align: left } .ibMeta svg { width: 80px; height: 64px; fill: #ffc1c1; position: absolute; left: -5px; top: 11px; z-index: -1 } .service_item_02 h3 { position: relative; z-index: 2; font-size: 22px; font-weight: 600; line-height: 30px; color: #0f0d1d; margin: 28px 0 40px 43px } .service_item_02 h3 a { color: inherit } .service_item_02 h3 a:hover { color: var(--theme-color) } .service_item_02 p { position: relative; z-index: 2; color: #5f5f5f; font-size: 17px; line-height: 25px; margin: 0 } .si02 .ibMeta svg { fill: #ffde73 } .si03 .ibMeta svg { fill: #ff8522 } .si04 .ibMeta svg { fill: #bef0ef } .si05 .ibMeta svg { fill: #dcf7b9 } .si06 .ibMeta svg { fill: #ffa6b0 } .listItem { margin: 0; padding: 0 } .listItem li { list-style: none; display: flex; width: 100%; font-size: 18px; line-height: 35px; color: #fff } .withbg li { font-family: Poppins, sans-serif; font-size: 18px; font-weight: 500; color: #101a25; margin: 0 0 14px } .withbg li span { padding: 12px 30px 16px; background: #fff; border-radius: 3px; display: inline-block; -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07) } .listItem.withbg li i { color: var(--theme-color); font-size: 22px; line-height: inherit; margin-right: 17px; display: inline-block; position: relative; top: 4px } .listItem li i { margin-right: 23px } .clinetWorlwide { position: relative; text-align: right } .clinetWorlwide img { max-width: 100%; height: auto } .ClientNumber { position: absolute; left: 39px; bottom: 25px; text-align: left } .ClientNumber h2 { position: relative; font-size: 110.79px; line-height: 109px; margin: 0 0 0 4px } .ClientNumber h2 sup { font-style: normal; font-size: 55px; line-height: 60px; color: var(--theme-color); top: -58px } .ClientNumber h5 { font-size: 19px; line-height: 1; font-weight: 500; text-transform: uppercase; margin: 0 } .clslider_wrap { background: transparent; padding: 25px 15px 39px; border-radius: 3px } .client-slider.owl-carousel { position: relative } .client-slider.owl-carousel .owl-item { text-align: center } .client-slider.owl-carousel a { display: inline-block; text-align: center } .client-slider.owl-carousel a img { height: auto; width: 188px; background:#fff; } .pricingTab { margin: 0 0 50px; padding: 2px; display: inline-block; border: 1px solid #e8e8e8; border-radius: 50px; height: 57px } .pricingTab a { position: relative; font-family: Poppins, sans-serif; display: inline-block; height: 100%; background: 0 0; display: inline-block; font-size: 16px; color: #616368; font-weight: 500; border-radius: 50px; padding: 11.5px 38px; text-align: center } .pricingTab a:hover { color: var(--theme-color) } .pricingTab a.active { background: var(--theme-color); color: #fff } .pricing-item-01 { max-width: 380px; position: relative; background: #f9f9f9; border-radius: 10px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .pricing-item-01:hover { background: #fff; -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17); -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17); box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17) } .price-thumb { position: relative } .price-thumb img { width: 100%; height: auto; border-radius: 10px 10px 0 0 } .price-detils { position: relative; padding: 57px 75px } .p-title { font-size: 32px; line-height: 40px; color: #030303; font-weight: 600; margin-bottom: 7px } .p-price { font-size: 30px; line-height: 40px; color: #030303; letter-spacing: .6px; margin-bottom: 39px; text-transform: uppercase; display: flex; position: relative; min-height: 40px } .p-price sup { font-size: 13px; top: -13px; margin-right: 4px } .p-price sub { font-size: 18px; bottom: 11px } .pricing-item-01 .p-price .price_period { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0 } .pricing-item-01 .p-price .price_period.active { visibility: visible; opacity: 1 } .price-detils ul { margin: 0 0 23px; padding: 0 } .price-detils ul li { display: block; font-size: 16px; color: #5f5f5f; letter-spacing: .64px; border-bottom: 1px solid #eee; padding: 0 0 11px; margin-bottom: 8px } .price-detils ul li:last-child { border: none } .price-detils ul li i { color: var(--theme-color); font-size: 15px; display: inline-block; margin-right: 12px } .price-detils .berpo_btn { background: #030303; height: 54px; line-height: 55px; border-radius: 50px; font-weight: 600; padding: 0 48px } .price-detils .berpo_btn .bp-shape { background: var(--theme-color) } .beproTab { position: relative; margin: 0 0 60px; padding: 0; width: 100%; display: flex; justify-content: space-between } .beproTab li { width: 33.333333% } .beproTab li a { display: inline-block; width: 100%; background: #eef4fc; position: relative; text-align: center; font-family: Poppins, sans-serif; font-size: 22px; color: #000; font-weight: 700; text-transform: uppercase; padding: 43px 20px } .beproTab li a:after { position: absolute; left: 60px; bottom: 0; width: 2px; height: 60px; background: var(--theme-color); content: ''; visibility: hidden; opacity: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .beproTab li a:hover:after, .beproTab li a.active:after { visibility: visible; opacity: 1; bottom: -44px } .beproTab li a:hover, .beproTab li a.active { background: #fff; -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07) } .beproTabCon { position: relative } .beproTabCon .secTitle { line-height: 65px; margin: 82px 0 19px } .beproTabCon p { margin-bottom: 52px; color: #5f5f5f; padding-right: 60px } .beproTabCon .berpo_btn { padding: 0 42.5px } .team_01 { position: relative; margin-bottom: 34px } .tm_thumb { position: relative; margin: 0 0 20px } .tm_thumb:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; border-radius: 3px; background: rgba(0, 0, 0, .43); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .team_01:hover .tm_thumb:after { visibility: visible; opacity: 1 } .team_01 .tm_thumb img { width: 100%; height: auto; border-radius: 3px } .tm_social { font-family: Poppins, sans-serif; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); z-index: 3 } .tm_social a { display: inline-block; margin: 0 5px; position: relative; z-index: 2; color: #fff; text-align: center; font-size: 12px; text-transform: uppercase; visibility: hidden; opacity: 0 } .tm_social a i { font-size: 13px; margin-right: 4px; display: inline-block } .tm_social a:hover { color: var(--theme-color) } .tm_social a:nth-child(1) { -webkit-transition: all 400ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 400ms cubic-bezier(.445, .05, .55, .95); transition: all 400ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .tm_social a:nth-child(2) { -webkit-transition: all 550ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 550ms cubic-bezier(.445, .05, .55, .95); transition: all 550ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .tm_social a:nth-child(3) { -webkit-transition: all 650ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 650ms cubic-bezier(.445, .05, .55, .95); transition: all 650ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .tm_social a:nth-child(4) { -webkit-transition: all 750ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 750ms cubic-bezier(.445, .05, .55, .95); transition: all 750ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .tm_social a:nth-child(05) { -webkit-transition: all 850ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 850ms cubic-bezier(.445, .05, .55, .95); transition: all 850ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .team_01:hover .tm_social a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .team_01 h3 { font-size: 24px; line-height: 28px; color: #393434; margin: 0 0 5px } .team_01 h3 a { color: inherit } .team_01 h3 a:hover { color: var(--theme-color) } .team_01 p { font-size: 15px; line-height: .8; color: #7b7b7b; margin: 0 } .tmSlider.owl-carousel .owl-nav { width: 100% } .tmSlider.owl-carousel .owl-nav button { position: absolute; left: -140px; top: 31%; text-align: center; z-index: 5; font-size: 24px; line-height: 71px; width: 71px; height: 71px; background: rgba(199, 199, 199, .2); color: rgba(0, 0, 0, .2); border: none; outline: none; z-index: 1; border-radius: 0; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tmSlider.owl-carousel .owl-nav button.owl-next { left: auto; right: -140px } .tmSlider.owl-carousel .owl-nav button:hover { background: var(--theme-color); color: #fff } .bepAccordion { position: relative; margin-right: 29px } .bepAccordion .card { position: relative; z-index: 2; background: #fff; border-radius: 3px; margin: 0 0 16px; padding: 20px 49px; border: none; -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .accordion>.card:not(:first-of-type), .accordion>.card:not(:last-of-type) { border-radius: 3px } .bepAccordion .card .card-header { margin: 0; padding: 0; border: none; background: 0 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bepAccordion .card .card-header h2 { margin: 0; padding: 0; border: none } .bepAccordion .card .card-header h2 button { border-radius: 0; border: none; background: 0 0; font-size: 18px; font-weight: 700; font-family: Poppins, sans-serif; color: #1e1840; line-height: 36px; display: flex; padding: 0; width: 100%; text-align: left; border-radius: 0; position: relative; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .bepAccordion .card .card-header h2 button i { font-style: normal; font-size: 19px; color: var(--theme-color); margin-right: 3px } .bepAccordion .card .card-header h2 button span { position: absolute; width: 12px; height: 12px; right: -11px; top: 0; bottom: 0; margin: auto } .bepAccordion .card .card-header h2 button span:before { content: ''; width: 4px; height: 12px; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto } .bepAccordion .card .card-header h2 button span:after { content: ''; width: 12px; height: 4px; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto } .bepAccordion .card .card-header h2 button:not(.collapsed) span:before { display: none } .bepAccordion .card .card-body { position: relative; padding: 11px 5px 35px 0; top: 0; color: #5f5f5f; font-size: 17px; line-height: 28px; border: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bepAccordion .card.activeBg { background: #101a25 } .bepAccordion .card.activeBg .card-header h2 button { color: #fff } .bepAccordion .card.activeBg .card-body { color: #a5a5a5 } .bepAccordion .card.activeBg .card-header h2 button i { color: #fff } .bepAccordion .card.activeBg .card-header h2 button span:after { background: #fff } .testimonialslider01.owl-carousel { position: relative; padding: 40px 0 0 7px } .testiItem01 { position: relative } .testiItem01 h5 { font-size: 25px; color: #1e1840; font-weight: 600; margin: 0 0 7px } .quotation { font-size: 20px; line-height: 30px; color: #5f5f5f; font-weight: 300; font-style: italic; margin: 0 0 40px } .ts_author { position: relative; padding-top: 23px; padding-left: 138px; min-height: 105px } .testimonialslider01.owl-carousel .ts_author img { width: 106px; height: 105px; border-radius: 50%; position: absolute; left: 0; top: 0 } .ts_author h5 { font-size: 22.22px; line-height: 33.33px; color: #1e1840; margin: 0 0 3px } .ts_author span { display: block; line-height: .8; font-size: 14.77px; color: #828282 } .testimonialslider01.owl-carousel .owl-nav { position: relative; margin: 24px 0 0 } .testimonialslider01.owl-carousel .owl-nav button { text-align: center; font-size: 13.49px; line-height: 48px; width: 48px; height: 48px; margin-right: 10px; background: #fff; border: 1px solid #ededed; border-radius: 50%; color: #1e1840; outline: none; z-index: 1; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialslider01.owl-carousel .owl-nav button:hover { background: var(--theme-color); color: #fff } .blogItem01 { position: relative; background: #fbfbfb; margin: 0 0 30px; border-radius: 0 0 3px 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .blogItem01:hover { background: #fff; -webkit-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06); -moz-box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06); box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .06) } .blogThumb { position: relative } .blogItem01 .blogThumb img { width: 100%; height: auto; border-radius: 3px 3px 0 0 } .blogContent { position: relative; padding: 23px 29px 27px } .bmeta { display: inline-block; font-size: 15px; color: #7c7c7c; margin: 0 0 4px } .bmeta i { display: inline-block; font-size: 14px; color: var(--theme-color); margin-right: 9px } .blogContent h3 { font-size: 22px; line-height: 28px; color: #333; font-weight: 600; margin: 0 0 27px } .blogContent h3 a { color: inherit } .blogContent h3 a:hover { color: var(--theme-color) } .bpcon { position: relative; display: flex; justify-content: space-between; padding: 18px 0 0 } .bpcon:after { position: absolute; left: -29px; top: 0; width: calc(100% + 58px); content: ''; height: 1px; background: #ddd } .bpcon a { display: inline-block; font-size: 17px; color: #7c7c7c } .bpcon a.author { font-size: 14px } .bpcon a.author img { position: relative; top: -2px; width: 33px; height: 33px; border-radius: 50%; margin-right: 10px } .bpcon a:hover { color: var(--theme-color) } .ctaCon { position: relative; padding: 158px 0 0 30px } .ctaCon h4 { font-style: italic; color: #fff; margin: 0 0 8px; font-size: 59.51px; line-height: 1; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); transform: rotate(-9deg) } .ctaCon h4 span { font-size: 25.7px; font-weight: 400 } .ctaCon h2 { margin: 0 0 0 -15px; font-style: italic; color: var(--theme-color); font-size: 110.85px; letter-spacing: -3.3px; font-weight: 800; text-transform: uppercase; line-height: 1; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); transform: rotate(-9deg) } .ctaCon h3 { font-style: italic; margin: -21px 0 42px 37px; color: #fff; font-size: 73px; font-weight: 800; line-height: 1; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); transform: rotate(-9deg) } .ctaCon h3 span { font-size: 32.33px; font-weight: 500; position: relative; top: -25px } .ctaCon .berpo_btn { margin-left: 120px } .footer_01 { position: relative; background: url(../images/bg/footer.jpg) no-repeat center center/cover; padding: 120px 0 0 } .aboutWidget { position: relative; padding-right: 50px; margin-top: -12px } .aboutWidget img { max-width: 100%; height: auto } .aboutWidget p { color: #bbb; font-size: 16px; line-height: 22px; margin: 27px 0 41px } .abIcon { font-family: Poppins, sans-serif; margin: 0 0 16px; min-height: 35px; position: relative; padding-left: 50px; font-size: 16px; color: #bbb; line-height: 29px; font-weight: 500 } .abIcon i { width: 35px; height: 35px; font-size: 12px; line-height: 35px; background: var(--theme-color); color: #fff; border-radius: 50%; text-align: center; display: inline-block; position: absolute; left: 0; top: 0 } .wsubtitle { display: block; font-size: 12px; line-height: .8; font-weight: 500; color: var(--theme-color); letter-spacing: .36px; margin: 0 0 8px } .widget_title { font-size: 20px; line-height: 30px; letter-spacing: .4px; color: #fff; text-transform: uppercase; margin: 0 0 40px } .pp_post_item { position: relative; min-height: 75px; margin: 0 0 20px; padding: 6px 0 0 110px } .pp_post_item img { width: 85px; height: 75px; border-radius: 11px; position: absolute; left: 0; top: 0 } .pp_post_item span { display: block; color: #ec1c33; font-size: 12px; line-height: .8; letter-spacing: .24px; margin: 0 0 9px } .pp_post_item a { font-family: Poppins, sans-serif; display: block; font-size: 18px; color: #ddd; line-height: 25px; font-weight: 500 } .pp_post_item a:hover { color: var(--theme-color) } .widget ul.menu { margin: -10px 0 0; padding: 0 } .footer_01 .widget ul.menu li { font-family: Poppins, sans-serif } .widget ul.menu li { position: relative; font-size: 16px; display: block; color: #bbb; font-weight: 400; line-height: 36px; padding-left: 22px; margin: 0 0 14px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .widget ul.menu li:after { content: "\ef55"; font-family: themewar !important; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; font-size: 12px; color: inherit; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .widget ul.menu li a { color: inherit } .widget ul.menu li:hover { padding-left: 18px } .widget ul.menu li:hover a { color: var(--theme-color) } .widget ul.menu li:hover:after { color: var(--theme-color) } .gallery { margin-right: -15px; margin-left: -8px } .galleryShots { position: relative } .galleryShots a { position: relative; display: inline-block; float: left; width: 95px; height: 91px; margin: 0 } .galleryShots a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; content: ''; background: var(--theme-color); opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .galleryShots a:hover::after { opacity: .85 } .galleryShots a:before { width: 40px; height: 40px; background: 0 0; color: #fff; font-size: 18px; font-weight: 500; line-height: 40px; border-radius: 50%; text-align: center; content: "\fc07"; font-family: themewar !important; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; margin: auto; visibility: hidden; opacity: 0; transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -webkit-transform: translate3d(0, 20px, 0); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .galleryShots a:hover:before { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .galleryShots img { width: 100%; height: 100% } .SubsrcribeForm, .SubsrcribeForm .yikes-easy-mc-form { position: relative } .SubsrcribeForm .yikes-easy-mc-form input[type=email] { font-size: 13px; height: 60px; width: 100%; font-weight: 400; color: #8c8c8c; outline: none; border: none; letter-spacing: .26px; background: #fff; border-radius: 50px; padding: 0 45px; margin: 0 !important } .SubsrcribeForm .yikes-easy-mc-form input[type=email]::-moz-placeholder { color: #8c8c8c; opacity: 1 } .SubsrcribeForm .yikes-easy-mc-form input[type=email]::-ms-input-placeholder { color: #8c8c8c; opacity: 1 } .SubsrcribeForm .yikes-easy-mc-form input[type=email]::-webkit-input-placeholder { color: #8c8c8c; opacity: 1 } .SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button { position: absolute; z-index: 2; right: 0; top: 0; height: 60px; padding: 0 41px; border: none; background: #1b1b1b; letter-spacing: .26px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff; text-align: center; width: auto; margin: 0 !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover { background: var(--theme-color); color: #fff } .yikes-easy-mc-form input[type=email]:focus, .yikes-easy-mc-form .yikes-easy-mc-submit-button:focus { box-shadow: none !important; outline: none !important } .yikes-mailchimp-container .edit-link { display: none !important } .SubsrcribeForm .yikes-easy-mc-success-message { padding: 10px 20px; font-size: 16px; margin: 0 0 20px; background: #fff; color: #232424; text-align: center } .SubsrcribeForm .yikes-easy-mc-form .field-no-label, .SubsrcribeForm .yikes-easy-mc-form label { margin: 0 } .Copyright { position: relative; font-size: 15px; line-height: 26px; color: #ebebeb; font-weight: 500; letter-spacing: .37px; margin: 0; padding: 26px 0 } .Copyright span { text-transform: uppercase } .Copyright a, .Copyright span { display: inline-block; color: var(--theme-color) } .Copyright a:hover { color: #ebebeb } .header02 { position: absolute; left: 0; top: 0; width: 100%; background: 0 0; z-index: 5; padding: 0 85px 0 40px } .header02 .navbar01 { background: 0 0; padding: 0; border-radius: 0 } .header02 .logo { padding: 28px 60px 26px 0; line-height: 64px; border-right: 1px solid #3e404e } .header02 .logo img { height: 64px } .header02 .mainMenu { margin-right: auto; padding-left: 58px } .header02 .mainMenu ul li>a { padding: 52px 15px 41px; color: #fff; font-family: jost, sans-serif; font-weight: 700 } .header02 .mainMenu ul li.menu-item-has-children>a::before { font-weight: 500; right: 1px; top: calc(50% + 7px) } .header02 .mainMenu ul li:hover>a { color: var(--theme-color-two) } .header02 .mainMenu ul li .sub-menu li.current-menu-item>a, .header02 .mainMenu ul li .sub-menu li:hover>a { color: #fff; background: var(--theme-color-two) } .header02 .mainMenu ul .sub-menu li.menu-item-has-children>a::before { right: 19px; top: calc(50% - 4px); font-weight: 400 } .header02 .showcase h5 span { color: var(--theme-color-two) } .header02 .mainMenu ul li .sub-menu { border-color: var(--theme-color-two) } .accessNav .topsocial { position: relative } .accessNav .topsocial:after { position: absolute; left: -13px; top: -43px; width: 1px; height: 120px; content: ''; background: #3e404e } .accessNav .topsocial a { background: 0 0; width: auto; height: auto; color: #fff; font-size: 17px; margin-left: 21px } .accessNav .topsocial a:hover { color: var(--theme-color-two) } .header02 .accessNav .search_btn { color: #181818; font-size: 15px; width: 41px; height: 41px; line-height: 41px; background: #fff; margin-left: 67px } .header02 .accessNav .search_btn:after { position: absolute; left: -31px; top: -40px; width: 1px; height: 120px; content: ''; background: #3e404e } .header02 .accessNav .search_btn:hover { background: var(--theme-color-two); color: #fff } .infoHead { position: relative; padding-left: 56px; margin-left: 69px } .infoHead:after { position: absolute; left: -43px; top: -39px; width: 1px; height: 120px; content: ''; background: #3e404e } .infoHead i { color: #181818; font-size: 18px; width: 41px; height: 41px; border-radius: 50%; background: #fff; line-height: 41px; text-align: center; position: absolute; left: 0; top: 0; bottom: 0; margin: auto } .infoHead i.twi-phone-volume { transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .infoHead h5 { color: var(--theme-color-two); font-size: 15px; font-weight: 500; line-height: 23px; margin: -2px 0 0 } .infoHead h5 span { font-size: 20px; color: #fff; font-weight: 600; display: block } .expCount { min-height: 170px; position: relative; border: 10px solid var(--theme-color-two); display: flex; justify-content: center; min-width: 100%; align-items: center; margin-bottom: 65px } .expCount:after { position: absolute; left: 0; right: 0; top: -10px; height: 10px; width: calc(100% - 154px); margin: auto; content: ''; background: #fff } .expCount:before { position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; width: calc(100% - 154px); margin: auto; content: ''; background: #fff } .expCount h2 { font-size: 90px; font-weight: 600; margin: 0 } .expCount p { font-size: 17px; line-height: 20px; color: #5f5f5f; font-weight: 500; margin: 0 0 0 15px } .serviceSlider.owl-carousel .owl-stage-outer { height: calc(100% + 30px); margin: -15px; padding: 15px; width: calc(100% + 30px) } .serviceSlider .owl-item.active .service_item_03 { box-shadow: 0 9px 35px 0 rgba(33, 37, 41, .07) } .serviceSlider .service_item_03 { box-shadow: none } .service_item_03 { margin: 115px 15px 30px; padding: 0 30px 25px; text-align: center; position: relative; background: #fff; border-radius: 5px; transition: all ease 400ms; -moz-transition: all ease 400ms; -webkit-transition: all ease 400ms; -webkit-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17); -moz-box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17); box-shadow: 0 3px 103px 0 rgba(46, 46, 46, .17) } .service_item_03 .siThumb { position: relative; top: -86px; margin: 0 0 -61px } .service_item_03 .siThumb img { width: 100%; height: auto; border-radius: 5px } .service_item_03 h3 { font-size: 23px; line-height: 30px; font-weight: 800; color: #0f0d1d; margin: 0 0 3px } .service_item_03 h3 a { color: inherit } .service_item_03 h3 a:hover { color: var(--theme-color-two) } .service_item_03 p { font-family: Poppins, sans-serif; color: var(--theme-color-two); font-size: 16px; line-height: 23px; margin: 0 } .serviceSlider.owl-carousel .owl-nav { width: 100% } .serviceSlider.owl-carousel .owl-nav button { position: absolute; left: -94px; top: 31%; text-align: center; z-index: 5; font-size: 15px; line-height: 58px; width: 58px; height: 58px; background: var(--theme-color-two); color: #f0f0f0; border: none; outline: none; z-index: 1; border-radius: 50%; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .serviceSlider.owl-carousel .owl-nav button.owl-next { left: auto; right: -94px } .serviceSlider.owl-carousel .owl-nav button:hover { background: #030303; color: #fff } .icon_box_01 { position: relative; min-height: 67px; margin: 0 0 20px; padding: 0 0 0 99px } .icon_box_01 i { width: 67px; height: 67px; background: #ebf1ff; line-height: 67px; text-align: center; position: absolute; left: 0; top: 0; font-size: 34px; color: var(--theme-color-two) } .icon_box_01 i.twi-phone-volume:before { display: inline-block; transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .icon_box_01 h5 { font-size: 19px; line-height: 30px; color: #767676; font-weight: 400; margin: 0 } .icon_box_01 h5 span { display: block; color: #000; font-size: 18px; margin: 4px 0 0 } .beproTab02 { position: absolute; left: 0; top: 7px; z-index: 2; margin: 0; padding: 0; display: block } .beproTab02 li { list-style: none; display: block } .beproTab02 li a { display: inline-block; height: 74px; background: #fff; border-radius: 5px; font-size: 17px; color: #282331; padding: 25px 24px; font-family: Poppins, sans-serif; font-weight: 600; line-height: .8; margin: 0 0 9px; -webkit-box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26); -moz-box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26); box-shadow: 0 0 59px 0 rgba(196, 196, 196, .26) } .beproTab02 li a i { display: inline-block; color: #b587fb; font-size: 23.44px; margin-right: 20px; position: relative; top: 4px } .beproTab02 li a:hover { color: var(--theme-color-two) } .beproTab02 li a.active { margin-left: 10px } .beproTab02 li:nth-child(2) a i { color: #fec0fa } .beproTab02 li:nth-child(3) a i { color: #a2fde4 } .beproTabCon02 { position: relative; padding-left: 120px } .beproTabCon02>img { max-width: 100%; height: auto; border-radius: 5px } .beproTabCon02 .bptleft { position: relative; margin: -49px 0 0 -123px; z-index: 2 } .tabVideo { position: relative; float: right; width: 259px; height: 171px; padding: 53px 58px 0; margin: -139px -39px 0 0 } .tabVideo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 9px } .tabVideo .popup_video { background: 0 0; width: auto; height: auto; font-size: 29px; color: #fff; line-height: .8 } .tabVideo .popup_video:hover { color: var(--theme-color-two) } .tabVideo .popup_video:after, .tabVideo .popup_video:before { display: none } .tabVideo h5 { font-size: 20.24px; line-height: 23.45px; color: #fff; text-transform: uppercase; margin: 5px 0 0; position: relative } .folioSlider01.owl-carousel { margin: 0; position: relative } .folioItem01 { margin: 20px 0 45px; position: relative; transition: all ease 350ms; -moz-transition: all ease 350ms; -webkit-transition: all ease 350ms } .folioItem01 img { width: 100%; height: auto; border-radius: 10px } .folioItem01:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; content: ''; border-radius: 10px; width: calc(100% - 40px); height: calc(100% - 40px); background: rgba(255, 255, 255, .87); -webkit-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1); -moz-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1); transition: transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1); opacity: 0 } .folioItem01:hover:after { opacity: 1 } .folioItem01:hover { border-radius: 10px; -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2); box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2) } .folioHover { font-family: Poppins, sans-serif; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; text-align: center; padding: 0 15px; z-index: 2 } .folioHover .fm-more { position: relative; right: auto; display: inline-block; background: var(--theme-color-two); width: 52px; height: 52px; border-radius: 50%; text-align: center; font-size: 22.52px; color: #fff; line-height: 52px; margin: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioHover .fm-more:hover { background: #26263e; color: #fff } .folioHover h4 { font-size: 30px; line-height: 35px; color: #26263e; font-weight: 600; margin-bottom: 24px; visibility: hidden; opacity: 0; transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .folioHover h4 a { color: inherit } .folioHover h4 a:hover { color: var(--theme-color-two) } .folioHover p { font-size: 18px; letter-spacing: -.36px; color: #787887; margin: 0 0 2px; transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); opacity: 0; visibility: hidden; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .folioItem01:hover .folioHover .fm-more { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1 } .folioItem01:hover .folioHover h4 { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible; opacity: 1 } .folioItem01:hover .folioHover p { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible; opacity: 1 } .single_skill { position: relative; margin: 9px 0 0 } .single_skill h5 { font-size: 15px; line-height: 24px; font-weight: 500; text-transform: uppercase; color: #101a25; margin: 0 0 2px 4px } .ss_parent { position: relative; background: 0 0; border: 2px solid #dcdcdc; height: 24px; width: 100%; border-radius: 50px } .ss_parent span { font-family: Poppins, sans-serif; position: absolute; font-size: 15px; color: #101a25; font-weight: 500; line-height: 24px; margin: 0 0 0 -22px; left: 0; top: -28px } .ss_child { position: absolute; left: 3px; top: 3px; border-radius: 50px; height: 14px; background: var(--theme-color-two) } .icon_box_02 { padding-left: 124px; position: relative; margin-top: 7px } .icon_box_02 img { position: absolute; left: 0; top: 0 } .icon_box_02 i { font-size: 80px; line-height: 80px; color: #fff; position: absolute; left: 0; top: 11px; z-index: 2 } .icon_box_02 h3 { color: #fff; font-size: 35px; line-height: 50px; font-weight: 600; margin: 0 } .pricingTabInner { position: relative; margin: 0 0 55px; padding: 0; display: block } .pricingTabInner li { list-style: none; display: block; margin: 0 0 6px } .pricingTabInner li a { font-family: Poppins, sans-serif; display: block; position: relative; height: 142px; border-radius: 10px; border: 1px solid #eaeaea; padding: 30px 31px 20px 122px; -webkit-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08); -moz-box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08); box-shadow: 0 18px 40px 0 rgba(43, 43, 43, .08) } .pricingTabInner li a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; content: ''; background: var(--theme-color-two); mix-blend-mode: multiply; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTabInner li a img { height: 100%; width: 100%; border-radius: 10px; position: absolute; left: 0; top: 0 } .pricingTabInner li .p-title { position: relative; z-index: 2; font-size: 25px; display: block; color: #fff; font-weight: 500; margin: 0 0 2px } .pricingTabInner li .p-off { display: inline-block; height: 33px; background: #fff; border-radius: 50px; color: var(--theme-color-two); font-size: 12.16px; line-height: 36px; text-align: center; padding: 0 17px; position: relative; z-index: 2; text-transform: capitalize } .pricingTabInner li .p-price { justify-content: flex-end; position: relative; z-index: 2; color: #fff; font-size: 45px; line-height: 60px; font-weight: 800; text-transform: capitalize; margin: -62px 0 0 } .pricingTabInner li .p-price .price_period { position: absolute; right: 0; top: 0; visibility: hidden; opacity: 0 } .pricingTabInner li .p-price .price_period.active { visibility: visible; opacity: 1 } .pricingTabInner li .p-price .price_period span { font-size: 18px; font-weight: 500; position: relative; top: 10px; margin: 0 0 0 11px } .pricingTabInner li a:hover:after, .pricingTabInner li a.active:after { visibility: visible; opacity: 1 } .pricingTabInner li a .round { width: 31px; height: 31px; background: 0 0; border: 3px solid #fff; border-radius: 50%; position: absolute; left: 31px; display: block; top: 0; bottom: 0; margin: auto; z-index: 2 } .pricingTabInner li a .round:after { width: 15px; height: 15px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; margin: auto; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTabInner li a.active .round:after { visibility: visible; opacity: 1 } .pricingTabInner li a:before { width: 79px; height: 1px; background: var(--theme-color-two); position: absolute; z-index: 3; top: 0; left: -79px; bottom: 0; content: ''; margin: auto; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTabInner li a.active:before { visibility: visible; opacity: 1; left: -102px } .tabList { position: relative; background: url(../images/bg/10.jpg) no-repeat center center/cover; padding: 158px 75px 23px; border-radius: 10px; margin-right: 10px } .tabList ul { margin: 0; padding: 0 } .tabList ul li { list-style: none; display: block; font-size: 20px; font-weight: 500; color: #1f1f1f; font-family: Poppins, sans-serif; border-bottom: 1px solid #e9e9e9; margin: 0 0 18px; padding: 0 0 20.5px } .tabList ul li:last-child { border: none } .tabList ul li i { display: inline-block; float: right; clear: both; color: var(--theme-color-two) } .tabList ul li.disable i { color: #adadad } .pcTab02 { display: inline-block; border: 1px solid #eaeaea; border-radius: 50px; height: 57px; padding: 0; position: absolute; left: 77px; top: 52px; z-index: 3; background: #fff } .pcTab02 a { font-family: Poppins, sans-serif; display: inline-block; height: 100%; background: 0 0; color: #616368; font-weight: 500; border-radius: 50px; text-align: center; font-size: 18px; color: #20204c; padding: 14px 29px } .pcTab02 a:hover { color: var(--theme-color-two) } .pcTab02 a.active { background: var(--theme-color-two); color: #fff } .berpo_btn.prbtn { width: 100%; border-radius: 10px; height: 92px; text-align: center; font-size: 19px; text-transform: uppercase; font-weight: 500; line-height: 92px; color: #fff } .team_02 { position: relative; overflow: hidden; margin-bottom: 30px } .team_02 img { width: 100%; height: auto } .team_02:after { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%); background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgba(255, 255, 255, .0) 55%); width: 100%; height: 100%; content: '' } .tm_content { position: absolute; left: 0; bottom: 0; z-index: 2; padding: 0 70px } .tm_content p { font-size: 14px; color: #dedddd; line-height: 16px; text-transform: uppercase; margin: 0 0 4px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tm_content h3 { font-size: 35px; line-height: 45px; color: #fffefe; font-weight: 800; margin: 0 0 -5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .tm_content h3 a { color: inherit } .tm_content h3 a:hover { color: var(--theme-color-two) } .team_02:hover .tm_content p, .team_02:hover .tm_content h3 { transform: translate3d(0, -36px, 0); -moz-transform: translate3d(0, -36px, 0); -webkit-transform: translate3d(0, -36px, 0) } .tm_content .tm_social { position: relative; transform: none; text-align: left; top: auto; bottom: 20px } .tm_content .tm_social a { display: inline-block; margin: 0 6px 0 0; position: relative; z-index: 2; color: var(--theme-color-two); text-align: center; font-size: 15px; visibility: hidden; opacity: 0 } .tm_content .tm_social a i { font-size: inherit; margin: 0 } .tm_content .tm_social a:hover { color: #fff } .team_02 a:nth-child(2) { -webkit-transition: all 550ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 550ms cubic-bezier(.445, .05, .55, .95); transition: all 550ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .team_02 a:nth-child(3) { -webkit-transition: all 650ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 650ms cubic-bezier(.445, .05, .55, .95); transition: all 650ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .team_02 a:nth-child(4) { -webkit-transition: all 750ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 750ms cubic-bezier(.445, .05, .55, .95); transition: all 750ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .team_02 a:nth-child(05) { -webkit-transition: all 850ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 850ms cubic-bezier(.445, .05, .55, .95); transition: all 850ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0) } .team_02:hover .tm_social a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .tmSlider02.owl-carousel .owl-nav { width: 100% } .tmSlider02.owl-carousel .owl-nav button { position: absolute; left: -110px; top: 48%; text-align: center; z-index: 5; font-size: 15px; line-height: 59px; width: 58px; height: 58px; background: #c9c9c9; color: #030403; border: none; outline: none; z-index: 1; border-radius: 50%; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tmSlider02.owl-carousel .owl-nav button.owl-next { left: auto; right: -110px } .tmSlider02.owl-carousel .owl-nav button:hover { background: var(--theme-color-two); color: #fff } .tmSlider02.owl-carousel .owl-item:first-child.active .team_02 img { border-radius: 5px 0 0 5px } .funfact { position: relative; padding: 0 0 0 90px } .funfact i { color: var(--theme-color-two); font-size: 48px; line-height: 48px; position: absolute; left: 0; top: 3px } .funfact h2 { font-size: 40px; line-height: 1; color: #fff; letter-spacing: -1.2px; margin: 0 0 7px } .funfact h2 sup { font-size: inherit; top: 0; font-style: normal } .funfact h5 { font-size: 15px; color: #e2e2e2; font-weight: 500; letter-spacing: -.15px; line-height: 20px; margin: 0; text-transform: uppercase } .blogItem02 { position: relative; border-bottom: 1px solid #eee; padding: 0 0 63px; margin: 0 0 58px } .blogItem02.bireverse:last-child, .blogItem02:last-child { border: none; padding: 0; margin: 0 } .blogItem02 .col-lg-4 { -ms-flex: 0 0 35.333333%; flex: 0 0 35.333333%; max-width: 35.333333% } .blogItem02 .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 64.666667%; max-width: 64.666667% } .blogItem02 .blogContent { text-align: right; position: relative; padding: 84px 0 0 5px } .blogItem02 .blogContent h3 { font-size: 30px; line-height: 40px; font-weight: 700; color: #1c1c1c; margin: 0 0 12px } .blogItem02 .blogContent h3 a:hover { color: var(--theme-color-two) } .blogItem02 .blogContent p { margin: 0 0 42px } .blogItem02 .berpo_btn.with_icon { padding: 0 34px } .blogThumb02 { position: relative; margin-left: 1px } .blogThumb02 img { width: 100%; height: auto; border-radius: 175px } .blogThumb02 .bmeta { height: 43px; background: var(--theme-color-two); border-radius: 50px; text-align: center; display: inline-block; font-size: 12px; line-height: 38px; font-weight: 500; color: #fff; font-family: Poppins, sans-serif; letter-spacing: -.48px; margin: 0; padding: 0 15px; position: absolute; z-index: 2; left: 0; top: 39px; border: 3px solid #fff } .blogThumb02 .bmeta i { display: inline-block; font-size: 10.16px; margin-right: 3px; color: inherit } .bireverse .blogThumb02 { margin-right: 1px; margin-left: 0 } .bireverse .blogContent { padding-right: 5px; padding-left: 0 } .bireverse .blogThumb02 .bmeta { left: auto; right: 0 } .testimonialslider02.owl-carousel { position: relative; padding: 0 200px } .testiItem02 { position: relative; text-align: center } .testimonialslider02 .testiItem02>img { width: 89px; height: 89px; border-radius: 50%; display: inline-block } .testiItem02 .quotation { font-size: 17px; line-height: 31px; color: #303030; margin: 21px 0 26px } .testiItem02 .ts_author { margin: 0; padding: 0; min-height: auto } .testiItem02 .ts_author h5 { color: #303030; font-size: 18px; font-weight: 800; line-height: 27px; margin: 0 } .testiItem02 .ts_author h5 span { color: #303030; display: block; line-height: 20px; font-size: 15px; font-weight: 400 } .quote { position: absolute; left: 0; right: 0; top: 88px; text-align: center; display: block } .testiItem02 .quote img { display: inline-block; width: 256px; height: 182px } .testimonialslider02.owl-carousel .owl-dots { margin: 29px 0 0; padding: 0; text-align: center } .testimonialslider02.owl-carousel .owl-dots button span { display: none } .testimonialslider02.owl-carousel .owl-dots button { display: inline-block; position: relative; width: 9px; height: 9px; background: #000; border-radius: 50%; margin: 0 4px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialslider02.owl-carousel .owl-dots button:after { width: 12px; height: 12px; position: absolute; left: -2px; top: -1.5px; content: ''; background: #e3e3e3; border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialslider02.owl-carousel .owl-dots button:hover:after, .testimonialslider02.owl-carousel .owl-dots button.active:after { visibility: visible; opacity: 1 } .ctaFooter { display: flex; position: relative; background: #fff; border-radius: 100px; padding: 38px 45px; margin-top: -110px; margin-bottom: 101px } .ctaboxItem { position: relative; width: 100%; height: 144px; margin: 0 8px; padding: 42px 20px 20px 136px } .ctaboxItem:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(35, 35, 35, .8); border-radius: 70px } .ctaboxItem img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 70px } .ctaboxItem>i { width: 84px; height: 84px; border-radius: 50%; background: var(--theme-color-two); color: #fff; line-height: 85px; font-size: 35px; text-align: center; display: block; position: absolute; left: 29px; top: 0; bottom: 0; margin: auto; z-index: 2 } .ctaboxItem h5 { position: relative; z-index: 2; font-size: 25px; line-height: 30px; color: #fff; font-weight: 600; margin-bottom: 4px } .ctaboxItem a { font-family: Poppins, sans-serif; position: relative; z-index: 2; display: inline-block; font-size: 15px; color: #939393; text-transform: uppercase; font-weight: 500 } .ctaboxItem a i { position: relative; top: 1px; color: var(--theme-color-two); margin-left: 8px } .ctaboxItem a:hover { color: var(--theme-color-two) } .footer_02 { position: relative; padding: 0; background: url(../images/bg/12.jpg) no-repeat center center/cover } .footer_02:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(15, 17, 20, .86) } .footer_02 .container { position: relative; z-index: 2 } .abw02 { padding-right: 0 } .abw02 p { font-size: 17px; color: #d9d9d9; line-height: 27px; margin: 21px 0 31px } .twiiterFedd { position: relative; padding-left: 62px } .twiiterFedd i { width: 44px; height: 42px; background: var(--theme-color-two); line-height: 44px; color: #fff; font-size: 18px; position: absolute; left: 0; top: 4px; text-align: center } .twiiterFedd h5 { font-size: 18px; line-height: 27px; color: #fff; font-weight: 500; margin: 0 } .twiiterFedd h5 span { display: block; color: #69717c; font-weight: 400 } .widget_title02 { position: relative; font-size: 24px; line-height: 27px; color: #fff; font-weight: 600; margin: 0 0 49px } .widget_title02:after { position: absolute; left: 0; bottom: -15px; width: 70px; height: 1px; background: var(--theme-color-two); content: '' } .widget_title02:before { position: absolute; left: 0; bottom: -20px; width: 38px; height: 1px; background: var(--theme-color-two); content: '' } .wmenu02 ul.menu { margin: 0 } .wmenu02 ul.menu li { color: #fff; font-size: 18px; margin: 0 0 4px } .wmenu02 ul.menu li:after { font-size: 15px; top: 1px; color: inherit; content: "\ef2b" } .wmenu02 ul.menu li:hover a { color: var(--theme-color-two) } .wmenu02 ul.menu li:hover:after { color: var(--theme-color-two) } .pp_post_item02 { position: relative; padding-left: 94px; min-height: 81px; padding-top: 12px; margin: 0 0 38px } .pp_post_item02 img { width: 81px; height: 81px; position: absolute; left: 0; top: 0; border-radius: 50% } .pp_post_item02 a { font-size: 18px; color: #fff; font-weight: 500; line-height: 30px; display: inline-block; margin: 0 0 1px } .pp_post_item02 a:hover { color: var(--theme-color-two) } .pp_post_item02 span { display: block; font-size: 14px; color: #dadada } .pp_post_item02 span i { display: inline-block; font-size: 13px; margin-right: 4px } .footer_02 .Copyright { margin-top: 32px; padding: 21px 0; font-weight: 500; letter-spacing: .37px; border-top: 1px solid #252525 } .footer_02 .Copyright a, .footer_02 .Copyright span { color: var(--theme-color-two) } .footer_02 .Copyright a:hover { color: #fff } .bodybox { padding: 0 60px } .homeTop { position: relative; background: url(../images/bg/13.jpg) no-repeat center center/cover; border-radius: 50px } .topbar02 { z-index: 5; position: relative; background: 0 0; padding: 4px 0 0 } .topbar02 p { font-family: Poppins, sans-serif; display: inline-block; font-size: 15px; line-height: 35px; color: #2a2a2a; font-weight: 500; margin: 0 21px 0 0 } .topbar02 p a { color: inherit } .topbar02 p a i { position: relative; top: 1px; font-size: 14px; margin-right: 10px; color: var(--theme-color-three) } .topbar02 p a:hover { color: var(--theme-color-three) } .topbar02 .topsocial a { background: 0 0; color: #2a2a2a; font-size: 17px; width: auto; height: auto; margin-left: 20px } .topbar02 .topsocial a:hover { color: var(--theme-color-three) } .header03 { position: absolute; left: 0; top: 40px; width: 100%; z-index: 6 } .header03 .navbar01 { background: 0 0; padding: 0; border-radius: 0; align-items: center } .header03 .logo { line-height: 64px; padding: 39px 0 } .header03 .logo img { height: 64px } .header03 .mainMenu ul li>a { color: #2a2a2a; font-weight: 600 } .header03 .mainMenu ul li:hover>a { color: var(--theme-color-three) } .header03 .mainMenu ul li .sub-menu li.current-menu-item>a, .header03 .mainMenu ul li .sub-menu li:hover>a { color: #fff; background: var(--theme-color-three) } .header03 .mainMenu ul li .sub-menu { border-color: var(--theme-color-three) } .header03 .showcase h5 span { color: var(--theme-color-three) } .serviceSlider02.owl-carousel { position: relative; background: url(../images/bg/7.png) no-repeat top left #fff; border-radius: 30px } .service_item_04 { position: relative; text-align: center; padding: 92px 55px 72px; border-right: 1px solid #f4f4f4 } .serviceSlider02.owl-carousel .owl-item:last-child.active .service_item_04 { border-right: none } .siIcon { position: relative; z-index: 2; color: #040489; font-size: 58px; line-height: 58px; display: block; text-align: center; margin: 0 0 44px } .siIcon svg { width: 105px; height: 109px; position: absolute; z-index: -1; left: 0; right: 0; top: -24px; margin: auto; fill: #fffde6 } .serviceSlider02 .siIcon img, .service_item_04 .siIcon img { width: 57px; height: 57px; display: inline-block } .service_item_04 h3 { font-size: 25px; line-height: 31.5px; color: #382c4d; font-weight: 600; margin: 0 0 9px } .service_item_04 h3 a { color: inherit } .service_item_04 h3 a:hover { color: var(--theme-color-three) } .service_item_04 p { color: #5b5b5b; margin: 0 } .serviceSlider02.owl-carousel .owl-nav { width: 100% } .serviceSlider02.owl-carousel .owl-nav button { position: absolute; left: -94px; top: 48%; text-align: center; z-index: 5; font-size: 22px; line-height: 66px; width: 61px; height: 65px; background: url(../images/bg/arrow.svg) no-repeat center center/cover; color: #382c4d; border: none; outline: none; z-index: 1; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .serviceSlider02.owl-carousel .owl-nav button.owl-next { left: auto; right: -94px } .serviceSlider02.owl-carousel .owl-nav button:hover { background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover; color: #fff } .it0402 .siIcon svg { fill: #effff5 } .it0403 .siIcon svg { fill: #f7efff } .it0404 .siIcon svg { fill: #fffde6 } .skItem02 { position: relative; background: #fff; border-radius: 50px; padding: 11px 50px 23px 110px; margin: 0 0 18px; max-width: 480px; -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06) } .skThumb { width: 76px; height: 76px; line-height: 73px; background: #ebfafb; border-radius: 50%; text-align: center; position: absolute; left: 14px; top: 0; bottom: 0; margin: auto } .skItem02 .ebfafb img { width: 47px; height: 47px } .skItem02 .single_skill h5 { color: #382c4d; text-transform: capitalize; font-size: 18px; font-weight: 600; margin-bottom: 13px } .skItem02 .ss_parent { height: 12px; border: none; background: #ebfafb } .skItem02 .ss_child { top: 0; left: 0; background: var(--theme-color-three); height: 100% } .skItem02 .ss_parent span { color: #382c4d; font-weight: 600; top: -37px } .skI02.skItem02 .ss_child { background: #2849c8 } .skI02.skItem02 .skThumb { background: #f6edff } .skI02.skItem02 { margin-bottom: 44px } .funfact02 { position: relative; z-index: 2; display: inline-block; background: #fff; border-radius: 50px; padding: 30px 36px 22px 72px; margin-left: 70px; -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06) } .funfact02 i { font-size: 34px; line-height: 34px; position: absolute; left: 33px; top: 42px; color: #917afa; display: block } .funfact02 h2 { font-size: 45px; line-height: 1; color: #382c4d; font-weight: 600; margin: 0 0 1px } .funfact02 h2 sup { font-size: inherit; top: 0; font-style: normal } .funfact02 h5 { font-size: 16px; color: #a4acbf; line-height: 1; font-weight: 400; margin: 0 } .funfact02.iconTop { padding: 30px 45px 30px 38px } .funfact02.iconTop i { position: relative; left: 0; top: 0; color: #ff5337; margin: 0 0 2px } .workProcess { position: relative; padding: 0 10px } .proImage { position: relative; margin: 0 0 0 -103px; top: 60px; color: #020288; font-size: 40px } .workProcess .proImage img { width: 54px; height: 37px } .workProcess>img { width: 215px; height: 211px } .workProcess h5 { color: #ff5337; font-size: 14px; line-height: 1; font-weight: 400; margin: 28px 0 0 } .workProcess h3 { display: inline-block; font-size: 24px; line-height: 32px; color: #000; font-weight: 500; margin: 0 0 10px; position: relative; z-index: 2 } .workProcess h3:after { content: ''; position: absolute; left: 3px; right: 0; bottom: 3px; height: 7px; z-index: -1; border-radius: 50px; width: calc(100% - 6px); background: #ffeae6 } .workProcess p { color: #382c4d; margin: 0 0 24px } .workProcess a { display: inline-block; width: 46px; height: 46px; background: #fff1f1; line-height: 46px; border-radius: 50%; text-align: center; color: #382c4d; line-height: 46px; font-size: 17px } .wp02 a { background: #e0faff } .wp02 h3:after { background: #e0faff } .wp03 a { background: #fffde5 } .wp03 h3:after { background: #fffde5 } .workProcess a:hover { background: var(--theme-color-three); color: #fff } .filter_menu { position: relative; margin: 53px 0 40px; padding: 0; display: flex; justify-content: flex-end; font-family: Poppins, sans-serif } .filter_menu.text-center { justify-content: center } .filter_menu.text-right { justify-content: flex-end } .filter_menu.text-left { justify-content: flex-start } .filter_menu li { cursor: pointer; list-style: none; display: inline-block; font-size: 17px; color: #252932; font-weight: 500; text-transform: capitalize; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu li span { display: inline-block; margin: 0 13px; color: #c4c4c4; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu li:last-child span { margin: 0; display: none } .filter_menu li:hover span, .filter_menu li.active span, .filter_menu li:hover, .filter_menu li.active { color: var(--theme-color-three) } .folioItem02 { position: relative; margin-right: 8px; margin-bottom: 40px } .folioItem02.mrleft { margin-right: 0; margin-left: 8px } .folioItem02 img { width: 100%; height: auto; border-radius: 30px } .folioHover02 { position: relative; display: inline-block; background: #fff; margin: -150px 0 0 40px; border-radius: 50px; padding: 22px 52px 24px 38px; -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06) } .folioHover02 p { color: var(--theme-color-three); font-size: 13px; line-height: 20px; margin: 0 } .folioHover02 p a { color: inherit } .folioHover02 h4 { font-size: 22px; line-height: 30px; color: #333; font-weight: 600; margin: 0 } .folioHover02 h4 a { color: inherit } .folioHover02 h4 a:hover { color: var(--theme-color-three) } .shaff_size { z-index: -1 } .pricingTab03 { position: absolute; margin: 0; padding: 0; display: block; right: -17%; top: 44%; z-index: 2; text-align: right } .pricingTab03 li { list-style: none; display: block } .pricingTab03 li a { position: relative; display: inline-block; height: 59px; background: #fff; line-height: 59px; border-radius: 50px; text-align: center; font-size: 16px; color: #382c4d; text-transform: uppercase; font-weight: 800; font-family: Poppins, sans-serif; padding: 0 25px; margin: 0 0 10px } .pricingTab03 li a:before { display: inline-block; font-family: themewar !important; content: "\f025"; color: inherit; position: relative; font-weight: 400; top: 1px; visibility: hidden; opacity: 0; font-size: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTab03 li a.active:before { font-size: 15px; visibility: visible; opacity: 1; margin-right: 6px } .pricingTab03 li a.active, .pricingTab03 li a:hover { background: var(--theme-color-three); color: #fff; padding: 0 31px } .tabContent03 { position: relative } .tabContent03 img { max-width: 100%; height: auto; border-radius: 65px; position: absolute; left: 0; top: -107px } .pricing-item-02 { position: relative; max-width: 385px; background: #fff; font-family: Poppins, sans-serif; border-radius: 50px; padding: 50px 40px 36px; margin-left: 205px; margin-top: -63px; z-index: 2; -webkit-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); -moz-box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06); box-shadow: -1px 3px 57px 0 rgba(0, 0, 0, .06) } .pricing-item-02 .p-title { display: inline-block; font-size: 30px; color: #382c4d; margin: 0 0 36px; position: relative; z-index: 2 } .pricing-item-02 .p-title:after { content: ''; position: absolute; left: -6px; right: 0; bottom: 6px; height: 9px; z-index: -1; border-radius: 50px; width: calc(100% + 12px); background: #fdecd8 } .pricing-item-02 .p-price { justify-content: center; color: #382c4d; font-size: 65.69px; font-weight: 600; letter-spacing: -1.3px; line-height: 1; margin: 0 0 8px } .pricing-item-02 .p-price sup { font-size: inherit; top: 32px; margin: 0 } .pricing-item-02 p { color: #382c4d; font-size: 18px; margin: 0 0 29px } .pricing-item-02 ul { border-top: 1px solid #ededed; margin: 0; padding: 34px 0 29px; text-align: left } .pricing-item-02 ul li { display: block; font-size: 19px; color: #382c4d; margin-bottom: 13px } .pricing-item-02 ul li i { color: var(--theme-color-three); font-size: 16px; display: inline-block; margin-right: 13px } .pricing-item-02 .berpo_btn { width: 100%; border-radius: 50px; background: var(--theme-color-three); color: #f0f0f0; font-size: 14px; height: 65px; line-height: 67px; -webkit-box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26); -moz-box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26); box-shadow: 0 0 27px 0 rgba(255, 85, 56, .26) } .priceCon { position: relative; padding: 145px 0 0 45px } .priceCon p { color: #382c4d; margin: -26px 0 41px } .priceCon .icon_box_01 { padding-left: 93px; padding-top: 10px } .priceCon .icon_box_01 i { width: 74px; height: 74px; background: #fff; border-radius: 50%; font-size: 30px; line-height: 74px; color: var(--theme-color) } .priceCon .icon_box_01 h5 { color: #382c4d; font-size: 18px; line-height: 28px } .priceCon .icon_box_01 span { color: #382c4d; font-weight: 600; font-size: 22px; margin: 0 } .funfact03 { position: relative; background: #ef0101; border-radius: 30px; padding: 0 25px 51px } .factThumb { position: relative; display: inline-block; width: 77px; height: 77px; line-height: 75px; font-size: 36px; background: #fff; border-radius: 50%; text-align: center; top: -41px; margin: 0 0 -17px } .funfact03 .factThumb img { width: 47px; height: 53px } .funfact03 h2 { font-size: 45px; line-height: 1; color: #fff; font-weight: 500; margin: 0 0 8px } .funfact03 h2 sup { font-size: inherit; top: -2px; font-style: normal } .funfact03 h5 { font-size: 17px; line-height: 1; color: #fff; margin: 0; font-weight: 400 } .ffc02 .factThumb { background: #eef } .ffc03 .factThumb { background: #ffe0e0 } .ffc04 .factThumb { background: #e6ffef } .tmSlider03.owl-carousel .owl-item { -webkit-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease } .team_03 { position: relative; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .team_03:hover { padding: 0 44px 0 0 } .tmThumbContent { position: relative; margin: 0 0 25px } .tmThumbContent .tmThumb { position: relative; height: 334px; overflow: hidden; z-index: 3; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .team_03 .tmThumb img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 40px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .team_03 .tm_social { padding: 15px 0; background: var(--theme-color-three); width: 85%; transform: none; border-radius: 30px; top: 20px; right: 20px; text-align: right; margin: 0; left: auto; bottom: auto; z-index: 2; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .team_03 .tm_social a { display: block; position: relative; margin: 0 0 0 auto; display: block; text-align: center; font-size: 17px; color: #fff; height: 50px; width: 44px; line-height: 50px; border-bottom: 1px solid #d51313 } .team_03 .tm_social a:last-child { border: none } .team_03:hover .tm_social { right: -44px } .team_03:hover .tm_social a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .team_03:hover .tm_social a:hover { color: #101a25 } .team_03 h3 { font-size: 26.69px; color: #382c4d; font-weight: 600; line-height: 1; text-transform: capitalize; margin: 0 0 1px } .team_03 h3 a { color: inherit } .team_03 h3 a:hover { color: var(--theme-color-three) } .team_03 p { margin: 0; font-size: 16px; font-family: Poppins, sans-serif; color: var(--theme-color-three) } .tmSlider03.owl-carousel .owl-nav { width: 100% } .tmSlider03.owl-carousel .owl-nav button { position: absolute; left: -94px; top: 38%; text-align: center; z-index: 5; font-size: 22px; line-height: 66px; width: 61px; height: 65px; background: url(../images/bg/arrow.svg) no-repeat center center/cover; color: #382c4d; border: none; outline: none; z-index: 1; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .tmSlider03.owl-carousel .owl-nav button.owl-next { left: auto; right: -94px } .tmSlider03.owl-carousel .owl-nav button:hover { background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover; color: #fff } .tmSlider03.owl-carousel .owl-stage-outer { height: calc(100% + 40px); margin: -20px; padding: 20px; width: calc(100% + 40px) } .featuredSlider { padding: 0 } .featuredSlider .owl-stage-outer {} .featuredSlider .owl-item { backface-visibility: hidden; position: relative; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .featuredSlider .fsfolioItem { overflow: visible; padding: 72px 0 20px } .featuredSlider .owl-item.active { z-index: 2; opacity: 1; visibility: visible } .featuredSlider .owl-item.active.center { z-index: 3 } .fi03Thumb { position: relative; border-radius: 50%; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .featuredSlider .fsfolioItem .acshape { width: 84%; height: 101%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 0; display: block; visibility: hidden; opacity: 0; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .featuredSlider .owl-item.active.center .fsfolioItem .acshape { visibility: visible; opacity: 1 } .featuredSlider .fsfolioItem img { width: 100%; height: 100%; display: inline-block; border-radius: 50% } .featuredSlider .owl-item.active .fsfolioItem .fi03Thumb { transform: scale(1.35) translateX(73px); -moz-transform: scale(1.35) translateX(73px); -webkit-transform: scale(1.35) translateX(73px) } .featuredSlider .owl-item.active.center+.owl-item.active .fsfolioItem .fi03Thumb { transform: scale(1.35) translateX(-73px); -moz-transform: scale(1.35) translateX(-73px); -webkit-transform: scale(1.35) translateX(-73px) } .featuredSlider .owl-item.active.center .fsfolioItem .fi03Thumb { transform: scale(1.35) translateX(0); -moz-transform: scale(1.35) translateX(0); -webkit-transform: scale(1.35) translateX(0) } .fi03Con { position: relative; font-family: Poppins, sans-serif; text-align: center; padding: 90px 0 0; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; opacity: 0; visibility: hidden } .featuredSlider .owl-item.active.center .fi03Con { opacity: 1; visibility: visible } .fi03Con h4 { font-size: 35px; color: #382c4d; font-weight: 600; margin: 0 0 4px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .fi03Con h4 a { color: inherit } .fi03Con h4 a:hover { color: var(--theme-color-three) } .fi03Con p { font-size: 14px; line-height: .8; color: var(--theme-color-three); text-transform: uppercase; margin: 0 0 14px } .fimeta { position: relative } .fimeta a { display: inline-block; font-size: 15px; font-weight: 400; color: #382c4d; margin-right: 12px } .fimeta a:last-child { margin-right: 0 } .fimeta a i { display: inline-block; font-size: 14px; color: #9a9a9a; position: relative; margin-right: 6px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .fimeta a i.twi-eye { top: 1px } .fimeta a:hover i, .fimeta a:hover { color: var(--theme-color-three) } .featuredSlider.owl-carousel .owl-nav { width: 100% } .featuredSlider.owl-carousel .owl-nav button { position: absolute; left: -94px; top: 36%; text-align: center; z-index: 5; font-size: 22px; line-height: 66px; width: 61px; height: 65px; background: url(../images/bg/arrow2.svg) no-repeat center center/cover; color: #382c4d; border: none; outline: none; z-index: 1; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .featuredSlider.owl-carousel .owl-nav button.owl-next { left: auto; right: -94px } .featuredSlider.owl-carousel .owl-nav button:hover { background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover; color: #fff } .testimonialslider03 { position: relative; margin: -84px 0 0 } .testiItem03 { position: relative; background: #d9f2ef; max-width: 595px; border-radius: 100px; padding: 39px 40px 50px 192px; margin: 34px 0 0; float: right } .testiItem03 .au_quote { width: 124px; height: 124px; border-radius: 50%; position: absolute; left: 38px; top: 0; bottom: 0; margin: auto } .testiItem03 .au_quote img { width: 100%; height: 100%; border-radius: 50% } .testiItem03 .au_quote i { font-size: 40px; color: var(--theme-color-three); -webkit-text-fill-color: var(--theme-color-three); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #d9f2ef; position: absolute; right: 9px; top: -4px } .testiItem03 h5 { font-size: 24px; color: #382c4d; font-size: 35px; margin: 0 } .testiItem03 .quotation { font-size: 18px; line-height: 31.5px; color: #382c4d; margin: 0; font-weight: 400; font-style: normal } .testiItem03.RightItem { margin-right: 80px; background: #fdecd8; text-align: right; padding-left: 40px; padding-right: 192px } .testiItem03.RightItem .au_quote { left: auto; right: 38px } .testiItem03.RightItem .au_quote i { right: auto; left: 9px; -webkit-text-stroke-color: #fdecd8 } .testimonialslider03 .slick-arrow { position: absolute; left: -74%; bottom: -10px; text-align: center; z-index: 5; font-size: 22px; line-height: 66px; width: 61px; height: 65px; background: url(../images/bg/arrow.svg) no-repeat center center/cover; color: #382c4d; border: none; outline: none; cursor: pointer; z-index: 1; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialslider03 .slick-arrow.navRight { left: calc(-74% + 74px) } .testimonialslider03 .slick-arrow:hover { background: url(../images/bg/arrow_hover.svg) no-repeat center center/cover; color: #fff } .footer_03 { position: relative; background: #0e0130; padding: 105px 0 92px; border-radius: 50px 50px 0 0 } .aboutWidget03 { position: relative; text-align: center } .aboutWidget03 img { max-width: 100%; height: auto } .aboutWidget03 p { font-size: 18px; line-height: 31.5px; color: #aba1bb; margin: 27px 0 29px } .aboutWidget03 .email { display: inline-block; color: #fff; font-size: 20px; line-height: 20px; font-weight: 800; letter-spacing: .2px; font-family: Poppins, sans-serif; border-bottom: 2px solid #fff } .aboutWidget03 .email:hover { color: var(--theme-color-three); border-color: var(--theme-color-three) } .absocaila { position: relative; margin: 28px 0 0 } .absocaila a { display: inline-block; text-align: center; width: 64px; height: 64px; background: #1e0b50; line-height: 64px; font-size: 20px; color: #fff; border-radius: 50%; margin: 0 1px } .absocaila a:hover { background: var(--theme-color-three); color: #fff } .copyrightSec { position: relative; background: #0c0128; text-align: center; padding: 37px 0; border-radius: 0 0 50px 50px } .copyrightSec .Copyright { font-family: Poppins, sans-serif; color: var(--theme-color-three); font-size: 16px; font-weight: 500; letter-spacing: 0; padding: 0 } .header04 { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; padding: 0 80px 0 55px } .header04 .navbar01 { background: 0 0; padding: 0; border-radius: 0; align-items: center } .header04 .logo { position: relative; line-height: 74px; padding: 5px 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .header04 .logo img { height:100px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .header04 .stickyLogo { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .header04.fixedHeader img { visibility:visible; opacity: 1 } .header04.fixedHeader .stickyLogo { visibility: visible; opacity: 1 } .header04 .accessNav .search_btn { background:transparent; border-radius: 50%; color: #fff; position: relative; z-index: 2; margin-left: 5px } .header04 .accessNav .search_btn1 { background:transparent; border-radius:50%; color: #fff; position: relative; z-index: 2; margin-left: 5px } .header04 .accessNav .search_btn1 i{ transform: rotate(93deg); } .header04 .accessNav .search_btn2 { background:transparent; border-radius: 50%; color: #fff; position: relative; z-index: 2; margin-left: 5px } .header04 .accessNav .search_btn:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border-radius:50%; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .header04 .accessNav .search_btn:hover:after { visibility: visible; opacity: 1 } .popup_togggle_menu { width: 52px; height: 52px; background: #151414; border-radius: 50%; display: inline-block; padding: 14px 11px; margin-left: 5px; } .popup_togggle_menu span { display: block; width: 100%; height: 1px; background: #fff; margin: 0 0 6px; position: relative } .popup_togggle_menu span:last-child { margin-bottom: 0 } .popup_togggle_menu span:nth-child(2), .popup_togggle_menu span:nth-child(4) { width: 15px; margin-left: auto } .popup_togggle_menu span:after { position: absolute; right: 0; top: 0; width: 0; height: 100%; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); content: ''; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .popup_togggle_menu:hover span:after { width: 100% } body.menu_open { overflow: hidden } .close-popup { background: #fff; border-radius: 50%; box-shadow: 0 0 0 0 #fff; font-weight: 600; height: 50px; width: 50px; position: absolute; right: 30px; top: 30px; text-transform: uppercase; transition: all .5s cubic-bezier(.7, 0, .3, 1); -moz-transition: all .5s cubic-bezier(.7, 0, .3, 1); z-index: 99; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .popup_menu.active .close-popup { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .close-popup:after { width: 15px; height: 1px; background: #000; position: absolute; right: 17.5px; top: 24px; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms } .close-popup:before { width: 15px; height: 1px; background: #000; position: absolute; right: 17.5px; top: 24px; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms } .close-popup:hover { box-shadow: 0 0 0 10px rgba(255, 255, 255, .2); box-shadow: 0 0 0 10px rgba(255, 255, 255, .2); -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2) } .close-popup:hover:after, .close-popup:hover:before { background: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .popup_menu { position: fixed; left: 0; top: 0; right: 0; width: 100%; height: 100%; z-index: 999; background:#262625; display: none } .menu_middle { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; z-index: -1 } .popup_menu.active .menu_middle { z-index: 99 } .menu_popup { position: relative; text-align: center } .menu_popup ul { margin: 0; padding: 0 } .menu_popup ul li { display: block; list-style: none; margin: 19px 0; position: relative } .menu_popup ul li a { color: #fff; text-transform: capitalize; font-size: 33px; line-height: 1; font-weight: 500; display: inline-block; padding: 0 15px; font-family: Poppins, sans-serif; position: relative; text-decoration: none; -webkit-text-decoration-skip: objects; transition: all .6s cubic-bezier(.7, 0, .3, 1) } .menu_popup ul li.active>a, .menu_popup ul li:hover>a { color: var(--theme-color) } .menu_popup ul li.menu-item-has-children>a { position: relative } .menu_popup ul li.menu-item-has-children>a:before { position: absolute; right: -5px; top: 11px; content: "\f545"; transition: all .3s cubic-bezier(.7, 0, .3, 1); font-family: themewar !important; font-size: 20px; color: inherit; line-height: .8; transition: none } .menu_popup>ul>li { opacity: 0; -webkit-transition: translateY(80px); transform: translateY(80px); max-width: 280px; margin: 30px auto } .menu_popup ul li ul.sub-menu { position: absolute; left: 105%; pointer-events: none; top: -18px; width: 270px; border-radius: 5px; z-index: 100; text-align: left; margin: 0; padding: 25px 0; visibility: hidden; opacity: 0; background: #353535; -ms-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2); -o-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2); box-shadow: 0 3px 0 0 rgba(0, 0, 0, .2); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; color: inherit; font-size: inherit } .menu_popup ul li:hover .sub-menu { visibility: visible; opacity: 1; pointer-events: inherit; left: 100% } .menu_popup ul li ul.sub-menu::after { content: ''; position: absolute; left: -7px; top: 18px; width: 0; height: 0; border-style: solid; border-width: 4.5px 7px 4.5px 0; border-color: transparent #353535 transparent transparent; transition: none } .menu_popup ul li .sub-menu li { padding: 0; margin: 0; -webkit-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .menu_popup ul .sub-menu li.menu-item-has-children>a::before { right: 19px; content: '..'; font-family: Poppins, sans-serif !important; font-size: 25px; letter-spacing: 3px; top: calc(50% - 15px) } .menu_popup ul li ul.sub-menu li a { font-size: 16px; font-weight: 400; padding: 14px 32px; width: 100%; border-radius: 3px; text-transform: capitalize; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .menu_popup ul li .sub-menu li.active>a, .menu_popup ul li .sub-menu li.current-menu-item>a, .menu_popup ul li .sub-menu li:hover>a { color: #fff; background: var(--theme-color) } .menu_popup ul li .sub-menu li .sub-menu { position: absolute; left: 105%; right: auto; top: 0; visibility: hidden; opacity: 0; pointer-events: none; border: none; overflow-y: auto } .menu_popup ul li .sub-menu li .sub-menu:after { display: none } .menu_popup ul li .sub-menu li:hover .sub-menu { visibility: visible; opacity: 1; left: calc(100% + 3px); pointer-events: inherit } .menu_popup ul li:nth-last-child(1) .sub-menu li, .menu_popup ul li:nth-last-child(2) .sub-menu li { position: static } body.menu__open { overflow: hidden } .icon_box_03 { position: relative; margin: 0 15px } .icon_box_03 .ibMeta { width: 266px; height: 277px; line-height: 285px; text-align: center; position: relative; color: inherit; font-size: 80px; margin: -55px 0 -26px } .icon_box_03 .ibMeta svg { width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; fill: #fff; text-align: center; top: 0; -webkit-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26)); -moz-filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26)); filter: drop-shadow(0 0 59px rgba(196, 196, 196, 0.26)) } .icon_box_03 .ibMeta i { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .icon_box_03 span { display: block; font-size: 60px; color:#eef3ff9e; font-weight: 700; line-height: 1; position: absolute; left: -72px; right: 0; margin: auto; top: -17px } .icon_box_03 h3 { font-size: 22px; line-height: 32px; color: #222d39; margin: 0 0 9px } .icon_box_03 p { text-align:center; display: block; color: #666; font-size: 16px; margin: 0 } .icon_box_03 .imgborder { position: absolute; right: -78px; top: 75px } .abbgThumb { position: relative; border-radius:150px 50px; margin-right: 33px; padding: 0 40px; text-align: center; background: #6a801c; } .abbgThumb img { width: 100%; height: 100%; position: relative; top: 50px } .abclinets { position: relative; display: inline-block; background: #fff; padding: 17px 37px 12px 97px; margin: -7px 0 0 86px; -webkit-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1); box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .1) } .abclinets img { width: 53px; height: 53px; border-radius: 5px; position: absolute; left: 23px; top: 0; bottom: 0; margin: auto } .abclinets h2 { color: #222d39; font-size: 26px; line-height: 32px; margin: 0 0 -6px } .abclinets p { display: block; color: #666; font-size: 16px; margin: 0 } .expCount02 { position: relative } .expCount02 h2 { font-size: 110px; letter-spacing: 2.2px; font-weight: 800; margin: 0 0 -3px; line-height: 1; background-image: url(../images/bg/text.png); background-position: center; background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent } .expCount02 h5 { font-size: 28px; line-height: 34px; color: #000; letter-spacing: -.42px; font-weight: 800; margin: 0 } .grdinaList li { color: #101a25; font-weight: 500; font-family: Poppins, sans-serif; margin: 7px 0 10px } .grdinaList li i { display: inline-block; margin-right: 10px; font-size: 20px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to left, #6c821d, #6c821d, #6c821d, #6c821d, #6c821d) } .pricingTab04 { /*position: absolute; */ top: 49px; margin: 0; padding: 0; display: block } .pricingTab04 li { display: block; list-style: none; margin: 13px 0 0 } .pricingTab04 li a { display: inline-block; font-family: Poppins, sans-serif; font-size: 25.31px; color: #fff; font-weight: 700; line-height: 33px } .pricingTab04 li a span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .82px; font-weight: 400; line-height: 18px } .pricingTab04 li a:after { font-family: themewar !important; /*content: "\ef55";*/ display: inline-block; position: relative; font-size: 14px; visibility: hidden; opacity: 0; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float: right; margin: -50px 0 0; right: -38px } .pricingTab04 li a:hover:after, .pricingTab04 li a.active:after { visibility: visible; opacity: 1 } .pricingTab04 li a:hover, .pricingTab04 li a.active { -webkit-background-clip: text; border: 1px solid #fff; padding: 10px; border-radius: 50px; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); } .tabContent04 { position: relative; z-index: 2; padding: 0 0 0 45px } .tabContent04 img { max-width: 100%; height: auto; float: right } .tabContent04 .secTitle02 { color: #fff; line-height: 55px; margin: 47px 0 23px } .tabContent04 p { color: #bebebe; margin: 0 0 45px } .tab-content>.tab-pane.show.active { transform: scale(1) translateY(0px) } .anim-right.tab-content>.tab-pane.show.active { transform: none } .anim-right.tab-content>.tab-pane { transform: none } .tab-content>.tab-pane { -webkit-transition: all 300ms linear; transition: all 300ms linear; transform: scale(.9, .9) translate(0px) } .anim-right .active .tabContent04 { -webkit-animation-name: fadeRight; animation-name: fadeRight; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes fadeRight { from { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .service_item_05 { position: relative; background: 0 0; margin: 0 0 30px } .service_item_05 svg { width: 100%; height: 100%; border-radius: 10px; -webkit-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1)); -moz-filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.1)); filter: drop-shadow(-0px 15px 40px rgba(0, 0, 0, 0.1)); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .service_item_05 svg g { fill: #fff; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .serInner { position: absolute; left: 0%; top: 20%; z-index: 2; background: 0 0; padding: 34px 60px 20px 155px } .service_item_05 .siIcon { width:80px; height:80px; line-height:80px; background: transparent; border-radius: 3px; text-align: center; font-size: 44px; position: absolute; left: 49px; top: 0; bottom: 0; margin: auto } .service_item_05 .siIcon i { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .service_item_05 h3 { font-size: 20px; line-height: 31.5px; margin: 0 0 9px } .service_item_05 h3 a { color: inherit; font-size:20px; } .service_item_05 h3 a:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .service_item_05 p { color: #868686; font-size: 15px; margin: 0 } .filter_menu02 { position: relative; margin: 44px 0 80px; padding: 0; display: flex; justify-content: flex-end; font-family: Poppins, sans-serif } .filter_menu02.text-center { justify-content: center } .filter_menu02.text-right { justify-content: flex-end } .filter_menu02 li { cursor: pointer; list-style: none; display: inline-block; font-size: 16px; color: #101a25; height: 35px; line-height: 35px; padding: 0 11px; margin-left: 13px; font-weight: 500; position: relative; text-transform: capitalize; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu02 li:first-child { margin-left: 0 } .filter_menu02 li:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; background-image: linear-gradient(to top, #ef0101, #ef0101, #ef0101, #ef0101, #ef0101); z-index: -1; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu02 li.active:after, .filter_menu02 li:hover:after { visibility: visible; opacity: 1; width: 100% } .filter_menu02 li.active, .filter_menu02 li:hover { color: #fff } .folioItem03 { position: relative; overflow: hidden; margin: 0 -1px } .folioItem03:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; background: rgb(16, 26, 37, .6); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem03:hover:after { visibility: visible; opacity: 1 } .folioItem03 img { width: 100%; height: auto } .folioHover03 { position: absolute; background-image: linear-gradient(to top, #ef0101, #ef0101, #ef0101, #ef0101, #ef0101); height: 134px; width: 100%; left: 0; bottom: -40px; z-index: 2; visibility: hidden; opacity: 0; clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%); padding: 55px 160px 0 34px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem03:hover .folioHover03 { bottom: 0; visibility: visible; opacity: 1 } .folioHover03 p { display: block; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 1px; line-height: 1; margin: 0 0 6px; -webkit-transition: all 500ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 500ms cubic-bezier(.445, .05, .55, .95); transition: all 500ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0) } .folioHover03 p a { color: inherit } .folioHover03 h4 { font-size: 25px; color: #fff; line-height: 32px; margin: 0; -webkit-transition: all 600ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 600ms cubic-bezier(.445, .05, .55, .95); transition: all 600ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0) } .folioHover03 h4 a { color: inherit } .folioHover03 p a:hover, .folioHover03 h4 a:hover { color:#f8c816 } .folioHover03>a { width: 55px; height: 55px; background: #fff; line-height: 55px; color: #2b2727; font-size: 20px; border-radius: 0; display: inline-block; position: absolute; right: 34px; bottom: 20px; text-align: center; clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%); visibility: hidden; opacity: 0 } .folioHover03 .popup_video { right: 95px } .folioHover03 .popup_video::before, .folioHover03 .popup_video::after { display: none } .folioHover03>a:hover { background: #f3c113; color: #161515; } .folioHover03 .popup_video { -webkit-transition: all 700ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 700ms cubic-bezier(.445, .05, .55, .95); transition: all 700ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -webkit-transform: translate3d(0, -50px, 0) } .folioHover03 .crm { -webkit-transition: all 800ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 800ms cubic-bezier(.445, .05, .55, .95); transition: all 800ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -webkit-transform: translate3d(0, -50px, 0) } .folioItem03:hover .folioHover03 .crm, .folioItem03:hover .folioHover03 .popup_video { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .folioItem03:hover .folioHover03 p, .folioItem03:hover .folioHover03 h4 { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .featureSlider02.owl-carousel { position: relative } .featureSlider02.owl-carousel a { display: block; width: 100%; background: #f9f9f9; text-align: center; padding: 35px 15px } .featureSlider02.owl-carousel a img { width: 120px; height: 121px; display: inline-block } .pcTab03 { border: none; height: 31px; background: 0 0; border-radius: 0; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 11px; z-index: 2; text-align: center; display: block } .pcTab03 a { position: relative; z-index: 2; color: #0c0c0c; font-size: 12px; font-weight: 500; letter-spacing: .48px; border-radius: 3px 0 0 3px; padding: 0 20px; line-height: 31px; background: #fff; margin: 0 -3px; display: inline-block } .pcTab03 a:last-child { border-radius: 0 3px 3px 0 } .pcTab03 a:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); z-index: -1; visibility: hidden; border-radius: 3px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pcTab03 a:hover:after, .pcTab03 a.active:after { visibility: visible; opacity: 1; width: 100% } .pcTab03 a:hover, .pcTab03 a.active { color: #fff } .pricingTabInner02 { margin: 0; padding: 0; display: block; position: absolute; left: -175px; top: 44% } .pricingTabInner02 li { list-style: none; display: block; margin: 0 0 14px } .pricingTabInner02 li a { position: relative; z-index: 2; display: inline-block; height: 38px; background: #fff; border-radius: 3px; text-align: center; font-size: 13px; color: #0c0c0c; text-transform: uppercase; line-height: 38px; letter-spacing: .52px; font-family: Poppins, sans-serif; font-weight: 700; padding: 0 15px; width: 130px } .pricingTabInner02 li a:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); z-index: -1; visibility: hidden; border-radius: 3px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTabInner02 li a:before { content: "\edf7"; font-family: themewar !important; color: #fff; font-size: 8.32px; left: -5px; top: -1px; position: relative; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTabInner02 li a:hover:before, .pricingTabInner02 li a.active:before { visibility: visible; opacity: 1 } .pricingTabInner02 li a:hover:after, .pricingTabInner02 li a.active:after { visibility: visible; opacity: 1; width: 100% } .pricingTabInner02 li a:hover, .pricingTabInner02 li a.active { color: #fff } .pricingTabInner02 li a img { width: 77px; height: 27px; position: absolute; right: -90px; top: 12px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; visibility: hidden; opacity: 0 } .pricingTabInner02 li a:hover img, .pricingTabInner02 li a.active img { visibility: visible; opacity: 1; right: -70px } .pricing-item-03 { position: relative; margin-right: 1px; background: #fff; border-radius: 5px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%) } .pricing-item-03 .price-thumb img { border-radius: 5px 5px 0 0 } .pricing-item-03 .price-detils { padding: 44px 55px 54px } .pricing-item-03 .p-title { font-size: 41.62px; font-weight: 700; margin-bottom: 2px } .pricing-item-03 .p-price { min-height: 40px; margin-bottom: 25px; position: relative } .pricing-item-03 .p-price .price_period { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0 } .pricing-item-03 .p-price .price_period.active { visibility: visible; opacity: 1 } .pricing-item-03 .price-detils ul { margin-bottom: 21px } .pricing-item-03 .price-detils ul li { font-size: 15px; color: #0c0c0c; letter-spacing: .6px; border-color: #f2f2f2; padding: 0 0 9px; margin-bottom: 6px } .pricing-item-03 .price-detils ul li i { font-size: 12.8px; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .pricing-item-03 .price-detils .berpo_btn { background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); border-radius: 5px; height: 47px; line-height: 47px; font-weight: 700; padding: 0 28px } .rightCTA { position: relative; background: url(../images/bg/24.jpg) no-repeat center center/cover; margin-left: -31px; margin-top: 70px; padding: 103px 70px 55px 80px; border-radius: 0 5px 5px 0 } .rightCTA:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(19, 17, 17, .87); border-radius: 0 5px 5px 0 } .rightCTA .row { position: relative; z-index: 2 } .rightCTA img { max-width: 100% } .rightCTA .secTitle02 { color: #fff; line-height: 50px; margin: 23px 0 17px } .rightCTA p { font-size: 14.98px; line-height: 23.31px; color: #fff; margin: 0 0 43px } .clientLogo { position: relative; display: flex; justify-content: space-between; margin: 66px 0 0 } .clientLogo img { width: 136px; height: 33px; opacity: .5 } .team_04 { position: relative; margin: 0 0 40px } .team_04 .tmThumb { position: relative; margin: 0 } .team_04 .tmThumb img { width: 100%; height: auto; border-radius: 3px } .tmcontent { position: relative; width: calc(100% - 100px); margin: -50px auto 0; background: #fff; -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1); -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1); box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1); padding: 27px 20px 21px } .tmcontent h3 { font-size: 24px; line-height: 30px; margin: 0 } .tmcontent h3 a { color: inherit } .tmcontent h3 a:hover { color: var(--theme-color) } .tmcontent p { font-size: 15px; line-height: 24px; margin: 0; color: var(--theme-color) } .gradianNav.owl-carousel .owl-nav button .twi-angle-left1:before { content: "\ef54" } .gradianNav.owl-carousel .owl-nav button .twi-angle-right1:before { content: "\ef55" } .gradianNav.owl-carousel .owl-nav button { width: 58px; height: 58px; color: #101a25; font-size: 15.36px; background: #d1d1d1; border-radius: 3px; line-height: 58px; left: -123px; top: 34% } .gradianNav.owl-carousel .owl-nav button.owl-next { right: -123px } .gradianNav.owl-carousel .owl-nav button:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); z-index: -1; visibility: hidden; border-radius: 3px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .gradianNav.owl-carousel .owl-nav button:hover:after { visibility: visible; opacity: 1 } .gradianNav.owl-carousel .owl-nav button:hover { color: #fff } .single_skill.sk03 { margin: 0 0 32px } .single_skill.sk03 h5 { font-size: 16px; color: #464646; font-weight: 600; text-transform: capitalize; margin: 0 0 12px } .single_skill.sk03 h5 i { position: relative; top: 1px; margin-right: 11px; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .single_skill.sk03 .ss_parent { height: 8px; background: #f6f7fb; border: none } .single_skill.sk03 .ss_child { height: 8px; left: 0; top: 0; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545) } .single_skill.sk03 .ss_parent span { left: auto; right: 0; top: -32px; color: #464646; font-weight: 600; font-size: 16px } .contactForm02 { position: relative; background: 0 0; padding: 0; box-shadow: none; margin: 0; text-align: left; margin-left: -55px; padding-right: 105px; padding-top: 81px } .contactForm02 input[type=email], .contactForm02 input[type=text], .contactForm02 input[type=url], .contactForm02 input[type=tel], .contactForm02 input[type=number], .contactForm02 select, .contactForm02 .nice-select, .contactForm02 textarea { display: block; width: 100%; height: 53px; background: #f1f8fc; padding: 0; border: none; border-radius: 3px; font-size: 15px; line-height: 53px; margin: 0 0 24px; font-weight: 400; padding: 0 35px; color: #9fa4af } .contactForm02 textarea { height: 288px; line-height: 26px; padding-top: 27px; padding-left: 45px; margin-bottom: 40px; resize: none } .contactForm02 textarea::-moz-placeholder, .contactForm02 input::-moz-placeholder { color: #9fa4af; opacity: 1 } .contactForm02 textarea::-ms-input-placeholder, .contactForm02 input::-ms-input-placeholder { color: #9fa4af; opacity: 1 } .contactForm02 textarea::-webkit-input-placeholder, .contactForm02 input::-webkit-input-placeholder { color: #9fa4af; opacity: 1 } .contact_form .nice-select .list { margin: 0; padding: 0; border: none; width: 100%; background: #f1f8fc; border-radius: 0; box-shadow: none; max-height: 361px; overflow: auto; -webkit-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1); -moz-box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1); box-shadow: 0 15px 40px 0 rgba(101, 101, 101, .1) } .contact_form .nice-select .option { font-size: 14px; color: #74777c; border-top: 1px solid rgba(0, 0, 0, .05); padding: 2px 25px } .contact_form .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background: 0 0; color: #000 } .nice-select:after { content: "\e9ed"; font-family: themewar !important; transform: none; border: none; margin: 0; top: 0; height: auto; width: auto; color: #6e45e2; right: 30px; font-size: 18px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .nice-select.open:after { transform: none; content: "\e9f4"; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .contactForm02 .berpo_btn.with_icon03 { height: 54px; line-height: 55px; font-weight: 900; margin-top: 7px } .con_message { display: block; width: 100%; display: none; padding: 15px; border-radius: 0; border-width: 2px; margin: 15px 0 0 } #contact_form .reqError, #contact_form textarea.reqError { border: 1px solid red !important } .testiWrap { position: relative; padding: 0 240px } .testimonialslider04 { position: relative; margin: 0; text-align: center; padding: 5px 0; overflow: hidden } .testimonialslider04 .ratings { font-size: 20px; color: #fbb81a; letter-spacing: 5px; justify-content: center; position: relative; line-height: 1; margin: 0 0 18px; padding: 0 } .testimonialslider04 .ratings i { display: inline-block } .testimonialslider04 .quatation { font-size: 18px; line-height: 28px; color: #5f5f5f; font-style: italic; font-weight: 300; margin: 0 } .testimonialNav { left: 0; right: 0; max-width: 490px; height: auto; padding: 0; margin: auto } .testimonialNav .slick-slide { outline: none; padding: 31px 0; position: relative } .testimonialNav .slick-slide.slick-current.slick-active.slick-center { padding: 30px 0 44px } .testimonialNav .slick-slide .test_author { position: absolute; width: 250px; text-align: center; opacity: 0; visibility: hidden; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialNav .slick-slide .autho_thumb { margin: 0 0 38px; width: 107px; padding: 5px; cursor: pointer; height: 107px; background: 0 0; display: flex; border-radius: 50%; justify-content: center; align-items: center; box-shadow: none; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialNav .slick-slide .autho_thumb img { width: 60px; height: 60px; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb { padding: 8px; background: #fff; margin: 0 auto 25px; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19); -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19); box-shadow: 0 0 18px 0 rgba(0, 0, 0, .19) } .testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb img { width: 100%; height: 100% } .testimonialNav .slick-slide.slick-current.slick-active.slick-center .test_author { opacity: 1; visibility: visible } .test_author h5 { color: #333; font-size: 22px; line-height: 24px; font-weight: 600; margin-bottom: 3px; text-transform: capitalize } .test_author p { text-align:center; color: #7c7c7c; font-size: 16px; line-height: .8; text-transform: capitalize; margin: 0 } .blogSlider.owl-carousel { position: relative } .blogItem03 { position: relative; overflow: hidden } .blogItem03 img { width: 100%; height: auto; border-radius: 3px } .blogItem03:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border-radius: 3px; background: rgba(27, 27, 27, .55); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .blogItem03:hover:after { background: rgba(27, 27, 27, .8) } .blogContent02 { position: absolute; left: 0; bottom: 0; padding: 0 58px 0 55px; z-index: 2; transform: translate3d(0, -42px, 0); -moz-transform: translate3d(0, -42px, 0); -webkit-transform: translate3d(0, -42px, 0); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .blogContent02 .bmeta { font-size: 12px; color: #eaeaea; font-family: Poppins, sans-serif; letter-spacing: 1.2px; font-weight: 600; text-transform: uppercase; margin: 0 } .blogContent02 .bmeta i { display: inline-block; color: inherit; font-size: inherit; margin-right: 7px } .blogContent02 .bmeta a { color: inherit } .blogContent02 .bmeta a:hover { color: #8959dc } .blogContent02 h3 { color: #fff; font-size: 28px; line-height: 33px; font-weight: 600; margin: 0 } .blogContent02 h3 a { color: inherit } .blogContent02 h3 a:hover { color: #8959dc } .blogItem03 .berpo_btn.with_icon03 { height: 47px; line-height: 47px; position: absolute; left: 55px; bottom: 0; visibility: hidden; opacity: 0; -webkit-transition: all 500ms cubic-bezier(.445, .05, .55, .95); -moz-transition: all 500ms cubic-bezier(.445, .05, .55, .95); -ms-transition: all 500ms cubic-bezier(.445, .05, .55, .95); -o-transition: all 500ms cubic-bezier(.445, .05, .55, .95); transition: all 500ms cubic-bezier(.445, .05, .55, .95); transform: translate3d(0, 300px, 0); -moz-transform: translate3d(0, 300px, 0); -webkit-transform: translate3d(0, 300px, 0); -ms-transform: translate3d(0, 300px, 0); -o-transform: translate3d(0, 300px, 0) } .blogItem03:hover .berpo_btn.with_icon03 { visibility: visible; opacity: 1; transform: translate3d(0, -72px, 0); -moz-transform: translate3d(0, -72px, 0); -webkit-transform: translate3d(0, -72px, 0); -ms-transform: translate3d(0, -72px, 0); -o-transform: translate3d(0, -72px, 0) } .blogItem03:hover .blogContent02 { transform: translate3d(0, -151px, 0); -moz-transform: translate3d(0, -151px, 0); -webkit-transform: translate3d(0, -151px, 0) } .blogSlider.owl-carousel .owl-nav { width: 100% } .blogSlider.owl-carousel .owl-nav button { position: absolute; left: -118px; top: 46%; text-align: center; z-index: 5; font-size: 15.36px; line-height: 59px; width: 58px; height: 58px; background: #fff; color: #101a25; border: none; outline: none; z-index: 2; border-radius: 3px; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .blogSlider.owl-carousel .owl-nav button.owl-next { left: auto; right: -118px } .blogSlider.owl-carousel .owl-nav button:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); z-index: -1; visibility: hidden; border-radius: 3px; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .blogSlider.owl-carousel .owl-nav button:hover:after { visibility: visible; opacity: 1 } .blogSlider.owl-carousel .owl-nav button:hover { color: #fff } .bepAccordion.peracc02 { margin-right: 16px } .bepAccordion.peracc02 .card { box-shadow: none; background: #f7f8fd; border-radius: 3px; margin-bottom: 14px; padding: 0 } .bepAccordion.peracc02 .card .card-header h2 button { font-weight: 500; color: #fff; padding: 12px 39px } .bepAccordion.peracc02 .card .card-header h2 button:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ''; border-radius: 3px; background-image: linear-gradient(to top, #f7c816, #f3ad16, #ea7b0f, #e56813, #e24545); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: -1 } .bepAccordion.peracc02 .card .card-header h2 button.collapsed { color: #1e1840 } .bepAccordion.peracc02 .card .card-header h2 button.collapsed:before { visibility: hidden; opacity: 0 } .bepAccordion.peracc02 .card .card-header h2 button span { width: 10px; height: 10px; right: 35px } .bepAccordion.peracc02 .card .card-header h2 button span:before { width: 2px; height: 10px } .bepAccordion.peracc02 .card .card-header h2 button.collapsed span:after { background: #101a25 } .bepAccordion.peracc02 .card .card-header h2 button span:after { width: 10px; height: 2px; background: #fff; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .bepAccordion.peracc02 .card .card-body { color: #464646; padding: 18px 39px 21px } .fcta { position: relative; background-image: linear-gradient(to top, #ef0101, #ef0101, #ef0101, #ef0101, #ef0101); border-radius:10px; padding: 45px 88px 32px 80px; margin-top: -220px } .fcta h3 { margin: 0; color: #fff; font-size: 30px; line-height: 45px } .fcta .berpo_btn.with_icon03 { background: #fff; color: #181818; border: 2px solid #fff; line-height: 54px; } .fcta .berpo_btn.with_icon03:hover { color: #fff; background: 0 0 } .fcta .berpo_btn.with_icon03:after { background: 0 0 } .fcta .berpo_btn.with_icon03:nth-child(2) { color: #fff; background: 0 0; margin-left: 12px } .fcta .berpo_btn.with_icon03:hover:nth-child(2) { background: #fff; color: #181818 } .footer_04 { position: relative; background: #161515; padding: 70px 0 90px; } .aboutWidget04 { position: relative } .aboutWidget04 h4 { font-size: 22px; color: #fff; line-height: 28px; font-weight: 800; margin: 0 0 7px } .aboutWidget04 p { font-size: 17px; line-height: 28px; color: #e9e9e9; margin: 0 0 27px } .aboutWidget04 a { display: inline-block; width: 48px; height: 48px; border: 1px solid rgba(255, 255, 255, .1); color: #fff; line-height: 48px; text-align: center; font-size: 18px; border-radius: 50% } .aboutWidget04 a:hover { background: #ef0101; border-color: #ef0101 } .widget_title03 { font-size:20px; color:#F00; line-height: 22px; font-weight: 800; border-bottom: 1.5px solid #ef0101; display: inline-block; margin: 0 0 23px } .wmenu03 ul {} .wmenu03 ul.menu li { padding: 0; color: #e9e9e9; margin: 0 0 1px } .wmenu03 ul.menu li:hover { padding-left: 5px } .wmenu03 ul.menu li:hover a { color: #f8c817 } .wmenu03 ul li:after { display: none } .cinfo { position: relative; color: #e9e9e9; font-size: 16px; line-height: 37px; margin: -11px 0 11px } .cinfo a { color:#fff; } .cinfo span { color:#fd9224; margin-right: 4px } .footer_04 .Copyright { position: relative; font-size: 16px; color: #a4a4a4; font-family: Poppins, sans-serif; letter-spacing: 0; padding: 0; margin: 49px 0 0 } .footer_04 .Copyright:after { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 1px; width: 25%; background: #2a2a2a; content: '' } .footer_04 .Copyright:before { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 1px; width: 25%; background: #2a2a2a; content: '' } .footer_04 .Copyright a { color: inherit } .footer_04 .Copyright a:hover { color: #f8c818 } .header05 { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; padding: 0 125px 0 105px } .fixedHeader.header05 { position: fixed; background: #000 } .header05 .navbar01 { background: 0 0; padding: 0; border-radius: 0; align-items: center } .header05 .logo { line-height: 74px; padding: 55px 0 } .header05 .logo img { height: 74px } .fixedHeader.header05 .logo { padding: 25px 0 } .accessNav02 { display: flex; justify-content: flex-end; align-items: center } .accessNav02 .berpo_btn { height: 60px; line-height: 61px; font-size: 14px; padding: 0 42px } .accessNav02 .berpo_btn:hover { color: #202020 } .accessNav02 .berpo_btn .bp-shape { background: #fff } .accessNav02 a.search_btn { display: inline-block; width: 56px; height: 56px; line-height: 56px; border-radius: 50%; border: 1px solid #c89b5a; font-size: 16.19px; color: #f0eeef; text-align: center; margin-left: 28px } .accessNav02 a.search_btn:hover { background: #c89b5a } .popup_togggle_menu02 { position: relative; display: inline-block; width: 56px; height: 56px; line-height: 56px; border-radius: 50%; border: 1px solid #c89b5a; color: #f0eeef; text-align: center; margin-left: 9px; background: 0 0; padding: 18px 16px } .popup_togggle_menu02 span { height: 4px; width: 100%; float: right; margin-bottom: 3px; position: relative; background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .popup_togggle_menu02 span:nth-child(1) { width: 12px } .popup_togggle_menu02 span:nth-child(3) { width: 18px } .popup_togggle_menu02 span:after { position: absolute; right: 0; top: 0; width: 0; height: 100%; background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); content: ''; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .popup_togggle_menu02.active span:after, .popup_togggle_menu02:hover span:after { width: 100% } .bodyBg { position: relative; background: url(../images/home5/3.jpg) no-repeat top left; padding: 206px 0 0 } .popup_togggle_menu02.active span:nth-child(1) { display: none } .popup_togggle_menu02.active span { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); top: 7px } .popup_togggle_menu02.active span:nth-child(3) { top: 0; width: 100%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) } .pageLeft { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease } body.menuOpened { overflow: hidden } .menuOpened .pageLeft { margin-left: 350px; width: 100% } .sidebarMenu { position: fixed; width: 350px; height: 100vh; left: -350px; top: 0; bottom: 0; z-index: 4; padding: 0; background: url(../images/home5/menu_bg.jpg) no-repeat center center/cover; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease } .menuOpened .sidebarMenu { left: 0 } .sidebar_menu { position: absolute; padding-left: 120px; width: 100%; left: 0; top: 251px } .sidebar_menu .mCSB_scrollTools { width: 8px } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #c89b5a !important; border-radius: 0 } .sidebar_menu ul { margin: 0; padding: 0 } .sidebar_menu ul li { list-style: none; display: block; position: relative; margin: 0 0 21px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms } .sidebar_menu ul li a { display: inline-block; font-size: 16px; font-family: Poppins, sans-serif; line-height: 20px; color: #fff; font-weight: 700; position: relative; text-transform: uppercase } .sidebar_menu ul li>a:before { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); content: ''; border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .sidebar_menu ul li.active>a, .sidebar_menu ul li:hover>a { padding-left: 22px } .sidebar_menu ul li.active>a:before, .sidebar_menu ul li:hover>a:before { visibility: visible; opacity: 1 } .sidebar_menu ul li>a:after { position: absolute; left: 0; bottom: -14px; width: 42px; height: 1px; background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); content: ''; opacity: .23; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .sidebar_menu ul li.active>a:after, .sidebar_menu ul li:hover>a:after { opacity: 1; width: 100% } .sidebar_menu ul ul.sub-menu { margin: 0; padding: 29px 0 3px; display: none } .sidebar_menu ul ul.sub-menu li { padding-left: 15px } .sidebar_menu ul ul.sub-menu li:last-child { margin-bottom: 10px } .sidebar_menu ul ul.sub-menu li a { font-size: 15px; display: inline-block; text-transform: capitalize } .sidebar_menu ul ul.sub-menu ul li { padding-left: 22px } .socials_bottom { position: absolute; left: 120px; bottom: 0; padding: 0 0 55px; margin: 0 auto; text-align: center } .socials_bottom a { color: inherit; width: 48px; height: 48px; border: 1px solid #c89b5a; line-height: 48px; text-align: center; display: block; font-size: 18px; margin-bottom: 14px } .socials_bottom a i { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493) } .expCount03 { position: relative; z-index: 2; display: inline-block; background: #fff; padding: 28px 38px 26px; text-align: left; -webkit-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19); -moz-box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19); box-shadow: 0 15px 49px 0 rgba(101, 101, 101, .19) } .expCount03 h2 { display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); font-size: 70px; line-height: 1; margin: 0 } .expCount03 h5 { display: inline-block; color: #3c3a3a; font-size: 18px; line-height: 25px; font-weight: 600; margin: 0 0 0 15px; position: relative; top: -5px } .icon_box_04 { position: relative; padding-left: 107px; margin: 45px 0 55px } .icon_box_04 .ibMeta { width: 83px; height: 83px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; border: 1px solid #e3c18e; position: absolute; left: 0; top: 0; font-size: 37px; line-height: 88px; -webkit-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08); -moz-box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08); box-shadow: 0 20px 57px 0 rgba(101, 101, 101, .08) } .icon_box_04 .ibMeta i { color: inherit; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493) } .icon_box_04 h3 { font-size: 19px; line-height: 24px; color: #222; text-transform: uppercase; margin: 0 -10px 8px 0 } .icon_box_04 p { font-size: 16px; line-height: 26px; color: #555; margin: 0 } .service_item_06 { position: relative; padding: 0 25px; margin-bottom: 40px } .service_item_06 h3 { font-size: 25px; line-height: 30px; color: #000; text-transform: uppercase; margin: 0 0 19px } .service_item_06 h3 a { color: inherit } .service_item_06 h3 a:hover { color: #c89b5a } .service_item_06 p { color: #555; margin: 0 } .service_item_06 .ibMeta { width: 230px; height: 230px; border-radius: 50%; display: inline-block; margin: 0 0 40px } .service_item_06 .ibMeta img { width: 100%; height: 100%; border-radius: 50% } .service_item_06 .ibMeta:before { position: absolute; left: -15px; top: -15px; width: calc(100% + 30px); height: calc(100% + 30px); content: ''; border-style: dashed; border-width: 1px; border-color: #c89b5a; border-radius: 50% } .service_item_06:hover .ibMeta:before { -webkit-animation-duration: 1500ms; animation-duration: 1500ms; -webkit-animation: rotated 20s infinite linear; animation-play-state: running; animation: rotated 20s infinite linear; animation-play-state: running; animation-play-state: running; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-transition: 500ms all ease; transition: 500ms all ease; -webkit-animation-play-state: running; animation-play-state: running } .pricingTab05 { position: relative; margin: 58px 0 35px; padding: 0; display: block } .pricingTab05 li { list-style: none; display: block } .pricingTab05 li a { display: inline-block; font-size: 18px; color: #555; text-transform: uppercase; font-weight: 700; font-family: Poppins, sans-serif; height: 49px; line-height: 50px; position: relative; z-index: 2; margin: 0 0 1px } .pricingTab05 li a:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 3px; z-index: -1; visibility: hidden; opacity: 0; content: ''; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .pricingTab05 li a:before { position: absolute; left: 24px; top: 0; bottom: 0; margin: auto; content: "\ec64"; font-family: themewar !important; color: #000; font-size: 12px; font-weight: 400; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .pricingTab05 li a:hover:before, .pricingTab05 li a.active:before { visibility: visible; opacity: 1 } .pricingTab05 li a:hover:after, .pricingTab05 li a.active:after { visibility: visible; opacity: 1 } .pricingTab05 li a:hover, .pricingTab05 li a.active { padding: 0 29px 0 48px } .workItem { position: relative } .workInfo { position: relative; background: url(../images/bg/30.jpg) no-repeat center center/cover; border-radius: 3px; margin-right: 19px; padding: 47px 42px 58px } .workInfo:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; background: rgba(23, 23, 23, .93); border-radius: 3px } .workInfo ul { margin: 0; padding: 0 } .workInfo ul li { list-style: none; display: block; position: relative; z-index: 2; font-family: Poppins, sans-serif; font-size: 19px; line-height: 33px; color: #a1a1a1; font-weight: 600 } .workInfo ul li span { display: inline-block; color: #fff } .wiborder { display: block; width: calc(100% + 84px); height: 1px; background: #2f2f2f; margin-left: -42px; margin-top: 34px; margin-bottom: 35px } .workInfo p { color: #ccc; position: relative; z-index: 2; margin: 0 0 48px } .workInfo .btn05 { height: 57px; line-height: 57px; font-size: 13px; padding: 0 26px } .workInfo .btn05:hover { color: #202020 } .workInfo .btn05 .bp-shape { background: #fff } .workInfo:before { position: absolute; right: -105px; top: 83px; width: 175px; height: 2px; background: #c89b5a; content: ''; z-index: 2; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .workSlider.owl-carousel .active .workInfo:before { right: -145px; opacity: 1 } .workSlider.owl-carousel { position: relative } .workImage { position: relative; margin: 0 0 0 30px } .workSlider.owl-carousel .workImage img { width: 100%; height: auto; border-radius: 3px } .workSlider.owl-carousel { margin-top: -412px } .workSlider.owl-carousel .workInfo { margin-top: 397px } .workSlider.owl-carousel .owl-nav { text-align: center; max-width: 864px; margin-left: auto; margin-top: -215px; margin-bottom: 215px; position: relative; z-index: 2 } .workSlider.owl-carousel .owl-nav button { margin: 0; width: 70px; height: 57px; background: 0 0; border-radius: 3px; line-height: 63px; text-align: center; font-size: 36px; color: #242424; position: relative; z-index: 2; margin: 0 1px } .workSlider.owl-carousel .owl-nav button:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; z-index: -1; border-radius: 3px; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .workSlider.owl-carousel .owl-nav button.owl-next:after, .workSlider.owl-carousel .owl-nav button:hover:after { width: 100% } @media(min-width:1440px) { .container.cusContainer { max-width: 1525px; padding-left: 155px } } .folioSlider02.owl-carousel { position: relative; overflow: hidden } .folioSlider02.owl-carousel .folioItem04 img { width: 100%; height: auto; display: inline-block } .folioItem04 { position: relative; overflow: hidden; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .folioItem04:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; background: rgba(29, 29, 28, .91); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .folioItem04:hover:after { visibility: visible; opacity: 1 } .folioItem04:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; z-index: 1; border: 3px solid #c89b5a; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .folioItem04:hover:before { visibility: visible; opacity: 1 } .folioHover04 { padding: 0 50px; left: 0; margin: auto; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%) scale(.8); z-index: 3; visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .folioItem04:hover .folioHover04 { visibility: visible; opacity: 1; transform: translateY(-50%) scale(1) } .folioHover04 h4 { font-size: 35px; line-height: 40px; color: #fff; margin: 0 0 13px } .folioHover04 h4 a { color: inherit } .folioHover04 h4 a:hover { color: #c89b5a } .folioHover04 p { font-size: 15px; line-height: 26px; color: #ccc; margin: 0 0 25px } .folioHover04 ul { margin: 0 0 48px; padding: 0 } .folioHover04 ul li { list-style: none; display: block; position: relative; padding-left: 16px; font-size: 15px; line-height: 30px; color: #a1a1a1; font-weight: 500; font-family: Poppins, sans-serif } .folioHover04 ul li:after { position: absolute; left: 0; top: 1px; bottom: 0; margin: auto; width: 6px; height: 6px; background: #c89b5a; content: '' } .folioHover04 ul li span { color: #fff } .folioHover04 .btn05 { height: 57px; line-height: 57px; font-size: 13px; padding: 0 26px } .folioSlider02.owl-carousel .owl-nav { width: 100% } .folioSlider02.owl-carousel .owl-nav button { position: absolute; left: 17px; top: 50%; text-align: center; z-index: 5; font-size: 36px; line-height: 63px; width: 70px; height: 57px; background: #fff; color: #020202; border: none; outline: none; z-index: 1; border-radius: 3px; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioSlider02.owl-carousel .owl-nav button.owl-next { left: auto; right: 17px } .folioSlider02.owl-carousel .owl-nav button:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0; content: ''; z-index: -1; border-radius: 3px; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .folioSlider02.owl-carousel .owl-nav button:hover:after { width: 100%; height: 100% } .team_05 { position: relative; margin: 0 0 30px } .team_05 img { width: 100%; height: auto; border-radius: 3px } .team_05:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; border-radius: 3px; background: rgba(39, 39, 39, .6); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .team_05:hover:after { visibility: visible; opacity: 1 } .tmcontent02 { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 49%; transform: translateY(-50%) scale(.8); z-index: 3; visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .team_05:hover .tmcontent02 { visibility: visible; opacity: 1; transform: translateY(-50%) scale(1) } .tmcontent02 h3 { font-size: 25px; line-height: 30px; color: #fff; margin: 0 } .tmcontent02 h3 a { color: inherit } .tmcontent02 h3 a:hover { color: #c89b5a } .tmcontent02 p { font-size: 16px; color: #fff; margin: 0 } .team_05 .tm_social { top: 70% } .team_05 .tm_social a { color: #fff; font-size: 17px; margin: 0 6px } .team_05 .tm_social a i { font-size: inherit; margin: 0 } .team_05 .tm_social a:hover { color: #c89b5a } .team_05:hover .tm_social a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .skrItem02 { position: relative; margin-bottom: 52px } .circle-skill02 { display: inline-block; position: relative; margin-bottom: 6px } .circle-skill02 strong { position: absolute; left: 0; top: 47%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; margin: auto; text-align: center; font-size: 17px; font-weight: 700; line-height: .8; color: #7c7c7c; display: block } .skrItem02 h5 { color: #333; font-size: 17px; font-weight: 700; margin: 0 } .testimonial_slider05 { position: relative; padding: 54px 0 0 } .testiItem05 { position: relative; padding: 0 0 0 195px } .testiItem05 .quote { position: absolute; z-index: -1; right: auto; left: 0; top: 0; width: 171px; height: 149px } .testiItem05 .quote img { width: 100%; height: 100%; position: relative; border-radius: 0; top: 0 } .testiItem05 .quatation { color: #555; margin: 0 0 25px } .ti_author { position: relative; padding-left: 104px; padding-top: 14px; margin: 0 0 40px -6px } .ti_author img { width: 86px; height: 86px; border-radius: 50%; position: absolute; left: 0; top: 0; border: 6px solid #fff; -webkit-box-shadow: 0 15px 30px 0 rgb(101 101 101/19%); -moz-box-shadow: 0 15px 30px 0 rgba(101, 101, 101, .19); box-shadow: 0 15px 30px 0 rgb(101 101 101/19%) } .ti_author h5 { font-size: 22px; line-height: 29px; color: #382c4d; font-weight: 600; margin: 0 } .ti_author h5 span { display: block; font-size: 15px; color: #c89b5a; font-weight: 400 } .testibgThumb { position: absolute; left: 0; bottom: -79px; padding: 40px; border: 2px solid #e5e6fa; border-radius: 50% } .testibgThumb img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid #e5e6fa } .testimonial_slider05 .carousel-indicators { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; list-style: none; z-index: 2 } .testimonial_slider05 .carousel-indicators li { height: 124px; width: 124px; border: 6px solid #fff; -webkit-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35); -moz-box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35); box-shadow: 0 45px 45px 0 rgba(147, 147, 147, .35); border-radius: 50%; overflow: hidden; margin: 0; text-indent: 0; opacity: 1; position: absolute; left: 16px; top: -214px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; -ms-transition: all ease 300ms } .testimonial_slider05 .carousel-indicators li:nth-child(2) { width: 98px; height: 98px; left: 50%; top: -152px } .testimonial_slider05 .carousel-indicators li:nth-child(3) { width: 68px; height: 68px; left: 31%; top: 185px } .testimonial_slider05 .carousel-indicators li:nth-child(4) { width: 134px; height: 134px; left: auto; right: 27px; top: 133px } .testimonial_slider05 .ccnav { margin: 0; width: 70px; height: 57px; background: 0 0; border-radius: 3px; line-height: 63px; text-align: center; font-size: 36px; color: #242424; z-index: 2; margin: 0; opacity: 1; position: absolute; left: 37.5%; bottom: -122px; top: auto; display: block } .testimonial_slider05 .carousel-control-next { left: calc(37.5% + 80px) } .testimonial_slider05 .carousel-control-prev {} .testimonial_slider05 .ccnav:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; z-index: -1; border-radius: 3px; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .testimonial_slider05 .ccnav.carousel-control-next:after, .testimonial_slider05 .ccnav:hover:after { width: 100% } .testimonial_slider05 .carousel-indicators li img { width: 100%; height: 100%; border-radius: 50% } .client-slider02.owl-carousel { position: relative } .client-slider02.owl-carousel a { display: inline-block; text-align: center } .client-slider02.owl-carousel a img { height: auto; width: 165px } .client-slider02.owl-carousel .owl-item { text-align: center } .blogSlider02.owl-carousel .owl-stage-outer { height: calc(100% + 40px); margin: -20px; padding: 20px; width: calc(100% + 40px) } .blogItem04 { position: relative; margin: 0 0 106px; background: #f6f6f6; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .blogItem04:hover { background: #fff; -webkit-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3); -moz-box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3); box-shadow: 0 34px 30px 0 rgba(135, 153, 163, .3) } .blogItem04 img { width: 100%; height: auto } .blogContent03 { position: relative; padding: 34px 65px 45px 40px } .blogContent03 h3 { font-size: 20px; line-height: 30px; color: #252525; margin: 0 0 6px } .blogContent03 h3 a { color: inherit } .blogContent03 h3 a:hover { color: #8799a3 } .blogContent03 .bmeta { color: inherit; font-size: 14px; margin: 0 0 17px } .blogContent03 .bmeta a { color: inherit; display: inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493) } .blogContent03 .bmeta i { font-size: 15px; margin-right: 6px } .blogContent03 .bmeta span { color: #bbc7cd; margin-left: 30px } .blogContent03 p { font-size: 17px; color: #555; margin: 0 } .blogSlider02.owl-carousel .owl-nav { position: relative; text-align: center } .blogSlider02.owl-carousel .owl-nav button { margin: 0; width: 70px; height: 57px; background: 0 0; border-radius: 3px; line-height: 63px; text-align: center; font-size: 36px; color: #242424; position: relative; z-index: 2; margin: 0 1px } .blogSlider02.owl-carousel .owl-nav button:after { position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ''; z-index: -1; border-radius: 3px; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .blogSlider02.owl-carousel .owl-nav button.owl-next:after, .blogSlider02.owl-carousel .owl-nav button:hover:after { width: 100% } .gallerySlider.owl-carousel { position: relative; overflow: hidden } .gallerItem { position: relative; overflow: hidden; background: linear-gradient(to left, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; margin: 0 } .gallerItem img { width: 100%; height: auto; display: block; opacity: 1; mix-blend-mode: unset; transition: all ease 750ms; -moz-transition: all ease 750ms; -webkit-transition: all ease 750ms } .galleryItem_btn { position: absolute; height: 45px; left: 0; top: 0; bottom: 0; margin: auto 0; width: 100%; display: flex; justify-content: center } .galleryItem_btn a { width: 45px; height: 45px; line-height: 45px; display: inline-block; background: #fff; font-size: 16px; text-align: center; color: #c89b5a; padding: 0; margin: 0 3px; opacity: 0; visibility: hidden; border-radius: 50% } .galleryItem_btn a:hover { background: #c89b5a; color: #fff } .galleryItem_btn a:nth-child(01) { -webkit-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -moz-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -ms-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -o-transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; transition: transform 300ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; transform: translate3d(0, 90px, 0); -moz-transform: translate3d(0, 90px, 0); -webkit-transform: translate3d(0, 90px, 0); -ms-transform: translate3d(0, 90px, 0); -o-transform: translate3d(0, 90px, 0) } .galleryItem_btn a:nth-child(02) { -webkit-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -moz-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -ms-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; -o-transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; transition: transform 500ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms; transform: translate3d(0, 90px, 0); -moz-transform: translate3d(0, 90px, 0); -webkit-transform: translate3d(0, 90px, 0); -ms-transform: translate3d(0, 90px, 0); -o-transform: translate3d(0, 90px, 0) } .gallerItem:hover img { opacity: .95; mix-blend-mode: luminosity; transform: scale(1.2) rotate(-3deg); -moz-transform: scale(1.2) rotate(-3deg); -webkit-transform: scale(1.2) rotate(-3deg) } .gallerItem:hover .galleryItem_btn a:nth-child(01), .gallerItem:hover .galleryItem_btn a:nth-child(02) { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } .fcta02 { position: relative; border-bottom: 1px solid rgba(112, 112, 112, .1); padding: 0 0 30px; margin-bottom: 42px } .fcta02 img { max-width: 100%; height: auto } .fsocial { position: relative; text-align: right; padding: 17px 0 0 } .fsocial a { display: inline-block; width: 35px; height: 35px; background: #192947; color: #c2c2c2; line-height: 35px; font-size: 14px; position: relative; z-index: 2; text-align: center; margin-left: 10px } .fsocial a:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 0; content: ''; z-index: -1; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .fsocial a:hover:after { width: 100%; height: 100% } .fsocial a:hover { color: #fff } .footer_05 { position: relative; background: #0a111f; padding: 31px 0 0 } .footer_05 .aboutWidget04 h4 { font-weight: 700; letter-spacing: .22px; margin-bottom: 18px } .footer_05 .aboutWidget04 p { font-size: 16px; line-height: 24px; color: #c2c2c2; letter-spacing: .16px } .widget_title04 { color: #fff; font-size: 20px; line-height: 22px; letter-spacing: .2px; font-weight: 700; margin: 0 0 30px } .widget.wmenu04 ul.menu {} .widget.wmenu04 ul.menu li { font-size: 15px; line-height: 24px; color: #c2c2c2; letter-spacing: .15px; margin-bottom: 3px } .widget.wmenu04 ul.menu li:hover a { color: #c89b5a } .withIcon { position: relative; font-size: 14px; color: #c2c2c2; margin: -18px 0 12px } .withIcon i { position: relative; top: 2px; display: inline-block; margin-right: 19px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493) } .withIcon span { display: inline-block; margin: 0 16px; color: inherit; font-weight: inherit } .footer_05 .Copyright { border-top: 1px solid rgba(112, 112, 112, .1); color: #c2c2c2; font-weight: 500; letter-spacing: .15px; padding: 22px 0; margin-top: 21px } .footer_05 .Copyright a { color: inherit } .footer_05 .Copyright a:hover { color: #c89b5a } .tp03.topbar01 p i { color: var(--theme-color-six) } .tp03.topbar01 p a:hover { color: var(--theme-color-six) } .tp03 .topsocial a { color: var(--theme-color-six) } .tp03 .topsocial a:hover { background: var(--theme-color-six); color: #fff } .h06 .mainMenu ul li:hover>a { color: var(--theme-color-six) } .h06 .mainMenu ul li .sub-menu li.current-menu-item>a, .h06 .mainMenu ul li .sub-menu li:hover>a { color: #fff; background: var(--theme-color-six) } .h06 .accessNav .search_btn:hover { background: var(--theme-color-six) } .h06 .shoping_cart a.cartBtn:hover { background: var(--theme-color-six) } .h06 .accessNav .berpo_btn { background: var(--theme-color-six) } .h06 .mainMenu ul li .sub-menu { border-color: var(--theme-color-six) } .h06 .showcase h5 span { color: var(--theme-color-six) } .videoBG { position: relative } .videoBG img { max-width: 100%; height: auto; border-radius: 12px } .videoBG .popup_video { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); z-index: 3; width: 39px; height: 39px; line-height: 39px; color: #fff; font-size: 10px; background: var(--theme-color-six) } .videoBG .popup_video:hover { background: #382c4d } .videoBG .popup_video:after { display: none } .videoBG .popup_video:before { border: none; width: calc(100% + 16px); height: calc(100% + 16px); left: -8px; right: 0; top: -8px; z-index: -1; background: rgba(255, 255, 255, .15); position: absolute; content: ''; transform: none; border-radius: 50%; animation-fill-mode: both; animation: blinker 1.5s ease-in-out infinite; -webkit-animation: blinker 1.5s ease-in-out infinite; -moz-animation: blinker 1.5s ease-in-out infinite } .service_item_07 { position: relative; z-index: 2; border-radius: 10px; margin: 0 8px 40px; padding: 65px 15px 44px; border: 1px solid #e8e8e8; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .service_item_07:hover { border-color: transparent; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05) } .service_item_07:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border-radius: 10px; visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: 0 4px 0 0 #00b9ff; -moz-box-shadow: 0 4px 0 0 #00b9ff; box-shadow: 0 4px 0 0 #00b9ff } .service_item_07:hover:after { visibility: visible; opacity: 1 } .service_item_07 .ibMeta { font-size: 71px; line-height: 71px; color: var(--theme-color-six); margin: 0 0 50px } .service_item_07 h3 { color: #382c4d; font-size: 24px; line-height: 30px; font-weight: 800; margin: 0 0 7px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_item_07 h3 a { color: inherit } .service_item_07 h3 a:hover { color: var(--theme-color-six) } .service_item_07 h5 { font-size: 16px; line-height: 1; font-weight: 400; color: var(--theme-color-six); margin: 0 0 23px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .service_item_07 p { color: #5f5f5f; line-height: 30px; margin: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .service_item_07 .srm { width: 56px; height: 56px; line-height: 56px; text-align: center; display: inline-block; background: var(--theme-color-six); color: #fff; font-size: 16px; border-radius: 50%; position: absolute; left: 0; right: 0; bottom: -30px; margin: auto; visibility: hidden; opacity: 0; transform: translate3d(0, -15px, 0); -moz-transform: translate3d(0, -15px, 0); -webkit-transform: translate3d(0, -15px, 0) } .service_item_07:hover .srm { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .service_item_07 .srm:hover { background: #382c4d } .service_item_07:hover h3, .service_item_07:hover h5, .service_item_07:hover p { transform: translate3d(0, -25px, 0); -moz-transform: translate3d(0, -25px, 0); -webkit-transform: translate3d(0, -25px, 0) } .pricing-item-04 { position: relative; padding: 70px 31px 50px } .pricing-item-04 .p-title { position: relative; z-index: 2; font-size: 30px; color: #382c4d; font-weight: 600; margin: 0 0 40px; display: inline-block } .pricing-item-04 .p-title:after { content: ''; position: absolute; left: -5px; right: 0; bottom: 6px; height: 9px; z-index: -1; border-radius: 5px; width: calc(100% + 10px); background: #fdecd8 } .pricing-item-04 .p-price { font-size: 65.69px; color: #382c4d; font-weight: 600; letter-spacing: -1.3px; margin: 0 0 24px } .pricing-item-04 .p-price sup { font-size: inherit; margin: 0; top: 20px } .pricing-item-04 h5 { font-size: 18px; color: #382c4d; font-weight: 400; margin: 0 0 31px } .pricing-item-04 .pdivider { border-top: 1px solid #ededed; margin: 0 0 33px; max-width: 298px } .pricing-item-04 ul { margin: 0 0 23px; padding: 0 } .pricing-item-04 ul li { display: block; font-size: 19px; color: #382c4d; font-family: Poppins, sans-serif; margin-bottom: 13px } .pricing-item-04 ul li:last-child { border: none } .pricing-item-04 ul li i { color: #ff5337; font-size: 16px; display: inline-block; margin-right: 12px } .testimonial_slider06 { position: relative } .testimonial_slider06 img { max-width: 100%; height: auto } .testiContent { position: relative; padding: 244px 0 0 20px } .testiContent .subTitle { color: var(--theme-color-six); font-weight: 600; margin-bottom: 8px } .testiContent .secTitle { color: #382c4d; font-size: 45px; line-height: 60px; font-weight: 600; margin: 0 0 22px } .testiContent .quotation { font-size: 18px; line-height: 28px; color: #5f5f5f; font-weight: 400; font-style: normal; margin-bottom: 44px } .testiContent h5 { color: var(--theme-color-six); font-weight: 400; font-size: 17px; line-height: 26px; margin-bottom: 0 } .testiContent h5 span { display: block; color: #382c4d; font-weight: 600; font-size: 20px } .abImg { position: relative; overflow: hidden } .abImg img { height: auto; width: auto } .withborder { width: 171px; height: 1px; background: var(--theme-color-six); position: absolute; left: -42px; top: 137px; z-index: 2 } .icon_box_05 { position: relative; margin: 0 0 49px } .icon_box_05 .ibMeta { width: 60px; height: 60px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; font-size: 30px; line-height: 60px; color: #545cf5; margin: 0 0 27px } .icon_box_05 h3 { font-size: 20px; line-height: 25px; color: #fff; margin: 0 0 8px } .icon_box_05 p { font-size: 16px; line-height: 25px; color: #cfcfcf; margin: 0 } .filter_menu03 { position: relative; margin: 0 0 30px; padding: 0; display: flex; justify-content: center; font-family: Poppins, sans-serif } .filter_menu03.text-center { justify-content: center } .filter_menu03.text-right { justify-content: flex-end } .filter_menu03 li { cursor: pointer; list-style: none; display: inline-block; font-size: 15px; color: #000; line-height: 32px; padding: 0; margin: 0 12px; font-weight: 500; position: relative; text-transform: uppercase; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu03 li span { color: #dedede; font-size: 9px; position: relative; top: -5px; left: 7px; line-height: .9; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .filter_menu03 li.active, .filter_menu03 li:hover { color: var(--theme-color-six) } .filter_menu03 li.active span, .filter_menu03 li:hover span { color: var(--theme-color-six) } .folioItem05 { position: relative; overflow: hidden; background: var(--theme-color-six); margin: 0 5.5px 10px } .folioItem05 img { width: 100%; height: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem05:hover img { opacity: .27 } .folioItem05:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem05:hover:after { visibility: visible; opacity: 1 } .folioHover05 { font-family: Poppins, sans-serif; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; text-align: center; padding: 0 15px; z-index: 2 } .folioHover05 .crm { position: relative; right: auto; display: inline-block; background:#5d7405; width: 61px; height: 61px; border-radius: 50%; text-align: center; font-size: 17.94px; color: #fff; line-height: 62px; margin: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); transform: scale(.8); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioHover05 .crm:hover { background: #fff; color: #3d334c } .folioHover05 h4 { font-size:24px; line-height: 50px; color: #fff; font-weight:500; margin: 0 auto 24px; letter-spacing: -1.6px; max-width: 390px; visibility: hidden; opacity: 0; transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .folioHover05 h4 a { color: inherit } .folioHover05 h4 a:hover { color: #ffc107 } .folioHover05 p { font-size: 17px; color: #fff; margin: 0 0 2px; transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); opacity: 0; visibility: hidden; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .folioHover05 p a { color: inherit } .folioHover05 p a:hover { color: #3d334c } .folioItem05:hover .folioHover05 .crm { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1 } .folioItem05:hover .folioHover05 h4 { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible; opacity: 1 } .folioItem05:hover .folioHover05 p { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); visibility: visible; opacity: 1 } .storeBtn { position: relative } .storeBtn { position: relative; display: inline-block; height: 64px; line-height: .8; background: #4a4a4a; border-radius: 50px; font-size: 16px; color: #fff; font-weight: 700; padding: 17px 40px 0 72px; -webkit-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3); -moz-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3); box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, .3) } .storeBtn img { width: 26px; height: 26px; position: absolute; left: 34px; top: 0; bottom: 0; margin: auto } .storeBtn span { font-size: 10px; font-weight: 400; display: block; margin-bottom: 7px } .storeBtn:hover { background: #fff; color: #1d2a3b } .storeBtn:last-child { background: #fff; color: #1d2a3b; margin-left: 12px } .storeBtn:hover:last-child { background: #4a4a4a; color: #fff } .tmSlider04.owl-carousel { position: relative; margin-left: 5px } .team_06 { position: relative; margin: 0 0 38px; border-radius: 10px; background: var(--theme-color-six); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .tmSlider04.owl-carousel .team_06 img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .team_06:hover img { opacity: .14 } .tmcontent03 { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 51%; transform: translateY(-50%); z-index: 3 } .tmcontent03 h3 { font-size: 28px; line-height: 33px; color: #fff; font-weight: 600; margin: 0; visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s; transform: translate3d(-20px, 0, 0); -moz-transform: translate3d(-20px, 0, 0); -webkit-transform: translate3d(-20px, 0, 0) } .tmcontent03 h3 a { color: inherit } .tmcontent03 h3 a:hover { color: #382c4d } .tmcontent03 p { font-size: 16.81px; line-height: 25px; color: #fff; margin: 0; visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s; transform: translate3d(20px, 0, 0); -moz-transform: translate3d(20px, 0, 0); -webkit-transform: translate3d(20px, 0, 0) } .team_06:hover .tmcontent03 p { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .team_06:hover .tmcontent03 h3 { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .team_06 .tm_social { top: 67% } .team_06 .tm_social a { color: #fff; font-size: 21px; margin: 0 23px } .team_06 .tm_social a i { font-size: inherit; margin: 0 } .team_06 .tm_social a:hover { color: #382c4d } .team_06:hover .tm_social a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .tmSlider04.owl-carousel .owl-dots { position: relative; margin: 0; padding: 0; text-align: center } .tmSlider04.owl-carousel .owl-dots button span { display: none } .tmSlider04.owl-carousel .owl-dots button { width: 7px; height: 7px; background: #9c9c9c; border-radius: 50%; margin: 0 14px; position: relative; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .tmSlider04.owl-carousel .owl-dots button:after { position: absolute; left: -10px; top: 0; right: 0; bottom: 0; margin: auto; width: 28px; height: 28px; border-radius: 50%; content: ''; transform: scale(.8); visibility: hidden; opacity: 0; border: 2px solid var(--theme-color-six); -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .tmSlider04.owl-carousel .owl-dots button.active:after, .tmSlider04.owl-carousel .owl-dots button:hover:after { visibility: visible; opacity: 1; transform: scale(1) } .tmSlider04.owl-carousel .owl-dots button.active, .tmSlider04.owl-carousel .owl-dots button:hover { background: var(--theme-color-six) } .tmCon { position: relative; padding: 123px 0 0 33px } .tmCon>h5 { font-size: 35px; line-height: 44px; color: #382c4d; margin: 0 0 16px } .tmCon p { margin: 0 0 33px } .tmCon .twiiterFedd i { width: 46px; height: 46px; background: #f7f7f7; border-radius: 50%; line-height: 46px; color: var(--theme-color-six); font-size: 16px; top: -2px } .tmCon .twiiterFedd h5 { color: #000; font-weight: 700; line-height: 21px } .tmCon .twiiterFedd h5 span { font-size: 12px; color: inherit; font-weight: 500 } .funfact04 { position: relative; padding-left: 80px } .funfact04 .factThumb { width: 62px; height: 62px; line-height: 60px; position: absolute; left: 0; top: -1px } .funfact04 .factThumb img { height: 43px } .funfact04 h2 { color: #fff; font-size: 30px; line-height: 30px; font-weight: 500; margin: 0 0 4px } .funfact03 h2 sup { font-size: inherit; top: -2px; font-style: normal } .funfact04 h5 { color: #b4b4b4; font-size: 17px; line-height: 24px; font-weight: 400; margin: 0 } .blogItem05 { position: relative; border-bottom: 1px solid #f1f1f1; margin-bottom: 50px } .blogItem05 .blogThumb img { width: 100%; height: auto; border-radius: 10px } .blogContent04 { position: relative; padding: 0 0 34px 30px; margin-top: -22px } .blogContent04 .bmeta { height: 47px; font-family: Poppins, sans-serif; background: var(--theme-color-six); line-height: 48px; color: #fff; font-size: 15px; font-weight: 500; margin: 0 0 14px -9px; border-radius: 50px; padding: 0 22px } .blogContent04 .bmeta i { color: inherit; font-size: inherit; margin-right: 6px; position: relative; top: 1px } .blogContent04 .bmeta:hover { background: #382c4d } .blogContent04 h3 { font-size: 25px; line-height: 32px; color: #382c4d; font-weight: 600; margin: 0 0 6px } .blogContent04 h3 a { color: inherit } .blogContent04 h3 a:hover { color: var(--theme-color-six) } .blogContent04 .rmb { width: 42px; height: 42px; border-radius: 50%; text-align: center; display: inline-block; background: #f5f5f5; line-height: 42px; font-size: 16px; color: #382c4d; position: absolute; left: 140px; bottom: -22px; z-index: 2 } .blogContent04 .rmb:hover { background: var(--theme-color-six); color: #fff } .blogItem05:after { position: absolute; width: 88px; height: 1px; content: ''; background: #fff; left: 118px; bottom: -1px } .tp04.topbar01 p { color: #242f51 } .tp04.topbar01 p i { background: 0 0 } .tp04 .topsocial a { background: 0 0 } .tp04 .topsocial a:hover { color: var(--theme-color) } .h07 .navbar01 { -webkit-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14); -moz-box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14); box-shadow: -2px 4px 43px 0 rgba(0, 0, 0, .14) } .service_item_08 { position: relative; background: #fff; border-radius: 10px; margin: 0 0 50px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .serviceSlider03.owl-carousel .siThumb img { width: 100%; height: auto; border-radius: 0 0 5px 5px } .service_item_08 h3 { color: #181818; font-size: 17.14px; line-height: 24px; margin: 18px 21px 10px; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s } .service_item_08 h3 i { width: 49px; height: 49px; background: #e3e3e3; line-height: 49px; border-radius: 50%; text-align: center; display: inline-block; color: #000; font-size: 26px; margin-right: 10px; top: 4px; position: relative; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; transition: all ease .4s } .service_item_08 h3 a { color: inherit } .service_item_08 .srm { height: 47px; position: absolute; left: 17px; bottom: 0; width: calc(100% - 34px); background: var(--theme-color); font-size: 13px; color: #fff; font-weight: 700; line-height: 47px; text-align: center; display: block; border-radius: 0 0 10px 10px; visibility: hidden; opacity: 0; z-index: -1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .service_item_08:hover { background: var(--theme-color) } .service_item_08:hover h3 { color: #fff } .service_item_08:hover h3 i { color: #fff; background: #980000 } .service_item_08:hover .srm { visibility: visible; opacity: 1; transform: translate3d(0, 47px, 0); -moz-transform: translate3d(0, 47px, 0); -webkit-transform: translate3d(0, 47px, 0) } .service_item_08 .srm:hover { color: #181818 } .serviceSlider03.owl-carousel { position: relative } .serviceSlider03.owl-carousel .owl-nav { width: 100% } .serviceSlider03.owl-carousel .owl-nav button { position: absolute; left: -118px; top: 42%; text-align: center; z-index: 5; font-size: 24px; line-height: 73px; width: 73px; height: 73px; background: #f4f4f4; color: #0d0d0d; border: none; outline: none; border-radius: 50%; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .serviceSlider03.owl-carousel .owl-nav button.owl-next { left: auto; right: -118px; top: 54% } .serviceSlider03.owl-carousel .owl-nav button:hover { background: var(--theme-color); color: #fff } .abCon7 .funfact04 { padding-left: 47px } .abCon7 .funfact04 .factThumb { height: auto; width: auto; background: 0 0; line-height: inherit; border-radius: 0; margin: 0 } .abCon7 .funfact04 .factThumb img { height: 32px } .abCon7 .funfact04 h2 { color: #000; font-size: 38.93px; font-weight: 700; margin-bottom: 13px } .abCon7 .funfact04 h5 { color: #000; font-size: 18px; line-height: 20px } .abCon7 .funfact04 h2 sup { font-size: inherit; top: -2px; font-style: normal } .abDivider { position: relative; border-top: 3px solid #ededed; margin: 67px 0 46px } .imageBox { position: relative; background: #fff; border-radius: 7px; display: flex; align-items: center; margin-bottom: 20px } .imageBox img { height: 155px; width: auto; border-radius: 7px 0 0 7px } .imageBox p { font-size: 18px; line-height: 26px; color: #26263e; letter-spacing: -.36px; margin: 0 27px 0 30px } .service_item_09 { position: relative; margin-right: 13px; border-radius: 10px; margin-bottom: 42px; padding: 63px 58px 42px 220px; background: url(../images/bg/12.png) no-repeat left top #fff; -webkit-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13) } .service_item_09.ml13 { margin-right: 0; margin-left: 13px } .service_item_09 .ibMeta { width: 128px; height: 124px; position: absolute; z-index: 3; left: 40px; top: 44px; background: url(../images/home7/2.png) no-repeat center center/cover; font-size: 48px; line-height: 128px; color: #000 } .service_item_09 .ibMeta i { line-height: 1; margin-left: 17px; margin-top: 50px; display: block; position: relative; z-index: 2 } .service_item_09 .ibMeta svg { width: 128px; height: 124px; position: absolute; left: 12px; top: 12px; fill: inherit } .service_item_09 h3 { font-size: 28.93px; line-height: 35px; color: #444; font-weight: 800; margin: 0 0 4px } .service_item_09 h3 a { color: inherit } .service_item_09 h3 a:hover { color: var(--theme-color) } .service_item_09 p { font-size: 17.56px; line-height: 26.86px; color: #666; margin-bottom: 27px } .service_item_09 .berpo_btn.with_icon04 { height: 53px; line-height: 51px; border: 2px solid var(--theme-color); color: #010101; font-size: 13.17px; background: 0 0 } .service_item_09 .berpo_btn.with_icon04 i { width: 25px; height: 25px; background: var(--theme-color); font-size: 12px; line-height: 26px } .service_item_09 .berpo_btn .bp-shape { background: var(--theme-color) } .service_item_09 .berpo_btn:hover { color: #fff } .service_item_09 .berpo_btn:hover i { background: #980000; color: #fff } .beproTab03 { position: absolute; left: -12px; top: 30px; z-index: 2; margin: 0; padding: 0; display: block } .beproTab03 li { list-style: none; display: block } .beproTab03 li a { display: inline-block; height: 65px; background: 0 0; border-radius: 50px; font-size: 20px; color: #fff; padding: 0 16px; font-family: Poppins, sans-serif; font-weight: 600; line-height: 65px; min-width: 280px; text-transform: capitalize; margin: 0 0 1px; position: relative } .beproTab03 li a:after { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 19px; height: 2px; background: #fff; content: ''; visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .beproTab03 li a i { display: inline-block; color: #d7d7d7; width: 41px; height: 41px; background: #3d3d3d; border-radius: 50%; line-height: 41px; text-align: center; font-size: 16px; margin-right: 20px; position: relative; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .beproTab03 li a.active, .beproTab03 li a:hover { color: #fff; background: var(--theme-color) } .beproTab03 li a.active i, .beproTab03 li a:hover i { color: #fff; background: 0 0 } .beproTab03 li a.active:after, .beproTab03 li a:hover:after { visibility: visible; opacity: 1; right: 21px } .beproTabCon03 { position: relative; padding: 0 0 0 223px } .beproTabCon03 img { max-width: 100%; border-radius: 20px } .insTabCon { position: relative; padding: 67px 0 0 7px } .tbbar { position: absolute; left: -79px; top: 28px; width: 101px; height: 2px; background: var(--theme-color) } .insTabCon .secTitle { font-size: 40px; font-weight: 800; line-height: 40px; margin: -5px 0 26px } .insTabCon p { font-size: 20px; line-height: 30px; color: #e6e6e6; letter-spacing: -.4px; margin-bottom: 52px } .insTabCon .listItem li { font-size: 20px; font-weight: 500 } .insTabCon .listItem li i { color: var(--theme-color); margin-right: 13px } .abquote { margin-top: 47px; left: -190px; position: relative; background: var(--theme-color); font-size: 27px; line-height: 36px; color: #fff; font-weight: 600; letter-spacing: -.56px; font-family: Poppins, sans-serif; padding: 36px 50px 31px 62px; border-radius: 7px } .folioItem01.fI01Grid { position: relative; margin: 0 3px 6px } .folioItem01.fI01Grid .folioHover h4 a:hover { color: var(--theme-color) } .folioItem01.fI01Grid .folioHover .fm-more { background: var(--theme-color) } .folioItem01.fI01Grid .folioHover .fm-more:hover { background: #26263e; color: #fff } .folioItem01.fI01Grid:hover { box-shadow: none } .tm07.team_04 .tmThumb img { border-radius: 15px } .tm07.team_04 .tmcontent { position: relative; width: calc(100% - 40px); border-radius: 15px; -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/13%); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 30px 0 rgb(0 0 0/13%) } .tm07.team_04 .tmcontent h3 { font-size: 27px; color: #060606; font-weight: 600 } .tm07.team_04 .tmcontent p { color: #5a5a5a; font-size: 17px } .bepAccordion.peracc03 { margin: 0 -105px 0 0 } .bepAccordion.peracc03 .card { box-shadow: none; background: 0 0; padding: 0; margin: 0 0 29px } .bepAccordion.peracc03 .card .card-header h2 button.collapsed { color: #292929 } .bepAccordion.peracc03 .card .card-header h2 button.collapsed span { background: #fff } .bepAccordion.peracc03 .card .card-header h2 button span { position: relative; right: auto; margin: 0 25px 0 0; width: 40px; height: 40px; background: var(--theme-color); border-radius: 10px; text-align: center; -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%); -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 62px 0 rgb(0 0 0/13%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bepAccordion.peracc03 .card .card-header h2 button.collapsed span:after, .bepAccordion.peracc03 .card .card-header h2 button.collapsed span:before { background: #000 } .bepAccordion.peracc03 .card .card-header h2 button span:after, .bepAccordion.peracc03 .card .card-header h2 button span:before { background: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bepAccordion.peracc03 .card .card-header h2 button span:after { height: 2px; width: 10px } .bepAccordion.peracc03 .card .card-header h2 button span:before { width: 2px; height: 10px } .bepAccordion.peracc03 .card .card-body { font-size: 18px; border-bottom: 1px solid #e2e2e2; padding: 5px 0 22px 60px } .bepAccordion.peracc03 .card .card-header h2 button { color: var(--theme-color); font-size: 24px; line-height: 40px; letter-spacing: -.48px } .contact_form.contactForm03 { margin: 0; padding: 0; background: 0 0; box-shadow: none } .ConCol { padding-right: 6px; padding-left: 6px } .contact_form.contactForm03 select, .contact_form.contactForm03 .nice-select, .contact_form.contactForm03 input { height: 50px; line-height: 50px; padding: 0 30px; font-size: 12px; color: #666; font-style: italic; letter-spacing: .36px; border-radius: 50px; margin: 0 0 10px } .contact_form.contactForm03 .nice-select:after { font-size: 13px; color: #666; font-style: normal } .contact_form.contactForm03 .berpo_btn.with_icon04 { height: 50px; line-height: 50px; background: 0 0; border: 2px solid #fff; font-size: 12px; text-transform: uppercase; color: #fff; font-weight: 800; letter-spacing: 0; padding: 0 15px; width: 184px } .contact_form.contactForm03 .berpo_btn .bp-shape { background: #fff } .contact_form.contactForm03 .berpo_btn.with_icon04:hover { color: var(--theme-color) } .contact_form.contactForm03 .berpo_btn.with_icon04 i { width: 24px; height: 24px; background: #fff; background: #fff; font-size: 12px; line-height: 25px; color: #2a2a2a; margin-left: 7px } .contact_form.contactForm03 .berpo_btn.with_icon04:hover i { background: var(--theme-color); color: #fff } input[type=checkbox] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none } input[type=checkbox]~span { position: relative; padding-left: 28px; color: #fff; font-size: 13px; line-height: 29px; font-style: italic; letter-spacing: .39px; cursor: pointer; display: block; margin: 29px 0 0 } input[type=checkbox]~span:before { content: ''; font-family: themewar !important; position: absolute; left: 0; top: 7px; background: #fff; height: 16px; width: 16px; line-height: 17px; font-style: normal; text-align: center; font-size: 10px; border-radius: 5px } input[type=checkbox]:checked~span:before { content: "\f024"; color: var(--theme-color) } .blogItem06 { position: relative; margin: 0 0 60px } .blogItem06 .blogContent { position: relative; padding: 103px 40px 0 12px } .blogItem06 .blogContent h3 { font-size: 35px; line-height: 40px; font-weight: 700; color: #292929; letter-spacing: -.7px; margin: 0 0 16px } .blogItem06 .blogContent h3 a:hover { color: var(--theme-color) } .blogItem06 .blogContent p { color: #5f5f5f; line-height: 30px; margin: 0 0 46px } .blogItem06 .berpo_btn.with_icon { padding: 0 34px } .blogItem06 .blogThumb02 { position: relative; margin: 0 1px } .blogItem06 .blogThumb02 img { width: 100%; height: auto; border-radius: 50% } .blogItem06 .blogContent .pmeta { display: inline-block; font-size: 15px; font-weight: 700; color: #b7b7b7; font-family: Poppins, sans-serif; margin: 0 0 18px } .pmeta a { display: inline-block; color: inherit } .pmeta a.cat { text-transform: uppercase; color: #1c1c1c } .pmeta a:hover { color: var(--theme-color) } .blogItem06.bireverse .blogContent { padding-right: 40px; padding-left: 0 } .testimonialslider05 { position: relative; margin: 0; padding: 40px 0 22px } .testimonialslider05:after { content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 29px); height: 100%; background: #e8f9fe; z-index: 1; border-radius: 10px; -webkit-box-shadow: 0 0 62px 0 rgb(0 0 0/13%); -moz-box-shadow: 0 0 62px 0 rgba(0, 0, 0, .13); box-shadow: 0 0 62px 0 rgb(0 0 0/13%) } .testimonialslider05 .slick-list { z-index: 2 } .testiItem06 { position: relative; margin: 0 0 0 42px; text-align: left; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 33px 0 0 } .ti06Inner { position: relative; padding: 0 125px 27px 0; margin: -4px 57px 0 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-bottom: 1px solid #dcdcdc } .testimonialslider05 .slick-active+.slick-active+.slick-active .ti06Inner { border-bottom-color: transparent } .testiItem06.slick-slide.slick-current.slick-active .ti06Inner { margin-right: 0; padding-left: 40px; padding-right: 140px } .testiItem06.slick-slide.slick-current.slick-active { border-radius: 10px; background: #fff; margin-right: 0; -webkit-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11); -moz-box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11); box-shadow: -1px 3px 51px 0 rgba(0, 0, 0, .11) } .testiItem06.slick-slide.slick-current.slick-active .ti06Inner { border-bottom-color: transparent } .testiItem06.slick-slide.slick-current.slick-active img { right: 30px } .testiItem06:before { position: relative; display: inline-block; content: '“'; font-size: 42px; line-height: 37px; text-align: left; font-weight: 800; color: #000; font-family: fira sans } .testiItem06.slick-slide.slick-current.slick-active:before { padding-left: 40px } .testiItem06 img { width: 83px; height: 83px; border-radius: 50%; position: absolute; right: 9px; top: -8px } .testiItem06 h5 { font-size: 15px; color: #000; line-height: 1; margin: 0 } .testiItem06 .quotation { font-size: 18px; line-height: 28px; color: #5b5b5b; margin: 0 0 10px; font-weight: 400; font-style: italic } .awardItem01 { position: relative; padding: 0 0 27px 163px } .awardItem01 img { position: absolute; left: 0; top: 0; max-width: 133px; height: auto } .awardCon { position: relative; border-left: 2px solid #e7e7e7; padding-left: 30px } .awarName { position: relative; margin: 0 0 42px } .awarName h5 { font-size: 22px; color: #000; line-height: 32px; letter-spacing: .44px; margin: 0; position: relative; top: -6px } .awarName p { color: #999; font-size: 19.32px; letter-spacing: .4px; font-family: Poppins, sans-serif; margin: 0 } .client-slider07.owl-carousel { position: relative } .client-slider07.owl-carousel .owl-item { text-align: center } .client-slider07.owl-carousel a { display: inline-block; text-align: center } .client-slider07.owl-carousel a img { height: auto; width: 155px } .grayscale img { filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .grayscale a:hover img { filter: grayscale(0); -o-filter: grayscale(0); -webkit-filter: grayscale(0) } .page_banner { min-height:350px; position: relative; background-size: cover; background-color: #1d1d1d; overflow: hidden; padding:180px 0 80px; background-repeat: no-repeat; background-position: center center } .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-position: center; background-size: cover; background: rgb(255 255 255 / 65%); } .page_banner .containier { position: relative; z-index: 2 } .banner-title { font-size: 50px; line-height: 58px; color:#d30a0a; margin: 0 0 16px } .breadcrumbs { margin: 0; text-align:center; font-size: 16px; color:#374407; font-weight:600; line-height: 26px } .breadcrumbs a { color: inherit } .breadcrumbs a:hover { color: var(--theme-color) } .breadcrumbs span { display: inline-block; margin: 0 13px } .abpageThumb { position: relative; margin: 11px 0 0 } .abpageThumb img { max-width: 100%; height: auto; border-radius: 5px } .abInner { position: absolute; right: 0; top: -80px; z-index: 2 } .abInner img { border-radius: 5px; -webkit-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21); -moz-box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21); box-shadow: 0 12px 68px 0 rgba(0, 0, 0, .21) } .abInner:after { position: absolute; right: 0; height: calc(100% - 5px); width: calc(100% + 37px); top: 42px; z-index: -1; content: ''; border: 10px solid var(--theme-color) } .service_item_10 { position: relative; background: #fff; padding: 41px 40px 38px; border-radius: 5px; margin: 0 0 30px; -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07); box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .07) } .service_item_10 .ibMeta { position: relative; max-height: 68px; margin: 0 0 26px } .service_item_10 .ibMeta img { width: 100%; height: 100% } .service_item_10 h3 { font-size: 24px; color: #333; line-height: 30px; margin: 0 0 12px } .service_item_10 h3 a { color: inherit } .service_item_10 h3 a:hover { color: var(--theme-color) } .service_item_10 p { margin: 0 0 25px } .service_item_10 .srm { display: inline-block; width: 46px; height: 46px; background: #f3f3f3; line-height: 46px; border-radius: 50%; text-align: center; color: #382c4d; line-height: 46px } .service_item_10 .srm:hover { background: var(--theme-color); color: #fff } .serviceSlider04.owl-carousel { position: relative } .serviceSlider04.owl-carousel .owl-nav { position: absolute; right: 0; top: -89px } .serviceSlider04.owl-carousel .owl-nav button { width: 58px; height: 58px; background: #fff; border-radius: 50%; text-align: center; color: #000; font-size: 15px; line-height: 58px; margin-left: 12px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .serviceSlider04.owl-carousel .owl-nav button:hover { background: var(--theme-color); color: #fff } .service_item_11 { position: relative; border: 2px solid transparent; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_item_11:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, .3); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_item_11:hover:after { visibility: visible; opacity: 1 } .service_item_11 img { width: 100%; height: auto; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_item_11 h3 { display: inline-block; height: 51px; position: absolute; z-index: 2; right: 0; bottom: 0; background: #000; line-height: 50px; text-align: center; font-size: 18px; color: #fff; margin: 0; letter-spacing: .36px; font-weight: 600; padding: 0 26px; border-radius: 3px 0 0 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_item_11:hover h3 { visibility: hidden; opacity: 0 } .service_item_11 .srm { display: inline-block; height: 51px; position: absolute; right: 0; bottom: -50px; background: var(--theme-color); line-height: 50px; text-align: center; font-size: 18px; color: #fff; z-index: 2; margin: 0; visibility: hidden; opacity: 0; letter-spacing: .36px; font-weight: 600; padding: 0 31px; border-radius: 3px 0 0 0 } .service_item_11 i { display: inline-block; font-size: 13px; margin-left: 7px } .service_item_11:hover .srm { visibility: visible; opacity: 1; bottom: 0 } .service_item_11:hover { border-color: var(--theme-color) } .stracheVideo { position: relative; overflow: hidden } .stracheVideo img { width: auto; height: auto } .stracheVideo .vbtn02 { width: 70px; height: 70px; background: 0 0; line-height: 70px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: #fff; font-size: 21px } .stracheVideo .vbtn02:before { background: var(--theme-color); opacity: .4 } .stracheVideo .vbtn02:after { background: var(--theme-color) } .abTestimonial.owl-carousel { position: relative; padding: 0 } .abTestimonial .quotation { font-size: 18px; line-height: 27px; color: #d7d7d7; font-weight: 400; margin-bottom: 38px } .abTestimonial.owl-carousel .ts_author img { width: 77px; height: 77px } .abTestimonial .ts_author { padding-left: 96px; padding-top: 13px } .abTestimonial .ts_author h5 { font-size: 22px; color: #fff; line-height: 28px; text-transform: uppercase; margin-bottom: 8px } .abTestimonial .ts_author span { color: var(--theme-color); font-size: 16px } .abTestimonial.owl-carousel .owl-nav { display: none } .awardItem02 { position: relative; min-height: 95px; padding: 0 55px 17px 87px; margin-bottom: 24px; border-bottom: 1px solid #f1f1f1 } .awardItem02:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .awardItem02 img { width: 70px; height: 74px; border-radius: 2px; position: absolute; left: 0; top: 0 } .awardItem02 .awarName { margin: 0 } .awardItem02 .awarName h5 { font-size: 18px; line-height: 30px; color: #000 } .awardItem02 .awarName p { color: #999; font-size: 16px; line-height: 20px; letter-spacing: .32px; margin: 0 } .brLeft { border-left: 1px solid #f1f1f1; margin-left: -15px; padding-left: 0; position: relative } .brLeft .awardItem02 { padding-left: 180px } .brLeft .awardItem02 img { left: 95px } .blogPage { position: relative; padding: 150px 0 } .blogList01 { position: relative; margin: 0 5px 50px 0 } .blogList01.bil { margin-left: 5px; margin-right: 0 } .blogList01 img { max-width: 100%; width: auto; height: auto; border-radius: 5px 5px 0 0 } .listCon { position: relative; background: #fff; margin: -40px 18px 0 27px; border-radius: 3px 3px 0 0; padding: 52px 50px 46px; border-bottom: 1px solid #ececec } .listCon h3 { font-size: 30px; line-height: 36px; color: #252525; margin: 0 0 12px } .listCon h3 a { color: inherit } .listCon h3 a:hover { color: var(--theme-color) } .listCon .bmeta { color: #bbc7cd; font-size: 15px; margin: 0 0 18px } .listCon .bmeta i { font-size: 16px; margin-right: 6px; color: inherit } .listCon .bmeta span { color: inherit; margin-left: 19px } .listCon .bmeta a { color: var(--theme-color); margin-right: 20px } .listCon .bmeta a:hover { color: #252525 } .listCon p { font-size: 18px; line-height: 28px; margin: 0 } .blogFooter .fcta { background: url(../images/bg/14.png) no-repeat center center/cover } .blogFooter .fcta .berpo_btn.with_icon03 { border-radius: 50px } .blogFooter .aboutWidget04 a:hover { background: #e700a9; border-color: #e700a9 } .blogFooter .Copyright a:hover, .blogFooter .wmenu03 ul.menu li:hover a { color: #e700a9 } .bepro_pagination { position: relative; display: flex; justify-content: center; font-family: Poppins, sans-serif; margin: 35px 0 0; background: url(../images/bg/pagination.jpg) no-repeat center center/cover; padding: 24px 35px 18px } .bepro_pagination a, .bepro_pagination>span { width: 32px; height: 32px; color: #252525; line-height: 34px; margin: 0 1px; border: none; border-radius: 3px; text-align: center; display: inline-block; position: relative; font-weight: 600; font-size: 14px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .bepro_pagination a.next, .bepro_pagination a.prev { width: auto; height: auto; font-size: 20px; color: #8799a3 } .bepro_pagination a.prev { margin-right: auto } .bepro_pagination a.next { margin-left: auto } .bepro_pagination a i { display: inline-block } .bepro_pagination a span { display: inline-block; font-size: 14px; position: relative; top: -4px; margin-left: 20px } .bepro_pagination a.next span { margin-left: 0; margin-right: 20px } .bepro_pagination a.next:hover, .bepro_pagination a.prev:hover { background: 0 0; color: var(--theme-color) } .bepro_pagination a:hover, .bepro_pagination span.current { color: #fff; background: var(--theme-color) } .bpPad { padding-bottom: 258px } .blogPage .bireverse .blogContent { padding: 0; text-align: left } .blogPage .blogItem02.bireverse.lastItem { border: none; padding: 0 } .blogPage .blogThumb02 .bmeta { background: var(--theme-color) } .blogPage .blogContent h3 a:hover { color: var(--theme-color) } .blogItem02 .berpo_btn.with_icon { background: #1e1e1e } .blogItem02 .berpo_btn.with_icon i { background: #424242 } .blogItem02 .berpo_btn.with_icon:hover i { background: #760000 } .blogItem02 .berpo_btn .bp-shape { background: var(--theme-color) } .blogPage .blogItem03 { margin: 0 0 30px 5px } .blogPage .blogContent02 h3 a:hover, .blogPage .blogContent02 .bmeta a:hover { color: var(--theme-color) } .blogPage .berpo_btn.with_icon03:after { background: #1e1e1e } .blogPage .blogItem03 .berpo_btn.with_icon03 { background: var(--theme-color) } .blogPage .blogItem04 { margin-bottom: 40px } .blogPage .blogContent03 h3 a:hover { color: var(--theme-color) } .blogPage .blogContent03 .bmeta a { background: 0 0; -webkit-text-fill-color: var(--theme-color) } .blogPage .blogContent04 .bmeta { background: var(--theme-color) } .blogPage .blogContent04 .bmeta:hover { background: #1e1e1e } .blogPage .blogContent04 h3 a:hover { color: var(--theme-color) } .blogPage .blogContent04 .rmb:hover { background: var(--theme-color) } .bpsRight .blogList01.bil { margin-left: 0; margin-right: 5px } .blogPage.bpsRight .blogItem03 { margin-left: 0; margin-right: 5px } .justify-content-center .blogPage .blogItem03, .justify-content-center .blogList01.bil { margin-left: 0; margin-right: 0 } .justify-content-center .blogList01.bil img { width: 100% } .sidebar { position: relative; margin: 0 0 0 20px } .sidebar.lsb { margin-left: 0; margin-right: 20px } .sidebar .widget { position: relative; margin: 0 0 40px; padding: 44px 40px 45px; border-radius: 10px; background: url(../images/bg/widget.jpg) no-repeat center center/cover } .sidebar .widget .widget_title { color: #252525; font-size: 23px; line-height: 28px; text-transform: capitalize; margin: 0 0 31px; display: inline-block; position: relative; z-index: 2 } .sidebar .widget .widget_title:after { position: absolute; left: 0; bottom: 3px; width: 100%; height: 5px; content: ''; background: #ffd7d7; border-radius: 10px; z-index: -1 } .pp_post_item { position: relative } .sidebar .pp_post_item { position: relative; padding-top: 7px; min-height: 80px; padding-left: 120px; margin-bottom: 30px } .sidebar .pp_post_item img { width: 97px; height: 80px; border-radius: 5px; position: absolute; left: 0; top: 0 } .sidebar .pp_post_item span { display: block; font-size: 14px; color: #bbc7cd; font-weight: 500; margin-bottom: 8px } .sidebar .pp_post_item a { font-size: 17px; line-height: 23px; color: #252525; font-weight: 600; margin-bottom: 3px } .sidebar .pp_post_item a:hover { color: var(--theme-color) } .sidebar .pp_post_item .author { display: inline-block; font-size: 14px; font-weight: 400; margin: 0; color: var(--theme-color); font-family: roboto, sans-serif } .sidebar .pp_post_item .author:hover { color: #252525 } .sidebar .berpo_btn { height: 40px; line-height: 40px; border-radius: 50px; font-weight: 600; font-size: 13px; padding: 0 36px; margin-top: 5px } .sidebar .widget>ul { margin: 0; padding: 0 } .sidebar ul li { list-style: none; display: block; font-size: 15px; color: #252525; line-height: 26px; position: relative; margin: 0 0 15px } .sidebar ul li a { display: inline-block; color: inherit; line-height: inherit } .sidebar ul li a:hover { color: var(--theme-color) } .sidebar .widget_categories {} .sidebar .widget_categories ul li { margin-right: 12px; background: #fff; padding: 10px 22px; margin-bottom: 5px; border-radius: 3px } .sidebar .widget_categories ul li span { display: inline-block; width: 32px; height: 36px; border-radius: 5px; text-align: center; background: #ededed; font-size: 12px; color: #252525; line-height: 36px; font-weight: 700; position: absolute; right: -14px; top: 0; bottom: 0; margin: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .sidebar .widget_categories ul li:hover a { color: var(--theme-color) } .sidebar .widget_categories ul li:hover span { background: var(--theme-color); color: #fff } .tagcloud { position: relative; display: inline-block; width: 100%; margin-bottom: -10px } .tagcloud a { height: 37px; text-align: center; padding: 0 17px; line-height: 35px; border: none; display: inline-block; border-radius: 50px; background: #fff; border: 2px solid #f0f4f7; color: #696969; text-transform: capitalize; font-size: 15px !important; margin-right: 9px; margin-bottom: 9px; font-weight: 400; float: left } .tagcloud a:hover { background: var(--theme-color); border-color: var(--theme-color); color: #fff } .sidebar .galleryShots a { width: 130px; height: 114px; margin: 0 9px 9px 0 } .sidebar .galleryShots a:after { border-radius: 10px } .sidebar .galleryShots a img { border-radius: 10px } .singleBlog { position: relative; padding: 160px 0 } .singleBlog.bpPad { padding-bottom: 258px } .spThumb { position: relative; margin: 0 0 15px } .spThumb img { max-width: 100%; height: auto; width: auto } .spThumb .bmeta { height: 46px; background: var(--theme-color); border-radius: 50px; text-align: center; display: inline-block; font-size: 12.97px; line-height: 41px; font-weight: 500; color: #fff; font-family: Poppins, sans-serif; letter-spacing: -.48px; margin: 0; padding: 0 19px; position: absolute; z-index: 2; left: 26px; top: 18px; border: 3px solid #fff } .spThumb .bmeta i { display: inline-block; font-size: 10.16px; margin-right: 3px; color: inherit } .spMeta { position: relative; display: flex; padding: 0 0 52px 6px } .spAuthor { position: relative; padding: 0 0 0 86px } .spAuthor img { width: 77px; height: 77px; border-radius: 50%; position: absolute; left: 0; top: -31px; border: 3px solid #fff } .spAuthor p { font-size: 15px; line-height: 19px; color: #404040 } .spAuthor p a { color: #000; font-size: 17px; font-weight: 500; display: block } .spAuthor p a:hover { color: var(--theme-color) } .spsmeta { position: relative; font-size: 16px; font-family: Poppins, sans-serif; color: #c4d2d9; padding: 15px 0 0 50px } .spsmeta span, .spsmeta a { color: #8799a3; display: inline-block } .spsmeta a:hover { color: var(--theme-color) } .sic_the_content { position: relative; margin: 0 0 58px } .p_title { font-size: 40px; line-height: 50px; color: #000; margin: 0 0 28px } .sic_the_content>p { margin: 0 0 30px } .sic_the_content blockquote, .sic_the_content blockquote.wp-block-quote { padding: 35px 80px 0 104px; position: relative; font-family: Poppins, sans-serif; background: 0 0; margin: 33px 0 } .sic_the_content blockquote::after { position: absolute; left: 71px; top: 2px; background: url(../images/single-post/quote.png) no-repeat top left; content: ''; width: 113px; height: 75px; z-index: -1 } .sic_the_content blockquote p, .sic_the_content blockquote.wp-block-quote p { font-size: 24px; line-height: 30px; font-weight: 700; color: #252525; font-style: italic; margin: 0 0 23px } .sic_the_content blockquote cite { font-style: normal; font-size: 18px; line-height: 23px; font-weight: 700; color: var(--theme-color); position: relative } .sic_the_content blockquote cite span { display: block; font-size: 16px; font-weight: 400; color: #8799a3; font-family: Poppins, sans-serif } .sic_the_content .wp-block-image { margin: 18px 0 23px; position: relative } .sic_the_content .wp-block-image img { max-width: 100%; height: auto; border-radius: 3px; margin-bottom: 4px } .sic_the_content figcaption { color: #b0b1b5; font-size: 16px } .sic_the_content .wp-block-image span { display: inline-block; height: 30px; background: rgba(0, 0, 0, .3); border-radius: 50px; text-align: center; font-size: 14px; line-height: 30px; color: #959595; padding: 0 15px; position: absolute; left: 21px; bottom: 24px; z-index: 2 } .sic_the_content .wp-block-image span a { color: #0081ff } .sic_the_content .cusMar .wp-block-image { margin-top: 0 } .sic_the_content .cusMar { margin-top: 40px; margin-bottom: 28px } .weight500 { font-weight: 500; color: #252525 } .sic_the_content .listItem li { font-size: 18px; line-height: 36px; color: #252525; font-weight: 500; position: relative; font-family: Poppins, sans-serif; padding-left: 30px } .sic_the_content .listItem li:after { content: "\ea0e"; font-family: themewar !important; font-size: 11px; color: var(--theme-color); position: absolute; left: 0; top: 0 } .sic_the_content .listItem.lIleft { padding-left: 60px } .sic_the_content .listItem { margin-top: 15px; margin-bottom: 43px } .postMeta { position: relative; border-top: 2px solid #f0f4f7; padding: 31px 0 55px } .postMeta h5 { font-size: 14px; color: #252525; text-transform: uppercase; margin: 0; min-width: 96px; display: inline-block } .postMeta a { display: inline-block; font-size: 16px; color: #8799a3 } .postMeta a:hover { color: var(--theme-color) } .postMeta .tags { margin: 0 0 13px } .postMeta .socialShare a { font-size: 14px; color: #bbc7cd; margin-right: 20px } .postMeta .socialShare a:hover { color: var(--theme-color) } .post_author { position: relative; background: #f9f9fb; border-radius: 10px; padding: 67px 30px 70px 200px; margin: 0 0 95px } .post_author img { width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 58px; bottom: 0; top: 0; margin: auto; -webkit-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2); -moz-box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2); box-shadow: 0 10px 30px 0 rgba(37, 37, 37, .2) } .post_author h5 { font-size: 16px; font-weight: 500; color: var(--theme-color); text-transform: uppercase; margin: 0 0 7px } .post_author h5 a { color: inherit } .post_author h5 a:hover { color: #252525 } .post_author p { font-size: 16px; line-height: 26px; color: #636363; margin: 0 } .comment_area { position: relative } .sic_comments { position: relative; margin-bottom: 80px } .sic_comments>p .productCommentForm>p { color: #636363; margin: 0 0 25px } .sicc_title { font-size: 28px; color: #252525; line-height: 38px; margin: 0 0 31px } .sic_comments>.sicc_title, .productCommentForm .sicc_title { margin-bottom: 12px } .commentForm { position: relative } .commentForm textarea, .commentForm input { height: 60px; border-radius: 50px; padding: 0 40px; font-size: 14px; line-height: 60px; color: #8799a3; background: #f3f4f6; font-weight: 600; margin: 0 0 20px } .commentForm textarea { height: 160px; line-height: 28px; margin-bottom: 35px; padding-top: 15px; border-radius: 30px } .commentForm textarea::-moz-placeholder, .commentForm input::-moz-placeholder { color: #8799a3; opacity: 1 } .commentForm textarea::-ms-input-placeholder, .commentForm input::-ms-input-placeholder { color: #8799a3; opacity: 1 } .commentForm textarea::-webkit-input-placeholder, .commentForm input::-webkit-input-placeholder { color: #8799a3; opacity: 1 } .commentForm .berpo_btn.with_icon04 { height: 60px; color: #f0f0f0; line-height: 61px } .portfolioPage01 { position: relative; padding: 160px 0 0 } .filter_menu li i { position: relative; display: inline-block; font-style: normal } .filter_menu li i:after { position: absolute; left: auto; right: 0; height: 2px; content: ''; bottom: 4px; width: 0; background: var(--theme-color); transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s; -moz-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s; -webkit-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s } .filter_menu li.active i:after, .filter_menu li:hover i:after { width: 100%; left: 0; right: auto } .portfolioPage01 .filter_menu li:hover span, .portfolioPage01 .filter_menu li.active span, .portfolioPage01 .filter_menu li:hover, .portfolioPage01 .filter_menu li.active { color: var(--theme-color) } .folioItem06 { position: relative; margin: 0 0 30px } .folioItem06 img { width: 100%; height: auto; border-radius: 45px } .folioItem06:after { position: absolute; border-radius: 45px; background: rgba(33, 31, 31, .66); left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem06:hover:after { visibility: visible; opacity: 1 } .folioItem06 a { width: 66px; height: 66px; line-height: 70px; color: #fff; font-size: 20px; display: inline-block; background: rgba(255, 255, 255, .38); border-radius: 50%; position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; margin: auto; text-align: center; visibility: hidden; opacity: 0; transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -webkit-transform: translate3d(0, 20px, 0) } .folioItem06 a:hover { background: var(--theme-color); color: #fff } .folioItem06:hover a { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) } .portfolioPage01 .berpo_btn { margin-top: 48px } .portfolioPage02 .filter_menu02 { margin-bottom: 50px } .portfolioPage02 { position: relative; overflow: hidden; padding: 95px 0 0 } .portfolioPage02 .folioHover03, .portfolioPage02 .filter_menu02 li::after { background: var(--theme-color) } .caseStudiesSection { position: relative; padding: 55px 0 0 } .caseStudiesSection .filter_menu { margin-top: 0 } .caseStudiesSection .filter_menu li:hover span, .caseStudiesSection .filter_menu li.active span, .caseStudiesSection .filter_menu li:hover, .caseStudiesSection .filter_menu li.active { color: var(--theme-color) } .caseStudiesSection .berpo_btn { margin-top: 48px } .folioItem07 { position: relative; overflow: hidden } .folioItem07 img { width: 100%; height: auto } .folioItem07:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .folioItem07:hover:after { background: rgba(187, 11, 11, .8) } .folioHover06 { font-family: Poppins, sans-serif; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; text-align: center; padding: 0; z-index: 2 } .cat { font-size: 15px; line-height: 22px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 0 0 14px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .cat a { color: inherit } .cat a:hover { color: #151414 } .folioHover06 h3 { font-size: 50px; line-height: 60px; font-weight: 800; color: #fff; margin: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .folioHover06 h3 a { color: inherit } .folioHover06 h3 a:hover { color: #151414 } .folioItem07:hover .folioHover06 .cat, .folioItem07:hover .folioHover06 h3 { transform: translate3d(0, -103px, 0); -moz-transform: translate3d(0, -103px, 0); -webkit-transform: translate3d(0, -103px, 0) } .folioItem07 p { font-size: 18px; line-height: 28px; color: #fff; margin: 0 0 30px; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; text-align: center; z-index: 2; visibility: visible; opacity: 0; max-width: 716px; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .folioItem07:hover p { visibility: visible; opacity: 1 } .folioItem07 .berpo_btn.with_icon { background: #151414; width: 178px; position: absolute; left: 0; right: 0; padding: 0; margin: auto; top: 66%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; z-index: 2; visibility: visible; opacity: 0; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease } .folioItem07:hover .berpo_btn.with_icon { visibility: visible; opacity: 1 } .folioItem07 .berpo_btn.with_icon i { background: #3a3a3a } .folioItem07 .berpo_btn .bp-shape { background: #fff } .folioItem07 .berpo_btn.with_icon:hover { color: var(--theme-color) } .folioItem07 .berpo_btn.with_icon:hover i { background: #980000 } .singleFolio01 { position: relative; padding: 150px 0 215px } .folioDThumb { position: relative } .folioDThumb img { max-width: 100%; height: auto; margin: 0 0 30px } .fdCon { position: relative; padding: 16px 0 0 10px } .fdCon .subTitle { color: #787887; font-size: 18px; font-weight: 400; text-transform: none; letter-spacing: -.36px; margin: 0 0 10px } .fdCon .secTitle { color: #252525; font-size: 38px; line-height: 48px; margin: 0 0 23px } .socail_share.ssInline { display: flex; margin: 0 0 12px } .socail_share.ssInline h5 { text-transform: uppercase } .socail_share.ssInline a { width: auto; height: auto; background: 0 0; color: #bbc7cd; line-height: 1.5; margin: 0 0 0 20px; border-radius: 0 } .socail_share.ssInline a:hover { background: 0 0; color: var(--theme-color) } .fdCon>p { margin: 0 0 45px } .fsmeta { position: relative } .fsmeta h3 { color:#ef0101; font-size: 20px; font-weight: 800; text-transform: uppercase; line-height: 30px; letter-spacing: 1.5px; margin: 0 0 2px } .fsmeta p { color: #252525; font-size: 16px; margin: 0 0 20px } .fdCon .berpo_btn { margin-top: 25px; border-radius: 50px 50px 50px 50px; padding: 0 40px } .fdCon02 .fdCon { padding: 0 } .fdCon02 { margin-top: 39px } .fsCon { margin: -6px 20px 0 0 } .sf02 { padding-bottom: 248px } .sf03video { position: relative; padding: 305px 0; background: url(../images/single-folio/video-bg.jpg) no-repeat center center/cover } .sf03video .popup_video { height: 100px; width: 100px; line-height: 107px; font-size: 26px } .sf03video .popup_video:hover { background: var(--theme-color); color: #fff } .sf03Con { position: relative; padding: 90px 0 90px } .sf03 { padding: 110px 0 97px } .sf03 .fdCon .secTitle { color: #252525; font-size: 55px; line-height: 65px; margin: 0 0 23px } .fscon03 { margin-top: 32px } .fscon03 .berpo_btn { margin-top: 25px; border-radius: 50px 50px 50px 50px; padding: 0 40px } .fscon03 .col-lg-8 { margin-left: -43px } .portfolioPage03 { position: relative; padding: 90px 0 142px } .portfolioPage03 .filter_menu li:hover span, .portfolioPage03 .filter_menu li.active span, .portfolioPage03 .filter_menu li:hover, .portfolioPage03 .filter_menu li.active { color: #ef0101 } .pf04 { padding-bottom: 110px } .pf04 .folioHover02 p { color: #ef0101 } .pf04 .folioHover02 h4 a:hover { color: #ef0101; } .pf05 { padding: 130px 0 142px } .pf05 .filter_menu03 li.active, .pf05 .filter_menu03 li:hover { color: var(--theme-color) } .pf05 .filter_menu03 li.active span, .pf05 .filter_menu03 li:hover span { color: var(--theme-color) } .pf05 .folioItem05 { background:#2c2b29 } .shopOfferSection { position: relative; padding: 160px 0 0 } .offerWrap { position: relative; background: url(../images/shop/1.jpg) no-repeat center center/cover; border-radius: 5px; padding: 140px 10px 106px } .offerSlider.owl-carousel { position: relative } .customNavigation { position: absolute; left: 0; bottom: -27px; z-index: 2; width: 245px } .customNavigation .navItem { float: right; text-align: right; margin: 0 0 16px; display: block; position: relative; background: 0 0; width: 100%; height: auto; border: none; outline: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .customNavigation .navItem.next {} .customNavigation .navItem i { width: 51px; height: 51px; float: right; border-radius: 5px; text-align: center; display: block; color: #171717; background: #fff; font-size: 10px; line-height: 52px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .navPost { visibility: hidden; opacity: 0; position: absolute; cursor: pointer; right: 0; top: 0; padding-right: 70px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .navPost img { width: 51px; height: 51px; border-radius: 5px; position: absolute; right: 0; top: 0 } .navPost h5 { font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; letter-spacing: -.42px; margin: 7px 0 0 } .navPost h5 span { line-height: .8; font-size: 15px; font-weight: 400; letter-spacing: -.3px; display: block } .customNavigation .navItem:hover .navPost { visibility: visible; opacity: 1 } .offerCon { position: relative } .offerCon>span { display: block; font-size: 20.84px; color: #efefef; line-height: 28px; letter-spacing: -.4px; margin: 0 0 0 } .offerCon h3 { font-size: 65px; line-height: 73px; font-weight: 600; color: #fff; letter-spacing: -1.2px; margin: 0 0 5px } .offerCon p { font-size: 16.7px; color: #fff; line-height: 26px; letter-spacing: -.32px; margin: 0 0 41px } .offerCon .berpo_btn.with_icon04 { height: 54px; line-height: 55px; color: #f0f0f0; font-size: 14.43px; padding: 0 25px } .offerCon .berpo_btn.with_icon04 i { width: 25px; height: 25px; font-size: 10.84px; color: #f0f0f0; line-height: 26px; margin-left: 10px } .shopPage { position: relative; padding: 90px 0 160px } .sptitle { font-size: 36px; color: #141414; line-height: 1.2; margin: 0 } .shopController { display: flex; justify-content: flex-end; font-family: Poppins, sans-serif; position: relative; margin: 0 0 44px } .show-results { position: relative; color: #999; font-size: 14.43px; font-weight: 700; letter-spacing: .36px; margin-right: 58px } .show-results:after { position: absolute; right: -28px; top: 7px; width: 1px; height: 11px; content: ''; background: #dfdfdf } .show-product { color: #000; font-size: 14.43px; font-weight: 700; letter-spacing: .21px; text-transform: uppercase } .show-product span { display: inline-block; color: #999 } .sorting { display: flex; margin: 3px 0 0; position: relative; margin-right: 58px } .sorting:after { position: absolute; right: -28px; top: 7px; width: 1px; height: 11px; content: ''; background: #dfdfdf } .sorting h5 { font-size: 14.43px; color: #999; text-transform: uppercase; letter-spacing: -.21px; display: inline-block; margin: 0 5px 0 0 } .sorting .nice-select { height: auto; width: auto; background: 0 0; font-size: 14px; color: #000; font-weight: 700; text-transform: uppercase; display: inline-block; line-height: 22px; margin: 0; padding: 0 } .sorting .nice-select:after { display: none } .filterBy { position: relative; margin: -6px 0 0 55px } .filterBy select, .filterBy .nice-select { width: 100%; height: 38px; background: #f9f9f9; border-radius: 0; line-height: 39px; outline: none; margin: 0; border: 0; text-transform: uppercase; padding: 0 15px 0 34px; color: #111; font-size: 12px; font-weight: 800; letter-spacing: 0; -webkit-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; max-width: 90px } .filterBy select, .filterBy .nice-select { line-height: 39px; text-transform: uppercase; font-size: 13px; color: #141414; font-weight: 600; letter-spacing: 0; cursor: pointer } .sorting .nice-select .list, .filterBy .nice-select .list { margin: 0; padding: 0; border: none; border-radius: 0; box-shadow: none; max-height: 361px; overflow: auto; -webkit-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08); -moz-box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .08) } .sorting .nice-select .option, .filterBy .nice-select .option { font-size: 13px; color: #141414; font-weight: 600; border-top: 1px solid rgba(0, 0, 0, .05); padding: 2px 22px } .filterBy .nice-select .option:hover, .filterBy .nice-select .option.focus, .filterBy .nice-select .option.selected.focus { background: 0 0; color: var(--theme-color) } .sorting .nice-select .option:hover, .sorting .nice-select .option.focus, .sorting .nice-select .option.selected.focus { background: 0 0; color: var(--theme-color) } .filterBy .nice-select:after { content: "\e970"; left: 13px; right: auto; color: #141414; font-size: 11px } .productItem01 { position: relative; font-family: Poppins, sans-serif; background: #f9f9f9; margin: 0 0 32px } .proThumb { position: relative } .proThumb img { width: 100%; height: auto } .ratings { display: flex; font-size: 10px; color: var(--theme-color); letter-spacing: 3px; line-height: 1.1; margin: 0 0 11px } .ratings i { display: inline-block } .product_content { position: relative; padding: 20px 38px 21px } .product_content h3 { font-size: 20px; line-height: 26px; color: #414141; text-transform: uppercase; margin: 0 0 11px } .product_content h3 a { color: inherit } .product_content h3 a:hover { color: var(--theme-color) } .pi01Price { display: flex; position: relative; font-family: Poppins, sans-serif; font-size: 18px; font-weight: 800; color: #414141; line-height: .8; margin: 0 } .pi01Price ins { text-decoration: none } .pi01Price del { text-decoration: line-through; margin-left: 7px; color: #6a6a6a; font-weight: 400 } .prLabels { position: absolute; right: 12px; top: 12px; z-index: 2 } .prLabels p { background: #2b2b2b; color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 0; font-weight: 500; line-height: 25px; border-radius: 0; height: 24px; padding: 0 10px; margin: 0 } .prLabels p.sale { background: var(--theme-color) } .prLabels p.off { background: #05d218 } .piActionBtns { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 3 } .piActionBtns a { height: 54px; width: 54px; background: var(--theme-color); border-radius: 50%; color: #fff; display: block; line-height: 60px; font-size: 18px; opacity: 0; text-align: center; visibility: hidden; margin: 0 1px } .piActionBtns a:nth-child(1) { -webkit-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -moz-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -ms-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -o-transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transition: transform 350ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0) } .piActionBtns a:nth-child(2) { -webkit-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -moz-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -ms-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -o-transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transition: transform 450ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0) } .piActionBtns a:nth-child(3) { -webkit-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -moz-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -ms-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; -o-transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transition: transform 550ms cubic-bezier(.445, .05, .55, .95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms; transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -webkit-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0) } .productItem01:hover .piActionBtns a:nth-child(1), .productItem01:hover .piActionBtns a:nth-child(2), .productItem01:hover .piActionBtns a:nth-child(3) { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } .piActionBtns a:hover { background: #2b2b2b; color: #fff } .shopPage .berpo_btn { height: 59px; line-height: 60px; color: #f0f0f0; background: #202122; padding: 0 36px; margin-top: 48px } .shopPage .berpo_btn.with_icon04 i { background: #383839 } .shopPage .berpo_btn.with_icon04:hover i { background: #980000 } .shopPage .berpo_btn .bp-shape { background: var(--theme-color) } .ctaItem { position: relative; overflow: hidden } .ctaItem img { width: 100%; height: auto; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .ctaCons { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); z-index: 3 } .ctaItem h3 { font-size: 45px; line-height: 50px; color: #fff; margin: 0 0 38px } .ctaItem .berpo_btn { height: 53px; line-height: 54px; font-size: 13.47px; color: #f0f0f0; background: #202122 } .ctaItem .berpo_btn.with_icon04 i { width: 25px; height: 25px; background: #383839; line-height: 26px; color: #f0f0f0; font-size: 10.78px } .ctaItem .berpo_btn.with_icon04:hover i { background: #980000 } .ctaItem .berpo_btn .bp-shape { background: var(--theme-color) } .ctaItem:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) } .singleProduct { position: relative; padding: 160px 0 225px } .proSliderWrapper { position: relative; margin: 0 60px 0 0 } .productSlide { position: relative; padding: 0 0 28px } .sp_img { position: relative; text-align: center } .sp_img img { width: 100%; height: auto; border-radius: 10px } .indicator_slider { text-align: center; position: relative; top: 0; z-index: 2; z-index: 15; display: block; padding: 0; max-width: 385px; margin: 0 auto; list-style: none } .indicator_slider li { list-style: none; margin: 0; padding: 0 } .indicator_slider li .idItem { width: 72px; height: 72px; border-radius: 5px; padding: 0; margin: 0 auto; text-align: center; position: relative; cursor: pointer; opacity: 1; border: none; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .indicator_slider li .idItem:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; border-radius: 5px; background: rgba(255, 255, 255, .6); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .indicator_slider .slick-slide.slick-current.slick-active.slick-center:hover .idItem:after, .indicator_slider .slick-slide.slick-current.slick-active.slick-center .idItem:after { visibility: visible; opacity: 1 } .indicator_slider li img { width: 100%; height: 100%; border-radius: 5px } .slick-initialized .slick-slide { border: none; outline: none; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .indicator_slider .slick-slide { padding: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .product_details { position: relative; padding: 58px 0 0 } .product_details h5 { font-size: 15px; font-weight: 500; line-height: 21px; color: var(--theme-color); margin: 0 0 2px; text-transform: uppercase } .product_details h5 a { color: inherit } .product_details h5 a:hover { color: #252525 } .product_details h3 { font-size: 28px; line-height: 42px; color: #252525; margin: 0 0 10px } .product_details .woocommerce-product-rating { display: flex; justify-content: flex-start; line-height: 15px; margin: 0 0 15px } .product_details .woocommerce-product-rating .ratings { color: #fcd846; font-size: 12px; margin: 8px 0 0; letter-spacing: 8px } .product_details .woocommerce-product-rating .woocommerce-review-link { text-transform: capitalize; color: #8799a3; font-size: 13px; text-align: center; display: inline-block; position: relative; height: 31px; line-height: 31px; border: 1px solid #8799a3; border-radius: 50px; margin-left: 22px; padding: 0 16px } .product_details .woocommerce-product-rating .woocommerce-review-link:after { position: absolute; left: -18px; top: 0; bottom: 0; margin: auto; content: ''; width: 18px; height: 1px; background: #8799a3 } .product_details .pi01Price { font-size: 28px; color: #39b54a; font-weight: 800; margin: 0 0 19px } .product_details .pi01Price del { font-size: 20px; line-height: 32px; color: #b7c6ce; font-weight: 500; margin-left: 15px } .pd_excrpt { font-size: 18px; line-height: 28px; color: #636363; margin: 0 0 37px } .pd_excrpt p:last-of-type { margin: 0 } .product_size { position: relative; margin-bottom: 32px } .product_size h6 { display: block; font-size: 14px; color: #252525; line-height: .8; margin: 0 0 13px } .size_btn { display: inline-block; margin: 0 6px 0 0 } .size_btn input[type=radio] { display: none; margin: 0 } .size_btn label { position: relative; font-size: 14px; line-height: 35px; color: #8799a3; font-weight: 700; cursor: pointer; width: 36px; z-index: 2; height: 36px; font-family: Poppins, sans-serif; border-radius: 50%; padding: 0; border: 1px solid #8799a3; background: 0 0; text-align: center; text-transform: uppercase } .size_btn input[type=radio]:checked+label { color: #fff } .size_btn input[type=radio]:checked+label::after { background: #8799a3; border-radius: 50%; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; -webkit-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5); -moz-box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5); box-shadow: 0 10px 30px 0 rgba(135, 153, 163, .5); transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms } .qty_weight { display: flex; position: relative; margin: 0 0 32px } .cart_quantity { position: relative; margin: 0 30px 0 0 } .quantityd { height: 60px; position: relative; z-index: 1; border-radius: 50px; width: 120px; float: left; margin: 0 !important; border: 2px solid #eceef2 } .quantityd button.qtyBtn { padding: 0; position: absolute; left: 19px; font-size: 22px; border: none; outline: none; color: #8799a3; background: 0 0; line-height: 60px; font-weight: 600; padding: 0; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms } .quantityd input[type=number] { -moz-appearance: textfield } .quantityd input[type=number] { border: medium; color: #252525; height: 100%; font-size: 16px; line-height: 60px; filter: none; margin: 0 auto; font-weight: 700; width: 40px !important; background: 0 0; left: 0; right: 0; outline: none; padding: 0; position: absolute; text-align: center !important } .quantityd button.qtyBtn.btnPlus { right: 19px; left: auto; font-size: 18px } .quantityd button.qtyBtn:hover { color: var(--theme-color) } .product_details .berpo_btn { height: 60px; line-height: 60px; font-size: 14px; padding: 0 42px } .product_details .berpo_btn i { width: auto; height: auto; background: 0 0; font-size: 15px; color: #fff; margin: 0 6px 0 0; line-height: inherit } .product_details .berpo_btn:hover i { background: 0 0 } .pro_meta { position: relative; padding: 52px 0 0 } .pro_meta:after { position: absolute; left: 0; top: 18px; width: 100%; max-width: 362px; height: 2px; content: ''; background: #f0f4f7 } .mtItem { display: flex; margin: 0 0 12px; color: #8799a3; font-size: 16px } .mtItem h6 { min-width: 99px; font-size: 14px; color: #252525; text-transform: uppercase; line-height: 26px; margin: 0; position: relative; top: 2px } .mtItem a { color: #8799a3; font-size: 16px; margin-left: 3px; display: inline-block } .mtsocial a { color: #bbc7cd; margin-right: 20px } .mtItem a:hover { color: var(--theme-color) } .product_tabarea { margin: 95px 0 52px; padding: 0 } .productTabs { margin: 0 0 44px; display: inline-block; padding: 0; border: none } .product_tabarea .productTabs li { margin: 0 17px 0 0; display: inline-block; padding: 0; list-style: none } .product_tabarea .productTabs li a { height: 50px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 51px; text-align: center; color: #8799a3; border: 1px solid #8799a3; font-family: Poppins, sans-serif; border-radius: 50px; text-transform: uppercase; padding: 0 40px; margin: 0; box-shadow: none; position: relative } .product_tabarea .productTabs li a.active, .product_tabarea .productTabs li a:hover { background: var(--theme-color); color: #fff; border-color: var(--theme-color) } .pdtci_content { position: relative } .pdtci_content p { color: #636363; padding-right: 35px } .product_tabarea .adinfo { padding-right: 0 } .product_tabarea .adinfo table { position: relative; width: 100%; border: none; margin: 0 } .product_tabarea .adinfo table tr th { line-height: 36px; color: #1c1f23; font-size: 15px; font-weight: 900; width: 500px; margin: 0; font-family: Poppins, sans-serif; padding: 9px 0; background: 0 0 !important; border: none; border-bottom: 1px dashed #d9d9d9 } .product_tabarea .adinfo table tr td { color: #636363; font-weight: 500; font-size: 15px; font-style: normal; margin: 0; background: 0 0 !important; border: none; border-bottom: 1px dashed #d9d9d9 } .product_tabarea .tab-content>.tab-pane, .product_tabarea .tab-content>.tab-pane.show.active { transform: none } .related_area { position: relative; border-top: 2px solid #f0f4f7; padding: 85px 0 0 } .service_item_06.mb90 { margin-bottom: 90px } .singleService01 { position: relative; padding: 70px 0 } .widget.service_widget { border-radius: 0; padding: 0; margin-right: 16px } .service_widget ul { position: relative; margin: 0; padding: 0 } .service_widget ul li { position: relative; display: block; margin: 0 0 10px; z-index: 1 } .service_widget ul li a { position: relative; display: block; font-size: 20px; line-height: 28px; font-weight: 500; padding: 18.5px 30px; background: #f9f9f9; font-family: Poppins, sans-serif; border-radius: 3px; color: #07001e; border: none } .service_widget ul li a::after { font-size: 16px; position: absolute; right: 20px; top: 19px; line-height: 28px; color: #fff; content: "\e93f"; font-family: themewar !important; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .service_widget ul li:hover a:after, .service_widget ul li.active a:after { right: 30px; visibility: visible; opacity: 1 } .service_widget ul li:hover a, .service_widget ul li.active a { background: var(--theme-color); color: #fff } .service_details { position: relative; margin-left: -15px } .service_details img { max-width: 100%; height: auto; border-radius: 5px } .service_details h3 { font-size: 35px; line-height: 42px; color: #07001e; margin: 29px 0 20px } .service_details p { margin: 0 0 18px } .service_details .berpo_btn.with_icon04 { color: #f0f0f0; height: 59px; line-height: 60px; padding: 0 34px; margin-top: 29px } .service_details02 { position: relative } .servMeta { position: relative; padding: 24px 0 0 119px; min-height: 91px; margin: 0 0 25px } .servMeta i { width: 91px; height: 91px; line-height: 93px; color: #020288; font-size: 40px; text-align: center; background: #f5f5f5; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 0 } .servMeta .simg { display: inline-block; width: 91px; height: 91px; line-height: 93px; color: #020288; font-size: 40px; text-align: center; background: #f5f5f5; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 0 } .servMeta .simg img { height: 57px; width: auto } .gallerSliderWraper { position: relative } .gallerSlider { margin: 0 30px 0 0 } .gallThumb { position: relative; overflow: hidden; border-radius: 5px 0 0 0 } .gallThumb img { width: 100%; height: auto; border-radius: 5px 0 0 0 } .gallerSliderWraper .lSPager li img { width: 100%; border-radius: 5px; height: auto; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; -ms-transition: all ease 300ms } .serPacage { margin: -187px 0 0 18px } .serPacage.pricing-item-02 .berpo_btn { background: var(--theme-color); box-shadow: none } .serPacage ul li i { color: var(--theme-color) } .service_details02 { position: relative; margin-left: -61px; padding: 61px 0 0 } .service_details02 h3 { font-size: 25px; line-height: 28px; color: #13171f; margin: 0 0 19px; letter-spacing: .25px } .service_details02 p { color: #878787; line-height: 30px; margin: 0 0 30px } .socail_share { position: relative; margin: 49px 0 0 } .socail_share h5 { font-size: 16px; line-height: 26px; color: #13171f; margin: 0 0 10px; display: block; letter-spacing: .16px } .socail_share a { display: inline-block; width: 45px; height: 45px; line-height: 45px; color: #454a53; text-align: center; font-size: 16px; background: 0 0; border-radius: 50%; margin-right: 10px } .socail_share a:hover { color: #fff; background: #0051f2 } .service_sidebar { position: relative; margin-right: 60px; margin-top: 30px } .service_list { margin: 0 0 50px; padding: 0 0 12px; background: #f9f9f9; border-radius: 3px } .service_list .widget_title { position: relative; top: -30px; width: calc(100% - 50px); height: 76px; font-size: 20px; color: #161616; line-height: 75px; font-weight: 600; margin-bottom: -12px; text-transform: capitalize; letter-spacing: 0; margin-right: auto; margin-left: auto; padding: 0 34px; background: #fff; -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11); -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11); box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11) } .service_list .widget_title img { height: 32px; width: auto; margin-right: 15px } .service_list .widget_title i { display: inline-block; font-size: 32px; margin-right: 17px; color: #020288; position: relative; top: 10px } .service_list ul { margin: 0; padding: 0 } .service_list ul li { list-style: none; display: block; position: relative; border-bottom: 1px solid #ebebeb; padding: 10px 60px } .service_list ul li:last-child { border: none } .service_list ul li a { display: inline-block; font-size: 17px; color: #161616; position: relative } .service_list ul li a:before { position: relative; top: -1px; display: inline-block; width: 8px; height: 8px; background: #d6d6d6; border-radius: 50%; content: ''; margin-right: 14px; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; -ms-transition: all ease 300ms } .service_list ul li.active a, .service_list ul li a:hover { color: var(--theme-color) } .service_list ul li.active a:before, .service_list ul li a:hover:before { background: var(--theme-color) } .download_widget { position: relative; margin: 0 0 79px } .downloadbtn.berpo_btn { display: block; height: 62px; background: #353535; border-radius: 3px; position: relative; z-index: 2; padding: 0 40px; line-height: 62px; color: #fff; text-align: left; font-size: 17px; text-transform: capitalize; font-weight: 500; margin: 0 0 8px } .downloadbtn.berpo_btn i { display: inline-block; margin-right: 16px; position: relative; top: 1px } .downloadbtn.berpo_btn .bp-shape { background: var(--theme-color) } .downloadbtn:hover { color: #fff } .contactInfo { margin: 0; padding: 0 0 13px; background: #f9f9f9; border-radius: 3px } .contactInfo .widget_title { position: relative; top: -30px; width: calc(100% - 50px); height: 76px; font-size: 20px; color: #161616; line-height: 75px; font-weight: 600; margin-bottom: 30px; text-transform: capitalize; letter-spacing: 0; margin-right: auto; margin-left: auto; padding: 0 34px; background: #fff; -webkit-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11); -moz-box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11); box-shadow: 0 3px 73px 0 rgba(0, 0, 0, .11) } .contactInfo .widget_title img { height: 32px; width: auto; margin-right: 15px } .contactInfo .widget_title i { display: inline-block; font-size: 32px; margin-right: 17px; color: #020288; position: relative; top: 10px } .infoItem { position: relative; min-height: 62px; padding: 5px 30px 26px 138px; margin-bottom: 24px; border-bottom: 1px solid #ececec } .infoItem:last-child { border: none; margin: 0 } .infoItem i { left: 53px; width: 62px; height: 62px; line-height: 65px; text-align: center; border-radius: 50%; font-size: 24px; color: #fff; background: #ef0101; position: absolute; left: 53px; top: 0 } .infoItem i.twi-phone-volume { transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .infoItem h5 { font-size: 22px; color: #161616; line-height: 24px; margin: 0 0 5px } .infoItem p { font-size: 17px; line-height: 25px; color: #3c3c3c; margin: 0; text-align: left; } .imageGallery.owl-carousel { position: relative; margin: 0 0 32px } .imageGallery.owl-carousel .galImg { position: relative } .imageGallery.owl-carousel .galImg img { width: 100%; height: auto; border-radius: 3px } .imageGallery.owl-carousel .owl-dots { position: absolute; left: 0; right: 0; bottom: 21px; z-index: 2; margin: 0 auto; text-align: center } .imageGallery.owl-carousel .owl-dots button { height: 12px; width: 12px; background: #fff; margin: 0 3.5px; border-radius: 50%; display: inline-block; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms } .imageGallery.owl-carousel .owl-dots button span { display: none } .imageGallery.owl-carousel .owl-dots button.active, .imageGallery.owl-carousel .owl-dots button:hover { background: var(--theme-color) } .service_details03 { position: relative; /*margin-left: -39px*/ } .service_details03 p { line-height: 30px; color: #878787; margin: 0 0 20px } .serQuote { position: relative; background: #f3f6fd; border-left: 3px solid var(--theme-color); margin: 40px 0 28px } .serQuote p { font-size: 18px; line-height: 35px; color: #666; font-style: italic; margin: 0; font-weight: 300; padding: 60px 50px 40px 30px } .service_details03 .berpo_btn { background: #202122; padding: 0 33px; margin-top: 12px } .service_details03 .berpo_btn .bp-shape { background: var(--theme-color) } .service_details03 .berpo_btn.with_icon i { background: #383839 } .service_details03 .berpo_btn.with_icon:hover i { background: #980000 } .sp04 { position: relative; background: #f7f7f7; padding: 150px 0 110px } .sp04 .service_item_01 { margin-bottom: 40px } .sp07, .sp06 { padding: 150px 0 110px } .sp06 .service_item_07 .ibMeta { color: var(--theme-color) } .sp06 .service_item_07 h5, .sp06 .service_item_07 h3 a:hover { color: var(--theme-color) } .sp06 .service_item_07 .srm { background: var(--theme-color) } .sp06 .service_item_07 .srm:hover { background: #030303 } .sp06 .service_item_07:after { -webkit-box-shadow: 0 4px 0 0 var(--theme-color); -moz-box-shadow: 0 4px 0 0 var(--theme-color); box-shadow: 0 4px 0 0 var(--theme-color) } .mapsSection { position: relative; overflow: hidden } .mapsSection iframe { position: relative; overflow: hidden; width: 100%; height: 510px; line-height: .8; border: none } .mapsSection02 iframe { position: relative; overflow: hidden; width: 100%; height: 611px; line-height: .8; border: none } .google_map { position: relative; overflow: hidden; width: 100%; height: 510px; line-height: .8 } .icon_box_06 { position: relative; padding: 2px 0 0 74px; min-height: 61px; margin-right: -30px; margin-bottom: 13px } .icon_box_06 .ibMeta { position: absolute; left: 0; top: 0; width: 61px; height: 61px; background: #fff; line-height: 64px; border-radius: 50%; border: 2px solid #eceef2; font-size: 26px; color: var(--theme-color); text-align: center } .icon_box_06 p { color: #252525; font-size: 18px; line-height: 28px; font-weight: 700; margin: 0 } .icon_box_06 p span { color: #636363 } .ib62, .ib63 { padding-top: 19px } .ib63 p { color: var(--theme-color) } .contactPageForm { background: 0 0; box-shadow: none; margin: 0 0 0 30px; padding: 0 } .contactPageForm .secTitle02 { font-size: 32px; line-height: 42px; color: #252525; font-weight: 800; text-align: left; margin: 0 0 29px } .contactPageForm textarea, .contactPageForm input { height: 60px; border-radius: 50px; padding: 0 38px; font-size: 16px; line-height: 60px; color: #8799a3; background: #fff; font-weight: 400; margin: 0 0 20px; border: 2px solid #eceef2 } .contactPageForm textarea { height: 220px; line-height: 28px; padding-top: 15px; border-radius: 30px } .contactPageForm textarea::-moz-placeholder, .contactPageForm input::-moz-placeholder { color: #8799a3; opacity: 1 } .contactPageForm textarea::-ms-input-placeholder, .contactPageForm input::-ms-input-placeholder { color: #8799a3; opacity: 1 } .contactPageForm textarea::-webkit-input-placeholder, .contactPageForm input::-webkit-input-placeholder { color: #8799a3; opacity: 1 } .contactPageForm .berpo_btn { height: 60px; font-size: 14px; line-height: 61px; border-radius: 50px; margin-top: 20px } .mapsSection02 { position: relative; padding: 160px 0 0 } .mapsSection02 .google_map { height: 611px } .icon_box_07 { position: relative; padding: 0; margin-bottom: 30px } .icon_box_07 .ibMeta { margin: 0 0 32px; width: 123px; height: 123px; background: #fff; line-height: 130px; border-radius: 50%; font-size: 51px; color: var(--theme-color); text-align: center; -webkit-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1); -moz-box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1); box-shadow: 0 4px 18px 0 rgba(32, 45, 73, .1) } .icon_box_07 h3 { font-size: 20px; line-height: 28px; color: #1d2c44; margin: 0 0 10px } .icon_box_07 p { color: #646d7c; font-size: 18px; line-height: 26px; font-weight: 500; font-family: Poppins, sans-serif; margin: 0 } .cnborder { position: relative; border-top: 1px solid #e8e8e8; margin: 57px 0 0 } .teamDetailsSection { position: relative; padding: 150px 0 248px } .tmImg { position: relative; margin: 0 44px 0 0 } .tmImg img { max-width: 100%; height: auto; margin: 0 0 15px } .tmImg .single_skill { margin: 25px 0 0 } .tmImg .ss_child { background: var(--theme-color) } .tmdCon { position: relative } .tmdCon>p { margin: 0 0 27px } .tmt_meta { position: relative; padding: 0; margin: -7px 0 0 } .tmt_meta .tm_designation { font-size: 15px; line-height: 24px; font-weight: 500; color: var(--theme-color); display: block; margin: 1px 0 4px } .tmt_meta h4 { font-size: 30px; margin: 0 0 25px } .stm_social { position: relative; margin: 0 0 35px } .stm_social a { margin: 0 6px 0 0; display: inline-block; width: 36px; height: 36px; position: relative; z-index: 2; background: #fff; color: #252525; line-height: 38px; text-align: center; font-size: 14px; border-radius: 50%; -webkit-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1)); -moz-filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1)); filter: drop-shadow(-2px 1px 8px rgba(226, 225, 225, 1)) } .stm_social a::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; margin: auto; width: 0; height: 0; z-index: -1; content: ''; background: var(--theme-color); -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .stm_social a:hover { color: #fff } .stm_social a:hover::after { width: 100%; height: 100% } .tm_meta { margin: 0 0 78px; padding: 0 } .tm_meta li { list-style: none; display: block; font-size: 16px; color: #959595; font-weight: 500; line-height: 36px; margin: 0 } .tm_meta li span { display: inline-block; font-weight: 800; color: #252525 } .tm_meta li i { color: var(--theme-color); display: inline-block; font-size: 20px; position: relative; top: 2px; line-height: inherit; margin-right: 15px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .tmser .service_item_07 .ibMeta { color: var(--theme-color) } .tmser .service_item_07 h5, .tmser .service_item_07 h3 a:hover { color: var(--theme-color) } .tmser .service_item_07 .srm { background: var(--theme-color) } .tmser .service_item_07 .srm:hover { background: #030303 } .tmser .service_item_07:after { -webkit-box-shadow: 0 4px 0 0 var(--theme-color); -moz-box-shadow: 0 4px 0 0 var(--theme-color); box-shadow: 0 4px 0 0 var(--theme-color) } .tmser { margin-top: 86px; margin-bottom: 70px } .tmDesc p { margin: 0 0 27px } .tmDesc p:last-child { margin-bottom: 0 } .teamPage { position: relative; padding: 150px 0 115px } .teamPage .team_03 .tm_social { background: var(--theme-color) } .teamPage .tmcontent02 h3 a:hover, .teamPage .team_05 .tm_social a:hover, .teamPage .team_03 h3 a:hover, .teamPage .team_03 p, .teamPage .tm_content .tm_social a, .teamPage .tm_content h3 a:hover { color: var(--theme-color) } .teamPage .tm_content .tm_social a:hover { color: #fff } .teamPage .team_03 { margin-bottom: 30px } .team_06 img { width: 100%; height: auto; border-radius: 10px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s } .teamPage .team_06 { background: var(--theme-color) } @media (max-width: 767px) { .middle_search { position: relative; top:80%; } .accessNav .search_btn2 { position: relative; margin: 0; width: 40px; height: 40px; font-size: 25px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 40px; } .accessNav .search_btn { position: relative; margin: 0; width: 40px; height: 40px; font-size: 22px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 40px; } .accessNav .search_btn1 { position: relative; margin: 0; width: 40px; height: 40px; font-size: 20px; background: #f5f5f5; border-radius: 50%; text-align: center; color: #131313; line-height: 40px; } .popup_togggle_menu { width: 40px; height: 40px; background: #151414; border-radius: 3px; display: inline-block; padding: 9px 11px; } .subTitle { margin-top:60px; } .pricingTab04 li a { font-size:18px; } .tabContent04 img { margin-top:0 } .services-title-1 { font-size:20px; } .pricingTab04 li { margin-bottom:25px; } .fcta h3 { font-size:24px; padding-bottom:20px; } .service_item_02 { min-height: 215px; } header.fixedHeader { position: fixed; width: 100%; top:89%; left:0; background: #fff; z-index: 99; } } /*---------*/ .icon-wd { width:70px; } .services-title-1 { padding:8px; text-align:center; color:#fff; background:#6c821d; margin-bottom:0; } .bg-img-1 { background:url(../bg.jpg); background-size:cover; background-position:center; }