.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: fira sans, 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: 4px 22px; margin: 0; border-bottom: 1px solid; color: #6f6f6f; line-height: 22px; text-transform: capitalize; font-weight: 400; font-size: 15px; 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: 16px; 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: 43%; 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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: 3px
} .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: fira sans, 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: fira sans, 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: fira sans, 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: 67px; background: #f8f8f8; padding: 0 15px 0 60px; 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 { 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: fira sans, 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: #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: 54px 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
} .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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: #382c4d; 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: fira sans, 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: fira sans, 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: #f9f9f9; border-radius: 30px; padding: 0 25px 51px
} .factThumb { position: relative; display: inline-block; width: 77px; height: 77px; line-height: 75px; font-size: 36px; background: #ffffda; 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: #382c4d; 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: gray; 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: 55px 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease
} .header04 .logo img { height: 74px; -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: hidden; opacity: 0
} .header04.fixedHeader .stickyLogo { visibility: visible; opacity: 1
} .header04 .accessNav .search_btn { background: #151414; border-radius: 3px; 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: ''; background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); border-radius: 3px; 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: 3px; display: inline-block; padding: 14px 11px
} .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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .popup_menu { position: fixed; left: 0; top: 0; right: 0; width: 100%; height: 100%; z-index: 999; background: rgba(34, 34, 33, .98); 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: 800; display: inline-block; padding: 0 15px; font-family: fira sans, 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: fira sans, 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .icon_box_03 span { display: block; font-size: 60px; color: #eef3ff; 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 { display: block; color: #666; font-size: 16px; margin: 0
} .icon_box_03 .imgborder { position: absolute; right: -78px; top: 75px
} .abbgThumb { position: relative; border-radius: 3px; margin-right: 33px; padding: 0 50px; text-align: center; background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .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: fira sans, 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .pricingTab04 { position: absolute; left: -210px; 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: fira sans, 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); -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; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .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: 8px; z-index: 2; background: 0 0; padding: 34px 60px 20px 155px
} .service_item_05 .siIcon { width: 73px; height: 73px; line-height: 73px; background: #f3f3f3; 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .service_item_05 h3 { font-size: 25px; line-height: 31.5px; margin: 0 0 9px
} .service_item_05 h3 a { color: inherit
} .service_item_05 h3 a:hover { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .service_item_05 p { color: #868686; font-size: 17px; margin: 0
} .filter_menu02 { position: relative; margin: 44px 0 80px; padding: 0; display: flex; justify-content: flex-end; font-family: fira sans, 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: 14px; 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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: #2b2727
} .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% 0, 100% 100%, 0 88%); visibility: hidden; opacity: 0
} .folioHover03 .popup_video { right: 95px
} .folioHover03 .popup_video::before,
.folioHover03 .popup_video::after { display: none
} .folioHover03 > a:hover { background: #2b2727; color: #fff
} .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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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: fira sans, 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .pricing-item-03 .price-detils .berpo_btn { background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2)
} .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: 1px
} .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 { color: #7c7c7c; font-size: 17px; 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: fira sans, 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); 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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); -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 right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2); border-radius: 3px; padding: 45px 88px 32px 80px; margin-top: -250px
} .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; margin-top: 15px
} .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: url(../images/bg/21.jpg) no-repeat center center/cover; padding: 152px 0 75px
} .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: #8959dc; border-color: #8959dc
} .widget_title03 { font-size: 22px; color: #fff; line-height: 22px; font-weight: 800; border-bottom: 1.5px solid #fff; 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: #8959dc
} .wmenu03 ul li:after { display: none
} .cinfo { position: relative; color: #e9e9e9; font-size: 16px; line-height: 37px; margin: -11px 0 11px
} .cinfo span { font-weight: 700; color: #fff; margin-right: 4px
} .footer_04 .Copyright { position: relative; font-size: 16px; color: #a4a4a4; font-family: fira sans, 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: 38%; background: #2a2a2a; content: ''
} .footer_04 .Copyright:before { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 1px; width: 38%; background: #2a2a2a; content: ''
} .footer_04 .Copyright a { color: inherit
} .footer_04 .Copyright a:hover { color: #8959dc
} .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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: #3d334c; 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: 40px; line-height: 50px; color: #fff; font-weight: 600; 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: #3d334c
} .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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: 408px; position: relative; background-size: cover; background-color: #1d1d1d; overflow: hidden; padding: 233px 0 64px; background-repeat: no-repeat; background-position: center center;
} .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(29, 29, 29, .74)
} .page_banner .containier { position: relative; z-index: 2
} .banner-title { font-size: 50px; line-height: 58px; color: #fff; margin: 0 0 16px
} .breadcrumbs { margin: 0; font-size: 16px; color: #b8b8d3; 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: fira sans, 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: 50px 0
} .singleBlog.bpPad { padding-bottom: 258px
} .spThumb { position: relative; margin: 0 0 15px
} .spThumb img { max-width: 100%; height: auto; width: auto; border-radius: 14px;
} .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: fira sans, 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: fira sans, 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: 27px; line-height: 37px; color: #b28d2e; margin: 10px 0 18px
} .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: fira sans, 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: roboto, 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: fira sans, 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: fira sans, 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: #8a8a8a; 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 248px
} .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: var(--theme-color)
} .pf04 { padding-bottom: 110px
} .pf04 .folioHover02 p { color: var(--theme-color)
} .pf04 .folioHover02 h4 a:hover { color: var(--theme-color)
} .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: var(--theme-color)
} .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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: fira sans, 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: 160px 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: fira sans, 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: var(--theme-color); 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: 18px; line-height: 25px; color: #3c3c3c; margin: 0
} .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: fira sans, 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)
} table tr:first-child td { padding: 5px; background: #bc8d26; border: 1px solid #d5d5d5; color: white; font-weight: 800;
} .mainMenu ul li.menu-item-has-children > a::before { font-family: themewar !important; position: absolute; left: auto; right: 2px; top: calc(50% + 2px); text-align: center; z-index: 9999; display: none; cursor: pointer; transform: translateY(-50%);
} .berpo_btn.with_icon:hover i { background: #bc8d26; color: #fff;
} .berpo_btn.with_icon i { width: 28px; height: 28px; background: #000000; display: inline-block; border-radius: 50%; text-align: center; font-size: 12px; color: #f0f0f0; line-height: 28px; margin-left: 8px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s;
} .berpo_btn.with_icon { background: #bc8d26; border-radius: 50px; height: 59px; line-height: 60px; color: #f0f0f0; padding: 0 28px;
} .expCount { min-height: 170px; position: relative; border: 10px solid #bc8d26; display: flex; justify-content: center; min-width: 100%; align-items: center; margin-bottom: 65px;
} .prcolor2 { color: #bc8d26; font-weight: 1000;
} .funfact03 h5 { font-size: 17px; line-height: 1; color: #ffffff; margin: 0; font-weight: 400;
} .funfact03 { position: relative; background: #6b6b85; border-radius: 30px; padding: 0 25px 51px;
} .funfact03 h2 { font-size: 45px; line-height: 1; color: #ffffff; font-weight: 500; margin: 0 0 8px;
} .fi03Con p { font-size: 14px; line-height: .8; color: #bc8d26; text-transform: uppercase; margin: 0 0 14px;
} .prcolor3 { color: #bc8d26;
} .aboutSection02 { position: relative; padding: 60px 0;
} .expCount03 h2 { display: inline-block; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #bc8d26, #bc8d26, #bc8d26, #bc8d26, #bc8d26); font-size: 70px; line-height: 1; margin: 0;
} .subTitle02 { font-size: 17px; line-height: .9; color: #bc8d26; font-weight: 700; font-family: fira sans, sans-serif; letter-spacing: 5.1px; text-transform: uppercase; margin: 0 0 9px;
} .icon_box_04 .ibMeta i { color: inherit; display: inline-block; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #bc8d26, #bc8d26, #bc8d26, #bc8d26, #bc8d26);
} .icon_box_04 .ibMeta { width: 83px; height: 83px; background: #fff; border-radius: 50%; text-align: center; display: inline-block; border: 1px solid #bc8d26; 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);
} .aboutSection05 .abdesc span { color: #bc8d26;
} .footer-copyright { padding: -1px 0 40px; font-size: 13px; font-family: "Rubik", sans-serif; color: #9b9b9b;
} .text--center { text-align: center !important;
} .copyright a { color: #bc8d26; text-decoration: none;
} .tabSection02 { position: relative; padding: 160px 0 76px; background-color: rgb(114 117 117);
} .tabSection02 h1,
h2,
h3,
h4,
h5,
h6 { font-family: fira sans, sans-serif; font-weight: 700; color: #ffffff; line-height: 1.5; margin: 0 0 15px;
} .tbSDesc { line-height: 30px; color: #ffffff; margin: -28px 0 32px;
} .icon_box_01 h5 { font-size: 19px; line-height: 30px; color: #ffffff; font-weight: 400; margin: 0;
} .icon_box_01 h5 span { display: block; color: #ffffff; font-size: 18px; margin: 4px 0 0;
} a {
    color: #bc8d26;
    text-decoration: none;
} .funfactSection02 { position: relative; padding: 159px 0 152px; background-color: rgb(0, 0, 0);
} .clientSection07 { position: relative; padding: 0 0 29px;
} .aboutSection02 .secTitle { letter-spacing: -2px; padding-right: 55px; margin: 0 0 14px; color: black;
} .expCount h2 { font-size: 90px; font-weight: 600; margin: 0; color: #bc8d26;
} .funfact03 { position: relative; background: #bc8d26; border-radius: 30px; padding: 0 25px 51px;
} .secTitle02 { font-size: 45px; line-height: 52px; margin: 0 0 40px; color: black;
} .funfactSectionabout02 { position: relative; padding: 100px 0 100px; background-color: rgb(255 255 255);
} .tmcontent h3 a { color: black;
} .beproTabCon .secTitle { line-height: 65px; margin: 82px 0 19px; color: black;
} .tabSection01 { position: relative; padding: 0 0 96px; margin-top: 23px; z-index: 2;
} .toast-container { position: fixed; bottom: 120px; right: 20px; z-index: 1050;
} .toast { border-radius: 0.5rem; opacity: 0.9; min-width: 300px; max-width: 400px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} .toast-header { padding: 0.75rem 1.25rem;
} .toast-body { padding: 1.25rem;
} .toast .toast-header { font-weight: bold; position: relative;
} .toast .toast-header .toast-counter { position: absolute; right: 1.25rem; top: 0.75rem; font-size: 0.875rem; color: #fff;
} .qp { vertical-align: middle; border-style: none; border-radius: 10px; margin-top: 150px;
} .contactSection01 { position: relative; padding: 0 0 150px; margin-top: 10px;
} .conInfoSec { position: relative; margin-top: 46px;
} .w-100 { padding: 10px 10px 10px;
} .service_item_09 { position: relative; margin-right: 13px; border-radius: 10px; margin-bottom: 42px; padding: 42px 22px 10px 142px; 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 .ibMeta { width: 88px; height: 88px; position: absolute; z-index: 3; left: 20px; top: 24px; background: url(../images/home7/2.png) no-repeat center center / cover; font-size: 48px; line-height: 128px; color: #000;
} .service_item_09 .ibMeta svg { width: 88px; height: 88px; position: absolute; left: 20px; top: 24px; fill: inherit;
} .service_item_09 .ibMeta i { line-height: 1; margin-left: 27px; margin-top: 45px; display: block; position: relative; z-index: 2;
} .tm_content { position: absolute; left: 2; bottom: 0; z-index: 2; padding: 0 10px;
} .tm_content h3 { font-size: 25px; line-height: 25px; color: #fffefe; font-weight: 800; margin: 0 0 5px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
} .other-ul ul { list-style-type: none; margin: 0; padding: 15px; background: #eae9e9; border-radius: 10px;
} .other-ul ul li { font-weight: 400; margin: 6px 0; display: flex;
} .other-ul ul li:before { font-family: FontAwesome; content: "\ea0e"; font-size: 11px; color: var(--theme-color); font-family: themewar !important; margin-right: 10px;
} .table .thead-dark th { color: #fff; background-color: #ba0b0b; border-color: #d5d5d5;
} .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
} .table th,
.table td { padding: 6px; vertical-align: top; border-top: 1px solid #dee2e6;
} .secTitle02 { font-size: 24px; line-height: normal; margin: 0 0 15px; color: #b28d2e;
} .br { border-left: 1px solid #f1f1f1; margin-left: 0px; padding-left: 0;
} .awardSection02 { position: relative; padding: 16px;
} .awardItem02 { position: relative; min-height: 95px; padding: 0 15px 10px 75px; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1;
} .other-ul ul { margin: 10px; padding: 15px; background: #eae9e9; border-radius: 10px;
} .table { width: 100%; margin-bottom: 1rem; color: #212529; font-size: 17px;
} .singleBlog.bpPad { padding-bottom: 0px;
} .aboutSection05 { position: relative; padding: 50px 0 160px;
} .tm_content h3 a:hover { color: #ffffff;
} ul { padding: 0; margin: 0; list-style: none;
} .contact-list li { color: #ffffff;
} .singleBlog a { color: #000000; text-decoration: none;
} .team_02 { position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 12px; border: solid 1px black;
} td,
th { border: 1px solid #225777; text-align: center; color: black; padding: 3px; background-color: #fff;
} table tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.01);
} table { border-collapse: collapse; width: 100%; margin-bottom: 20px;
} .sidebar .widget .widget_title:after { left: 0; bottom: 3px; width: 100%; height: 5px; content: ''; background: transparent; border-radius: 10px; z-index: -1;
} .awardItem02 .awarName p { color: #000000; font-size: 16px; line-height: 20px; letter-spacing: .32px; margin: 0;
} .pw02 { margin-left: -100px; line-height: 40px;
} .site-footer__bottom { position: relative; display: block; border-top: 1px solid rgba(var(--qondri-white-rgb), 0.1);
} .site-footer__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 35px 0;
} .site-footer__bottom-text { font-size: 16px; color: #a6bad4; font-weight: 500; margin: 0;
} .site-footer__bottom-menu { position: relative; display: flex; align-items: center;
} ul.list-unstyled.site-footer__bottom-menu li { margin: 3px;
}
.col-lg-8.boxing { box-shadow: 1px -5px 4px grey; border-radius: 10px;
}
a.searchd { color: #bb9026;
}
img.whataap {
    width: 60px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0px -1px 10px #00ff00;
}
a.whataap-me {
    z-index: 1000;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: auto;
    padding: 0 !important;
    border-radius: 100%;
}